@charset "utf-8";
/*.design-bg{ width: 1440px; height: 5620px; background: url('../design_img/top.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1440px; }*/


@media print, screen and (min-width: 751px) {
#header{ background: transparent; }
#header:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#00a7ea), to(#005eb8)); background-image: linear-gradient(90deg, #00a7ea, #005eb8); opacity: 0; -webkit-transition: .3s; transition: .3s; z-index: -1; }
#header>.logo{ width: 400px; height: 110px; padding-top: 30px; background: transparent; -webkit-transition: .3s; transition: .3s; }
#header>.logo img{ width: 206px; }

/*.is-fixed #header{ background-image: -webkit-gradient(linear, left top, right top, from(#00a7ea), to(#005eb8)); background-image: linear-gradient(90deg, #00a7ea, #005eb8); }*/
.is-fixed #header:before{ opacity: 1; }
.is-fixed #header>.logo{ width: 250px; height: 80px; padding-top: 0; background: #fff; }
.is-fixed #header>.logo img{ width: 120px; -webkit-filter: invert(100%); filter: invert(100%); }

.drawer-hamburger{ background-color: transparent; border: 1px solid #fff; }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #fff; }
.drawer-hamburger-icon{ background-color: #fff; }

.is-fixed .drawer-hamburger{ background-color: #fff; border: 1px solid #fff; }
.is-fixed .drawer-hamburger-icon:after,.is-fixed .drawer-hamburger-icon:before{ background-color: #000; }
.is-fixed .drawer-hamburger-icon{ background-color: #000; }
.drawer-open .drawer-hamburger-icon{ background-color: transparent!important; }
.drawer-open .is-fixed .drawer-hamburger{ background-color: transparent; border: 0; }
.drawer-open .is-fixed .drawer-hamburger-icon:after,.drawer-open .is-fixed .drawer-hamburger-icon:before{ background-color: #fff; }

#header .linkBtn li a{ background-color: transparent; color: #fff; border-color: #fff; }
#header .linkBtn li a>span{ background: url(../img/common/link-icon-w.svg)100% 50% no-repeat; }
.is-fixed #header .linkBtn li a{ background-color: #fff; color: #005eb8; }
.is-fixed #header .linkBtn li a>span{ background: url(../img/common/link-icon-b.svg)100% 50% no-repeat; }


#mv{ width: 100%; height: 720px; background: url('../img/top/mv.webp') 50% 50% no-repeat; background-size: cover; }
#mv .master{ max-width: 1240px; padding-top: 421px; }
#mv h2{ font-size: 6.0rem; letter-spacing: .2em; line-height: 1.75; color: #fff; }

#company{ background: url('../img/top/company-bg.png') 50% 50% no-repeat; background-size: cover; }
#company .master{ width: 100%; max-width: 1440px; padding: 140px 0 180px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#company .master>div{ width: 50%; padding-left: 11.5%; }
#company .master>div h2{ margin-bottom: 45px; font-size: 3.6rem; font-weight: bold; line-height: 1.3; color: #005eb8; }
#company .master>div p{ font-size: 1.8rem; line-height: 2.7; }
#company .master>div a{ width: 288px; margin-top: 50px; padding: 18px 30px; border: 1px solid #555; display: inline-block; border-radius: calc(1px * infinity); font-size: 16px; background: #fff url('../img/common/arrow-btn02.svg') top 50% right 21px no-repeat; }
#company .master>figure{ width: 43.75%; margin-left: auto; }

#recruit{ margin-top: 141px; }
#recruit .topText{ margin-top: 35px; text-align: center; line-height: 1.7; }
#recruit .box{ margin-top: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#recruit .box>div{ width: 47.384%; }
#recruit .box>div:nth-of-type(2n){ margin-left: auto; }
#recruit .box>div a{ padding: 30px 0 27px; font-size: 1.8rem; font-weight: 600; display: block; border-bottom: 1px solid #231815; position: relative; letter-spacing: .05em; background: url('../img/common/arrow-btn.svg') top 59% right 10px no-repeat; background-size: 24px; }
#recruit .box>div a:before{ content:''; width: 100px; height: 4px; background-color: #005eb8; display: block; position: absolute; bottom: -2px; left: 0; }

#news{ margin-top: 122px; }
#news .master{ max-width: 900px; }
#news dl{ margin-top: 37px; }
#news dl>div{ padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #231815; }
#news dl>div:nth-of-type(n+2){ margin-top: 10px; }
#news dl>div dt{ width: 110px; padding-left: 3px; color: #005eb8; line-height: 1.8; }
#news dl>div dd{ width: calc(100% - 110px); line-height: 1.8; }
}



@media screen and (max-width: 1360px) and (min-width: 751px) {

}



@media screen and (max-width: 750px) {
#header{ background: transparent; }
#header:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#00a7ea), to(#005eb8)); background-image: linear-gradient(90deg, #00a7ea, #005eb8); opacity: 0; -webkit-transition: .3s; transition: .3s; z-index: -1; }
#header>.logo{ background: transparent; -webkit-transition: .3s; transition: .3s; }

/*.is-fixed #header{ background-image: -webkit-gradient(linear, left top, right top, from(#00a7ea), to(#005eb8)); background-image: linear-gradient(90deg, #00a7ea, #005eb8); }*/
.is-fixed #header:before{ opacity: 1; }
.is-fixed #header>.logo{ background: #fff; }
.is-fixed #header>.logo img{ -webkit-filter: invert(100%); filter: invert(100%); }

.drawer-hamburger{ background-color: transparent; border: 1px solid #fff; }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #fff; }
.drawer-hamburger-icon{ background-color: #fff; }

.is-fixed .drawer-hamburger{ background-color: #fff; border: 1px solid #fff; }
.is-fixed .drawer-hamburger-icon:after,.is-fixed .drawer-hamburger-icon:before{ background-color: #000; }
.is-fixed .drawer-hamburger-icon{ background-color: #000; }
.drawer-open .drawer-hamburger-icon{ background-color: transparent!important; }
.drawer-open .is-fixed .drawer-hamburger{ background-color: transparent; border: 0; }
.drawer-open .is-fixed .drawer-hamburger-icon:after,.drawer-open .is-fixed .drawer-hamburger-icon:before{ background-color: #fff; }

#header .linkBtn li a{ background-color: transparent; color: #fff; border-color: #fff; }
#header .linkBtn li a>span{ background: url(../img/common/link-icon-w.svg)100% 50% no-repeat; }
.is-fixed #header .linkBtn li a{ background-color: #fff; color: #005eb8; }
.is-fixed #header .linkBtn li a>span{ background: url(../img/common/link-icon-b.svg)100% 50% no-repeat; }


#mv{ width: 100%; height: 350px; background: url('../img/top/mv.webp') 50% 50% no-repeat; background-size: cover; }
#mv .master{ max-width: 1240px; padding-top: 220px; }
#mv h2{ font-size: 3.0rem; letter-spacing: .1em; line-height: 1.5; color: #fff; }

#company{ background: url('../img/top/company-bg.png') 50% 50% no-repeat; background-size: cover; }
#company .master{ max-width: 1440px; padding: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#company .master>div{ margin-top: 30px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#company .master>div h2{ margin-bottom: 15px; font-size: 2.4rem; font-weight: bold; line-height: 1.3; color: #005eb8; }
#company .master>div p{ font-size: 1.5rem; line-height: 2.0; }
#company .master>div a{ width: 250px; margin: 30px auto 0; padding: 18px 30px; border: 1px solid #555; display: block; border-radius: calc(1px * infinity); font-size: 16px; background: #fff url('../img/common/arrow-btn02.svg') top 50% right 21px no-repeat; }
#company .master>figure{ margin-top: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

#recruit{ margin-top: 80px; }
#recruit .topText{ margin-top: 30px; line-height: 1.7; }
#recruit .box{ margin-top: 55px; }
#recruit .box>div{ width: 100%; }
#recruit .box>div:nth-of-type(2n){ margin-top: 50px; }
#recruit .box>div a{ padding: 20px 0 25px; font-size: 1.6rem; font-weight: 600; display: block; border-bottom: 1px solid #231815; position: relative; letter-spacing: .05em; background: url('../img/common/arrow-btn.svg') top 59% right 10px no-repeat; background-size: 20px; }
#recruit .box>div a:before{ content:''; width: 100px; height: 4px; background-color: #005eb8; display: block; position: absolute; bottom: -2px; left: 0; }

#news{ margin-top: 80px; }
#news .master{ max-width: 900px; }
#news dl{ margin-top: 30px; }
#news dl>div{ padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #231815; }
#news dl>div:nth-of-type(n+2){ margin-top: 10px; }
#news dl>div dt{ width: 90px; color: #005eb8; line-height: 1.8; }
#news dl>div dd{ width: calc(100% - 90px); line-height: 1.8; }
}