@charset "utf-8";
@import url("css/basic.css");
@import url(shared.css);
#header{padding-top:60px;}
#index #news,#service{padding-bottom:60px;}
#service .a_card a,#a-service .a_card a{max-width:540px;}
#about .content{max-width:1340px;}
#about .a_link{font-size:1.05em;}
#about .a_link .photo{height:180px;}
#about .a_link .photo+p{padding:0.226em 0;line-height:1.2;}
body:not(#index) #main{color:#333;}
.haikei{background:#f4f5f9;}
.table2 th,.table2 td,.table2[class*="s_clear"] th,table.table2.s_clear tr:first-child,table.table2.s_clearbs tr th:first-child,table.table2[class*="s_clear"] tr:first-child th:first-child{border-width:1px 0;}
.table2[class*="s_clear"] td{border-width:0 0 1px 0;}
.table2 th{vertical-align:middle;font-weight:normal;background:#fff;}
.table2 td{background:#f8f8f8;}
.table2.s_clear td{border-width:0;}
.flex-link-column.list-btn>li{margin-bottom:0;}.flex-link-column.list-btn>li a:hover{color:#000;}.flex-link-column.list-btn a:hover::before,.flex-link-column.list-btn a:hover::after{border-color:#000;}
.flex-link-column.list-btn>li>a:only-child{align-content:flex-start;align-items:flex-start;padding:1.5em 2.55em 1.5em 0;border:none;border-bottom:1px solid #a6a3aa;background:none;}
.flex-link-column.list-btn.typebox3>li:first-child a{border-top:1px solid #a6a3aa;}
.flex-link-column.list-btn>li a.on,.list-btn a.on span{color:#ccc;cursor:default;}
.flex-link-column.list-btn>li a.on:hover::before,.flex-link-column.list-btn>li a.on:hover::after{right: 6.49606299212598%;border-color:#ccc;}
.list-btn a.on::before,.list-btn a.on::after{border-color:#ccc;}
.list-btn span{color:#000;display:block;font-size:.85em;text-transform:uppercase;margin-top:.5em;}
body.on #enbtn{right:183px;}
#ebtn {display:flex;width:61px;justify-content:space-between; right:0px; } 
#ebtn a{width:60px;}
#ebtn a .icon-truck{padding:0;}
#ebtn a .icon-truck::before{content:"";height:2em;background:url("images/icon-truck.svg") center center no-repeat;background-size:contain;display:block;margin:0 auto .2em;}
#ebtn a:first-child{background:#0071b3;}
#ebtn a:first-child:hover{background:#000;}
@media(min-width:40em){
#about .a_link .photo{height:36vw;}
table.table2[class*="s_clear"] th, table.table2[class*="s_clear"] td{border-width:1px 0;}
#about .a_link .photo{max-height:300px;}
#business>section{padding:0 10px;}
#business>p{padding:26px 2.85714285714286% 26px 0;}
}
@media (min-width:48em){
#header{padding-top:95px;}
.flex-link-column.list-btn.typebox3>li:nth-child(2) a,.flex-link-column.list-btn.typebox3>li:nth-child(3) a{border-top:1px solid #a6a3aa;}
#ebtn{width:20vw;max-width:191px;}
#ebtn a{width:95px;}
#ebtn a+a{margin-left:1px;}
#hnav, #global{padding-right:20vw;}
#global>ul>li>a{padding:0 .5vw;}
}
@media (min-width:60em){
#hnav, #global{padding-right:195px;}
}
@media (min-width:66em){
#global>ul>li>a{padding:0 1em;}
}

.list-btn2 li{padding:0;}
.list-btn2 li a{padding:1em 1.5em;}
article.haikei2{background:#efefef;margin:0;}

article.wide,article.wide .content{max-width:none;padding:0;}
img.wide{margin:0;width:100%;}



[lang="en"]{font-weight:600;}#hnav>p>a[lang="en"]{font-weight:normal;}
.boxwrap{padding-top:30px;}
.box-img{margin:0 auto;text-align:center;width:80%;}
.box-img img{width:100%;margin-left:0;margin-right:0;height:100%;object-fit:contain;font-family:'object-fit:fit:contain;'; }
box-img img{position:sticky;top:110px;}
.box-txt{padding:30px 5%;}
.box-txt.w100{width:100%;max-width:none;}
.box-txt .h3{border-bottom:1px solid;padding:0 0 0.25em;text-align:center;}
.box-txt  [lang="en"]{text-transform:uppercase;color:#000;}

.card{position:relative;padding:12.5em 10% 3em;background: #c5d1d9;}
.card img{position:absolute;top:15px;z-index:2;right:5%;width:40%;max-width:152px;}
.card_content{position: relative;z-index:2;display: block;padding:1.5em ;background-color: #fff;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 6%);z-index:1;}
@media(min-width:37.5em){
.card{padding-top:4em;}
}
@media(min-width:48em){
#about .a_link{font-size:1.05em;}
#about .a_link .photo+p{padding-left:9px;}
.card{padding:3em 10% 3em 10%;}
.card_content{padding:1.5em 3em 1.5em 10em;}
.card img{top:5%;left:7%;right:auto;}
.boxwrap{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.boxwrap:nth-child(odd) .box-txt{order:1;}
.box-img{margin:0;width:40%;}
.box-txt{/*padding:50px 8%;*/width:60%;}
.box-txt .h3{text-align:left;}
.topttl::before{top:-10px;font-size:72px;}
}

/* 画像のマージン */
@media(min-width:40em){
img.left,.grid2it img,.grid2tt>dt,.grid2tt>span:first-child:not(.right){margin-right:8%;}
img.right,.grid2tt>dt.right,.grid2tt>span:first-child.right{margin-left:8%;}
}

/*東西海運用追加
.kome5>dt,.kome5>.dt{width:6em;}
.colon dd::before{content:"：";}*/

/*枠*/
[class*="waku"]{padding:0px 10px;margin:0px 0px 10px 0px;color:#fff;font-size:.8em;display:inline-block;}
.waku-b{background:#54b1c0;}
.waku-r{background:#b73340;}
.waku-r2{background:none;color: #b73340;border: solid 1px #b73340;}

.linebox2{border:none;background:#f8f8f8;}
.linebox3{background-color: #f1f1f1;border-color:white;}
.linebox4{background-color: white;border-color: #0071b3;}
/* 白影あり */
.linebox5{background:#fff;border:none;box-shadow:rgb(0 0 0 / 4%) 0px 2px 10px;transition: all 0.3s ease-in-out 0s;}
.linebox5 a:hover {box-shadow: rgb(0 0 0 / 9%) 0 3px 20px;transform: translate3d(0, -1px, 0);}
.linebox5 a{text-decoration:none;color:#333;}
.linebox5-p{background:#fff;border:none;border-radius:10px;padding:0px;box-shadow: 0 0 8px #cccccc;}

/* タグ */
.tag{background:#f2f2fd;display:inline-flex;padding:5px;line-height:1;margin:5px 0;color:#000;margin-right:10px;line-height: inherit;}
.tag::before{content:attr(title);color:#fff;background:#000;padding:2px 10px;margin-right:5px;font-size:.8em;}

/* 流れ */
[class*="linebox"].flow{overflow:visible;margin-bottom:3em;position:relative;}
[class*="linebox"].flow::after{width:2em;height:2em;border:1px solid;border-color: transparent transparent #1d1da4 #1d1da4;transform:rotate(-45deg);content:"";bottom:-2em;left:47.5%;position:absolute;}

/*Slider*/
.slick-slider,.slick-list,.slick-track,.slick-slide{min-height:0;min-width:0;}.slick-slider{position:relative;display:block;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.slick-list{overflow:hidden;position:relative;display:block;margin:0 auto;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{float:left;height:100%;min-height:1px;}.slick-loading .slick-slide{visibility:hidden;}
.slick-slider,.slick-slide a{margin:0 0 15px;overflow:hidden;}.slick-slider img{width:100%;object-fit:contain;max-height:625px;margin:0;}
.slick-arrow,.slick-dots{position:absolute;right:0;bottom:8px;width:100%;}
.slick-prev.slick-arrow{cursor:pointer;z-index:2;right:auto;}
.slick-dots li{background:#fff;border:1px solid #7f7f7f;border-radius:50%;width:8px;height:8px;margin:0 6px;}
.slick-dots li.slick-active{background:#7f7f7f;}
.item_slider{margin: 0 auto .5rem;}
.item_slider li,.item_slider_nav li{border:1px solid #eee;position:relative;}
.item_slider_nav{margin:0 auto 2em;}
.item_slider_nav li{margin-right:5px;outline: 0;cursor: pointer;}
.item_slider_nav li:hover,.item_slider_nav li.slick-current.slick-active{border:1px solid #f95738;}
.item_slider_nav li img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:contain;font-family:'object-fit:contain;';}
.item_slider_nav li::before{content:"";display:block;padding-top:100%;}
.item_slider_nav li.slick-current.slick-active img{opacity:.5;}
.item_slider_nav .slick-prev,.item_slider_nav .slick-next{background:#f95738;border:none;color:#fff; width:25px;height:25px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);top:50%;}
.item_slider_nav .slick-prev:focus,.item_slider_nav .slick-next:focus{background:#f95738;}
.item_slider_nav .slick-prev:hover,.item_slider_nav .slick-next:hover{background:#ff7d64;}
.item_slider_nav .slick-prev{left:0;z-index:1;}
.item_slider_nav .slick-next{right:0;}
.item_slider_nav .slick-prev:before,.item_slider_nav .slick-next:before{content:"\e900";font-family:'icomoon'!important;font-size:20px;display:block;}
.item_slider_nav .slick-prev:before{transform:scale(-1,1);}

a.pdfbtn{text-decoration:none;}
a.pdfbtn{display:inline-block;background:#fff url("images/design/i_pdf.png") 0 center no-repeat;padding:0 15px 0 45px;color:#c3202d;border-radius:3px;-webkit-transition:.2s;transition:.2s;border:1px solid #c3202d;margin:5px 3px;}
a.pdfbtn:hover{opacity:.8;}

/* マーカー */
.mark{background: linear-gradient(rgba(255,255,255,0) 60%,#fff86f 30%);}

.comment2{border:none;margin:-50px 5px 3em;padding:1em 2em;}
@media(min-width:61em){
.comment2{margin:-25em 3em 3em auto;width:45%;padding:1em 2em;}
}

.fs-5s {font-size: 1.285714285714286em;}
@media(min-width:30em){
.fs-5s {font-size: 1.8em;}
}
.fc-blue{color: #000;}
.border {border: 1px solid #ddd;}
span.required { background: none;border: solid 1px #c70000;color: #c70000;}


/* modal */

body.fixed{position:fixed;}body.fixed #nav{background:#fff;}
body.fixed #nav,body.fixed h2+p{z-index:-1;}
body.fixed .scool-intro{pointer-events:none;transition:all .2s ease-out;-webkit-filter: blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);filter: blur(8px);}
.modal{display:none;position:fixed;height:100vh;position:fixed;top:0;left:0;width:100%;z-index:100;}
.modal:target{display:flex;}
.modal::before{content:"";box-sizing:border-box;width:100%;background-color:rgba(51,51,51,.95);position:fixed;left:0;top:50%;will-change:height,top;animation:open-animation 0.6s cubic-bezier(0.83,0.04,0,1.16) 0.65s both;}
.modal::after{content:"";width:0;height:2px;background-color:#f0f0f0;will-change:width,opacity;animation:line-animation 0.6s cubic-bezier(0.83,0.04,0,1.16) both;position:absolute;top:50%;left:0;margin-top:-1px;}
@keyframes line-animation{0%{width:0;opacity:1;}99%{width:100%;opacity:1;}100%{width:100%;opacity:0;}}
@keyframes open-animation{0%{height:0;top:50%;}100%{height:100vh;top:0;}}
.modal__bg{background:rgba(0,0,0,0.8);height:100vh;position:absolute;width:100%;}
.modal__content{height:calc(100vh - 40px);padding:5%;box-sizing:border-box;position:relative;margin:auto;overflow:auto;animation:fade 0.5s ease-out 1.3s both;}
.modal__content h3{color:#fff;}
.modal__content th,.modal__content td{/*background:none;*/color:#333;/*border:none;*/border:1px solid #ddd;}
.modal__content .t-check th{color:#fff;}
.modal__content .t-check th, .modal__content .t-check td{border:none;}
.modal__content tr:first-child th{border-top:1px solid #ddd;}
/*.modal__content th{border-bottom:1px solid #545454}*/
#c-school .typebox3 li>a:only-child{display: initial;}
@keyframes fade{0%{opacity:0;}100%{opacity:1;}}
.js-modal-close{width:2rem;height:2rem;text-indent:120%;overflow:hidden;white-space:nowrap;overflow-wrap:normal;word-wrap:normal;;position:fixed;top:20px;right:20px;background:url("images/design/close.svg") center center no-repeat;background-size:contain;z-index:30;}
.modal__content h3,.modal__content .h3{color:#fff;}