@charset "UTF-8";
/* Reset & Base */
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;line-height:1.6}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}q:after,q:before{content:''}embed,object{vertical-align:top}hr,legend{display:none}h1,h2,h3,h4,h5,h6{font-size:100%}abbr,acronym,fieldset,img{border:0}ol,ul{list-style-type:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}main{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0;vertical-align:top}address{font-style:normal}caption,td,th{font-weight:400;text-align:left}a:focus{outline:thin dotted}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#fff9c0;text-decoration:none}hr{border:0;height:1px;border-bottom:1px solid #ccc}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}button{border:0;background:0 0;display:block;cursor:pointer}input,textarea{-webkit-box-sizing:border-box;box-sizing:border-box}sup{top:-.5em}sub{bottom:-.25em}small{font-size:smaller}a,button{text-decoration:none;opacity:1}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{word-break:break-all}img{border:0;margin:0;padding:0;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%;height:auto}a{text-decoration:none}a:link{text-decoration:none;color:inherit}a:hover{text-decoration:none;color:inherit}a:visited{color:inherit}a,a:focus{outline:0}button,input,input:focus{outline:0}button::-moz-focus-inner,input::-moz-focus-inner{border:none}

/* Animation classes */
.MoveUp{opacity:0;-webkit-transform:translate(0,100px);transform:translate(0,100px);-webkit-transition:opacity 1.9s cubic-bezier(.19,1,.22,1),-webkit-transform 1.9s cubic-bezier(.19,1,.22,1);transition:opacity 1.9s cubic-bezier(.19,1,.22,1),-webkit-transform 1.9s cubic-bezier(.19,1,.22,1);transition:transform 1.9s cubic-bezier(.19,1,.22,1),opacity 1.9s cubic-bezier(.19,1,.22,1);transition:transform 1.9s cubic-bezier(.19,1,.22,1),opacity 1.9s cubic-bezier(.19,1,.22,1),-webkit-transform 1.9s cubic-bezier(.19,1,.22,1)}
.MoveUpDone{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.FadeIn{opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
.FadeInDone{opacity:1}

/* Base styles */
*{font-size:16px;font-weight:400;padding:0;margin:0;letter-spacing:.05em;-webkit-box-sizing:border-box;box-sizing:border-box}
html{overflow:auto;scroll-behavior:smooth;scroll-padding-top:80px}
body{letter-spacing:0;line-height:0;word-wrap:break-word;overflow:hidden}
body,html{min-width:1200px;max-width:100%;margin:auto;font-family:"Noto Sans JP",Oswald,"Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#18181c;background-color:#fff}
main{-webkit-animation:fadeIn 2s ease 0s 1 normal;animation:fadeIn 2s ease 0s 1 normal;position:relative}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
a,a:hover,a:visited{text-decoration:none}
b{font-weight:700}
img{max-width:100%;height:auto}
ul{list-style-type:none}
.sp-block,.sp-flex,.sp-inline,.sp-inline-block,.sp-table-row{display:none!important}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){
  body,html{min-width:0;max-width:100vw;overflow-x:hidden;position:relative}
  .sp-none{display:none!important}
  .sp-block{display:block!important}
  .sp-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
  .sp-inline{display:inline!important}
  .sp-inline-block{display:inline-block!important}
  .sp-brNone br{display:none!important}
  .sp-table-row{display:table-row!important}
}
.enFont{font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
.container{position:relative;width:1118px;max-width:92%;margin:0 auto}

/* Background accent */
.bgAccent{position:relative}
.bgAccent::after,.bgAccent::before{content:'';position:absolute;width:956px;height:741px;background:url(../img/common/bg_gears.png) no-repeat center/contain}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.bgAccent::after,.bgAccent::before{width:600px;height:465px}}
.bgAccent::before{top:0;right:0}
.bgAccent::after{display:none;bottom:0;left:0}

/* Include common header/footer/mainv/pankuzu/contact styles from news.css */

/* Contact CTA */
.contact__cta{position:relative;padding:73px 0 72px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__cta{padding:60px 0}}
.contact__ctaBg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover"}
.contact__ctaBox{background:transparent -webkit-gradient(linear,left top,left bottom,from(#0070d0),to(#00b5d6)) 0 0 no-repeat padding-box;background:transparent linear-gradient(180deg,#0070d0 0,#00b5d6 100%) 0 0 no-repeat padding-box;padding:67px 30px 65px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBox{padding:40px 20px}}
.contact__ctaBoxContent{width:560px;margin:0 auto;color:#fff}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBoxContent{width:100%}}
.contact__ctaTitleEn{font-size:69px;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:700;line-height:1.47;display:block}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaTitleEn{font-size:50px}}
.contact__ctaTitleJa{font-size:32px;font-weight:700;line-height:1.43;margin-top:-8px;display:block}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaTitleJa{font-size:24px}}
.contact__ctaDesc{font-size:15px;line-height:1.8;margin-top:16px;display:block}
.contact__ctaBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}
.contact__ctaBtn--fax,.contact__ctaBtn--tel{border:1px solid #fff;width:calc((100% - 30px)/ 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 10px 13px;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff!important}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--fax,.contact__ctaBtn--tel{width:100%}}
.contact__ctaBtn--tel:hover{opacity:.7}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--fax{margin-top:20px}}
.contact__ctaBtn--text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left}
.contact__ctaBtn--textDesc{font-size:10px;font-family:"Noto Sans",sans-serif;letter-spacing:.03em}
.contact__ctaBtn--fax img{margin-right:12px;-webkit-transform:translate(3px,1px);transform:translate(3px,1px)}
.contact__ctaBtn--tel img{margin-right:8px;-webkit-transform:translate(2px,1px);transform:translate(2px,1px)}
.contact__ctaBtn--textNum{font-size:20px;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:600;line-height:1;margin-top:5px}
.contact__ctaBtn--contact{width:100%;border:1px solid #fff;margin-top:20px;text-align:left;padding:18px 28px 11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff!important}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--contact{padding:20px 20px 13px}}
.contact__ctaBtn--contact:hover{opacity:.7}
.contact__ctaBtn--contact:hover .contact__ctaBtn--contactIcon{right:10px}
.contact__ctaBtn--contactText{font-size:18px;font-weight:700}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--contactText{font-size:15px}}
.contact__ctaBtn--contactText img{margin-right:8px;margin-top:-4px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--contactText img{margin-right:6px}}
.contact__ctaNote{font-size:15px;margin-top:21px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaNote{margin-top:15px}}
.contact__ctaBtn--contactIcon{position:relative;top:-4px;right:-4px;display:inline-block;width:146px;height:35px;margin-left:39px;color:#fff;-webkit-transition:right .3s ease;transition:right .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--contactIcon{width:80px;margin-left:10px;height:30px;right:0}}
.contact__ctaBtn--contactIcon::before{content:"";position:absolute;right:20px;top:calc(50% - 8px);width:74px;height:7px;border-bottom:1px solid;border-right:1px solid;-webkit-transform:skewX(62deg);transform:skewX(62deg);-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--contactIcon::before{width:60px;top:calc(50% - 4px);height:5px}}
.contact__ctaBtn--contactIcon::after{content:"";position:absolute;right:0;top:0;width:33px;height:33px;border:1px solid;border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__ctaBtn--contactIcon::after{width:30px;height:30px}}

/* Header */
.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:109px;padding:0 136px 0 38px;position:fixed;top:0;left:0;z-index:9000;-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:1024px){.header__inner{z-index:9004}}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.header__inner{padding:0 4%;height:70px}}
.header__inner.active{background-color:#fff;height:90px}
@media screen and (max-width:1024px){.header__inner.active{background-color:unset;-webkit-box-shadow:unset;box-shadow:unset}}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.header__inner.active{height:70px}}
.header__logoLink{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;font-size:15px}
.header__logoLink img{margin-right:4px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.header__logoLink img{width:240px}}
.header__logoLink:hover{opacity:.7}
@media screen and (max-width:1024px){.header__navBox{display:none}}
.header__navList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:9990}
.header__navItem+.header__navItem{margin-left:37px}
.header__navItem:first-child .header__navLink::before{left:45%}
.header__navLink{height:auto;font-size:16px;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding-bottom:1px;-webkit-transition:all .2s;transition:all .2s}
.header__navLink::before{content:'';display:inline-block;border-top:9px solid #0070d0;border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transition:opacity .12s ease-in;transition:opacity .12s ease-in;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-10px;opacity:0}
.header__navLink--active::before,.header__navLink:hover::before{opacity:1}
.header__navLink span{-webkit-transition:all .2s;transition:all .2s}
.header__navLink .header__navLinkJpTxt{opacity:0;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .5s;transition:all .5s;white-space:nowrap}
.header__navLink .header__navLinkEnTxt{opacity:1;-webkit-transition:all .5s;transition:all .5s;display:block}
.header__navLink:hover .header__navLinkEnTxt{opacity:0}
.header__navLink:hover .header__navLinkJpTxt{opacity:1}
.header__navLink--contact img{margin-right:7px;-webkit-transition:all .5s;transition:all .5s}
.header__navLink--contact:hover img{opacity:0}
.header__navLink--contact::before{left:54%}

/* Menu button */
.menu__inner{display:none}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.menu__inner{position:fixed;top:0;width:70px;height:70px;right:0;background:transparent linear-gradient(90deg,#0070d0 0,#00b5d6 100%) 0 0 no-repeat padding-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999}}
.menu__inner.active{position:fixed;right:0;top:0;width:98px;height:90px;background:transparent linear-gradient(90deg,#0070d0 0,#00b5d6 100%) 0 0 no-repeat padding-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.menu__inner.active{width:70px;height:70px;right:0}}
.menu__button{overflow:hidden;display:block;position:relative;z-index:0;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;width:98px;height:90px}
.menu__button:hover{opacity:1}
.menu__button span,.menu__button::after,.menu__button::before{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:41px;height:2px;margin:auto;background:#fff}
.menu__button span{overflow:hidden;z-index:1;color:#fff}
.menu__button::before{z-index:2;content:"";-webkit-transform:translate(0,-14px);transform:translate(0,-14px)}
.menu__button::after{z-index:2;content:"";-webkit-transform:translate(0,14px);transform:translate(0,14px)}
.menu__button{-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.menu__button span{opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}
.menu__button::after,.menu__button::before{-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.menu__button.active{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.menu__button.active span{color:#fff}
.menu__button.active span{opacity:0}
.menu__button.active::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menu__button.active::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/* Header nav open */
.header__navOpen{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#fff;-webkit-transition:left .25s ease;transition:left .25s ease;z-index:9002}
.header__navOpen.is-active{left:0}
.header__navOpenInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}
.header__navOpenImg{z-index:10;width:50%;height:100%}
.header__navOpenImg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover;";transition:transform .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.header__navOpenImg{display:none}}
.header__navOpenList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%;height:100%;padding:50px 50px;overflow:auto}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.header__navOpenList{display:block;width:100%;padding:20px 30px}}
.header__navOpenListInner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-height:100%}
.header__navOpenItem{position:relative;width:48%;margin-top:25px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.header__navOpenItem{width:100%}}
.header__navOpenItem:last-child{padding-bottom:50px}
.header__navOpenLink{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto;padding-bottom:14px;color:#000}
.header__navOpenLink::before{content:"";position:absolute;left:auto;right:0;bottom:0;display:inline-block;width:0%;height:1px;background-color:#fff;-webkit-transition:width .12s ease-in;transition:width .12s ease-in}
.header__navOpenLink.is-active::before,.header__navOpenLink:hover::before{width:100%;left:0;right:auto;background-color:#00b5d6}
.header__textJa{font-size:16px}
.header__textEn{position:relative;margin-top:5px;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:600;font-size:28px;text-transform:uppercase}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.header__textEn{font-size:22px}}

/* Footer */
.footer__inner{position:relative;width:100%;margin:0 auto;padding:77px 53px 74px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__inner{padding:60px 4%}}
.footer__flexBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.footer__right{position:absolute;top:0;right:0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__right{position:relative;right:auto;left:0}}
.footer__infoLogoLink{display:inline-block;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.footer__infoLogoLink:hover{opacity:.7}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__infoLogoLink img{width:280px}}
.footer__infoAddress{margin-top:27px;color:#141414}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__infoAddress{margin-top:15px}}
.footer__infoAddressMap{margin-top:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__infoAddressMap{margin-top:15px}}
.footer__infoAddressMap:hover{opacity:.7}
.footer__infoAddressMap:hover .footer__infoAddressMap--icon{margin-left:22px}
.footer__infoAddressMap--text{font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footer__infoAddressMap--text img{margin-right:11px}
.footer__infoAddressMap--icon{position:relative;top:3px;display:inline-block;width:46px;height:17px;margin-left:12px;color:#000;-webkit-transition:all .3s ease;transition:all .3s ease}
.footer__infoAddressMap--icon::before{content:"";position:absolute;right:9px;top:calc(50% - 3px);width:39px;height:4px;border-bottom:1px solid;border-right:2px solid;-webkit-transform:skewX(62deg);transform:skewX(62deg);-webkit-transition:all .3s ease;transition:all .3s ease}
.footer__infoAddressMap--icon::after{content:"";position:absolute;right:0;top:0;width:17px;height:17px;border:1px solid;border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease}
.footer__nav{margin-top:62px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__nav{margin-top:30px;margin-bottom:-30px}}
@media screen and (max-width:380px){.footer__nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
.footer__navBox{margin-right:76px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__navBox{margin-right:30px;margin-bottom:30px}}
.footer__navBox:last-child{margin-right:0}
.footer__navListTitle{font-size:20px;font-weight:700}
.footer__navList{margin-top:16px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__navList{margin-right:10px}}
.footer__navLink{font-size:15px;text-decoration:underline!important;text-underline-offset:2px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}
.footer__navLink::before{content:'';display:inline-block;height:1px;width:0%;-webkit-transition:width .12s ease-in;transition:width .12s ease-in;background-color:#0070d0;position:absolute;left:auto;right:0;bottom:1px}
.footer__navLink--active,.footer__navLink:hover{opacity:.7}
.footer__navLink--active::before,.footer__navLink:hover::before{width:100%;left:0;right:auto}
.footer__navItem+.footer__navItem{margin-top:11px}
.footer__links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__links{margin-bottom:-12px;margin-top:30px}}
.footer__linksItem{margin-right:17px;margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__linksItem{margin-right:12px}}
@media screen and (max-width:380px){.footer__linksItem{width:calc((100% - 12px)/ 2)}.footer__linksItem:nth-child(even){margin-right:0}.footer__linksItem img{width:100%}}
.footer__linksItem:last-child{margin-right:0}
a.footer__linksItem{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
a.footer__linksItem:hover{opacity:.7}
.footer__linksItemText{font-size:12px;margin-top:6px}
.footer__copyRight{background:#000;padding:22px 4%;width:100%}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.footer__copyRight{padding:15px 4%}}
.footer__copyRightText{text-align:center;font-size:12px;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#fff}

/* Mask animation */
@-webkit-keyframes animate-panel{0%{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(0,1);transform:scale(0,1)}49%{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1)}}
@keyframes animate-panel{0%{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(0,1);transform:scale(0,1)}49%{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1)}}
@-webkit-keyframes animate-content{0%{visibility:hidden}49%{visibility:hidden}50%{visibility:visible}100%{visibility:visible}}
@keyframes animate-content{0%{visibility:hidden}49%{visibility:hidden}50%{visibility:visible}100%{visibility:visible}}
.mask__box{display:inline-block}
.mask__box .mask__inner{position:relative;visibility:hidden}
.mask__box .mask__inner::after{content:"";background:#00b5d6;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;visibility:visible}
.mask__box .mask__inner.start{-webkit-animation-name:animate-content;animation-name:animate-content;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:running;animation-play-state:running;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mask__box .mask__inner.start::after{-webkit-animation-name:animate-panel;animation-name:animate-panel;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:running;animation-play-state:running;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* Scroll */
.scroll__wrap{position:absolute;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;z-index:8003;width:98px;height:110px;bottom:calc((100% - 110px)/ 2 + 3%);-webkit-transition:all .3s ease;transition:all .3s ease}
.scroll__wrap:hover{cursor:pointer;opacity:.7}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.scroll__wrap{width:60px;bottom:33%}}
.scroll__text{top:auto;bottom:auto;left:0;right:0;margin:auto;height:100%}
.scroll__text::before{content:"";width:9px;height:100%;border:1px solid #fff;border-top:none;border-bottom:none;display:block;position:relative;z-index:1;top:0}

/* Mainv */
.mainv{position:relative;padding-right:98px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv{padding-right:60px}}
.mainv::before{content:'';position:absolute;top:0;left:0;width:calc(31% + 7px);height:100%;background:rgba(255,255,255,.44);z-index:1}
.mainv::after{content:"";position:absolute;top:0;right:0;width:98px;height:100%;background:transparent linear-gradient(90deg,#0070d0 0,#00b5d6 100%) 0 0 no-repeat padding-box;z-index:8000}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv::after{width:60px}}
.mainv__imageBox{position:relative;width:100%;height:100vh;max-height:900px;min-height:400px;overflow:hidden}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__imageBox{height:calc(450px + 40vw);min-height:0}}
.mainv__image{width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;';min-width:100%;-webkit-animation-name:Move;animation-name:Move;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes Move{0%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes Move{0%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
.mainv__textBox{position:absolute;left:38px;top:calc(52% + 5px);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:99}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__textBox{left:4%;top:50%}}
.mainv__textItem{background:linear-gradient(90deg,rgba(0,112,208,.5) 0,rgba(0,181,214,.5) 100%);width:636px;padding:56px 31px 64px 41px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__textItem{width:calc(96% - 60px);padding:30px 4% 25px}}
.mainv__title{font-weight:700;font-size:51px;line-height:1.45;color:#fff;margin-top:12px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__title{font-size:28px;margin-top:6px}}
.mainv__subTitle{font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:26px;line-height:1.69;color:#fff}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__subTitle{font-size:18px}}
.mainv__desc{line-height:1.81;color:#fff;margin-top:11px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__desc{font-size:13px}}
.mainv__social{position:absolute;width:98px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:64px;right:0;z-index:9004}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__social{width:60px;bottom:20px}}
.mainv__socialItem+.mainv__socialItem{margin-top:36px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__socialItem+.mainv__socialItem{margin-top:20px}}
.mainv__socialLink{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.mainv__socialLink:hover{opacity:.7}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__socialIcon{width:30px}}
.mainv__datetime{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#fff}
.mainv__dateIcon{margin-right:7px}
.mainv__tagList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:15px}
.mainv__tagItem{margin-right:10px;margin-bottom:5px}
.mainv__tagItemText{display:inline-block;padding:4px 15px;font-size:13px;color:#fff;border:1px solid #fff}
.mainv__imageBox--noimage{background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.mainv__imageBox--noimage .mainv__logoImg{width:30%;max-width:300px;height:auto;-webkit-animation-name:Move;animation-name:Move;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.mainv__imageBox--noimage .mainv__logoImg{width:50%;max-width:200px}}

/* Pankuzu */
.pankuzu{z-index:10;width:calc(89% - 6px);max-width:100%;margin:43px auto 0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.pankuzu{width:92%;margin:30px auto 0}}
.pankuzu__list{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px}
.pankuzu__list li{line-height:1;color:#000}
.pankuzu__list li a{display:inline-block;overflow:hidden}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.pankuzu__list li a{display:inline-block;max-width:100px;font-size:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}
.pankuzu__list li:not(:first-child){position:relative;display:inline-block;margin-left:15px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.pankuzu__list li:not(:first-child){margin-left:25px}}
.pankuzu__list li:not(:first-child)::before{content:'>';position:absolute;top:3px;left:-11px;display:inline-block}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.pankuzu__list li:not(:first-child)::before{top:1px;left:-16px}}

/* Sidebar */
.sidebar{width:100%}
.sidebar__title{font-size:15px;color:#292929;font-weight:700;position:relative;border-bottom:1px solid #000;padding-bottom:5px}
.sidebar__list{margin-top:6px}
.sidebar__item{font-size:14px;position:relative;margin-left:14px;line-height:2.07;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.sidebar__item a{color:#000}
.sidebar__item:hover::after{left:0;right:auto;width:100%}
.sidebar__item::before{content:"";position:absolute;left:-17px;top:12px;width:0;height:0;border-top:7px solid #0c72d1;border-left:7px solid transparent;border-right:7px solid transparent;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.sidebar__item::after{content:'';position:absolute;left:auto;right:0;bottom:2px;display:inline-block;height:1px;width:0%;background-color:#0070d0;-webkit-transition:width .12s ease-in;transition:width .12s ease-in}
.sidebar__box+.sidebar__box{margin-top:31px}

/* WP-PageNavi */
.wp-pagenavi{clear:both;text-align:center;display:block;height:auto;padding:30px 0 50px;font-size:15px;margin:79px auto 0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.wp-pagenavi{margin:60px auto 0}}
.wp-pagenavi .pages{display:none}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.wp-pagenavi .pages{display:inline}.wp-pagenavi .current,.wp-pagenavi .page{display:none}}
.wp-pagenavi a,.wp-pagenavi span{color:#1a252f;background-color:#fff;padding:7px 14px;margin:0 15px;white-space:nowrap;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;text-align:center;text-decoration:none;font-size:15px;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;position:relative}
.wp-pagenavi a::after,.wp-pagenavi span::after{position:absolute;content:"";width:100%;height:100%;outline:1px solid #1a252f;top:0;left:0;bottom:0;right:0}
.wp-pagenavi a:hover{color:#fff;background:transparent linear-gradient(90deg,#0070d0 0,#00b5d6 100%) 0 0 no-repeat padding-box}
.wp-pagenavi a:hover::after{display:none}
.wp-pagenavi span.current{color:#fff;background:transparent linear-gradient(90deg,#0070d0 0,#00b5d6 100%) 0 0 no-repeat padding-box;padding:8px 15px}
.wp-pagenavi span.current::after{display:none}

/* ======================= */
/* Column Archive Styles */
/* ======================= */
.column{padding-top:69px;padding-bottom:80px;position:relative;overflow-x:clip}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column{padding-top:60px;padding-bottom:60px}}
.column::before{top:-11px;right:-51px}
.column__main{position:relative}

/* Filter tabs */
.column__filter{margin-bottom:40px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__filter{margin-bottom:30px}}
.column__filterList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__filterList{gap:8px}}
.column__filterItem{margin-bottom:0}
.column__filterLink{display:inline-block;padding:10px 24px;font-size:14px;font-weight:500;color:#333;background-color:#f5f5f5;border-radius:30px;-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__filterLink{padding:8px 18px;font-size:13px}}
.column__filterLink:hover{background-color:#e0e0e0}
.column__filterLink--active{color:#fff;background:transparent linear-gradient(90deg,#0070d0 0,#00b5d6 100%) 0 0 no-repeat padding-box}
.column__filterLink--active:hover{opacity:.9}

/* Column list */
.column__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;margin-bottom:0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__list{gap:25px}}
.column__item{width:calc((100% - 60px)/ 3);position:relative;background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:980px){.column__item{width:calc((100% - 30px)/ 2)}}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__item{width:100%}}
.column__item:hover{-webkit-box-shadow:0 4px 20px rgba(0,0,0,.12);box-shadow:0 4px 20px rgba(0,0,0,.12);-webkit-transform:translateY(-3px);transform:translateY(-3px)}
.column__link{display:block;position:relative;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.column__link:hover .column__imgBox img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.column__imgBox{position:relative;display:block;width:100%;overflow:hidden;padding-bottom:56.25%}
.column__imgBox>img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover;";-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.column__imgBox--noimage{background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.column__imgBox--noimage .column__logoImg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%;height:auto;-o-object-fit:contain;object-fit:contain;font-family:"object-fit: contain;"}
.column__link:hover .column__imgBox--noimage .column__logoImg{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.column__textBox{padding:20px 20px 25px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__textBox{padding:15px 15px 20px}}
.column__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}
.column__datetime{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#666;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
.column__dateIcon{margin-right:6px}
.column__tag{font-size:12px;padding:3px 12px;margin-right:12px;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:3px}
.column__title{font-size:17px;font-weight:700;color:#1a252f;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__title{font-size:16px}}
.column__excerpt{font-size:14px;color:#666;line-height:1.7;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__excerpt{font-size:13px;-webkit-line-clamp:2}}

/* Empty state */
.column__empty{text-align:center;padding:80px 20px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05)}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__empty{padding:60px 15px}}
.column__emptyText{font-size:18px;font-weight:700;color:#333;margin-bottom:15px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.column__emptyText{font-size:16px}}
.column__emptySubText{font-size:14px;color:#666;line-height:1.7}

/* Contact CTA margin */
.contact__cta{margin-top:0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.contact__cta{margin-top:0}}

/* ======================= */
/* Column Single Styles */
/* ======================= */
.columnSingle{padding-top:69px;padding-bottom:80px;position:relative;overflow-x:clip}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle{padding-top:60px;padding-bottom:60px}}
.columnSingle::before{top:-11px;right:-51px}
.columnSingle__flexBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.columnSingle__main{width:100%;padding-right:0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__main{width:100%;padding-right:0;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}
.columnSingle__content{background:#fff;padding:40px;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05)}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__content{padding:25px 20px}}
.columnSingle__content h2{font-size:24px;font-weight:700;color:#1a252f;margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid #0070d0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__content h2{font-size:20px;margin:30px 0 15px}}
.columnSingle__content h3{font-size:20px;font-weight:700;color:#1a252f;margin:30px 0 15px;padding-left:15px;border-left:4px solid #00b5d6}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__content h3{font-size:18px;margin:25px 0 12px}}
.columnSingle__content p{font-size:16px;line-height:1.9;color:#333;margin-bottom:20px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__content p{font-size:15px;line-height:1.8}}
.columnSingle__content ul,.columnSingle__content ol{margin:20px 0;padding-left:25px}
.columnSingle__content ul li,.columnSingle__content ol li{font-size:16px;line-height:1.8;margin-bottom:8px}
.columnSingle__content ul{list-style-type:disc}
.columnSingle__content ol{list-style-type:decimal}
.columnSingle__content img{max-width:100%;height:auto;margin:20px 0;border-radius:4px}
.columnSingle__content a{color:#0070d0;text-decoration:underline}
.columnSingle__content a:hover{opacity:.7}
.columnSingle__content blockquote{background:#f5f5f5;padding:25px 30px;margin:25px 0;border-left:4px solid #0070d0;font-style:italic}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__content blockquote{padding:20px}}
.columnSingle__content table{width:100%;border-collapse:collapse;margin:25px 0}
.columnSingle__content table th,.columnSingle__content table td{padding:12px 15px;border:1px solid #ddd;font-size:15px}
.columnSingle__content table th{background:#f5f5f5;font-weight:700}

/* Related posts */
.columnSingle__related{margin-top:60px;padding-top:40px;border-top:1px solid #e0e0e0}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__related{margin-top:40px;padding-top:30px}}
.columnSingle__relatedTitle{font-size:22px;font-weight:700;color:#1a252f;margin-bottom:25px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__relatedTitle{font-size:18px;margin-bottom:20px}}
.columnSingle__relatedList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__relatedList{gap:15px}}
.columnSingle__relatedItem{width:calc((100% - 40px)/ 3);background:#fff;border-radius:6px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.columnSingle__relatedItem{width:100%}}
.columnSingle__relatedItem:hover{-webkit-box-shadow:0 4px 15px rgba(0,0,0,.12);box-shadow:0 4px 15px rgba(0,0,0,.12)}
.columnSingle__relatedLink{display:block}
.columnSingle__relatedLink:hover .columnSingle__relatedImgBox img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.columnSingle__relatedImgBox{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}
.columnSingle__relatedImgBox img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.columnSingle__relatedTextBox{padding:15px}
.columnSingle__relatedDate{font-size:12px;color:#666;font-family:Oswald,"Noto Sans JP","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;margin-bottom:8px}
.columnSingle__relatedItemTitle{font-size:14px;font-weight:700;color:#1a252f;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Sidebar */
.sidebarBox{width:234px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.sidebarBox{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:40px}}

/* Pagination */
.pagination__inner{width:100%;margin-top:50px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.pagination__inner{margin-top:40px}}
.pagination__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.pagination__box{gap:10px}}
.pagination__link{display:inline-block;padding:12px 25px;font-size:14px;color:#1a252f;background:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:680px),screen and (max-width:737px) and (orientation:landscape){.pagination__link{padding:10px 15px;font-size:13px}}
.pagination__link:hover{background:#0070d0;color:#fff;border-color:#0070d0}
