:root{
  --shiro:white;
  --kuro:#2B2B2B;
  --nao:#008DFF;
  --usao:#F0F8FD;
  --kao:#114B9A;
  --gray:#A6AAAC;
  --en: "Barlow", sans-serif;
  --yajirushi:polygon(15% 0, 100% 50%, 15% 100%, 0% 100%, 85% 50%, 0% 0%);
  --kage:rgba(0, 0, 0, 0.152);
  --tral:0.33s ease-in-out;
  --km:100rem
}
main{padding-top: 8rem;}
.en{font-family: var(--en);font-weight: 700;}
.bg_ua{background: var(--usao);}
.bg_wh{background: var(--shiro);}
.bg_ao{background: var(--nao);}
.bg_bk{background: var(--kuro);}
.fc_ao{color: var(--nao);}
.fc_wh{color: var(--shiro);}
.fc_bk{color: var(--kuro);}


#wcom-hd{height: 8rem;position: fixed;z-index: 999;width: 100%;transition: .3s ease-in-out;
grid-auto-flow: column;display: grid;grid-template-columns: minmax(165px,30%) 1fr;}
.hd_logo{width: 100%;min-width: 160px;max-width: 330px;display: flex;align-items: center;height: 100%;text-align: center;position: relative;margin:0 auto;}
.hd_logo a{width: 100%;text-align: center;padding: 1rem;}
#wcom-hd.move{background-color: rgba(255, 255, 255, 0.611);}
.gnav__m{margin:auto 1rem auto  auto;display: flex;}
.gnv_ul {display: flex;align-items: center;gap: calc(0.6rem + 1vw);}
.gnav_li > a{color: var(--kuro);font-weight: 600;padding: 1rem calc(0.7rem + 0.5vw);}

@media (min-width:770px) {
  .gnav_sub{position: relative;}
  .nav_in_ul {position: absolute;top: 100%;;transition: var(--tral);width: 100%;background:linear-gradient(0deg,var(--nao),var(--kuro));left: 0;clip-path: inset(0 0 100% 0)}
  .gnav_sub:hover + .nav_in_ul,.nav_in_ul:hover{clip-path: inset(0 0 0 0);}
  .gnav_sub:hover,.gnav_li:has(.nav_in_ul:hover) .gnav_sub{color: white;z-index: 5;}
  .gnav_sub:hover::before,.gnav_li:has(.nav_in_ul:hover) .gnav_sub::before{content: "";background:var(--kuro);border-radius: 1.2rem 1.2rem 0 0;transform: translateY(1rem) scale(1.5);position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;z-index: -1;}
}

.nav_in_ul{display: grid;grid-template-columns: 1fr minmax(28vw,220px);padding:4rem calc(0.5rem + 4.5vw);font-size: min(calc(1.4rem + 2vw),2.7rem);gap: 1rem 3rem;}
.nav_i_li_s{display: grid;grid-template-columns: 2fr 1fr 1fr;grid-row: 1/3;gap: 1.2rem;padding: 2rem 0;}
.nav_sk_con{grid-row: 1/4;background: url(/assets/img/top_shinkansen_pc.jpg)no-repeat;background-size: cover;width: 90%;height: 90%;margin: auto;position: relative;}
.nav_sk_con::before{content: "SHINKANSEN";font-family: var(--en);font-size:min(calc(1.6rem + 2vw),4.4rem);position: absolute;top: 0;left: 0;width: 100%;text-align: center;transform: translate(0,0%);font-weight: 700;color: var(--nao);}
.nav_sk_con a{display: grid;width: 100%;height: 100%;padding: unset;}
.nav_sk_con strong{grid-column: 1;grid-row: 1;margin-top: auto;width: 100%;display: block;text-align: center;background: linear-gradient(90deg,var(--kuro) 50%,rgba(0, 0, 0, 0));padding: 1.2rem 0;}
.nav_sk_con strong::after{content: "";height: 0.8em;width: 0.6em;line-height: 0.8em;background: var(--shiro);clip-path: var(--yajirushi);margin-left: 1rem;display: inline-block;}

.gdc_2{grid-column: span 2;}
.nav_i_li a{width: 100%;display: flex;justify-content: right;align-items: center;padding:3.8rem 1.4rem;background: url(/assets/img/top_transportation_pc.jpg)no-repeat center;background-size: cover;height: 100%;max-width: 380px;text-shadow: 0 0 10px black;font-size: min(calc(1.4rem + 2vw),3.2rem)}

.nav_in_ul a{color: var(--shiro);width: 100%;font-weight: 600;}
.nav_sk_m a{background: rgba(0, 0, 0, 0.064);padding: 1.8rem 1rem;line-height: 1.3;justify-items: center;text-align: center;}
.nav_sk_m span{font-size: 0.7em;display: block;}
.gnav_ctform a{padding: 1rem 2.2rem;background:var(--nao);color: white;border-radius: var(--km);}
.gnav_s_icon {width: 7rem;height: 100%;display: grid;place-items: center;padding: 2.2rem;cursor: pointer;}
.sic_input{display: none;}
.gnav_s_icon::before{content: "";width: 100%;height: 100%;display: block;background: url(/assets/img/ser_ao.svg)no-repeat center;background-size: contain;}
.s_i_con{display: none;}
.hd__con:has(.sic_input:checked) .s_i_con{display: block;position: absolute;top: 100%;width: 80%;min-width: 320px;max-width: 600px;
right: 0;background: var(--nao);}
.gnav_s_icon:has(.sic_input:checked)::before{content: "×";background: unset;font-size: 2.4rem;line-height: 2.4rem;transform: translateY(5px);}
.searfm_free{display: flex;padding: 2rem 1.4rem;}
.searchfield{border: 1px solid var(--shiro);width: 70%;font-size: 1.6rem;padding: 1rem;}
.sumbitbtn{width: 30%;border: solid 1px var(--shiro);box-shadow: inset 4px 4px 8px white;height: 56px;padding: 1.2rem;cursor: pointer;}
.sumbitbtn img{height: 100%;object-fit: contain;}
.searchsubmit{display: none;}
.h_m__btn{display: none;}

@media (max-width:769px){
.hd_logo{min-width: 248px;}
.gnav__m{background:linear-gradient(0deg,var(--nao),var(--kuro));position: fixed;top: 80px;bottom: 0;overflow-y: scroll;width: 100%;padding: 3rem 0 6rem;clip-path: inset(0 0 100% 0);transition: var(--tral);}
.gnv_ul{display: grid;grid-template-columns: 1fr 1fr;width: 95%;margin: auto;max-width: 500px;}
.gnav__m.on{clip-path: inset(0 0 0 0);}
.gnav_li > a{color: var(--shiro);font-size: 2.4rem;border-left: solid 3px var(--nao);margin-left: 1rem;padding: 0.7rem 1.4rem;}
.sp_m_2{grid-column: 2;grid-row: 1;}
.gnav_sub{display: none;}
.gnav_li:has(ul){grid-column: span 2;}
.gnav_s_icon{position: fixed;top: 0;right: 60px;height: 7rem;}
.gnav__m:has(.sic_input:checked) .s_i_con{position: fixed;top: 80px;left: 0;width: 100%;}
.nav_in_ul{grid-template-columns: 1fr;padding: 2rem ;}
.nav_i_li_s{grid-template-columns: 1fr 1fr;}
.nav_sk_con{grid-column: span 2;grid-row: 1;min-height: 220px;background-position: center;}
.nav_i_li a{margin: auto;min-height: 200px;}
.gnav_ctform{color: var(--shiro);border: solid 2px;background: var(--nao);border-radius: 1.2rem;box-shadow: 0 4px 0;padding: 2rem 0;text-align: center;margin: auto;font-size: 3rem;width: 90%;grid-column: span 2;}
.h_m__btn{display: inline-block;vertical-align: middle;text-align: center;position: absolute;
right: 0;cursor: pointer;transition: var(--tral);top: 0;height: 100%;width: 60px;}
.h_m__btn span,.h_m__btn span:before,.h_m__btn span:after {position: absolute;left: 50%;transform: translateX(-50%);height: 2px;
  width: 36px;background:var(--kao);content:"";cursor: pointer;transition: .3s ease-in-out;}
.h_m__btn span{background: rgba(255, 255, 255, 0);top: 50%;transform: translate(-50%,calc(-50% - 14px));}
.h_m__btn span:before {left:0;transform: rotate(0) translateY(4px);}
.h_m__btn span:after {left:0;transform: rotate(0) translateY(14px);}
.h_m__btn.on span{left: 50%;top: 45%;background: rgba(255, 255, 255, 0);transform: translate(-50%, -0%);}
.h_m__btn.on span::before{transform: rotate(45deg) translateY(0);height: 2px;width: 40px;}
.h_m__btn.on span::after{transform: rotate(-45deg) translateY(0);height: 2px;width: 40px;}
.h_m__btn.on .btn_menu::before{right: 50%;transform: translate(50%, 43px);font-size: 1.5rem;}
}



.w_fc{width: fit-content;}
.mina{margin-inline: auto;}
.grd{display: grid;}
.flx{display: flex;}
.flxw{display: flex;flex-wrap: wrap;}
.ovfh{overflow: hidden;padding: 1.4rem 0;}
.ofx_s{overflow-x: scroll;}
.gr1{grid-column: 1;grid-row: 1;}
.grc1{grid-column: 1;}
.grc2{grid-column: 2;}
.grr1{grid-row: 1;}
.grr_s2{grid-row: span 2;}
.dblo{display: block;}
.tx_s{font-size: 0.7em;}
.mtb8{margin:8% auto;}
.mb5{margin-bottom: 5rem !important;}
.txtcent{text-align: center;}

/* top */
.tp__main{overflow: hidden;}
.tp__fv_sec{position: relative;}

.tp__fv_sec::before{content:"";top: 0;right: 0%;width: 80%;height: 60%;background: url(/assets/img/top/fv_top.svg)no-repeat top;z-index: 2;position: absolute;background-size: contain;transform: translate(30%,-8rem);}
.tp__fv_sec::after{content:"";bottom: 0;left: 0%;width: 70%;height: 70%;background: url(/assets/img/top/fv_under.svg)no-repeat bottom left;z-index: 2;position: absolute;background-size: contain;transform: translate(-10%,25%);}
.fv_mv_con{overflow: hidden;display: block;position: relative;width: 100%;height: 78vh;min-height: 370px;z-index: -1;}
.mv_src{min-width: 100%;min-height: 90vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;}
.fv_mv_con::after{content:""; z-index: 2;width: 33%;top: 0;right:0;background: var(--nao);height: 100%;display: block;position: absolute;clip-path:polygon(0 0, 100% 0, 100% 100%, 20% 100%);min-width: 250px;}
.fv_mv_con::before{content:"";bottom: -1px;left: 20%;width: 30%;height: 50%;background: url(/assets/img/top/fv_under.svg)no-repeat bottom;z-index: 2;position: absolute;background-size: contain;}
.fv_txt{display: block;margin: auto 5% auto auto;color: var(--shiro);text-align: right;z-index: 10;}
.fv_h1{color: var(--shiro);font-size: min(calc(2rem + 7vw),9.8rem);font-weight: 900;z-index: 10;}
.fv_subp{color: var(--shiro);font-size: min(calc(1.2rem + 4vw),5rem);margin: 2rem 0 1rem;}
.fv_subp_2{color: var(--shiro);text-shadow: 0 0 4px rgba(0, 0, 0, 0.546);line-height: 2;padding-bottom: 2rem;}


.tp_sec_1{padding: 15vh 1rem calc(5rem + 2vw);}
.t_s1_h2{font-size: min(calc(1.2rem + 2.4vw),2.6rem)}
.tp_sec_2{padding: calc(5rem + 2vw) 0;}
.t_s2_wr{grid-template-columns: 45% 1fr;max-width: 1300px;margin:0 auto 3rem;gap: 3rem;align-items: center;}
.t_s2_img{grid-row: span 3;height: 90%;width: 90%;margin: auto;position: relative;}
.t_s2_img::before{content: "SHINKANSEN";font-family: var(--en);font-size:min(calc(1.6rem + 2vw),4.4rem);position: absolute;top: 0;left: 0;width: 100%;text-align: center;transform: translate(0,-102%);font-weight: 700;color: var(--nao);}
.t_s2_img img{height: 100%;object-fit: cover;border-radius: 2.3rem;}


.t_s2_h2{display: flex;justify-content: space-between;padding: 1rem 1.2rem;align-items: flex-end;border-bottom: solid 1px var(--kuro);}
.t_s2_h2::before{content: "MENU";font-family: var(--en);color: var(--nao);font-size: 4rem;line-height: 1;}
.t_s2_h2 a::after{content: "";background: url(/assets/img/maruy.svg)no-repeat center;padding: 0.5em 1em;background-size: contain;margin-left: 5px;}
.t_s2_h2 a{color: var(--kuro);font-size: 2rem;}
.t_s2_ul{gap: 1.4rem;justify-content: center;}
.t_s2_ul a{padding: 1.2rem 2.4rem;border-radius: 1.4rem;box-shadow: inset 3px 3px 4px white,0 4px 10px var(--kage);background: var(--usao);color: var(--nao);font-size: min(calc(1.2rem + 2.5vw),3.6rem);font-weight: 700;min-width: 6em;text-align: center;}

.t_s2_dl{grid-template-columns: repeat(auto-fit, minmax(130px,30%));padding: 2rem;gap: 1rem;justify-content: center;}

.t_s2_ttl{font-size: 2rem;line-height: 1.2;font-weight: 600;color: var(--kuro);}
.t_s2_left span{display: block;margin-right: auto;}
.t_s2_dl a{width: fit-content;margin: auto;color: var(--nao);display: block;border: solid 1px;border-radius: var(--km);padding: 1rem 1.8rem;font-size: 2rem;min-width: 110px;text-align: center;}


.t_s2_topc{padding: 4rem 0;align-items:flex-start;}
.t_s2_left{padding: 3rem clamp(2rem,calc(1rem + 4vw),10rem);display: flex;align-items: center;flex-direction: column;transform:scale(1.2) translate(1rem,-1rem);clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);z-index: 5;}
.t_s2_left i{font-size: 3rem;text-align: right;display: block;font-weight: 700;}
.t_s2_left i::after{content: "";height: 0.8em;width: 0.6em;line-height: 0.8em;background: var(--shiro);clip-path: var(--yajirushi);margin-left: 1rem;display: inline-block;}
.t_s2_tpul{gap: 1px;}
.t_s2_tpli{min-width: 390px;}
.t_s2_tpli a{width: 100%;position: relative;color: var(--shiro);}
.t_s2_tpli figure{overflow: hidden;height: 218px;}
.t_s2_tpli img{height: 100%;object-fit: cover;}
.t_s2_fgcap{position: absolute;bottom: 0;right: 0;width: 100%;background: linear-gradient(270deg,rgba(0, 0, 0, 0.901) 50%,rgba(0, 0, 0, 0));text-align: right;padding: 1.4rem 1rem;}

.t_s2_topc .ovfh{mask-image: linear-gradient(270deg,black 80%,rgba(0, 0, 0, 0));}


.tp_sec_3{padding: 6rem 0;background: linear-gradient(180deg,var(--kuro) 50%,white 50%);}
.t_s3_ul{max-width: 1200px;margin: auto;gap: calc(0.5rem + 2vw);grid-template-columns: 1fr 1fr;width: 90%;}
.t_s3_li{height: 340px;}
.t_s3_li a{width: 100%;height: 100%;color: var(--shiro);text-shadow: 0 0 4px black;display: grid;}
.t_s3_li h3{font-size: min(calc(1.2rem + 3vw),4.3rem);margin: auto 5% 0 auto;padding:0 1rem;border-bottom: solid 1px;}
.t_s3_li p{margin: 0 5% auto auto;backdrop-filter: blur(10px);padding: 1rem;}
.bg_tra{background: url(/assets/img/top_transportation_pc.jpg)no-repeat center / cover !important;}
.bg_ooh{background: url(/assets/img/top_outdoor_pc.jpg)no-repeat center / cover !important;}

.tp_news_sec{padding: 6rem 0;}
.t_ns_con{grid-template-columns: 1fr 1fr;align-items: flex-end;max-width: 1000px;width: 95%;margin: auto;padding-bottom: 1rem;}

.t_ns_h2 span{font-size:min(calc(3em + 5vw),8em);margin-right: 5px;line-height: 1;}
.t_ns_con ul{gap: 1rem;justify-content: right;}
.t_ns_li a{padding: 1rem 2.2rem;border-radius: 3px;;}

.tp_news_ul{max-width: 900px;margin: 2rem auto;width: 95%;}
.tp_news_li a{color: var(--kuro);border-top: solid 1px;padding: 1rem 3rem 1rem 1.4rem;width: 100%;position: relative}
.tp_news_li a::after{content: "";position: absolute;clip-path: var(--yajirushi);width: 2rem;height: 43px;background: var(--gray);top: 50%;right: 5px;transform: translate(0,-50%);}
.tp_news_li:last-of-type a{border-bottom: solid 1px;}
.data_in{gap: 1rem;align-items:center;}
.data_in time{font-size: 2rem;}
.t_ns_cat{gap: 1rem;}
.t_ns_cat li{padding: 0.7rem 1.4rem;border-radius: 3px;border: solid 1px;}
.tp_news_li h3{padding-left: 1em;text-indent: -0.4em;font-size: 2rem;width: 90%;margin: 1rem auto;font-weight: 500;word-break: break-all;}
.tp_news_li h3::before{content: "●";font-size: 0.5em;color: var(--nao);margin-right: 5px;transform: translateY(-3px);display: inline-block;}
.t_ns_link{margin: 1rem 15% 1rem auto;width: fit-content;position: relative;padding: 2rem;color: var(--kuro);display: block;font-size: 2rem;}
.t_ns_link::after{content: "";background: url(/assets/img/maruy.svg)no-repeat center;padding: 0.5em 0.7em;background-size: contain;margin-left: 5px;}

/* top end */

/* ad */

.sk__main{position: relative;}
.sk__main::before{content: "";z-index: -1;background: url(/assets/img/pg/sk_back_y.webp)no-repeat top;background-size: cover;height: 100vh;width: 100%;position:absolute;display: block;top: 10rem;left: 0;}
.sk_ttl{width: fit-content;margin: 6rem auto 9rem calc(3% + 15vw);line-height: 1.2;}
.sk_ttl.sgn_ttl{margin: 6rem auto 6rem calc(3% + 15vw);}
.sk_sub_p{font-size: 2.2rem;text-transform: uppercase;position: relative;}
.sk_sub_p::before{content: "";position: absolute;width: 2px;height: 0.5em;top: 0;left: 0;background-color: var(--nao);transform: translate(-10px,-10px) skewX(30deg);}
.sk_h1{font-size: min(calc(1.2rem + 4vw),4.2rem);font-weight: 800;}
.sk_a_sec{width:90%;grid-template-columns: 40% 1fr;max-width: 1200px;margin:0 auto 8%;gap: 2rem;padding: 2.4rem 1rem;}
.sk_a_img{height: 340px;margin: auto;}
.sk_a_img img{height: 100%;object-fit: cover;}
.sk_a_ttl{border-bottom: solid 1px var(--kuro);margin-top: auto;height: fit-content;}
.sk_a_ttl a{color: var(--kuro);font-size: 4rem;}
.sk_a_ttl strong{font-weight: 800;}
.sk_a_ttl strong::after{content: "";width: 0.5em;height: 0.8em;background: var(--nao);clip-path: var(--yajirushi);display: inline-block;margin-left: 0.5em;}
.sk_a_ul {margin-bottom: auto;padding: 1.4rem;gap: 3rem 4rem;}
.sk_a_li {}
.sk_a_li a {color: var(--kuro);font-size: min(calc(1rem + 3vw),3rem);min-width: 240px;font-weight: 700;line-height: 1.3;position: relative;}
.sk_a_li a::after{content: "";width: 0.5em;height: 0.8em;background: var(--nao);clip-path: var(--yajirushi);display: inline-block;margin-left: 0.5em;}
.sk_a_li span {display: block;font-size: 0.6em;}
.sk_a_sub {width: 90%;margin: auto;max-width: 1200px;}


/* shinkansen */
.sk_top_main{position: relative;overflow: hidden;}
.sk_top_main::before{content: "";z-index: -1;background: url(/assets/img/pg/ssk_t.webp)no-repeat top;background-size: contain;height: 150vh;width: 100%;position:absolute;display: block;top: 10rem;left: 0;transform: translate(-50%,0);}
.ssk_bf::before{content: "";z-index: -1;background: url(/assets/img/pg/ssk_t.webp)no-repeat top;background-size: contain;height: 150vh;width: 100%;position:absolute;display: block;top: 0;right: 0;transform: translate(60%,-30%) rotate(180deg);}
.sk_ttl.grd{grid-template-columns: 1fr 40%;gap:0 1rem;max-width: 1200px;margin:6rem auto 9rem;padding: 0 2rem;}
.sk_fv_p{grid-row: 1 / 3;}
.sk_t_img{width: 90%;margin: 5% auto;}
.sk_t_index{max-width: 1200px;margin:2rem auto;justify-content: center;gap: 2rem;}
.sk_ix_li a{padding: 1rem 2.4rem;color: var(--nao);border: solid 1px;border-radius: var(--km);font-size:min(calc(1.2rem + 2vw),2.6rem);min-width: 200px;text-align: center;background: var(--shiro);}

.sk_sec_1{padding: 5rem 0 0;}

.sk_s_h2{width: fit-content;margin: 0 auto 0 5%;transform: translateY(-50%);
    position: absolute;top: 0;left: 0;}
.sk_s_h2 a{font-size: min(calc(1.5rem + 3vw),3.2rem);padding: 1.2rem 6.4rem 1.2rem 4.4rem;background: linear-gradient(-215deg,var(--nao) 90%,var(--kao) 90%);color: var(--shiro);position: relative;}
.sk_s_h2 a::before{content: "MORE";height: 100%;text-align: center;writing-mode: vertical-lr;position: absolute;top: 0;left: 5px;font-size: 0.5em;color: var(--gray);}
.sk_s_h2 a::after{content: "";position: absolute;top: 50%;right: 10px;padding: 0.5em;background: url(/assets/img/w_ya.svg)no-repeat center;background-size: contain;transform: translateY(-50%);}
.sk_s1_con{position: relative;width: 80%;max-width: 1200px;margin:8% auto;padding:4.4rem 2.4rem;
    min-height: 50vh; background: var(--usao);box-shadow: 0 -4px var(--nao);}
.sk_s1_con:last-of-type{margin-bottom: 1rem;}
.sk_s_in{display: flex;flex-wrap: wrap;
    width: 50%;margin-left: auto;gap: 1.4rem 2.2rem;}
.sk_sl_img{position: absolute;top: 50%;left: calc(2rem + 5%);width: 40%;height: calc(100% - 3em - 4.8rem);transform: translate(0px, -50%);overflow: hidden; display: grid;
place-items: center;background: white;}
.sk_sl_img img{object-fit: cover;}
.sk_sl_img:first-of-type{z-index: 8;}
.sksl_last{background-size: 110% !important;}
.sk_sl_h3 a{font-size: 1.8rem;color: var(--kuro);}
.sk_sl_h3 a::after{content: "";padding: 0.4em;clip-path: var(--yajirushi);background: var(--nao);margin-left: 5px;display: inline-block;}

.sk_sec_2{margin-bottom: 12%;}
.sk_eki_s{width: 90%;max-width: 770px;background: var(--usao);margin: 5% auto;place-items:center;padding: 5rem 0;position: relative;}
.sk_eki_s::before{content: "";position: absolute;top: 0;left: 0;width: 55%;height: 100%;display: block;background: url(/assets/img/banner.jpg) no-repeat bottom;background-size: cover;opacity: 0.16;clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}
.sk_e_h2{font-size: 3rem;line-height: 1.2;z-index: 3;}
.sk_e_h2 span{font-size: 1.4rem;}
.eki_s_form{width: 80%;margin-right: auto;z-index: 3;}
.tx_select{width: 100%;padding:2rem 2rem;border-radius: var(--km);color: var(--nao);font-size: 1.8rem;}



/* page */
.pg__main{position: relative;}
.pg__main::before{content: "";top: 12rem;left: 0;height: calc(6rem + 2vw);width: 100%;display: block;z-index: -1;background: url(/assets/img/pg/page_ssk.svg)no-repeat;background-size: cover;position: absolute;}
.sg_news::before{height: calc(3rem + 2vw);}
.pg__sec_1{padding: 0 0 4rem;}
.pg_s_ttl{margin:3.8% auto;width: fit-content;font-size: min(calc(1.4rem + 3.4vw),3.8rem);border-bottom: solid 2px;color: var(--nao);}
.pg_s_ttl rt{color: var(--kuro);font-size: 12px;font-weight: 300;}
/* ooh */
.ooh_sub_p{grid-template-columns:1fr 1fr;gap: 2rem;width: 90%;max-width: 1200px;margin: auto;}
.ooh_main_img{margin:5% auto;max-width: 800px;}
.swiper_ooh_slider1,.swiper_ooh_slider2{overflow: hidden;width: 90%;max-width: 1000px;margin: auto;height: 400px;}
.swiper_ooh_slider1 img,.swiper_ooh_slider2 img{object-fit: cover;height: 100%;object-position: center;}

/* trad */

.tr_inside_sec1{max-width: 1200px;width: 90%;margin: auto;}
.tr_inside_sec1 > section{grid-template-columns: 1fr 1fr;display: grid;position: relative;
padding:calc(1.2rem + 4vw);margin-bottom: 8%;gap: 2rem;border-radius: 3.3rem;box-shadow: 0 4px 12px var(--kage);}
.tr_inside_sec1 .hdg-lv3{align-content: center;width: fit-content;margin: auto;font-size: 3rem;font-weight: 700;color: var(--nao);border-bottom: solid 2px;padding: 0 5px;position: relative;}
.tr_inside_sec1 > section::before{content: "";background: var(--nao);width: 4%;height: 6%;position: absolute;left: 0;top: calc(1.2rem + 4vw + 5%);clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.hdg-lv4{font-size: 2.4rem;padding-left: 2rem;border-left: solid 4px var(--nao);}
.hdg-lv4,.tbl_base,.fz_caption{grid-column: span 2;max-width: 1000px;margin: auto;width: 97%;}
.ad_img_box{grid-column: 2;grid-row:1/3;}
.w30per{width: 30%;}
.tbl_base tr{border: solid 1px var(--gray);border-left: unset;border-right: unset;}
.tbl_base th{padding: 2rem 1rem;border-right: solid 1px var(--gray);vertical-align: middle;background: rgb(250, 250, 250);}
.tbl_base td{padding: 2rem 1rem;}
.tbl_base a{color: var(--nao);margin: 1.2rem;}
.tbl_base a::after{content: "";background: url(../img/common/icon_pdf.png)no-repeat center;padding:0.8em;display: inline-block;background-size: contain;transform: translate(0, 7px);}
.trad_sign_in{grid-template-columns: 1fr 1fr;gap: 2rem;grid-column: span 2;max-width: 800px;margin: auto;width: 100%;}
.tr_back_btn{position: fixed;bottom: 0;right: 5%;display: block;z-index: 20;}
.tr_back_btn a{background: var(--gray);color: var(--shiro);padding: 1rem 2rem;border-radius: 1rem 1rem 0 0;box-shadow: 0 -4px 10px var(--kage);}

/* company */
.comp_con{grid-template-columns: 1fr minmax(300px,30vw) 1fr;padding-bottom: 12%;}
.comp_img{grid-column: 1/3;grid-row: 1;}
.comp_img img{height: 100%;object-fit: cover;}
.comp_text{grid-column: 2/4;grid-row: 1;transform: translateY(10%);padding: 3rem calc(1rem + 8vw);background:#0269e6d6;color: var(--shiro);line-height: 1.7;text-shadow: 0 0 4px var(--kao);}
.comp_text p{margin-bottom: 1.3em;}
.comp_name{display: block;margin: 3% 5% 3% auto;font-family: serif;font-size: 2.4rem;text-align: center;}
.dl_base{display: grid;grid-template-columns: 33% 1fr;border: solid 1px var(--gray);border-bottom: unset;align-items: stretch;justify-content: center;}
.dl_base:last-of-type{border-bottom: solid 1px var(--gray);}
.dl_base dt,.dl_base dd{padding: 2rem 1rem;}
.dl_base dt{background: #f5f5f5;display: grid;place-items: center;}
.dg_alc{display: grid;align-items: center;}
.pg_con_1{max-width: 1000px;margin: auto;}
.ls_1e{letter-spacing: 1em;text-indent: 1em;}
.company_map{width: 80%;max-width: 1000px;margin:5% auto;position: relative;height: 72vh;min-height: 240px;}
.company_map::after{content: ""; width: 100%;height: 120%;top: 50%;left: 50%;background: var(--usao);display: block;transform: translate(-50%,-50%) scaleX(2);z-index: -1;position: absolute;}
.company_map iframe{width: 100%;height: 100%;top: 50%;left: 50%;position: absolute;display: block;transform: translate(-50%,-50%);}
.commp_map_ft{grid-template-columns: 30% 1fr;gap: 4rem;padding: 2rem;}
.comp_ac_txt{grid-column: span 2;text-align: center;padding: 2rem;margin: 3% auto;border: solid 1px;font-size:min(calc(1.2rem + 3vw),3rem);width: 100%;}
.company_map_photo.grc1 img{height: 100%;object-fit: cover;}

/* sk media */
.sk_md_sec{padding: 2rem 0 5rem;}
.sk_m_ul {width: 95%;margin: auto;grid-template-columns: repeat(auto-fit,340px);gap:4.8rem 4rem;max-width: 1400px;justify-content: center;}
.sk_md_li a {background: var(--usao);border-bottom: solid 2px var(--nao);box-shadow: 0 4px 12px var(--kage);width: 100%;color: var(--nao);}
.sk_md_img {width: 100%;height: 240px;overflow: hidden;display: grid;
    place-items: center;background: linear-gradient(45deg, #e2e2e2, white, #e1e1e1);}
.sk_md_img img {height: auto;object-fit: cover;}
.sk_md_h2 {padding: 2rem 1rem;position: relative;color: var(--kuro);letter-spacing: -1px;}
.sk_md_h2::after{content: "";position: absolute;bottom: -1px;height: 1rem;width: 3.4rem;background: var(--nao);right: 2rem;clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}

/* sk station */
.skst_ttl{grid-template-columns: 1fr 54%;gap: 0 1rem;
    max-width: 1400px;margin: 6rem 0 9rem auto;padding: 0 0 0 calc(3rem + 4vw);}
.skst_img{grid-row: 1/4;height: 50vh;}
.skst_img img{height: 100%;object-fit: cover;object-position: center;}
.skst_ttl .sk_sub_p{margin-top: auto;}
.skst_sec1{padding: 6rem 0;}
.skst_sec1 li a{background: var(--shiro);}
.skst_sec2{position: relative;padding-bottom: 5rem;}
.skst_sec2.ssk_bf::before{width: 50%;}

/* single */
.sg_n_wrap{grid-template-columns: minmax(200px,30%) 1fr;gap: 3rem;padding-bottom: 8rem;}
.sg_n_con{padding: 2rem;max-width: 900px;}
.news_side{justify-items: center;align-content: center;border-radius: 0 3rem 3rem 0;}
.sin__in_c{padding: 1rem;margin: 5% auto;}
.n_c__con{width: 90%;margin: auto;max-width: 400px;}
.n_c__con h3{font-size: 3rem;color: var(--gray);}
.ach_side_ul{grid-template-columns: 1fr 1fr;gap: 1rem;padding: 1rem;}
.ach_side_li a{display: block;background: var(--nao);color: var(--shiro);width: 100%;padding: 1.4rem 2.2rem;border-radius: 5px;}
.sin__h1{font-size: min(calc(1.2rem + 2vw),3.3rem);}
.sin_data{text-align: right;margin: 1rem;}
.sin__pr_nx{justify-content: space-between;padding: 2rem;border: solid 1px var(--gray);border-left: unset;border-right: unset;}
.pr_nx_c a{color: var(--gray);}
.pre__post::before,.nex__post::after{content: "";display: inline-block;padding: 0.4em;clip-path: var(--yajirushi);background:var(--gray);margin-inline: 5px;}
.pre__post::before{transform: rotate(180deg);}
.n_aside_link{margin: 2rem auto;padding: 1.4rem 1rem;width: 80%;color: var(--kuro);border-top: solid 1px var(--gray);border-bottom: solid 1px var(--gray);display: block;text-align: center;max-width: 330px;font-weight: 700;font-size: 2rem;}
.n_aside_link::after{content: "";display: inline-block;padding: 0.4em;clip-path: var(--yajirushi);background:var(--gray);margin-inline: 5px;}

/* single mg*/
.md_ttl_h2{width: 90%;max-width: 1240px;margin:6% auto;padding: 2rem 3.4rem;font-size: min(calc(1.2rem + 3vw),3.4rem);background: linear-gradient(-215deg,var(--nao) 90%,var(--kao));clip-path: polygon(97% 0, 100% 38%, 100% 100%, 0 100%, 0 0);}
.md_ttl_h3{width: 90%;margin: 5% auto 0;font-size: min(calc(1.2rem + 3vw),3.4rem);font-weight: 700;}
.md_ttl_h3::before{content: "■";margin-right: 5px;color: var(--nao);}

.sing_wrapper{position: relative;width: 100%;padding: calc(6rem + 5vh) 0 6rem;}
.sing_wrapper::before{content: "";background: linear-gradient(90deg,var(--usao) 30%,rgba(255, 255, 255, 0) 40%),url(../img/pg/sg_hd.jpg)no-repeat right;background-size: contain;width: 100%;height: calc(6rem + 5vh);position: absolute;top: 0;left: 0;z-index: -1;}
.sing_wrapper::after{content: "SHINKANSEN MEDIA";position: absolute;font-family: var(--en);font-size:min(calc(1rem + 2vw),3.4rem);position: absolute;color: var(--nao);top: calc(3rem + 5vh);left: 15%;font-weight: 700;}
.sing_wrapper > section{max-width: 1200px;margin:5% auto;padding:0 2rem;}
.sk_sing_main {padding-bottom: 8rem;}

.sing_fv_in {display: grid;grid-template-columns: 1fr 28%;position: relative;padding:calc(2rem + 5vw) 2.4rem;background: linear-gradient(180deg,var(--usao) 90%,white 90%);border-radius: 2.4rem;box-shadow:  0 4px 20px var(--kage);align-items: center;gap: 1rem;}
.sing_ad_cat {position: absolute;top: 1.4rem;left: 5rem;color: var(--nao);}
.sing_ad_cat::before{content: "";position: absolute;top: 50%;left: 0;display: block;width: 1.4em;aspect-ratio: 1;background: var(--shiro);box-shadow: inset 1px 1px 4px var(--kage);transform: translate(-110%,-50%);border-radius: var(--km);}
.sk_sing_h1 {width: fit-content;margin: auto;font-size: min(calc(1.8rem + 2vw),3.6rem);font-weight: 800;}
.sing_fv_desc {}
.sg_numb {position: absolute;bottom: 0;right: 5rem;color: var(--nao);font-size: 4.2rem;line-height: 1;font-weight: 700;}
.sing_md{display: grid;grid-template-columns: 40% 1fr;gap: 1rem;margin: 5% auto;max-width: 1000px;align-items: center;}
.sing_dt{font-size: min(calc(1rem + 3vw),3.2rem);}
.sing_dt_h3{padding: 2rem 1rem 2rem 3rem;position: relative;border-bottom: solid 1px var(--nao);font-weight: 600;}
.sing_dt_h3::before{content: "";display: block;width: 1px;height: 50%;position: absolute;bottom: 0.5em; left: 0;border-left: solid 1px var(--nao);}
.sing_dt_h3 span{font-size: 1.2rem;}
.sing_dt p{font-size: 0.7em;padding: 0.7rem 1.7rem;width: fit-content;margin: 3rem;}
.swiper_sing_con {width: 100%;overflow: hidden;position: relative;height: 589px;}
.tbl_scroll{overflow: hidden;overflow-x: scroll;}
.ad_f__sw {height: 100%;}
.ad_f__li{display: grid !important;align-items: center;}
.ad_f__li img{max-height: 589px;object-fit: cover;}
.ad_sw_btn {}
.sing_md_sec {}
.sing_md_sec .md_ttl_h2 {width: 100%;line-height: 1.3;margin-bottom: 3rem;}
.sg_md_con .hdg-lv4{margin-top: 5%;margin-bottom: 1rem;}
.md_size_con{margin-bottom: 5%;}
.md_size_con img{max-width: fit-content;margin: auto;display: block;}
.shinkansen_list_box{width: 90%;margin: auto;}
.shinkansen_list_box li{padding-left: 1em;text-indent: -1em;}
.shinkansen_list_box li::before{content: "・";color: var(--nao);}
.sg_md_con .tbl_base{max-width: 1200px;margin: 4% auto;min-width: 879px;}
.sg_md_con .tbl_base th,.sg_md_con .tbl_base td{border: solid 1px var(--gray) !important;vertical-align: middle;text-align: center;}
.sg_md_con thead th{background: var(--kuro) !important;color: var(--shiro);} 
.sing_all_b {margin: 2rem auto;color: var(--gray);width: fit-content;}
.sing_medi_map {}
.sing_medi_map img{max-width: 800px;margin: auto;display: block;}
.sing_up_btn{cursor: pointer;width: 80%;margin:1rem 5% 1rem auto;display: block;border: solid 1px;max-width: 300px;border-radius: var(--km);box-shadow: 2px 4px 0;color: var(--nao);position: relative;background: var(--shiro);padding: 1.4rem 0;font-size: 2rem;font-weight: 600;}
.sing_up_btn::before{content: "";padding: 0.6em;margin-right: 5px;background: url(/assets/img/ser_ao.svg)no-repeat center;background-size: contain;}
.up_scl_con{display: none;position: fixed;z-index: 10;inset: 8rem 0 0 0;background:rgba(0, 0, 0, 0.805);padding: 2rem;overflow:scroll;}
.up_scl_in{width: 90%;margin: auto;min-width: 800px;max-width: 1200px;max-height: 80vh;overflow: scroll;background-color: var(--shiro);}
.up_scl_close{color: var(--shiro);font-size: 2rem;text-align: center;display: block;cursor: pointer;border: solid 1px;border-radius: 5px;width: 80%;max-width: 400px;margin:1rem auto;padding: 1rem;}


.sg_asid{padding: 0 1rem 4em;width: 90%;margin:8% 0 0 auto;display: block;border-radius: 3rem 0 0 3rem;box-shadow: -2px 4px 12px var(--kage);}
.sg_aside_h2{width: fit-content;padding: 1.4rem 2rem;transform: translateY(-90%);margin: auto auto auto 5%;}
.sg_asid .sk_m_ul{grid-auto-flow: column;overflow: hidden;overflow-x:scroll;justify-content: left;padding: 1rem;}
.sg_asid .sk_md_li a{min-width: 340px;background: var(--shiro);}


/* archive sk sign */
.ach_sub_p{width: fit-content;margin: auto;font-size: min(calc(1.2rem + 2vw),3rem);font-weight: 700;}
.ach_sub_in{width: 95%;margin: auto;padding: 2rem;border-radius: 2.4rem;box-shadow: 0 4px 12px var(--kage);max-width: 900px;}

/* archive */
.ach__sec{padding:0 0 6rem;}
.ach_cat ul{justify-content: center;}
.ach_cat li a{min-width: 100px;text-align: center;}
.t_ns_li .current{background: var(--kuro);}

/* single sk sign */
.sg_sign_main {margin:0 auto ;box-shadow: 0 8px 6px var(--kage);width: 95%;max-width: 1000px;background: var(--shiro);border-left: solid 1px;border-right: solid 1px;padding:2rem;}
.sg_ssk_wrap{position: relative;overflow: hidden;padding-top: 8rem;}
.sg_ssk_wrap::before,.sg_ssk_wrap::after{content: "";position: absolute;z-index: -1;top: 0;display: block;width: 60%;height: 100%;}
.sg_ssk_wrap::before{left: 0;background: url(/assets/img/pg/ssk_t.webp)no-repeat left;background-size: cover;transform: translateX(-50%);}
.sg_ssk_wrap::after{right: 0;background: url(/assets/img/pg/ssk_t.webp)no-repeat right;transform:rotate(180deg) translateX(-50%);background-size:cover;transform-origin: center;}

.sign_fv_sec{grid-template-columns: 1fr 1fr;place-items: center;}
.sign_fv_in {}
.sign__h1 {margin: auto;width: fit-content;font-size:min(calc(1.2rem + 2.4vw),3rem);}
.sing_fv_desc {margin: 5% auto;width: 95%;}
.sign__img {width: 100%;position: relative;}
.sign_md_sec {}
.sign__con h3,.sign_fcap{font-size: 2.4rem;text-align: center;margin: 2rem 0;}
.sign__con .ovfh{overflow-x: scroll;}
.sign__con table{width: 95%;min-width: 720px;margin: auto;max-width: 800px;}
.sign__con td{padding: 1.4rem 1rem;border: solid 1px;font-size: 1.8rem;vertical-align: middle;}
.sign__con td:first-of-type{background: var(--kuro);color: var(--shiro);text-align: center;font-size: 1.6rem;letter-spacing: 0.1em;}
.sign_m_map img{max-width: 870px;margin: auto;display: block;width: 95%;}
.sign_aside {padding: 0 2rem 4.8rem;}
.sg_pu_h2 {width: fit-content;padding: 0.6rem 3rem;font-size: 2.8rem;margin-bottom: 2rem;}
.sign_aside .grd{overflow: hidden;overflow-x: scroll;padding-bottom: 3rem;grid-auto-flow: column;max-width: 1400px;width: 97%;margin: auto;}
.sign_aside .eki_aki_li a{min-width: 340px;}
.sg_fm_link {line-height: 1.2;display: block;margin: calc(6rem + 5%) auto;padding: 2rem 0;border-radius: 5px;background: linear-gradient(45deg,var(--nao),rgb(148, 102, 192));color: var(--shiro);width: 90%;max-width: 440px;text-align: center;
font-size: min(calc(1rem + 2.4vw),3rem);box-shadow: 0 4px 0 var(--kao);}

/* search */
.sear_rlut_sec{padding-bottom: 6rem;}
.sear_key{padding:0 1rem;border-bottom: solid 1px;min-width: 200px;font-size: max(1.4rem,1.6vw);}
.sear_key strong{margin-left: 5px;font-size: 1.8em;}
.m_sear_rp{padding:1rem 4rem 2rem;margin-top: 5%;box-shadow: 0 4px 12px var(--kage);border-radius: 3rem;font-size: 2rem;}
.m_sear_rp span{font-size: 2em;line-height: 1.2;}
.sear_md_in{grid-template-columns: repeat(auto-fit,minmax(320px,30%));width: 95%;max-width: 1200px;margin:5% auto 8%;gap:2.6rem 1.4rem;justify-content: center;}
.sear_con{width: 100%;}
.sear_con a{border: solid 1px var(--gray);color: var(--kuro);overflow: hidden;max-width: 100%;display: block;}
.sear_img{height: 270px;overflow: hidden;}
.sear_img img{height: 100%;object-fit: cover;}
.sear_h2{font-size: 2rem;padding: 1.8rem 1rem;overflow: hidden;position: relative;white-space: nowrap;mask-image: linear-gradient(90deg,black 80%,rgba(0, 0, 0, 0));}
.sumbitbtn.disabled {pointer-events: none;opacity: 0.5;}
.search_out{text-align: center;padding: 3rem 1rem;}
.back_button button{border: unset;background: var(--kao);color: var(--shiro);padding: 2rem 4rem;font-size: 2rem;}

/* kanban aki*/
.eki_aki_ul{grid-template-columns: repeat(auto-fit,340px);max-width: 1200px;gap: 5rem 4rem;margin: auto;justify-content: center;}
.eki_aki_li a{width: 100%;position: relative;padding: 1rem;background-color: rgba(255, 255, 255, 0.245);color: var(--kuro);}
.eki_aki_li a::after{content: "" ;position: absolute;bottom: 0;left: 1rem;width: 50%;height: 1px;background: var(--gray);}
.eki_aki_img{height: 200px;width: 100%;overflow: hidden;border-radius: 2.2rem;}
.eki_aki_img img{height: 100%;object-fit: cover;}
.eki_aki_h3{font-size: 2rem;padding: 1.4rem 1rem;}
.eki_aki_h3::after{content: "詳細を見る";position: absolute;bottom: 0;right: 0;padding: 0.8rem 1.4rem;border-radius: var(--km);background: gray;color: var(--shiro);font-size: 12px;transform: translateY(50%);}
.eki_aki_li{position: relative;}
.ach_n_mark{position: absolute;background: rgb(236, 20, 59);display: inline-block;padding: 0.4rem 2rem;top: 0;left: 5%;border-radius: 0 0 1rem 1rem;z-index: 10;color: var(--shiro);}
.ach_n_mark::before{content: "NEW";font-family: var(--en);}

/* admenu */
.admenu_c {width: 100%;}
.admenu_ul {max-width: 1200px;margin: auto;padding: 3rem 1rem;gap: 2rem;justify-content: center;}
.admenu_li {width: 340px;}
.admenu_li a{width: 100%;height: 300px;display: grid;justify-content: right;align-items: center;padding: 2rem;color: var(--shiro);font-size: 3.4rem;text-shadow: 0 0 4px black;font-weight: 800;}
.bg_snk{background: url(/assets/img/top_shinkansen_pc.jpg)no-repeat center;background-size: cover;}

/* admedia */
.admedia_c{margin: 10% 0 0;position: relative;padding:0 0 5rem;}
.admedia_c::before{content: "";width: 320px;position: absolute;height: 6rem;top: 0;left: 50%;transform: translate(-50%,-99%);background: linear-gradient(0deg,var(--nao)80%,var(--kao));clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);}
.admedia_h3{text-align: center;line-height: 1.2;font-size: 2.4rem;transform: translateY(-60%);}
.admedia_ul{margin: auto;justify-content: center;gap: 4rem;}
.admedia_li a{width: 440px;height: 300px;position: relative;}
.admedia_li h4{position: absolute;text-align: center;font-size: 1.8rem;bottom: 0;width: fit-content;padding: 1.8rem 1.2rem;background: var(--kao);color: var(--shiro);transform: translate(-50%,40%);left: 50%;word-break: keep-all;}
.bg_mdeki{background: url(/assets/img/pg/eki_ill.jpg)no-repeat center;background-size: cover;}
.bg_mdds{background: url(/assets/img/pg/ds_ill.jpg)no-repeat center;background-size: cover;}
.bg_mdshanai{background: url(/assets/img/pg/shanai_ill.jpg)no-repeat center;background-size: cover;}

/* sk-banner */
.sk_br_con{justify-content: center;padding: 6rem 4rem 6rem 0;background: url(/assets/img/sk_banner.jpg);align-items: center;position: relative;}
.sk_br_con span{font-size: 5rem;}
.sk_br_h3{margin: 0 3%;}
.sk_br_h3 a{background: var(--nao);color: var(--shiro);padding: 4rem calc(1.2rem + 5vw);font-size: min(calc(1.4rem + 3vw),4rem);text-shadow: 0 0 10px white;clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);}
.sk_br_con::before{content: "";width: 40%;height: 100%;display: block;top: 0;right: 0;opacity: 0.3;position: absolute;}
.skbr_shanai::before{background: url(/assets/img/pg/shanai1.jpg)no-repeat center;background-size: cover;}
.skbr_eki::before{background: url(/assets/img/pg/eki1.jpg)no-repeat center;background-size: cover;}
.skbr_all::before{background: url(/assets/img/top_shinkansen_pc.jpg)no-repeat center;background-size: cover;}

/* pgn */
.git-pagenation{width: 95%;margin: auto;}
.git-pul{display: flex;gap: 1rem;justify-content: center;}
.git-pul li{font-size: max(1.2rem,1.5vw);}
.git-pg{padding: 1rem 1.5rem;color: var(--kuro);background: rgb(201, 201, 201);}
.git-pli a{padding: 1rem 1.5rem;color: var(--nao);background: var(--usao);}

/* footer */

.ft_sec{background: var(--kao);}
.ft_s_in{grid-template-columns: 66% 1fr;}
.f_s_left{padding: 3rem 1rem;}
.f_s_left form{max-width: 600px;margin: auto;}
.f_s_ttl{width: 90%;max-width: 400px;margin:1rem auto;}

.f_s_ul{grid-template-columns: 1fr 0.7fr;max-width: 600px;margin: auto;width: 95%;padding: 2rem 0;}
.f_s_ul a{color: var(--shiro);}
.f_s_li{margin: 1rem 0;font-size: 1.8rem;}
.f_s_sk_ul{padding-left: 1rem;border-left: solid 1px var(--shiro);}
.f_sk_li{font-size: 1.4rem;margin: 0.6rem 0;}
.sk_con{grid-row: span 4;}
.f_s_ct{background: url(/assets/img/ft_ct.jpg)no-repeat;background-size: cover;display: grid;}
.f_s_h3{margin: auto;margin-bottom: 0;font-size: 6rem;}
.f_ct_link{display: block;margin: auto;width: fit-content;margin-top: 0;padding: 1.4rem 2.8rem;border-radius: var(--km);border: solid 2px var(--nao);font-size: 2.4rem;text-align: center;width: 80%;max-width: 320px;}
.copytxt{width: 100%;text-align: center;background: var(--kuro);padding:2rem 1rem;}

/* form */
.box-content{width: 95%;margin: auto;box-shadow: 4px 8px 20px var(--kage);border-radius: 3rem;
padding: 2rem;display: grid;justify-content: center;max-width: 1100px;}
.form_box{grid-template-columns:320px minmax(50%,600px);margin: 2.4% 0;display: grid;width: 100%;padding:0 1rem;}
.form_ttl{font-size: 2.2rem;font-weight: 700;}
.form_ttl.tx_s{font-size: 1.8rem;}
.form_required{font-size: 1.2rem;padding: 0.4rem 1rem;background: red;color: var(--shiro);margin-left: 5px;}
.form_box input,.form_box textarea{padding: 1rem;width: 100%;font-size: 1.8rem;}
.form_box select{padding: 1rem;}
.form_box input,.form_box textarea,.form_box select{border: solid 1px var(--gray);box-shadow:inset 2px 3px 8px var(--kage);border-radius: 3px;}
.wpcf7-form-control-wrap{display: block;}
.form_box input[name="yubinno"]{width: 120px;}
.link_link{font-size: 12px;background: var(--usao);color: var(--nao);border-radius: 3px;padding: 5px;}
.btn_sumbit{display: block;padding: 1.4rem 9.6rem;background: var(--nao);color: var(--shiro);border:unset;box-shadow: 0 6px 0 var(--kao);margin: 3.8% auto 5%;font-size: 3rem;border-radius: var(--km);cursor: pointer;}
.wpcf7 form .wpcf7-response-output{border: unset;padding: 1em 2em;width: fit-content;margin: 5% auto;font-size: min(calc(1.2rem + 2vw),2.6rem);color: var(--shiro);background: var(--kao);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {background: red;border: unset;}
.wpcf7 form.sent .wpcf7-response-output{background: var(--nao);}
.ml_a_w80{margin-left: auto;width: 80% !important;display: block;}

/* privacy */
.prvy_con{padding: 2rem 5%;}
.hdg-lv2{font-size: 2.4rem;color: var(--nao);line-height: 1.2;}
.hdg-lv2 .sub_title{font-size: 0.7em;display: block;text-align: center;}
.prvy_con .hdg-lv3{margin-top: 5%;font-size: 1.4em;padding-left: 1rem;border-bottom: dashed;color: var(--kao);background: var(--usao);}
.col_text,.list_box{padding:2rem 1rem 3rem;}
.list_box{list-style: square;padding-left: 2.2em;}
.list_box li{margin-bottom: 1.1rem;}
.list_box li::marker{color: var(--nao);}
.link_li_box{display: block;}
.link_li_box .link_list{display: flex;flex-wrap: wrap;justify-content: center;padding: 1.4rem 0;border-top: solid 1px var(--gray);border-bottom: solid 1px var(--gray);}
.link_list_title{width: 300px;}
.link_li_box .list_box{padding: 1.4rem;}
.link_list_url{font-size: 1.2rem;position: relative;}
.link_list_url::after{content: "";padding: 1em;display: inline-block;background: url(/assets/img/common/icon_link.png)no-repeat center;margin-left: 5px;background-size: contain;transform: translateY(0.5em);}
.list_box a{color: var(--nao);}
.gap2_4{gap: 2rem 4rem;}
@media (max-width:769px){
.t_s2_wr{display: block;}
.t_s2_h2{margin: 2rem auto;width: 95%;}
.t_s2_ul li{width: 90%;margin: auto;}
.t_s2_ul a{width: 100%;text-align: center;}
.t_s2_dl{width: 90%;margin: 3.6rem auto;grid-template-columns: 1fr 1fr;gap: 2rem 1rem;}
.t_s2_dl .t_s2_ttl{grid-column: span 2;}
.t_s2_left span{margin: auto;}
.t_s2_topc{display: block;padding: 0 0 4rem;}
.t_s2_left{width: 90%;transform: translate(0,4rem);padding: 1.4rem 2rem;position: relative;}
.t_s2_tpli{min-width: 320px;}
.t_s3_ul{grid-template-columns: 1fr;}
.t_s3_li{height: 300px;}
.tp_sec_3{background: var(--kuro);padding: 4rem 0;}
.t_ns_con{grid-template-columns: 1fr;}
.t_ns_con ul{justify-content: center;margin: 2rem auto;}
.sk_ttl{margin-bottom: 7.8rem;}
.sk_ttl.grd{display: block;max-width: 500px;padding: 0 2.2rem;}
.sk_fv_p{padding: 2rem 0 0;}
.sk_t_img{width: 100%;margin: 0 auto 8%;}
.sk_ttl.grd .sk_sub_p,.sk_ttl.grd .sk_h1{margin: 0 auto; width: 90%;display: block;}
.sk_s1_con{width: 95%;margin: 8% auto 18%;}
.sk_s_h2 a{font-size: calc(1.4rem + 2vw);}
.sk_s_in{display: block;width: 100%;}
.sk_sl_h3{margin-top: 3.6rem;position: relative;}
.sk_sl_img{position: relative;height: 200px;transform: unset;width: 100%;top: unset;left: unset;cursor: pointer;z-index: 1;}
.sk_sl_h3 a::before{content: ""; width: 100%;height: calc(100% + 200px);position: absolute;z-index: 20;top: 0;left: 0;cursor: pointer;background: transparent;}
.sk_sl_img img{height: 200px;object-position: center;}
.sksl_last{display: none;}
.sk_eki_s{display: block;}
.eki_s_form{margin:1rem auto 0;position: relative;}
.sing_fv_in,.sing_md{grid-template-columns: 1fr;}
.sing_fv_desc{font-size: 1.4rem;}
.sing_md{margin: 5rem auto;}
.sk_sing_h1{margin: 5vh auto;}
.sing_dt p{margin: 2rem auto;}
.sg_asid{margin-top: 8rem;width: 97%;}
.sing_wrapper > section{margin-bottom: 9rem;}
.sg_asid .sk_m_ul{gap: 2rem;padding: 1rem 0;}
.sk_a_sec{display: block;}
.sk_e_h2{text-align: center;}
.sk_a_ttl{padding: 2.4rem 1rem;}
.sing_all_b{font-size: 1.3rem;}

.skst_ttl{display: block;}
.skst_img{margin-top: 15%;}
.skst_subp{padding-right: 2rem;margin-top: 1rem;font-size: 1.4rem;}

.sk_br_con{padding: 6rem 2rem;}
.sk_br_h3{width: 94%;text-align: center;}
.sk_br_h3 a{display: block;}
.ft_s_in{grid-template-columns: 1fr;}
.f_s_ct{grid-row: 1;height: 340px;}
.f_s_ul{display: block;width: fit-content;margin: auto;}
.skst_sec2.ssk_bf::before{width: 80%;}
.page_sp.transportation_ad_block{padding: 0 2rem;}

.tr_inside_sec1 > section{display: block;padding: 3.2rem 1.4rem;}
.tr_inside_sec1 .hdg-lv3{margin: 1rem auto 5rem;}
.hdg-lv4{margin: 2rem 0 1rem;}
.tr_inside_sec1 .tbl_base tr{display: flex;flex-direction: column;}
.tr_inside_sec1 .tbl_base th{border-right: unset;border-bottom: solid 1px var(--gray);}
.tr_inside_sec1 .tbl_base td{padding: 0 1rem 2rem;}
.tr_inside_sec1 > section::before{height: 4rem;top: calc(2.2rem + 4vw + 1%);}
.ad_img_box{margin: 8% auto;}
.fz_caption{font-size: 1.2rem;}
.comp_con{grid-template-columns: 1fr;}
.comp_img{grid-column: 1;}
.comp_text{grid-column: 1;transform: unset;background: #0269e6a3;padding: 3rem 2rem;}
.comp_name{margin: 5rem auto 2rem;text-align: right;}
.dl_base{grid-template-columns: 1fr;width: 90%;margin: auto;}
.company_map{height: 50vh;}
.commp_map_ft{display: block;}
.sign_fv_sec{grid-template-columns: 1fr;padding-top: 5rem;}
.sign__img{grid-column: 1;}
.sg_ssk_wrap::before{transform: unset;background-position: right;}
.sg_n_wrap{display: block;}
.news_side{border-radius: unset;margin-top: 12%;}
.form_box{grid-template-columns: 1fr;gap: 1rem;}
.form_box input,.form_box textarea{font-size: 1.6rem;}
}

@media (max-width:440px){
.mv_src{height: 50%;top: 10rem;}
.fv_mv_con{height: 85vh;}
.fv_mv_con::after{clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);height: 34%;width: 100%;top: auto;bottom: 0;z-index: 1;}
.fv_txt{margin: auto 2% 24%;}
.fv_h1{writing-mode: vertical-lr;margin-left: auto;text-shadow: 0 0 10px rgba(0, 0, 0, 0.835);letter-spacing: 0.05em;}
.fv_subp_2{font-size: 1.2rem;}
.tp__fv_sec::before{width: 120%;transform: translate(40%, -6rem);}
.fv_mv_con::before{width: 80%;transform: translate(-40%,0);}
.tp__fv_sec::after{transform: translate(-40%,0);}
.tp_sec_1{padding: 4rem 2rem calc(5rem + 2vw);}
.sg_md_con .hdg-lv4{margin-top: 4rem;}
.admedia_c{margin-top: 10rem;}
.admedia_li{width: 100%;}
.admedia_li a{width: 90%;margin: 0 auto;display: block;height: 240px;}
.ooh_sub_p{grid-template-columns: 1fr;}
.swiper_ooh_slider1, .swiper_ooh_slider2{height: 240px;}
.ach_sub_p{font-size: 1.4rem;}
.admenu_li a{height: 230px;}
.swiper_sing_con{height: 400px;}
.t_ns_cat li{font-size: 12px;}
}

@media (hover: hover){
a,*::before,*::after{transition: var(--tral);}
@media (min-width:769px){.sk_sl_h3:hover + .sk_sl_img {z-index: 10;}}
.gnav_li > a:hover{color: var(--nao);box-shadow: 0 1px 0;}
.hd_logo a:hover{opacity: 0.6;}
.gnav_ctform a:hover{background: var(--kuro);}
.nav_sk_m a:hover{background: var(--shiro);color: var(--kao);}
.nav_sk_con{transition: var(--tral);background-position: center;background-size: 100%}
.nav_sk_con:hover{background-size: 110%;}
.nav_sk_con a:hover strong::after{transform: translateX(10px);}
.nav_i_li a{border: solid 1px rgba(255, 255, 255, 0);}
.nav_i_li a:hover{opacity: 0.7;border: solid 1px;}
.t_s2_h2 a:hover{color: var(--nao);}
.t_s2_ul a:hover{background: var(--shiro);color: var(--kuro);}
.t_s2_dl a:hover{background: var(--nao);color: var(--shiro);}
.t_s2_tpli a img{transition: var(--tral);}
.t_s2_tpli a:hover h3{text-decoration: underline;}
.t_s2_tpli a:hover img{transform: scale(1.1);}
.t_s2_left a:hover{opacity: .7;}
.t_s2_left a:hover i:after{transform: translateX(5px);}
.t_s3_li{transition: var(--tral);border: solid 1px rgba(255, 255, 255, 0);}
.t_s3_li a:hover{border: solid 1px var(--shiro);background: rgba(0, 0, 0, 0.485);}
.t_ns_li a:hover{background: var(--kuro);}
.tp_news_li a:hover{background: var(--usao);}
.tp_news_li a:hover::after{background: var(--nao);}
.tp_news_li a:hover h3{color: var(--nao);text-decoration: underline;}
.sk_a_ttl a:hover,.sk_a_li a:hover{color: var(--nao);box-shadow: 0 1px 0;}
.admenu_ul:hover .admenu_li a{opacity: 0.7;background:rgba(128, 128, 128, 0.616);}
.admenu_li a:hover{opacity: 1 !important;background: rgba(255, 255, 255, 0) !important;}
.sk_ix_li a:hover{background: var(--nao);color: var(--shiro);}
.sk_s_h2 a:hover{background: linear-gradient(180deg,var(--nao),var(--kao));border-radius: 1rem;}
.sk_sl_h3 a{transition: unset;}
.sk_sl_h3 a:hover{color: rgb(255, 145, 0);box-shadow: 0 1px 0;}
.sk_sl_h3 a:hover::after{background: rgb(255, 145, 0);}
.sk_md_li a:hover{border: solid 1px var(--nao);box-shadow: inset 0 -4px 0 var(--nao);transform: translateY(-2px);}
.admedia_li a:hover{opacity: 0.7;}
.admedia_li a:hover h4{background: var(--shiro);color: var(--nao);}
.eki_aki_li img,.sear_con img{transition: var(--tral);}
.eki_aki_li a:hover img,.sear_con a:hover img{transform: scale(1.1);}
.eki_aki_li a:hover .eki_aki_h3{color: var(--nao);}
.eki_aki_li a:hover .eki_aki_h3::after{background: var(--kuro);}
.sear_con a:hover{border: 1px solid var(--nao);box-shadow: inset 0 -4px 0;color: var(--nao);}
.tbl_base a:hover{color: var(--kuro);text-decoration: underline;}
.sk_br_h3 a:hover{background: var(--kuro);}
.f_ct_link:hover{background: var(--nao);color: var(--shiro);}
.f_s_ul a:hover{opacity: .8;text-decoration:underline;}
.tr_back_btn a:hover{background: var(--kao);}
.news_side a:hover{opacity: 0.75;}
.sg_fm_link:not(.nohover):hover{transform: translateY(2px);box-shadow: 0 2px 6px 1px var(--kao);}
.list_box a:hover{text-decoration: underline;opacity: 0.8;}
}