@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap&subset=japanese);
.pen{pointer-events:none}
body.mobile .pen{pointer-events:inherit}
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,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,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;list-style:none}
html{position:relative;overflow-y:scroll;background:#fff;-ms-overflow-style:scrollbar}
html.nav-open{overflow:hidden}
body{position:relative;padding-top:0;color:#333;font-size:16px;line-height:1.666;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Noto Sans JP','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',Arial,Meiryo,sans-serif;letter-spacing:.05em}
@media screen and (max-width:991px){
body{padding-top:0}
}
body.nav-open{overflow:hidden}
body.modal-open{padding-right:0!important}
.sans{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Noto Sans JP','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',Arial,Meiryo,sans-serif}
.serif{font-family:'Zen Old Mincho','Noto Serif JP',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif}
.t_font{font-family:Oswald,sans-serif}
.ltsn{letter-spacing:normal}
.lh1{line-height:1}
.lh15{line-height:1.5}
.lh2{line-height:2}
strong{font-weight:700}
.x-small{font-size:12px}
.small{font-size:14px}
.middle{font-size:16px}
.large{font-size:18px}
.x-large{font-size:20px}
.x2-large{font-size:22px}
.x3-large{font-size:24px}
.x4-large{font-size:26px}
.x5-large{font-size:28px}
.max-large{font-size:48px}
.fix-large{font-size:64px}
.italic{font-style:italic}
img{max-width:100%;height:auto;vertical-align:bottom;border:none}
img.frame{padding:8px;background-color:#fff;border:1px solid #eee;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.15);box-shadow:1px 1px 3px rgba(0,0,0,.15)}
img.ofi{width:100%;height:100%;object-fit:cover}
.white{color:#fff}
.red{color:#dd3229}
.blue{color:#006db9}
.lblue{color:#47b3ff}
.pink{color:#edafc3}
.yellow{color:#ffe201}
.orange{color:#dd8728}
.green{color:#23932c}
.gray{color:#b2b2b2}
.bk{color:#333}
.p_color{color:#5197cd}
.p1_color{color:#3e62b1}
.p2_color{color:#3e62b1}
.p_bg_color{background:#5197cd}
.p_bg2_color{background:#3e62b1}
.f-right{float:right;margin-left:15px!important}
.f-left{float:left;margin-right:15px!important}
.pointer{cursor:pointer}
.clear{clear:both}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}
.mb70{margin-bottom:70px!important}
.mb80{margin-bottom:80px!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.pad10{padding:10px!important}
.pad15{padding:15px!important}
.pad20{padding:20px!important}
.pad30{padding:30px!important}
.pad40{padding:40px!important}
.pad50{padding:50px!important}
.pr05{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pl05{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pt50{padding-top:50px!important}
.pb0{padding-bottom:0!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pb50{padding-bottom:50px!important}
.space{display:inline-block}
.space-12{padding-left:12.6em}
.space-11{padding-left:11.55em}
.space-10{padding-left:10.5em}
.space-9{padding-left:9.45em}
.space-8{padding-left:8.4em}
.space-7{padding-left:7.35em}
.space-6{padding-left:6.3em}
.space-5{padding-left:5.25em}
.space-4{padding-left:4.2em}
.space-3{padding-left:3.15em}
.space-2{padding-left:2.1em}
.space-1{padding-left:1.05em}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.33333333%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w100{width:100%}
a{font-size:100%;vertical-align:baseline}
a:link,a:visited{color:#5197cd!important;text-decoration:underline}
a:active,a:focus,a:hover{color:#5197cd!important;text-decoration:none}
a.opacity img{box-shadow:#000 0 0 0}
body.pc a.opacity{transition:opacity .1s ease-in-out .1s}
body.pc a.opacity:hover{transition:opacity .1s ease-in-out .1s;opacity:.75}
body.pc a.opacity.c{transition:color .1s ease-in-out .1s}
body.pc a.opacity.c:hover{transition:color .1s ease-in-out .1s;color:#5197cd!important;opacity:1!important}
.indent{padding-left:1em;text-indent:-1em}
.indent span.icon{display:inline-block;width:1em;text-indent:0}
.indent-icon{position:relative;padding-left:1.2em}
.indent-icon::after{position:absolute;font-family:"Font Awesome 5 Free";font-weight:900;top:0;left:0;color:#5197cd}
.indent-icon.dot::after{content:"\f111"}
.indent-icon.check::after{content:"\f00c"}
.bb{padding-bottom:10px;border-bottom:2px solid #ddd}
a.btn{position:relative;display:inline-block;min-width:260px;padding:0 30px;color:#fff!important;text-decoration:none;text-align:center;font-weight:500;line-height:60px;background:#5197cd;border:none;border-radius:0;opacity:1;transition:opacity .1s ease}
a.btn.w-100{min-width:inherit;padding-right:10px;padding-left:10px}
@media screen and (max-width:767px){
a.btn.xs-w100{min-width:inherit;padding-right:10px;padding-left:10px}
}
a.btn:not(.no_icon)::before{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;transform:translate3d(0,-50%,0);top:calc(50% - 1px);top:50%;right:15px}
a.btn.bd{color:#5197cd!important;background:0 0;border:1px solid #5197cd;background:#fff}
a.btn.bd.w{border:none}
body.pc a.btn:hover{opacity:.75;transition:opacity .1s ease .1s}
.m_center{display:table;margin-right:auto;margin-left:auto}
.lh1{line-height:1!important}
.lh12{line-height:1.2!important}
.lh14{line-height:1.4!important}
.lh16{line-height:1.6!important}
.lh2{line-height:2!important}
#lightcase-nav a,a.lightcase-icon-close{color:rgba(255,255,255,.6)!important;text-decoration:none}
#lightcase-nav a:hover,a[class*=lightcase-icon-]:hover{color:#fff!important}
@media screen and (max-width:991px){
.text-center.left-sm{text-align:left!important}
.max-large{font-size:40px}
}
@media screen and (min-width:768px) and (max-width:991px){
.md-mb0{margin-bottom:0!important}
.md-mb5{margin-bottom:5px!important}
.md-mb10{margin-bottom:10px!important}
.md-mb15{margin-bottom:15px!important}
.md-mb20{margin-bottom:20px!important}
.md-mb25{margin-bottom:25px!important}
.md-mb30{margin-bottom:30px!important}
.md-mb40{margin-bottom:40px!important}
.md-mb50{margin-bottom:50px!important}
.md-mb60{margin-bottom:60px!important}
.md-mt10{margin-top:10px!important}
.md-mt20{margin-top:20px!important}
.md-mt30{margin-top:30px!important}
.md-w90{width:90%}
.md-w75{width:75%}
.md-w60{width:60%}
.md-w50{width:50%}
.md-w40{width:40%}
.md-w30{width:30%}
.md-w25{width:25%}
}
@media screen and (max-width:767px){
body{padding-top:60px;font-size:15px;line-height:1.6;letter-spacing:.05em}
.x-small{font-size:11px}
.small{font-size:13px}
.middle{font-size:15px}
.large{font-size:17px}
.x-large{font-size:18px}
.x2-large{font-size:21px}
.x3-large{font-size:23px}
.x4-large{font-size:25px}
.x5-large{font-size:27px}
.max-large{font-size:30px}
.xs-mb0{margin-bottom:0!important}
.xs-mb5{margin-bottom:5px!important}
.xs-mb10{margin-bottom:10px!important}
.xs-mb15{margin-bottom:15px!important}
.xs-mb20{margin-bottom:20px!important}
.xs-mb25{margin-bottom:25px!important}
.xs-mb30{margin-bottom:30px!important}
.xs-mb40{margin-bottom:40px!important}
.xs-mb50{margin-bottom:50px!important}
.xs-mt10{margin-top:10px!important}
.xs-mt15{margin-top:15px!important}
.xs-mt20{margin-top:20px!important}
.xs-mt30{margin-top:30px!important}
.text-center.left-xs{text-align:left!important}
.left-sm.center-xs,.text-right.center-xs{text-align:center}
.xs-text-left{text-align:left}
.btn{padding:10px}
a.btn{line-height:50px}
.text-center.left-xs{text-align:left}
.xs-w100{width:100%!important}
.xs-w75{width:75%!important}
.xs-w60{width:60%!important}
.xs-w50{width:50%!important}
.xs-w40{width:40%!important}
.xs-w30{width:30%!important}
.xs-w25{width:25%!important}
}
.line_head{display:flex;align-items:center;color:#5197cd;font-weight:700}
.line_head::after{content:'';height:1px;flex:1;margin-left:1em;background:#5197cd}
.fadein{opacity:0;transition:opacity 2s cubic-bezier(.075,.82,.165,1) .25s}
.fadein.scrollin{opacity:1}
.fadein_y_u{opacity:0;transform:translate3d(0,40px,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_y_u.scrollin{opacity:1;transform:translate3d(0,0,0)}
.fadein_y_d{opacity:0;transform:translate3d(0,-40px,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_y_d.scrollin{opacity:1;transform:translate3d(0,0,0)}
.fadein_x_r{opacity:0;transform:translate3d(-50px,0,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_x_r.scrollin{opacity:1;transform:translate3d(0,0,0)}
.fadein_x_l{opacity:0;transform:translate3d(50px,0,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_x_l.scrollin{opacity:1;transform:translate3d(0,0,0)}
.container-fluid{max-width:1170px}
.container-fluid.max{max-width:inherit;width:100%;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:1.6}
.headline-outer{margin-bottom:50px}
.headline{position:relative;padding-bottom:.75em;font-size:32px;font-weight:500;font-weight:700;line-height:1;letter-spacing:.05em;text-align:center}
.headline.left{text-align:left}
.headline h3{line-height:1.4}
@media screen and (max-width:767px){
.headline h3{line-height:1.4}
}
.headline::after,.headline::before{position:absolute;content:'';width:50px;height:5px;left:50%;bottom:0;background:#3e62b1;transform:translate3d(0,0,0)}
.headline.left::before{left:0;transform:translate3d(0,0,0)}
.headline::after{width:50px;background:#5197cd;transform:translate3d(-100%,0,0)}
.headline00{font-size:50px;line-height:.8}
.headline01{font-size:36px;line-height:.8}
.headline02{font-size:30px;line-height:1}
.headline03{font-size:24px;line-height:1.2}
.headline-en{font-size:13px;letter-spacing:.1em}
.headline-ll{padding:.2em 0 .2em .5em;border-left:5px solid #5197cd}
.headline-ul{padding-bottom:10px;border-bottom:1px solid #ddd}
.line-left{padding-left:5px;border-left:3px solid #0061ac}
.line-bottom{padding-bottom:10px;border-bottom:1px dotted #ccc}
.bread{position:relative;padding:5px 0;background:#f5f5f5;border-top:0 solid #fff;border-bottom:0 solid #ddd;background:#5197cd}
.bread .container-fluid{max-width:1140px;max-width:inherit}
.breadcrumb{margin:0;padding-right:0;padding-left:0;background-color:transparent;color:#eee;font-size:12px;font-weight:500}
.breadcrumb a,.breadcrumb>.active,.breadcrumb>li+li:before{color:#eee!important;font-size:12px}
.breadcrumb-item.active{color:#eee}
@media screen and (max-width:991px){
.headline00{font-size:44px}
.headline01{font-size:32px}
.headline02{font-size:26px}
.headline03{font-size:20px}
}
@media screen and (max-width:767px){
.breadcrumb{padding:5px 0;font-size:10px}
.headline{padding-bottom:15px}
.headline-outer{margin-bottom:30px}
.headline-ll{line-height:1.4}
.headline00{font-size:36px}
.headline01{font-size:28px}
.headline02{font-size:22px}
.headline03{font-size:18px}
.headline-en{font-size:12px}
}
ul.normal{list-style-type:disc}
ul.normal li{margin:0 0 10px 20px;list-style-type:disc}
ul.normal.dot_line li{margin:0 0 10px 20px;padding-bottom:10px;list-style-type:disc;border-bottom:1px solid #ddd}
.table td ul.normal li{margin-bottom:0}
ol.normal{list-style-type:decimal}
ol.normal li{margin:0 0 0 22px;list-style-type:decimal}
ol.normal.dot_line li{margin:0 0 10px 20px;padding-bottom:10px;border-bottom:1px solid #ddd}
ol.normal li:last-of-type,ul.normal li:last-of-type{margin-bottom:0}
.row-10{margin-left:-5px;margin-right:-5px}
.row-10>div{padding-right:5px;padding-left:5px}
.well{margin:0 auto;padding:19px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);border-radius:0}
.well_bg_w{margin:0 auto;padding:19px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);background:rgba(255,255,255,.8)}
.common_box{padding:30px 50px;border:5px solid rgba(0,0,0,.08);background:#f5f5f1;background:rgba(0,0,0,.02);border-radius:0;border-color:#eaeae6}
.common_box.w{background:rgba(255,255,255,.85)}
.mobile .shadow_box,.tablet .shadow_box{background:linear-gradient(to bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 15px,rgba(0,0,0,0) 100%),linear-gradient(to top,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 15px,rgba(0,0,0,0) 100%);background-repeat:no-repeat;background-attachment:scroll}
.mobile .shadow_box .inner,.tablet .shadow_box .inner{background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%),linear-gradient(to top,#fff 0,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background-repeat:no-repeat;background-attachment:local}
.photo-ofi{height:0;display:block;padding-bottom:75%;background-color:#f5f5f5;overflow:hidden;position:relative}
.photo-ofi img{max-width:inherit;max-height:inherit;width:100%;height:100%;object-fit:scale-down;position:absolute;left:0;top:0}
.of_cover .photo-ofi{background-color:transparent}
.of_cover .photo-ofi img{object-fit:cover}
.g-maps{position:relative;padding-bottom:400px;height:0;overflow:hidden}
.g-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;padding:4px;border:1px solid #eee;background-color:#fff}
.g-maps.no_bd iframe{padding:0;border:none;background-color:transparent}
@media screen and (max-width:991px){
.common_box{padding:30px}
}
@media screen and (max-width:767px){
.common_box{padding:15px}
.g-maps{padding-bottom:75%}
}
.btn.focus,.btn:focus{box-shadow:none}
.img-thumbnail{padding:1px;border-radius:0}
.img-rounded{border-radius:20px}
.page-ttl{position:relative;display:flex;align-items:center;width:100%;height:400px}
@media screen and (max-width:991px){
.page-ttl{height:350px}
}
@media screen and (max-width:767px){
.page-ttl{width:100%;padding-top:0!important;height:45vw;max-height:300px}
}
.page-ttl::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.05);transition:background .35s ease-out;z-index:2}
.page-ttl .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-size:cover;background-repeat:no-repeat}
.loaded .page-ttl::before{background:rgba(0,0,0,.4)}
.business .page-ttl .bg{background-image:url(../images/business_title_bg.jpg)}
.company .page-ttl .bg{background-image:url(../images/company_title_bg.jpg)}
.recruit .page-ttl .bg{background-image:url(../images/recruit_title_bg.jpg)}
.contact .page-ttl .bg{background-image:url(../images/contact_title_bg.jpg)}
.page-ttl h2{position:relative;display:inline-block;width:100%;max-width:1170px;margin:auto;padding:110px 15px 0;font-size:32px;font-weight:500;color:#fff;line-height:.8;text-align:center;vertical-align:middle;letter-spacing:.1em;z-index:2}
.page-ttl h2 .main{position:relative;display:inline-block;margin-top:0;padding:.65em .85em;padding-bottom:.55em;padding:0;color:#5197cd;color:#fff;letter-spacing:.1em;font-weight:700}
@media screen and (max-width:767px){
.page-ttl h2 .main{padding:10px}
}
.page-ttl h2 .sub{display:block;margin-top:1em;padding-top:1em;font-size:55%;font-style:normal;font-weight:700;text-align:left;text-align:center;letter-spacing:.15em;border-top:4px solid #3e62b1;border-color:#5197cd}
@media screen and (max-width:991px){
.page-ttl h2{font-size:26px}
}
@media screen and (max-width:767px){
.page-ttl h2{padding:0 15px;font-size:18px;line-height:1}
}
.common-cont{position:relative;padding:120px 0;overflow:hidden;background:rgba(255,255,255,.5);background:#fff}
@media screen and (max-width:991px){
.common-cont{padding:90px 0}
}
@media screen and (max-width:767px){
.common-cont{padding:60px 0}
}
main>.common-cont.fix{padding:100px 0!important}
@media screen and (max-width:991px){
main>.common-cont.fix{padding:75px 0!important}
}
@media screen and (max-width:767px){
main>.common-cont.fix{padding:50px 0!important}
}
.common_row .txt_box{display:flex;align-items:center;padding:50px;background:#fff}
.common_row .txt_box .inner{position:relative;width:100%}
.common_row .txt_box p{line-height:2}
.common_row .img_box img{width:100%;height:100%;object-fit:cover}
.common_row.c2 .img_box{height:100%}
.common_row.c2>div:last-of-type{padding:7% 0}
@media screen and (max-width:767px){
.common_row.c2>div:last-of-type{padding:0}
}
.common_row.c2 .txt_box{margin-left:-17.5%}
@media screen and (max-width:991px){
.common_row.c2 .txt_box{margin-left:-25%}
}
@media screen and (max-width:767px){
.common_row.c2 .txt_box{margin:0}
}
.common_row.c2.re .txt_box{margin-left:0;margin-right:-17.5%;position:relative;z-index:2}
@media screen and (max-width:991px){
.common_row.c2.re .txt_box{margin-right:-25%}
}
@media screen and (max-width:767px){
.common_row.c2.re .txt_box{margin:0}
}
@media screen and (max-width:991px){
.common_row .txt_box{padding:30px}
.common_row .txt_box p{line-height:1.8}
}
@media screen and (max-width:767px){
.common_row .txt_box{padding:30px 15px}
}
dl.common_faq{margin-bottom:50px}
dl.common_faq:last-of-type{margin-bottom:0}
dl.common_faq dt{position:relative;margin-bottom:20px;padding:0 0 20px 30px;font-size:16px;border-bottom:1px solid #ddd}
dl.common_faq dt::before{content:"Q";position:absolute;top:0;left:0;color:#bbb;color:#3e62b1;font-size:24px;font-family:Georgia,"Times New Roman",Times,serif;line-height:1}
dl.common_faq dd{position:relative;padding:0 0 0 30px;line-height:1.6;overflow:hidden}
dl.common_faq dd::before{content:"A";position:absolute;top:0;left:0;color:#1f49a8;font-size:30px;font-family:Georgia,"Times New Roman",Times,serif;line-height:1}
dl.common_faq dd strong{display:inline-block}
@media screen and (max-width:767px){
dl.common_faq{margin-bottom:30px}
dl.common_faq dd{padding:0 15px 15px 30px}
}
.table{border:none!important}
.table th{padding:30px 20px;vertical-align:middle;background:0 0!important;border-top:none!important;border-bottom:1px solid #999;font-weight:700;color:#3e62b1}
.table:not(.th_auto) th{width:16em}
.table td{padding:30px 20px;background:0 0!important;border-top:none!important;border-bottom:1px solid #ccc}
@media screen and (max-width:767px){
.table th{padding:10px}
.table td{padding:10px}
table.table.mb{border:none!important}
table.table.mb td,table.table.mb th{display:block;width:auto}
table.table.mb th{padding:20px 0 5px!important;border:none!important}
table.table.mb td{padding:0 0 20px!important}
}
.youtube_box{position:relative;width:100%;padding-top:56.25%}
.youtube_box iframe{position:absolute;top:0;right:0;width:100%;height:100%}
.paging{margin-top:20px;text-align:center;line-height:1}
.paging span.current,.paging span.paging-text{margin:0 5px;color:#fff!important;border:1px solid #3e62b1;border:1px solid #ddd;border:1px solid #5197cd;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;background-color:#3e62b1;background-color:#fff}
.paging span.paging-text a{padding:8px;display:block;color:#5197cd!important;text-decoration:none;transition:opacity .3s ease}
.paging span.current{background:#5197cd;border:1px solid #5197cd;color:#fff;zoom:1;padding:8px;text-decoration:none;display:inline-block;cursor:pointer}
.pc .paging span.paging-text a:hover{text-decoration:none;cursor:pointer;opacity:.5}
@media screen and (max-width:767px){
.table_wrap{overflow-x:auto}
}
.pdf ul.normal.dot_line li{margin:10px 0;padding-bottom:10px;list-style-type:none}
.pdf ul.normal.dot_line li:last-of-type{margin-bottom:0}
.pdf i{color:#c00!important}
.pdf a{display:inline-block;position:relative;padding-left:1.4em;color:#141414!important}
.pdf a::before{position:absolute;top:-.1em;left:0;width:1.2em;color:#5197cd;color:#a00;content:"\f1c1";font-family:"Font Awesome 5 Free";font-weight:900;font-size:120%;text-decoration:none!important}
.pdf a.pdf::before{content:'\f1c1';color:#900}
.pdf a.word::before{content:'\f1c2';color:#009}
.pdf a.excel::before{content:'\f1c3';color:#090}
@media screen and (max-width:767px){
.accordion{padding:10px 8px 2px;border:1px solid #ddd;border-radius:8px}
.accordion dt div{position:relative;margin-bottom:0!important;padding-bottom:7px;font-size:14px;cursor:pointer;opacity:.75;border:none}
.accordion dt div::after{content:"\f078";position:absolute;top:40%;right:5px;font-family:"Font Awesome 5 Free";font-weight:900;transform:translate3d(0,-50%,0);line-height:1}
.accordion dt.active div::after{content:"\f077"}
.accordion dd{display:none;margin-top:10px}
}
.simplebar-track.simplebar-vertical{background:#eee;width:10px}
@media screen and (max-width:767px){
.simplebar-track.simplebar-vertical{width:5px}
}
.simplebar-scrollbar{background:#fff}
.simplebar-scrollbar:before{background:#aaa;background:#5197cd;border-radius:0;left:0;right:0;opacity:1!important;transition:.3s opacity cubic-bezier(.33,1,.68,1)}
.simplebar-scrollbar.simplebar-hover:before{opacity:.8}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:0;bottom:0}
.youtube_box{position:relative;width:100%;padding-top:56.25%}
.youtube_box iframe{position:absolute;top:0;right:0;width:100%;height:100%}
body.chrome img.chimg{image-rendering:-webkit-optimize-contrast}
@media screen and (max-width:767px){
.rotate90{transform:rotate(90deg)}
}
.img_wrap{position:relative}
.img_wrap .txt{position:absolute;left:0;bottom:0;width:100%;padding:2.5% 4.5%;color:#fff;background:rgba(7,80,130,.9)}
#lightcase-info #lightcase-caption{font-size:14px!important;color:#ccc!important}
.main_header{position:fixed;top:0;left:0;width:100%;height:110px;margin:0;padding-top:0;line-height:1;z-index:100}
@media screen and (max-width:991px){
.main_header{height:110px}
}
.main_header::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s ease}
@media screen and (max-width:767px){
.main_header::before{background:rgba(255,255,255,.9);transition:height .2s ease .2s}
}
@media screen and (max-width:767px){
.main_header{height:60px!important;z-index:999!important;padding:0}
}
.main_header>.inner{position:relative;width:100%;height:100%;margin:auto;padding:0 0 0 50px;display:flex;align-items:center;justify-content:space-between}
@media screen and (max-width:1199px){
.main_header>.inner{padding:0 0 0 40px}
}
@media screen and (max-width:991px){
.main_header>.inner{padding:0 0 0 30px}
}
@media screen and (max-width:767px){
.main_header>.inner{padding:0 0 0 15px}
}
.main_header.clone .inner{padding:0;justify-content:center}
.main_header .logo{display:flex;align-items:center;height:100%;z-index:1;font-size:10px}
@media screen and (max-width:991px){
.main_header .logo{width:30vw}
}
@media screen and (max-width:767px){
.main_header .logo{width:auto!important;background:0 0!important;transform:none}
}
@media screen and (max-width:767px){
.main_header .logo img{width:auto;height:30px}
}
.main_header .hamburger{position:absolute;top:0;right:5px;height:50px;padding-bottom:15px;z-index:100;display:none}
.main_header .hamburger-inner{background-color:#5197cd}
.main_header .hamburger-inner::after,.main_header .hamburger-inner::before{background-color:#5197cd}
.main_header .hamburger::after{position:absolute;content:'MENU';width:30px;bottom:0;left:10px;font-size:10px;font-weight:700;letter-spacing:-.02em;color:#5197cd;color:#999;text-align:center;letter-spacing:-.05em}
.main_header .tel_box{position:absolute;top:0;right:0;height:100%;height:45px;padding:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-weight:400;padding-top:0;line-height:1}
@media screen and (max-width:1199px){
.main_header .tel_box{right:0}
}
@media screen and (max-width:991px){
.main_header .tel_box{height:40px;right:0}
}
.main_header .tel_box a{text-decoration:none}
.main_header .tel_box a.btn{display:flex;align-items:center;justify-content:center;width:240px;height:100%;font-size:18px;padding:0;line-height:1;min-width:inherit;border-right:1px solid #3a719c;letter-spacing:.1em}
@media screen and (max-width:1199px){
.main_header .tel_box a.btn{width:200px;font-size:16px}
}
@media screen and (max-width:991px){
.main_header .tel_box a.btn{width:200px;font-size:16px}
}
@media screen and (max-width:767px){
.main_header .tel_box a.btn{min-width:inherit;width:100%;height:100%;padding:0;font-size:16px}
}
.main_header .tel_box .cb{height:100%;margin-left:0;margin-bottom:0}
@media screen and (max-width:991px){
.main_header .tel_box .cb{margin:0}
}
.main_header .tel_box .cb a.btn{border-right:none;border-left:1px solid #6eb7f0}
@media screen and (max-width:767px){
.main_header .tel_box .cb{width:50%}
}
.main_header .tel_box .tel{height:100%;margin-left:0}
@media screen and (max-width:767px){
.main_header .tel_box .tel{width:50%}
}
.main_header .tel_box .tel a.btn.bd{font-size:115%}
.main_header .tel_box .tel a.btn.bd i{font-size:85%}
@media screen and (max-width:767px){
.main_header .hamburger{display:block}
.main_header .hamburger.is-active{position:fixed}
.main_header .tel_box{display:none;z-index:1}
.nav-open .main_header::before{height:100vh;transition:height .2s ease}
.nav-open .main_header .tel_box{position:fixed;display:flex;justify-content:center;align-items:center;top:0;right:0;top:auto;left:0;bottom:0;width:100%;height:50px;padding:0 0;z-index:100;flex-wrap:wrap;background-color:rgba(255,255,255,0);text-align:center;font-size:14px;text-align:left}
}
.main_nav_container{height:100%;margin-right:0;margin-top:0;padding-top:45px;padding-right:0;position:relative;z-index:2}
.main_nav_container .inner,.main_nav_container .main_nav{width:100%;height:100%}
@media screen and (max-width:991px){
.main_nav_container{padding-top:40px}
}
@media screen and (max-width:767px){
.main_nav_container{display:block!important;position:fixed;top:60px;left:0;width:100%;height:100%;height:calc(100% - 60px);margin:0;padding:0;z-index:90;transform:translate3d(0,2%,0);opacity:0;visibility:hidden;transition:all .2s ease-out}
.main_nav_container .inner{width:100%;height:100%;margin:0;padding:0 0;padding-top:0;padding-bottom:60px;display:flex;align-items:center;justify-content:center;overflow:auto}
.main_nav_container .main_nav{height:auto;margin:0;padding:0}
.main_nav_container .main_nav ul:not(.sub){height:auto;display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0}
.main_nav_container .main_nav ul:not(.sub)>li{flex:0 1 40%;margin:0 0 30px;padding:0;text-align:center}
.main_nav_container .main_nav ul:not(.sub)>li::before{display:none}
.main_nav_container .main_nav ul:not(.sub)>li::after{display:none}
.main_nav_container .main_nav ul:not(.sub)>li:last-of-type{margin:0;padding:0}
.main_nav_container .main_nav ul:not(.sub)>li>a:not(.contact_btn){display:inline-block;height:auto;padding:1.2em 0 .8em;color:#333!important;font-size:16px;font-weight:700;transition:none;text-align:center}
.main_nav_container .main_nav ul:not(.sub)>li a.contact_btn{flex-direction:row;width:65%;margin:10px auto 0;padding:15px 25px;font-size:16px!important}
.main_nav_container .main_nav ul:not(.sub)>li a.contact_btn i{font-size:20px;margin-right:10px}
}
.main_nav ul:not(.sub){width:100%;height:100%;padding-right:0;display:flex;justify-content:flex-end}
.main_nav ul:not(.sub)>li{position:relative;height:100%;padding:0 1em;padding:0 clamp(.5em,1vw,1.5em);padding:0 2.5em}
@media screen and (min-width:1400px){
.main_nav ul:not(.sub)>li{padding:0 2.5em}
}
@media screen and (max-width:1199px){
.main_nav ul:not(.sub)>li{padding:0 2em}
}
@media screen and (max-width:991px){
.main_nav ul:not(.sub)>li{padding:0 1.5em}
}
.main_nav ul:not(.sub)>li:first-of-type{padding-left:0}
.main_nav ul:not(.sub)>li:last-of-type::after{display:none}
.main_nav ul:not(.sub)>li>a:not(.contact_btn){position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:0;padding-top:.2em;color:#333!important;font-size:clamp(12px,1.4vw,16px);font-size:18px;font-weight:700;text-decoration:none;transition:color .1s ease-in-out,background .1s ease-in-out;cursor:pointer}
@media screen and (max-width:991px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn){font-size:15px}
}
@media screen and (max-width:767px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn){line-height:1;text-align:center}
}
.main_nav ul:not(.sub)>li>a:not(.contact_btn)::before{content:'';position:absolute;display:inline-block;right:0;bottom:calc(50% - 1em);bottom:0;width:0%;height:5px;background:#5197cd;transition:width .3s ease-in-out;z-index:-1}
.main_nav ul:not(.sub)>li>a:not(.contact_btn) .en{display:block;margin-top:.5em;font-size:70%;font-weight:700}
@media screen and (max-width:767px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn) .en{margin-top:.85em}
}
.main_nav ul:not(.sub)>li>a:not(.contact_btn) i{color:#5197cd}
@media screen and (max-width:767px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn) i{color:#fff}
}
.main_nav ul:not(.sub)>li.active a:not(.contact_btn)::before{width:100%}
.main_nav ul:not(.sub)>li.on>a>i{padding:0 5px 0 0!important;transform:rotate(180deg)}
body.pc .main_nav ul:not(.sub)>li:hover>a>i{padding:0 5px 0 0!important;transform:rotate(180deg)}
.main_nav ul:not(.sub)>li.on>a:not(.contact_btn)::before,body.pc .main_nav ul:not(.sub)>li.child:hover>a:not(.contact_btn)::before,body.pc .main_nav>ul>li>a:not(.contact_btn):hover::before{right:auto;left:0;width:100%}
@media screen and (max-width:767px){
.nav-open .main_nav_container{transform:translate3d(0,0,0);opacity:1;visibility:visible;transition:all .2s ease-out .2s}
}
@media screen and (orientation:landscape) and (max-width:767px){
.main_nav ul:not(.sub){display:flex;justify-content:center;flex-wrap:wrap;margin:0}
.main_nav ul:not(.sub)>li{flex:0 1 50%!important;padding:0}
.main_nav ul:not(.sub)>li>a:not(.contact_btn)::before{bottom:2px}
.main_nav ul.sub{font-size:10px}
}
.slick,.slick2{opacity:0;transition:opacity .3s linear}
.slick.slick-initialized,.slick2.slick-initialized{opacity:1}
.slick-list,.slick-track{height:100%}
.slick-dots{bottom:30px!important;z-index:55!important}
.slick-dots li{margin:0 3px!important;background:0 0!important}
.slick-dots li button:before{font-size:18px!important;opacity:1!important;color:#fff!important}
.slick-dots li.slick-active button:before{color:#5197cd!important}
.slick_img_box .slick-track{display:flex!important}
.slick_img_box .slick-slide{height:inherit!important}
.slick_img_box .slick-next,.slick_img_box .slick-prev{width:30px;height:30px}
.slick_img_box .slick-next:before,.slick_img_box .slick-prev:before{font-size:30px;color:#5197cd}
.slick_img_box .slick-prev{left:15px!important;z-index:1!important}
.slick_img_box .slick-next{right:15px!important}
.slick_img_box .slick_thumb{margin-right:-5px;margin-left:-5px}
.slick_img_box .slick_thumb .slick-track{width:100%!important;transform:unset!important;display:flex!important;flex-wrap:wrap}
.slick_img_box .slick_thumb .slick-list{padding:0!important}
.slick_img_box .slick_thumb li{margin:10px 0 0 0!important;width:20%!important;padding:0 5px}
.slick_img_box .slick_thumb li a{display:block;position:relative}
.slick_img_box .slick_thumb li.slick-current a::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:2px solid #5197cd}
.slick_img_box .slick_thumb li a:focus{outline:0}
_:-ms-lang(x),.slick_thumb .slick-track{transform:none!important}
main{position:relative;overflow:hidden}
.home #top_scroll{position:relative;width:100%;height:55vw;max-height:800px;overflow:hidden;z-index:2}
@media screen and (max-width:991px){
.home #top_scroll{height:80vw}
}
.home #top_scroll::after{display:none;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.6)}
.home #top_scroll .rellax{width:100%;height:100%}
.home #top_scroll .rellax ul{width:100%;height:100%}
@media screen and (max-width:767px){
.home #top_scroll{padding-left:0}
}
.home #top_scroll>ul{position:relative;width:100%!important;height:100%!important;margin-left:0}
.home #top_scroll>ul li{height:100%!important;display:flex;justify-content:center;align-items:center}
.home #top_scroll li>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;font-family:'object-fit: cover; object-position: 50% 50%;'}
.home #top_scroll li{background-image:url(../images/main01.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat}
.home #top_scroll li:nth-child(1){background-image:url(../images/main01.jpg)}
@media screen and (max-width:767px){
.home #top_scroll li:nth-child(1){background-position:25% center}
}
.home #top_scroll .top_scroll_main_txt{position:absolute;top:0;right:0;width:100%;height:100%;padding:10% 100px 0 0;display:flex;align-items:center;justify-content:flex-end;z-index:50}
@media screen and (max-width:1199px){
.home #top_scroll .top_scroll_main_txt{padding:10% 80px 0 0}
}
@media screen and (max-width:991px){
.home #top_scroll .top_scroll_main_txt{padding:10% 60px 0 0}
}
@media screen and (max-width:767px){
.home #top_scroll .top_scroll_main_txt{padding:0 20px 0 15px}
}
.home #top_scroll .top_scroll_main_txt h2{text-align:right;line-height:1}
.home #top_scroll .top_scroll_main_txt h2 .txt_line{display:inline-block;line-height:1;padding:.4em .5em;font-weight:700;font-size:clamp(36px,3.2vw,50px);color:#5197cd;letter-spacing:.05em;background:#fff;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path 1s cubic-bezier(0,.85,.15,1) .5s}
.home #top_scroll .top_scroll_main_txt h2 .txt_line.line2{margin-top:10px;transition-delay:1s}
@media screen and (max-width:767px){
.home #top_scroll .top_scroll_main_txt h2 .txt_line{font-size:clamp(20px,5.333vw,30px)}
}
.home #top_scroll .top_scroll_main_txt h2 img{max-width:890px;width:55vw;display:inline-block;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path 1s cubic-bezier(0,.85,.15,1) .5s}
@media screen and (max-width:767px){
.home #top_scroll .top_scroll_main_txt h2 img{width:85vw}
}
.home #top_scroll .top_scroll_main_txt h2 br+img{max-width:455px;width:28.116vw;margin-top:10px;transition-delay:1s}
@media screen and (max-width:767px){
.home #top_scroll .top_scroll_main_txt h2 br+img{width:43.45vw}
}
.home #top_scroll .sc_btn{display:inline-block}
.home #top_scroll .scroll{position:absolute;bottom:0;left:72px;width:90px;height:90px;font-size:14px;font-weight:400;font-style:normal;font-family:'Josefin Sans',sans-serif;color:#333;letter-spacing:.05em;text-align:center;z-index:50;cursor:pointer;line-height:1}
@media screen and (max-width:991px){
.home #top_scroll .scroll{left:45px}
}
@media screen and (max-width:767px){
.home #top_scroll .scroll{left:0;color:#fff}
}
.home #top_scroll .scroll::after,.home #top_scroll .scroll::before{content:'';position:absolute;bottom:0;left:50%;width:1px;height:70px;background:rgba(0,0,0,.2)}
.home #top_scroll .scroll::after{background:#5197cd;animation:sdl 2s cubic-bezier(1,0,0,1) infinite}
@media screen and (max-width:767px){
.home #top_scroll .scroll::before{background:#fff}
}
@keyframes sdl{
0%{transform:scale(1,0);transform-origin:0 0}
35%{transform:scale(1,1);transform-origin:0 0}
35.1%{transform:scale(1,1);transform-origin:0 100%}
100%,70%{transform:scale(1,0);transform-origin:0 100%}
}
.home #top_scroll .obj{position:absolute;left:0;bottom:0;width:65%;text-align:right;z-index:10;mix-blend-mode:overlay}
@media screen and (max-width:767px){
.home #top_scroll .obj{width:100%}
}
.home #top_scroll .top_scroll_main_txt h2 img.start{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.home #top_scroll .top_scroll_main_txt h2 .txt_line.start{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.en_txt{position:relative}
a.ci{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;padding-top:.5em;background:#5197cd;color:#fff!important;text-decoration:none;border-radius:1000px;line-height:3;font-size:14px;font-weight:500}
a.ci i{font-size:16px}
a.ci.c2{color:#5197cd!important;background:#3e62b1}
.common-cont .container-fluid:not(.max){max-width:1170px}
.home .container-fluid:not(.max){max-width:1260px}
.home main{position:relative}
.home main .bg{position:absolute;top:0;left:0;width:100%;height:50%;background:url(../images/index_main_bg.jpg) center 0 no-repeat;background-size:100% auto}
@media screen and (max-width:767px){
.home main .bg{background:url(../images/index_main_bg.jpg) center 20% no-repeat;background-size:200% auto}
}
.home main .txt_obj{position:absolute;font-weight:700;font-size:clamp(100px,13.33vw,160px);opacity:.25;color:#5197cd;line-height:1;letter-spacing:.05em}
@media screen and (max-width:767px){
.home main .txt_obj{font-size:64px}
}
.home main h3{line-height:.65;letter-spacing:.1em}
.home main h3 span{letter-spacing:.05em}
@media screen and (max-width:991px){
.home main h3{line-height:.85}
}
.home #main01{position:relative;padding:150px 0 200px}
@media screen and (max-width:991px){
.home #main01{padding:100px 0 150px}
}
@media screen and (max-width:767px){
.home #main01{padding:50px 0 95px}
}
.home #main01 .outer{position:relative;padding:0;color:#fff;background:url(../images/index_main01_bg.jpg) center center no-repeat;background-size:cover}
@media screen and (max-width:767px){
.home #main01 .outer{background:0 0}
}
.home #main01 .outer .txt_obj{left:-10%;bottom:-6%}
@media screen and (max-width:991px){
.home #main01 .outer .txt_obj{left:-2%}
}
@media screen and (max-width:767px){
.home #main01 .outer .txt_obj{left:-5%;bottom:-3%}
}
.home #main01 .outer .inner{position:relative;color:#fff;padding:150px 50px}
@media screen and (max-width:991px){
.home #main01 .outer .inner{padding:80px 40px}
}
@media screen and (max-width:767px){
.home #main01 .outer .inner{padding:50px 25px}
}
.home #main01 .outer .inner::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#5197cd;mix-blend-mode:multiply;z-index:1}
.home #main01 .outer .inner h3,.home #main01 .outer .inner p{position:relative;z-index:1}
.home #main01 .outer a.btn.bd{color:#fff!important;border-color:#fff;background:0 0}
.home #main01 .outer a.btn:not(.no_icon)::before{color:#fff}
.home #main02{position:relative;padding:0 0 195px}
@media screen and (max-width:991px){
.home #main02{padding:0 0 150px}
}
@media screen and (max-width:767px){
.home #main02{padding:0 0 60px}
}
.home #main02 .container-fluid{position:relative}
.home #main02 .container-fluid .txt_obj{right:-5%;top:-6%;opacity:.15}
@media screen and (max-width:991px){
.home #main02 .container-fluid .txt_obj{right:0}
}
@media screen and (max-width:767px){
.home #main02 .container-fluid .txt_obj{right:-2%;top:4%}
}
.home #main03{position:relative;margin-bottom:200px}
@media screen and (max-width:991px){
.home #main03{margin-bottom:120px}
}
@media screen and (max-width:767px){
.home #main03{margin-bottom:60px}
}
.home #main03 .container-fluid{position:relative}
.home #main03 .container-fluid .txt_obj{left:4%;top:-8%;opacity:.1}
@media screen and (max-width:991px){
.home #main03 .container-fluid .txt_obj{left:2%;top:2%}
}
@media screen and (max-width:767px){
.home #main03 .container-fluid .txt_obj{left:-2%;top:4%}
}
.home #main03 a{display:block;color:#fff!important;text-decoration:none}
.home #main03 .inner{width:100%;aspect-ratio:1/1;position:relative;padding:40px 30px;z-index:1;background:#1c7dba;overflow:hidden}
@media screen and (max-width:767px){
.home #main03 .inner{padding:20px 15px}
}
.home #main03 .inner .img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;opacity:.25;transition:transform .2s ease-in-out,opacity .2s ease-in-out}
.home #main03 .inner .link{position:absolute;right:30px;bottom:30px}
@media screen and (max-width:767px){
.home #main03 .inner .link{right:15px;bottom:15px}
}
.home #main03 .row>div:nth-child(2n) .inner{background:#0b5b9f}
.home.pc #main03 a:hover .img{transform:scale(1.025);opacity:.5;transition:transform .2s ease-in-out .1s,opacity .2s ease-in-out .1s}
.wn_cont .nav{flex-wrap:wrap;margin:0 -5px}
.wn_cont .nav li{width:20%;margin-bottom:10px;padding:0 5px}
@media screen and (max-width:991px){
.wn_cont .nav li{width:25%}
}
@media screen and (max-width:767px){
.wn_cont .nav li{width:50%}
}
.wn_cont .nav li a{display:flex;justify-content:center;align-items:center;height:100%;padding:1em .5em;color:#fff!important;font-weight:700;font-size:14px;background:0 0;border:1px solid #fff;text-decoration:none;line-height:1.2;border-radius:0}
.wn_cont .nav li a.active{background:#fff;color:#5197cd!important}
@media screen and (max-width:991px){
.wn_cont .nav li a{padding:1em .35em;font-size:13px}
}
@media screen and (max-width:767px){
.wn_cont .nav li a{padding:.8em .25em;font-size:12px}
}
.wn_cont .w_box{position:relative}
.wn_cont .outer{position:relative}
.wn_cont .wrap{position:relative;max-height:400px;overflow:auto;padding:0 40px 0 0}
@media screen and (max-width:991px){
.wn_cont .wrap{padding:0 30px 0 0}
}
@media screen and (max-width:767px){
.wn_cont .wrap{max-height:350px;padding:0 15px 0 0}
}
.wn_cont .item{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #3e62b1;border-color:#d7d7d7;display:flex;align-items:center}
.wn_cont .item:first-of-type{padding-top:30px}
.wn_cont .item:last-of-type{margin-bottom:1px}
.wn_cont .item *{word-wrap:break-word}
@media screen and (max-width:767px){
.wn_cont .item{margin-bottom:20px;padding-bottom:20px;flex-wrap:wrap;justify-content:space-between;justify-content:flex-start}
.wn_cont .item:first-of-type{padding-top:10px}
}
.wn_cont .item .date_box{width:180px;text-align:left;padding-left:1em;font-size:115%}
@media screen and (max-width:767px){
.wn_cont .item .date_box{width:50%;width:100px;padding:0;text-align:left;font-size:14px}
}
.wn_cont .item .button{width:80px;text-align:right}
@media screen and (max-width:767px){
.wn_cont .item .button{margin-top:10px;width:100%}
}
.wn_cont .item .button a.btn{min-width:inherit;width:60px;padding:0;padding-right:5px;font-size:12px;line-height:25px}
.wn_cont .item .button a.btn::before{font-size:10px;top:calc(50% - 0px);right:4px}
.wn_cont .item .cat,.wn_cont .item .new{width:100px}
@media screen and (max-width:767px){
.wn_cont .item .cat,.wn_cont .item .new{width:45%}
}
.wn_cont .item .cat span,.wn_cont .item .new span{display:inline-block;line-height:1;font-size:85%;color:#3e62b1;color:#a00;text-align:center;line-height:1}
@media screen and (max-width:767px){
.wn_cont .item .cat span,.wn_cont .item .new span{font-size:12px;transform:translate3d(0,-.2em,0)}
}
.wn_cont .item .txt{flex:1;padding-left:0}
.wn_cont .item .txt>a{color:#333!important}
@media screen and (max-width:767px){
.wn_cont .item .txt{flex:none;display:block;width:100%;padding:0;padding-top:3%;font-size:14px}
}
.wn_cont .item .txt .b_box{margin-left:30px}
.wn_cont .item .txt .b_box a.btn{line-height:35px}
@media screen and (max-width:767px){
.wn_cont .item .txt .b_box{margin:15px 0 0 0;text-align:right}
}
.wn_cont .item .txt .new{display:inline-block;margin-left:.5em;font-size:75%;color:#900;text-decoration:none}
.wn_cont .item .more a,.wn_cont .item .url a{width:160px;padding-left:1.5em;color:#5197cd!important;text-decoration:none}
@media screen and (max-width:767px){
.wn_cont .item .more{width:100%;margin:5px 0 0 0;text-align:right;font-size:14px}
}
.home #main04,.home #main05{position:relative;margin-bottom:150px;padding:90px 0}
@media screen and (max-width:991px){
.home #main04,.home #main05{margin-bottom:100px;padding:50px 0}
}
@media screen and (max-width:767px){
.home #main04,.home #main05{margin-bottom:60px;padding:0 0}
}
.home #main04 .img,.home #main05 .img{position:absolute;top:0;width:50%;height:100%;right:0}
@media screen and (max-width:767px){
.home #main04 .img,.home #main05 .img{width:100%;position:relative}
}
.home #main04 .img img,.home #main05 .img img{width:100%;height:100%;object-fit:cover}
@media screen and (max-width:767px){
.home #main04 .img img,.home #main05 .img img{width:inherit;height:auto;object-fit:inherit}
}
.home #main04 .img .txt_obj,.home #main05 .img .txt_obj{left:5%;top:-15%}
@media screen and (max-width:991px){
.home #main04 .img .txt_obj,.home #main05 .img .txt_obj{top:-8%}
}
@media screen and (max-width:767px){
.home #main04 .img .txt_obj,.home #main05 .img .txt_obj{left:5%;top:-15%}
}
.home #main04 .row>div,.home #main05 .row>div{padding-left:50px;padding-right:50px}
@media screen and (max-width:991px){
.home #main04 .row>div,.home #main05 .row>div{padding-left:30px;padding-right:30px}
}
@media screen and (max-width:767px){
.home #main04 .row>div,.home #main05 .row>div{padding:30px}
}
.home #main05 .img{right:auto;left:0}
.home #main05 .img .txt_obj{left:auto;right:5%}
@media screen and (max-width:767px){
.home #main05 .img .txt_obj{left:auto;right:5%}
}
#main99{position:relative;padding:100px 0 80px;font-weight:500;z-index:1;color:#fff}
@media screen and (max-width:991px){
#main99{padding:80px 0 60px}
#main99 p{font-size:14px}
}
@media screen and (max-width:767px){
#main99{padding:80px 0 70px}
}
#main99 .bg_img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0);z-index:-1}
#main99 .bg_img .img{position:fixed;top:0;left:0;width:100%;min-height:100vh;min-height:100lvh;background:url(../images/main99_bg.jpg) center center no-repeat;background-size:cover}
@media screen and (max-width:767px){
#main99 .bg_img .img{background:url(../images/main99_bg.jpg) 40% center no-repeat;background-size:cover}
}
#main99 h3{position:relative;line-height:.65;letter-spacing:.1em}
#main99 h3 span{letter-spacing:.05em}
@media screen and (max-width:767px){
#main99 h3{line-height:.85}
}
#main99 .inner_c{color:#fff;text-align:center}
@media screen and (max-width:767px){
#main99 .inner_c{padding:0 0}
}
#main99 .inner_c a:not(.btn){color:#fff!important;text-decoration:none!important}
#main99 .inner_c a.btn{padding-right:40px;padding-left:40px}
@media screen and (max-width:991px){
#main99 .inner_c a.btn{padding-right:20px;padding-left:20px;font-size:14px!important}
}
#main99 .inner_c .x5-large{font-size:32px;line-height:1}
@media screen and (max-width:991px){
#main99 .inner_c p{font-size:12px}
#main99 .inner_c .x-large{font-size:16px}
#main99 .inner_c .x3-large{font-size:20px}
#main99 .inner_c .small{font-size:10px}
}
.business #main00{background:#f5f5f1}
@media screen and (max-width:767px){
.business #main00 .accordion{background:#fff}
}
.business #main00 .s_box{max-width:600px;margin:auto;margin-bottom:40px}
.business #main00 .s_box input.form-control{height:auto;border-color:#999;border-width:2px;border-right:none;padding:.5em .75em;font-size:18px;color:#333}
@media screen and (max-width:767px){
.business #main00 .s_box input.form-control{font-size:16px}
}
.business #main00 .s_box .input-group-btn{color:#fff;background:#5197cd;border-radius:0 5px 5px 0}
.business #main00 .s_box .input-group-btn button{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.business .wn_cont .nav li{width:25%}
@media screen and (max-width:991px){
.business .wn_cont .nav li{width:33.333%}
}
@media screen and (max-width:767px){
.business .wn_cont .nav li{width:50%}
}
.business .wn_cont .nav a{padding:1em .75em;color:#5197cd!important;background:#fff;border:1px solid #5197cd;font-size:14px;letter-spacing:0;text-align:center;line-height:1.4}
@media screen and (max-width:767px){
.business .wn_cont .nav a{font-size:12px}
}
.business .wn_cont .nav a.active{background:#5197cd;color:#fff!important;border:1px solid #5197cd}
@media screen and (max-width:767px){
.business #main01 .common_box.d-flex{display:block!important}
}
.business #main01 .common_box.d-flex .img{width:35%;margin-right:30px}
@media screen and (max-width:767px){
.business #main01 .common_box.d-flex .img{width:100%;margin-right:0;margin-bottom:20px}
}
.business #main01 .common_box.d-flex .text{flex:1}
.business #main01 .ttl,.business #main01 h3,.business #main01 h4{font-weight:700}
.business #main01 .cl_box{flex-direction:column}
.business #main01 .cl_box .img_box{width:100%;margin-bottom:15px}
@media screen and (max-width:767px){
.business #main01 .cl_box .img_box{margin-bottom:10px}
}
@media screen and (max-width:767px){
.business #main01 .cl_box .txt_box{margin-top:0}
}
.business #main01 a.link_box{text-decoration:none!important}
@media screen and (max-width:767px){
.business #main01 .row>div:last-of-type .cl_box{padding-bottom:0;border:none}
}
.business #main01 .common_box h3{margin:0!important}
.business #main01 .common_box h3+div.html{margin-top:20px}
@media screen and (max-width:767px){
.business #main01 .common_box h3+div.html{margin-top:10px}
}
.business #main01 .item{padding-bottom:40px;margin-bottom:40px;border-bottom:3px solid #ddd}
.business #main01 .item a.btn{min-width:inherit;width:100%}
@media screen and (max-width:767px){
.business #main01 .item .xs-mt20{text-align:right}
.business #main01 .item .xs-mt20 a.btn{min-width:inherit;width:200px}
}
.business.detail #main01 .txt_box{padding-bottom:40px;margin-bottom:40px;border-bottom:2px solid #ddd}
.recruit #main001{background:#f5f5f1}
.recruit #main003 a.btn.j02{background:#3e62b1}
.recruit #main003 h4{color:#fff!important;font-weight:700;font-size:120%;padding:.75em .75em;background:#5197cd;text-align:center}
.recruit #main003 h4.j02{background:#3e62b1}
@media screen and (max-width:767px){
.recruit #main003 h4{font-size:110%;text-align:left}
}
.recruit #main003 #j01 .table th{color:#5197cd}
.recruit #main003 td{font-weight:400}
.company #main002{background:#f5f5f1}
.company #sdgs{background:#5197cd}
.company #sdgs .outer{padding:50px;background:#fff}
.company #sdgs .outer .col-2{flex:0 0 20%!important;max-width:20%!important}
.company #sdgs .outer h5{display:flex;justify-content:center;align-items:center;padding:.5em;color:#fff;font-weight:700;font-size:120%;background:#3e62b1;text-align:center}
@media screen and (max-width:991px){
.company #sdgs .outer h5{font-size:115%}
}
@media screen and (max-width:767px){
.company #sdgs .outer h5{font-size:105%}
}
.company #sdgs .outer ul.normal li{margin:0 0 5px 20px}
@media screen and (max-width:991px){
.company #sdgs .outer{padding:35px}
}
@media screen and (max-width:767px){
.company #sdgs .outer{padding:15px}
}
.company #main02,.company #main04,.company #main06{background:#f5f5f1}
.company #main02 .table th,.company #main04 .table th,.company #main06 .table th{border-color:#999!important}
.company .table td.ctl p{width:13.5em}
.contact span.required{display:inline-block;margin-right:.5em;padding:.35em .55em;color:#fff;font-weight:500;font-size:75%;background:#900;line-height:1;border-radius:4px}
@media screen and (max-width:767px){
.contact span.required{transform:translate3d(0,-.2em,0)}
}
.contact #main00{font-weight:500}
.contact #main01{background:#f5f5f1}
.contact #main01 th{width:auto!important;white-space:nowrap}
.contact #main01 .common_box{font-weight:500}
.contact #main01 .common_box strong{letter-spacing:.05em}
.contact #main01 .common_box a{text-decoration:none}
@media screen and (max-width:991px){
.contact #main01 .common_box{padding:15px 10px}
}
.contact #main02 .table{border-top:1px solid #ccc!important}
@media screen and (max-width:767px){
.contact #main02 .table{border:none!important}
}
.contact #main02 .table th{border-color:#ccc!important;white-space:nowrap;width:330px;background:#f8f8f8!important}
@media screen and (max-width:767px){
.contact #main02 .table th{border:none!important;background:0 0!important}
}
.contact #main02 .table th.required{position:relative;padding-right:70px}
.contact #main02 .table th.required::after{display:inline-block;margin-right:.5em;padding:.35em .55em;color:#fff;font-weight:500;font-size:75%;background:#900;line-height:1;border-radius:4px;content:'必須';position:absolute;top:50%;right:20px;transform:translate3d(0,-50%,0)}
@media screen and (max-width:767px){
.contact #main02 .table th.required::after{transform:translate3d(0,-.2em,0)}
}
@media screen and (max-width:767px){
.contact #main02 .table th.required::after{position:relative;top:auto;right:auto;margin-left:.75em}
}
.contact #main03 .pdf a{padding-left:1.6em;text-decoration:underline}
.contact #main03 .pdf a::before{top:-.3em;font-size:145%}
.contact .form-control:focus{border-color:#5197cd;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.075)}
.contact .form-horizontal .checkbox,.contact .form-horizontal .checkbox-inline,.contact .form-horizontal .radio,.contact .form-horizontal .radio-inline{padding-top:0}
.contact.tablet .form-horizontal .checkbox-inline::after,.contact.tablet .form-horizontal .radio-inline::after{content:".";width:0;font-size:0;color:transparent;margin-right:1px}
.contact .form-control{height:auto;padding:16px 12px;font-size:18px;color:#333;background:#f5f5f5;background:#fff;border-color:#f8f8f8;border-color:#ccc;border-width:2px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
.contact .form-control.middle{display:inline-block;width:400px}
@media screen and (max-width:991px){
.contact .form-control.middle{width:300px}
}
@media screen and (max-width:767px){
.contact .form-control.middle{width:100%}
}
.contact .form-control.short{display:inline-block;width:140px}
@media screen and (max-width:767px){
.contact .form-control.short{width:35%}
}
.contact .form-control:-ms-input-placeholder{color:#888}
.contact .form-horizontal .control-label{padding:0;text-align:left}
.contact .btn-original{padding:15px 40px;color:#fff;font-weight:700;border:none;border-radius:0;background-color:#5197cd;transition:opacity .1s ease-in-out;border-radius:5px;border-radius:0;letter-spacing:.1em}
.contact .btn-original.btn_back{background:#999}
.contact.pc .btn-original:hover{opacity:.7;transition:opacity .1s ease-in-out .1s}
.contact .has-error .form-control{background-color:#faf5f5}
.contact .checkbox-inline,.contact .radio-inline{margin-right:25px}
.contact .privacy_box{position:relative;border:5px solid #ddd;border-right-width:0;background:#fff}
.contact .privacy_box .inner{height:400px;overflow:auto}
.contact .privacy_box .inner .wrap{padding:30px 35px 30px 30px}
@media screen and (max-width:767px){
.contact .s_b .large{font-size:125%}
}
.contact .sup_ttl{margin-bottom:20px;display:flex;padding:15px;border:1px solid #ddd;background:#f8f8f8}
.contact .sup_ttl input{margin-right:10px}
.contact .sup1_table,.contact .sup2_table{display:none}
@media screen and (max-width:991px){
.contact .checkbox-inline,.contact .radio-inline{margin-right:8px}
}
@media screen and (max-width:767px){
.contact #main00 .common_box p{font-size:14px!important}
.contact #main01 .common_box p a{color:#333!important;text-decoration:none!important}
.contact .form-horizontal{padding:0}
.contact .checkbox-inline,.contact .radio-inline{display:block;margin:0 0 10px}
.contact .checkbox-inline:first-of-type,.contact .radio-inline:first-of-type{margin-top:10px}
.contact input,.contact option,.contact select,.contact textarea{font-size:16px}
.contact select{width:50%}
.contact input[type=file]{font-size:12px}
.contact .sup_ttl{margin-bottom:10px}
.contact .privacy_box{font-size:12px}
.contact .privacy_box .inner{height:250px}
.contact .privacy_box .inner .wrap{padding:15px 20px 15px 15px}
.contact button.btn{width:100%;padding-right:0;padding-left:0}
}
#footer{position:relative;padding:0 0}
@media screen and (max-width:991px){
#footer{padding:0 0}
}
#footer .inner{position:relative;margin-top:-1px;padding:100px 0;font-weight:500;font-size:14px;background:#5197cd;color:#fff}
@media screen and (max-width:991px){
#footer .inner{padding:80px 0}
}
@media screen and (max-width:767px){
#footer .inner{padding:50px 0 20px}
}
#footer .inner a{color:#fff!important;text-decoration:none}
#footer .inner .logo{position:relative;margin-bottom:40px;margin-right:0;padding-top:0;padding-bottom:20px;padding-right:0;border-bottom:1px solid #97c1e1}
@media screen and (max-width:767px){
#footer .inner .logo{margin:0 0 20px;padding:0;text-align:center;border:none}
#footer .inner .logo img{width:220px!important}
}
#footer .inner .adr{margin-bottom:0;line-height:1.6;margin-right:0}
#footer .inner .adr i{font-size:120%}
@media screen and (max-width:991px){
#footer .inner .adr{margin-right:20px;font-size:14px}
}
@media screen and (max-width:767px){
#footer .inner .adr{margin:0 0 5px;text-align:center;font-size:14px;line-height:1.8}
}
#footer .inner .font-weight-bolder{font-weight:500!important}
#footer .inner .tel{margin-top:0}
#footer .inner .tel i{color:#5197cd;color:#fff!important}
@media screen and (max-width:991px){
#footer .inner .tel{font-size:12px}
}
@media screen and (max-width:767px){
#footer .inner .tel{margin-top:0;font-size:14px}
}
#footer .inner .tel a.btn{border-radius:100px;font-size:18px;padding:0 30px;color:#fff!important;border:2px solid #fff;line-height:40px;background:0 0;min-width:inherit}
@media screen and (max-width:991px){
#footer .inner .tel a.btn{font-size:15px;padding:0 20px}
}
@media screen and (max-width:767px){
#footer .inner .tel{text-align:center}
}
#footer .copyright{margin-top:0;padding:0;text-align:center;font-weight:400;line-height:60px;font-size:12px;color:#fff;background:#3e62b1}
@media screen and (max-width:991px){
#footer .copyright{font-size:12px}
}
@media screen and (max-width:767px){
#footer .copyright{margin-top:0;padding:2em;padding-bottom:4em;font-size:12px;line-height:1;text-align:center}
}
.mobile #footer .tel{pointer-events:auto}
.back-top{display:none;position:fixed;right:15px;bottom:35px;cursor:pointer;margin:0;z-index:50}
body.pc .back-top img:hover{opacity:.75;transition:opacity .1s ease-in-out .1s}
@media screen and (max-width:767px){
.back-top{position:fixed!important;top:auto!important;right:5px!important;bottom:35px!important;width:30px;transform:none!important}
}
.back-top img{transition:opacity .1s ease-in-out}
#footer .footer_menu{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;line-height:1}
@media screen and (max-width:767px){
#footer .footer_menu{margin:0 auto;max-width:400px;margin-top:30px;margin-bottom:20px}
}
@media screen and (max-width:480px){
#footer .footer_menu{padding-left:15%}
}
#footer .footer_menu-list{position:relative;display:flex;justify-content:flex-end;flex-wrap:wrap}
@media screen and (max-width:767px){
#footer .footer_menu-list{justify-content:flex-start;flex-direction:row}
}
#footer .footer_menu-list li{position:relative;margin:0;padding:0 1em 0 0;padding:0 clamp(.9em,2vw,2em) 0 0;text-align:left}
@media screen and (max-width:767px){
#footer .footer_menu-list li{width:50%;margin:0;padding:0;border:none}
}
#footer .footer_menu-list li:last-of-type{border:none;padding-right:0}
#footer .footer_menu-list li a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff!important;font-weight:500;font-size:14px;font-size:clamp(11px,1.5vw,14px);padding-left:.8em;padding-right:0;text-decoration:none;transition:opacity .3s ease}
#footer .footer_menu-list li a .en{margin-bottom:.5em}
body.pc #footer .footer_menu-list li a:hover{opacity:.6}
@media screen and (max-width:767px){
#footer .footer_menu-list li a{align-items:flex-start;padding:1em 0 1em 1em!important;font-size:14px}
}
#footer .footer_menu-list li a::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";color:#5197cd;color:#3e62b1;color:#fff;position:absolute;top:50%;left:0;right:auto;transform:translateY(-50%)}
@media screen and (max-width:767px){
#footer .footer_menu-list li a::before{display:block}
}
#footer .footer_menu-list li.child a::before{transform:translateX(-30%) translateY(-45%) rotate(90deg);margin:0}
#footer .footer_menu-list li.child.on a::before{transform:translateX(-30%) translateY(-45%) rotate(-90deg);margin:0}
#footer .footer_menu .footer_menu-list>li.c1>a{cursor:default!important;opacity:1!important}
#footer .footer_menu-list .child.on ul.sub,body.pc #footer .footer_menu-list .child:hover ul.sub{opacity:1;visibility:visible;z-index:1}
@media print{
*{-webkit-print-color-adjust:exact!important;background-attachment:initial!important}
html{overflow:visible!important}
body{zoom:.87!important;min-width:1240px!important;padding-top:100px!important;padding-bottom:0!important}
.container,.container-fluid{min-width:1170px!important}
.plx_ym,.plx_yp{transform:none!important}
.fade_action{opacity:1!important;transform:none!important;clip-path:none!important}
.rellax{transform:none!important}
.aos-init{opacity:1!important;-webkit-transform:none!important;transform:none!important}
.d-block.d-md-none{display:none!important}
.text-md-center{text-align:center!important}
.pbb{page-break-before:always}
.pba{page-break-after:always}
.main_header{position:absolute!important}
.main_header.clone{display:none!important}
.main_header .logo{width:300px!important}
.main_nav ul:not(.sub)>li{padding:0 .4em!important}
.home #top_scroll{max-height:inherit;height:650px!important}
.home #top_scroll>ul li{justify-content:flex-start}
.home #main01 .pbb{padding-top:100px!important}
.home #top_scroll .top_scroll_main_txt h2 img{clip-path:none!important}
#main99 .bg_img .img{position:absolute;width:100%;height:100%!important;min-height:inherit!important}
.back-top{display:none!important}
}