select{color:#3d3e40;}

html {font-size: 62.5%;overflow-x: hidden}
body {font-family: 'Zen Kaku Gothic New', sans-serif;font-size: 1.6rem;font-weight: 500;line-height: 1.8;letter-spacing: 0.064em;color: #3d3e40;padding-top: 10rem;}
.outer{width: 1090px;margin: 0 auto;}
.inner{width: 1000px;margin: 0 auto;}
img {max-width: 100%;height: auto;display: block;}
h1,h2,h3,h4,h5.ttl,
.posi_rel,
#top .item_txt_head,
#top .item_wrap,
#top .sub_mv{position: relative;}
.posi_ab{position: absolute;}
p {margin: 1.8rem auto}
a,a > img{text-decoration: none;transition: all ease .3s;}
a:hover,h1 a:hover{transition: all ease .3s;}
h1 a:hover{opacity: .5;}

.gnav li::after,.gnav li:first-child::before,
.concept .item_wrap .head::after,
.btn__mail span::before,.btn__mail span::after,
.gallery .g__slide__nav .slick-prev:before,
.gallery .g__slide__nav .slick-next:before,
#top .item_wrap::before,
#top .item_wrap::after,
#top_marines .item_wrap::after,
#top_marines .item_txt_head::before,
#top_arrows .item_txt_head::before,
.first .inner::before,
.first .inner::after,
.gallery::before,
.gallery::after,
.contact_parts_01 > .contact_parts > .item::after,
.contact_parts_02 > .contact_parts > .item::after,
#top_arrows .item_txt_head::before,
.e__r_facirities::after,
.e__b_facirities::after,
.location .inner > .w800::before,
.location .inner > .w800::after,
.outline > .inner::before,
.foot_contact .inner::before,
.foot_contact .inner::after
{
  content:"";
  position: absolute;
}
/*-----------------------
display
-----------------------*/
.pc,
#top .sub_mv span,
.block{display: block;}
.none{display: none;}
.sp {display: none;}
.flex{display: flex;}
.flex_wrap{flex-wrap:wrap;}
.flex_al_c{align-items: center;}
.flex_al_e{align-items: flex-end;}
.jf_c_sb{justify-content: space-between;}
/*-----------------------
width
-----------------------*/
.w250{width: 250px;}
.w350{width: 350px;}
.w400{width: 400px;}
.w450{width: 450px;}
.w750{width: 750px;}
.w800{width: 800px;}
.w1000{width: 1000px;}
/*-----------------------
font
-----------------------*/
.en{font-family: 'Secular One', sans-serif;letter-spacing: .1em;}
/* lineheight */
.lh_10{line-height: 1;}
.lh_12{line-height: 1.2;}
.lh_14{line-height: 1.4;}
/* size */
.fs10{font-size: 1rem;}
.fs11{font-size: 1.1rem;}
.fs12{font-size: 1.2rem;}
.fs13{font-size: 1.3rem;}
.fs14{font-size: 1.4rem;}
.fs15{font-size: 1.5rem;}
.fs16{font-size: 1.6rem;}
.fs18{font-size: 1.8rem;}
.fs20{font-size: 2rem;}
.fs22{font-size: 2.2rem;}
.fs24{font-size: 2.4rem;}
.fs26{font-size: 2.6rem;}
.fs28{font-size: 2.8rem;}
.fs32{font-size: 3.2rem;}
.fs38{font-size: 3.8rem;}
.fs40{font-size: 4rem;}
/* weight */
.fw_bld{font-weight: bold;}
.fw_300{font-weight: 300;}
.fw_400{font-weight: 400;}
.fw_500{font-weight: 500;}
.fw_700{font-weight: 700;}
.fw_900{font-weight: 900;}
/* color */
.fc_white{color:#fff;}
/* align */
.t_left{text-align: left;}
.t_center{text-align: center;}
.t_right{text-align: right;}
.ttl_wrap{line-height: 1.2;}
/*-----------------------
margin
-----------------------*/
.mg_l_r_a{margin-left: auto;margin-right: auto;}
.mg_top_10{margin-top: 1rem;}
.mg_top_20{margin-top: 2rem;}
.mg_top_32{margin-top: 3.2rem;}
.mg_top_40{margin-top: 4rem;}
.mg_top_54{margin-top: 5.6rem;}
.mg_top_64{margin-top: 6.4rem;}
.mg_top_80{margin-top: 8rem;}
.mg_top_100{margin-top: 10rem;}
.mg_top_150{margin-top: 15rem;}
.mg_top_170{margin-top: 17rem;}
.mg_top_180{margin-top: 18rem;}
.mg_bottom_40{margin-bottom: 4rem;}
.mg_bottom_56{margin-bottom: 5.6rem;}
.mg_bottom_64{margin-bottom: 6.4rem;}
.mg_bottom_80{margin-bottom: 8rem;}
.mg_bottom_100{margin-bottom: 10rem;}
.mg_bottom_150{margin-bottom: 15rem;}
.mg_bottom_10{margin-bottom: 1rem;}
/*-----------------------
Pardding
-----------------------*/
.pd_l_r_40{padding-left:4rem;padding-right:4rem;}
.pd_42{padding:4.2rem;}
.pd_64{padding:6.4rem;}
.pd_top_100{padding-top: 10rem;}
.pd_top_150{padding-top: 15rem;}
.pd_bottom_150{padding-bottom: 15rem;}
.pd_bottom_100{padding-bottom: 10rem;}
/*-----------------------
Border
-----------------------*/
.border_r_10{border-radius: 1rem;}
/*-----------------------
background
-----------------------*/
.bg_gray{background:#f8f8f8;}
.bg_l_brown{background:#efeee9;}
.bg_fix{
  min-height: 360px;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
/*-----------------------
botton & link
-----------------------*/
.btn a{border-radius: 3.2rem;display: block;border:solid 2px;text-align: center;}
.btn > a{display: block;font-size: 2rem;transition: all ease .3s;padding: .8rem 3rem;}
.btn > a span{display: block;font-size: 1.3rem;line-height: 1;}
.btn__phone a{line-height: 1.2;}
.btn__mail{}
.btn__mail span{position: relative;display: block;text-align: center;}
.btn__mail span::before,.btn__mail span::after{transform: translateY(-50%);top: 60%;}
.btn__mail span::before{background: url(../img/slash_bk.svg) no-repeat;width: 1rem;height: 1rem;left: 6.5rem;bottom: 0;}
.btn__mail span::after{background: url(../img/slash.svg) no-repeat;width: 1rem;height: 1rem;right: 6.5rem;bottom: 0;}
header .btn__mail span::after{right: 1.5rem;}
header .btn__mail span::before{left: 1.5rem;}
.btn__map a{border:solid 1px #3d3340;background: url(../img/pin.svg)no-repeat .8rem center;color:#3d3340;width: 8rem;padding: .2rem 1rem .2rem 3rem;background-size: 12px;line-height: 1;transition: all ease .3s;}
.btn__map a:hover{background: url(../img/pin_wh.svg)no-repeat .8rem center #3d3340;color:#fff;}

a.txt_link{text-decoration: underline;color:#3D3E40;transition: all ease .3s;}
a.txt_link:hover{text-decoration: none;opacity: .5;}
/*-----------------------
overtxt
-----------------------*/
.overflow_txt {
  position: relative;
  height: 80px;
  overflow: hidden;
}
.overflow_txt::before, .overflow_txt::after {
  position: absolute;
  background: #fff;
}
.overflow_txt:before {
  content: "･･･";
  bottom: 0;
  right: 0;
}
.overflow_txt:after {
  content: "";
  width: 100%;
  height: 100%;
}
/*-----------------------
Header
-----------------------*/
header{padding: 1rem 0;position: fixed;width: 100%;height: 10.5rem;top: 0;left: 0;z-index: 9999;background: #fff;box-shadow: 0px 3px 5px #00000016;}
.h_btn_wrap{}
.h_btn_wrap .btn:last-child{margin-left:2.4rem;}
/*-----------------------
Footer
-----------------------*/
#topBtn{background: url(../img/arrow_top_wh.svg) no-repeat center center #3D3E40;display: block;padding: 2.2rem 0;}
#topBtn:hover{opacity:.5;}

.copy{padding:1.5rem 0;}
.copy a,
#top .item h3 a{color:#3d3e40;}
.copy a:hover,
.copy a img:hover,
#top .item h3 a:hover{opacity: .5;}
.copy .f_txt{margin-left:2rem;}
.copy .f_txt a{margin: 0 2rem;}
small{margin: 0 0 0 auto;}
/*-----------------------
Slick
-----------------------*/
.slick-slide:focus {outline: none;}
.slick-dots li button:before{font-size:1.4rem;opacity: 1;color:#cdcdcd;}
.slick-dots li.slick-active button:before{color:#47ACC9;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{}

#marines .slick-dots li.slick-active button:before,#top_marines .slick-dots li.slick-active button:before{color:#47ACC9;}
#arrows .slick-dots li.slick-active button:before,#top_arrows .slick-dots li.slick-active button:before{color:#aec86c;}

#room_slide .slick-dots{bottom:1rem;}
#room_slide .slick-dots li button:before{color:#fff;}
#room_slide.slick-dotted.slick-slider{margin: 0;}

.slick-prev, .slick-next{z-index: 1;}
.gallery .g__slide .slick-prev:before,
.gallery .g__slide .slick-next:before,
.room_plan__slide .slick-prev::before,
.room_plan__slide .slick-next:before{
  color: #3D3E40;
  opacity: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 3.2rem;
  position: absolute;
}
.gallery .g__slide .slick-prev:before,
.room_plan__slide  .slick-prev:before{content:"\f053";left: -1.5rem;}
.gallery .g__slide .slick-next:before,
.room_plan__slide .slick-next:before{content:"\f054";right:-1.5rem;}
.room_plan__slide .slick-next:before{top:50%:right:3.5rem;transform: translateY(-50%);top: 50%;right: 3.5rem;/* width: 1rem; */font-size: 2.4rem;}
.room_plan__slide  .slick-prev:before{left:3.5rem;transform: translateY(-50%);top: 50%;font-size: 2.4rem;}
.gallery .g__slide__nav .slick-prev:before,
.gallery .g__slide__nav .slick-next:before{
  width:1.6rem;
  height: 8rem;
  opacity:1;
  transform:translateY(-50%);
}
.gallery .g__slide__nav .slick-prev:before{background:url(../img/g_nav_prev.svg) no-repeat;left:2.4rem;}
.gallery .g__slide__nav .slick-next:before{background:url(../img/g_nav_next.svg) no-repeat;right:2.4rem;}
.gallery .g__slide__nav img{}
.gallery .g__slide__nav .slick-active img{}

/*-----------------------
TOP
-----------------------*/
body#top{
    padding-top: 0;
}
.mv_wrap .m_l_marines,
.mv_wrap .m_l_arrows{background:#000;width:100%;height:80vh;position: relative;}
.mv_wrap .m_l_marines{background: url(../img/top/m_marines.jpg) no-repeat;background-size: cover;}
.mv_wrap a{
  position:absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}
.mv_wrap a:hover{background: rgba(0,0,0,0);}
.mv_wrap .m_l_arrows{background: url(../img/top/m_arrows.jpg) no-repeat;background-size: cover;}
#top .catch_wrap{color:#fff;text-shadow: 0 3px 6px #00000016;text-align:center;top: 35%; position: absolute;left: 0;right: 0;}
#top .catch_wrap span{display:block;line-height:1.4;}
#top .sub_mv h2{color:#fff;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;}
ul.pick_up_equipment{margin: 1.6rem 0;}
ul.pick_up_equipment li{font-size: 1.4rem;color:#fff;text-align: center;border-radius: 4px;padding: .3rem 1rem;margin-right: .8rem;margin-bottom: .8rem;}

#top .item_wrap{position:relative;}
#top_marines .item_wrap::before{
  width:299px;
  height:288px;
  background:url(../img/ocean/o_bk_deco_01.svg) no-repeat;
  background-size:100%;
  top: -13%;
  left: -13%;
}
#top_marines .item_wrap::after{
  width:176px;
  height: 170px;
  background: url(../img/ocean/o_bk_deco_14.svg) no-repeat;
  background-size:100%;
  right:-10%;
  bottom: -12%;
  z-index: -1;
}
#top_arrows .item_wrap::before{
  width:335px;
  height:275px;
  background:url(../img/arrows/a_bk_deco_02.svg) no-repeat;
  background-size:100%;
  top: -11%;
  left: -22%;
}
#top_arrows .item_wrap::after{
  width:164px;
  height:158px;
  background:url(../img/arrows/a_bk_deco_12.svg) no-repeat;
  background-size:100%;
  bottom: -6%;
  right: -10%;
}
#top .item{border:solid 1px #3D3E40;border-radius:1rem;box-shadow: 0 3px 6px #00000016;margin-bottom: 10rem;background: #fff;}
#top .item_wrap .item:last-child{margin-bottom:0;}
#top .item_txt,#top .item_pic{width: calc(100% / 2);}
#top .item_pic img{width:100%;height:100%;object-fit:cover;}
#top .item_wrap .item:nth-child(odd) .item_txt{order:1;}
#top .item_txt{padding: 4.5rem 2.4rem;}
#top .sub_mv::before{content:"";background:rgba(0,0,0,.35);width:100%;height:100%;position:absolute;}
#top .item_txt_tag{}
#top .item_txt_table{width: 100%;margin:1.6rem 0 2.4rem;}
#top .item_txt_table th,#top .item_txt_table td{padding: .8rem 1rem;}
#top .item_txt_table td{font-weight:400}
#top .item_txt_table th{width:20%;}
#top .item_txt_button{margin:0 auto;}
#top .item_txt_button a{box-shadow: 0 3px 6px #00000029;}
#top .item_wrap .item:nth-child(odd) .item_pic img{border-radius: 10px 0 0 10px;}
#top .item_wrap .item:nth-child(even) .item_pic img{border-radius: 0 10px 10px 0;}
/*-----------------------
Marines Series
-----------------------*/
#top #top_marines .sub_mv{background-image: url(../img/top/sub_m_marines.jpg);}
#top_marines .item_txt_head::before{width: 47px;height: 24px;background: url(../img/marines_ttl_top.svg) no-repeat;left: 0;right: 0;margin: 0 auto;top: -2rem;}

#marines{}
#marines h1 a{color:#47acc9;}
#marines .main_color,#top_marines .main_color{color:#47acc9;}
#marines .main_bk_color{background:#47acc9;}
#marines .btn_outline a{border-color:#47acc9; color:#47acc9;}
#marines .btn_outline a:hover{background:#47acc9;color:#fff;}
#marines .btn_outline.btn__phone a{color:#47acc9;border-color:#47acc9;background: url(../img/phone_bl.svg) #fff no-repeat 10% center;}
#marines .btn_outline.btn__phone a:hover{color:#fff;background: url(../img/phone_wh.svg) #47acc9 no-repeat 10% center;}
#marines .btn_filled a,#top_marines .btn_filled a{border-color:#47acc9; color:#fff;background-color:#47acc9;}
#marines .btn_filled a:hover,#top_marines .btn_filled a:hover{background-color: #fff;color:#47acc9;}
#marines .btn_filled.btn__mail a{border-color:#47acc9;color:#fff;background: url(../img/mail.svg) no-repeat #47acc9 10% center;}
#marines .btn_filled.btn__mail a:hover{color:#47acc9;background: url(../img/mail_bl.svg) no-repeat #fff 10% center;}
/* first */
#marines .first .inner::before{
  background: url(../img/ocean/o_bk_deco_01.svg) no-repeat;
  width: 297px;
  height: 288px;
  top:10%;
  right:-30%;
  transform:translate(-50%,-50%);
}
#marines .first .inner::after{
  width: 431px;
  height: 385px;
  background: url(../img/ocean/o_bk_deco_02.svg) no-repeat;
  bottom:0;
  left:0;
  left: -20%;
  transform: translateY(-50%);
  top: 120%;
}
#marines .concept .item_wrap .head::before{color:#47acc9;}
#marines .gallery::before{width:235px;height:227px;background:url(../img/ocean/o_bk_deco_03.svg) no-repeat;top: 5rem;transform: translateY(-50%);}
#marines .gallery::after{width:237px;height:198px;background:url(../img/ocean/o_bk_deco_04.svg) no-repeat;bottom: -13rem;right: -7rem;}

#marines .contact_parts_01 > .contact_parts > .item::after{
  width: 290px;
  height: 234px;
  background:url(../img/ocean/o_bk_deco_05.svg) no-repeat;
  left: 5%;
  transform: translateX(-50%);
  bottom: -9rem;
}
#marines .contact_parts_02 > .contact_parts > .item::after{
  width: 295px;
  height: 234px;
  background:url(../img/ocean/o_bk_deco_08.svg) no-repeat;
  transform: translate(50%,-50%);
  top: 6.5rem;
  right: 4rem;
}
#marines ul.pick_up_equipment li
,#top_marines ul.pick_up_equipment li{background: #47acc9;}
#marines .contact_parts .btn > a{background-size:3rem;background-position:8rem;}
#marines .contact_parts .btn > a:hover{background-size:3rem;background-position:8rem;}
#marines .e__r_facirities::after{
  width: 102px;
  height: 104px;
  background: url(../img/ocean/o_bk_deco_06.svg) no-repeat;
  left: -11rem;
  bottom: -8rem;
}
#marines .e__b_facirities::after{
  width: 202px;
  height: 208px;
  background: url(../img/ocean/o_bk_deco_07.svg) no-repeat;
  right: -7rem;
}
#marines .a__train .head{background:url(../img/ocean/train.svg) no-repeat left center;}
#marines .a__time .head{background:url(../img/ocean/time.svg) no-repeat left center;}
#marines .location .inner > .w800::before{
  width: 153px;
  height: 128px;
  background: url(../img/ocean/o_bk_deco_09.svg) no-repeat;
  left: -6rem;
  top: -3rem;
  transform: translate(-50%, -50%);
}
#marines .location .inner > .w800::after{
  width: 130px;
  height: 142px;
  background: url(../img/ocean/o_bk_deco_10.svg) no-repeat;
  right: -15rem;
  bottom: -4rem;
}
#marines .outline > .inner::before{
  width: 249px;
  height: 225px;
  background: url(../img/ocean/o_bk_deco_11.svg) no-repeat;
  right: -17rem;
  top: -8rem;
  transform: translateY(-50%);
  background-size: 100%;
}
#marines .foot_contact .inner::before{
  width: 335px;
  height: 229px;
  background:url(../img/ocean/o_bk_deco_12.svg) no-repeat;
  transform: translate(-50%, -50%);
  top: 4rem;
  left: 8rem;
}
#marines .foot_contact .inner::after{
  width: 129px;
  height: 215px;
  background:url(../img/ocean/o_bk_deco_13.svg) no-repeat;
  right: -7rem;
  bottom: -10rem;
}
#marines .foot_contact .inner::after{
    content: none;
}
#marines button[type="submit"]{background:#47acc9;width: 100%;padding: 1.6rem;border-radius: 30rem;box-shadow: 0 3px 6px #00000016;border: solid 2px #47acc9;transition:all ease .3s;}
#marines button[type="submit"]:hover{background:#fff;color:#47acc9;}
/*-----------------------
Arrows Series
-----------------------*/
#top #top_arrows .sub_mv{background-image: url(../img/top/sub_m_arrows.jpg);}
#top_arrows .item_txt_head::before{width: 47px;height: 24px;background: url(../img/arrows_ttl_top.svg) no-repeat;left: 0;right: 0;margin: 0 auto;top: -2rem;}
#arrows{}
#arrows h1 a{color:#aec86c;}
#arrows .main_color,#top_arrows .main_color{color:#aec86c;}
#arrows .main_bk_color{background:#aec86c;}
#arrows .btn_outline a{border-color:#aec86c; color:#aec86c;}
#arrows .btn_outline a:hover{background:#aec86c;color:#fff;}
#arrows .btn_outline.btn__phone a{color:#aec86c;border-color:#aec86c;background: url(../img/phone_gr.svg) #fff no-repeat 10% center;}
#arrows .btn_outline.btn__phone a:hover{color:#fff;background: url(../img/phone_wh.svg) #aec86c no-repeat 10% center;}
#arrows .btn_filled a,#top_arrows .btn_filled a{border-color:#aec86c; color:#fff;background-color:#aec86c;}
#arrows .btn_filled a:hover,#top_arrows .btn_filled a:hover{background-color: #fff;color:#aec86c;}
#arrows .btn_filled.btn__mail a{border-color:#aec86c;color:#fff;background: url(../img/mail.svg) no-repeat #aec86c 10% center;}
#arrows .btn_filled.btn__mail a:hover{color:#aec86c;background: url(../img/mail_gr.svg) no-repeat #fff 10% center;}
#arrows ul.pick_up_equipment li,#top_arrows ul.pick_up_equipment li{background: #aec86c;}
#arrows .concept .item_wrap .head::before{color:#aec86c;}
#arrows .a__train .head{background:url(../img/arrows/train.svg) no-repeat left center;}
#arrows .a__time .head{background:url(../img/arrows/time.svg) no-repeat left center;}
#arrows .first .inner::before{
  background: url(../img/arrows/a_bk_deco_01.svg) no-repeat;
  width: 249px;
  height: 212px;
  top: 0;
  right: -27%;
  transform:translate(-50%,-50%);
}
#arrows .first .inner::after{
  width: 330px;
  height: 268px;
  background: url(../img/arrows/a_bk_deco_02.svg) no-repeat;
  bottom:0;
  left:0;
  left: -25%;
  transform: translateY(-50%);
  top: 120%;
}
#arrows .gallery::before{width: 205px;height: 214px;background:url(../img/arrows/a_bk_deco_03.svg) no-repeat;top: 5rem;transform: translateY(-50%);}
#arrows .gallery::after{width: z;height: 205px;background:url(../img/arrows/a_bk_deco_04.svg) no-repeat;bottom: -5rem;right: 0;}
#arrows .contact_parts_01 > .contact_parts > .item::after{
  width: 207px;
  height: 237px;
  background:url(../img/arrows/a_bk_deco_05.svg) no-repeat;
  left: 2%;
  transform: translateX(-50%);
  bottom: -4rem;
}
#arrows .contact_parts_02 > .contact_parts > .item::after{
  width: 229px;
  height: 162px;
  background: url(../img/arrows/a_bk_deco_11.svg) no-repeat;
  top: -5rem;
  right: -7rem;
  transform: scaleX(-1);
}
#arrows .e__r_facirities::after{
  width: 118px;
  height: 122px;
  background: url(../img/arrows/a_bk_deco_06.svg) no-repeat;
  left: -11rem;
  bottom: -11rem;
}
#arrows .e__b_facirities::after{
  width: 152px;
  height: 207px;
  background: url(../img/arrows/a_bk_deco_07.svg) no-repeat;
  right: -7rem;
}
#arrows .location .inner > .w800::before{
  width: 209px;
  height: 258px;
  background: url(../img/arrows/a_bk_deco_08.svg) no-repeat;
  left: -17%;
  top: -7rem;
  transform: translate(-50%, -50%);
}
#arrows .location .inner > .w800::after{
  width: 70px;
  height: 84px;
  background: url(../img/arrows/a_bk_deco_09.svg) no-repeat;
  right: -15rem;
  bottom: -4rem;
}
#arrows .outline > .inner::before{
  width: 316px;
  height: 167px;
  background: url(../img/arrows/a_bk_deco_10.svg) no-repeat;
  right: -20%;
  top: -10rem;
  transform: translateY(-50%);
}
#arrows .foot_contact .inner::before{
  width: 142px;
  height: 141px;
  background:url(../img/arrows/a_bk_deco_12.svg) no-repeat;
  transform: translate(-50%, -50%);
  top: -3.5rem;
  left: 4rem;
}
#arrows .foot_contact .inner::after{
  width: 129px;
  height: 215px;
  background:url(../img/arrows/a_bk_deco_13.svg) no-repeat;
  right: -7rem;
  bottom: -10rem;
}
#arrows button[type="submit"]{background:#aec86c;width: 100%;padding: 1.6rem;border-radius: 30rem;box-shadow: 0 3px 6px #00000016;border: solid 2px #aec86c;transition:all ease .3s;}
#arrows button[type="submit"]:hover{background:#fff;color:#aec86c;}
/*-----------------------
Cont
-----------------------*/
.low_cont .mv img{
    height: 60rem;
    width: 100%;
    object-fit: contain;
}
.gnav li{width: calc(100%/6);line-height: 1.7;}
.gnav li::after,.gnav li:first-child::before{
  width: 1px;
  height: 80%;
  background: #cbcbcb;
  transform: translateY(-50%);
  top: 50%;
}
.gnav li::after{right: 0;}
.gnav li:first-child::before{left: 0;}
.gnav a{color:#3d3e40;display: block;padding: 1.5rem 1rem;transition:all ease .3s;}
.gnav a:hover{opacity:.5;}
.contact_parts .btn > a{padding: 1.3rem 3rem;font-size: 2.8rem;border-radius: 50rem;}
.concept .item_wrap{counter-reset: rank 0;}
.concept .item_wrap .head{position: relative;padding: 1rem 0 1rem 9rem;margin-top: 2rem;}
.concept .item_wrap .head::before{
  font-weight:bold;
  counter-increment: rank;
  content: counter(rank,decimal-leading-zero);
  display: block;
  position: absolute;
  left: 2rem;
  top: 3.3rem;
  text-align: center;
  font-family: 'Secular One', sans-serif;
  font-size:3rem;
  line-height: 1;
  transform: translateY(-50%);
  top: 45%;
}
.concept .item_wrap .head::after{
  background:url(../img/num_bk.svg) no-repeat;
  width:7.2rem;
  height: 8rem;
  left:0;
  top: 1.4rem;
  transform: translateY(-50%);
  top: 50%;
}
.concept .item_wrap .item{margin:10rem 0;}
.concept .item_wrap .item .pic{width:46rem;}
.concept .item_wrap .item .pic > img{border-radius:1rem;}
.concept .item_wrap .item .txt{width: 63rem;}
.concept .item_wrap .item:nth-child(odd) .txt,
.concept .item_wrap .item:nth-child(odd) .pic{order:1;}
.concept .item_wrap .item:nth-child(odd) .txt,
.concept .item_wrap .item:nth-child(even) .pic{order:2;}
.concept .item_wrap .item:nth-child(even){}

.gallery{}
.gallery .slider img,
.g__slide__nav img{border-radius: 1rem;}
.g__slide img{height: 57.7rem;object-fit: contain;margin: 0 auto;}
.g__slide__nav{margin-top:1.6rem;}
.g__slide__nav img{height: 7.6rem;object-fit: contain;margin: 0 auto;}
.g__slide__nav .slick-slide{margin: 0 .6rem;opacity:.5;}
.g__slide__nav .slick-current, .slick-active{opacity:1;}

.room_plan{}
.room_plan .item.col2{margin-bottom:10rem;width:calc((100% - 4.8rem) / 2);}
.room_plan h3{padding: 1.8rem 2.4rem;}
.room_plan table{border-spacing:0;width: 100%;}
.room_plan table th,.room_plan table td{border-top:solid 1px #3d3e40;padding: 1rem 1.5rem;}
.room_plan table{border-bottom:solid 1px #3d3e40;}
.room_plan table th{width: 25%;}
.room_plan__slide img{height:32rem;object-fit:contain;}

.equipment{}
.equipment .ttl_wrap{
    background: #fff;
    width: 35rem;
    padding: 3.2rem 4.5rem;
    position: relative;
    top: -7rem;
    left: -4.5rem;
}
.equipment.description_box_02{
    background:#ffffff;
    padding: 1.8rem 2.4rem;
    border-radius:1rem;
    margin: 4rem auto 8rem;
}
.equipment.description_box_02 .ttl{border-bottom: solid 1px #aec86c;padding: 1rem 0 1rem 4.8rem;position: relative;}
.equipment.description_box_02 .ttl::before{
  content:"";
  position:absolute;
  background:url(../img/q_green.svg) no-repeat;
  width:3.2rem;
  height:3.2rem;
  background-size:100%;
  transform:translateY(-50%);
  top:50%;
  left:0;
}
.marines_shinsaibashi3 .equipment .sub_mv{background-image: url(../img/marines_shinsaibashi_3/equipment_mv.jpg);}
.marines_awaji .equipment .sub_mv{background-image: url(../img/marines_awaji/equipment_mv.jpg);}
.marines_bentencho .equipment .sub_mv{background-image: url(../img/marines_bentencho/equipment_mv.jpg);}
.dai5_arrows .equipment .sub_mv{background-image: url(../img/dai5_arrows/equipment_mv.jpg);}
.dai6_arrows .equipment .sub_mv{background-image: url(../img/dai6_arrows/equipment_mv.jpg);}
.dai7_arrows .equipment .sub_mv{background-image: url(../img/dai7_arrows/equipment_mv.jpg);}
.equipment .sub_ttl_wrap{border-bottom: solid 1px #3d3e40;margin: 4.8rem 0;}
.equipment .sub_ttl_wrap h3{margin-right:3rem;}
.equipment .item_wrap .item:nth-child(3n){margin-right:0;}
.equipment .item.col3{width: calc((100% - 10rem) / 3);background: #fff;border-radius: 1rem;margin-right: 5rem;margin-bottom:5rem}
.equipment .item .pic img{border-radius:1rem 1rem 0 0;}
.equipment .item .txt{padding:1.6rem;}
.equipment .item h4{}
.e__list li{padding: 0 2px;position: relative;}
.e__list li::after{content:"/";padding: 0;}
.e__list ul li:last-child::after{content:none;}

.access{}
.a__address{padding: 1.6rem 3rem;}
.a__address h3{margin-right:4rem;}
.a__address .btn__map{margin:0 0 0 auto;}
.a__train,.a__time{padding:3rem;}
.a__train.col2, .a__time.col2{width: calc((100% - 4.8rem) / 2);}
.a__train .head, .a__time .head{padding: 1rem 1rem 1rem 5rem;margin-bottom: 1rem;}
.a__time table{width:100%;border-spacing:0;}
.a__time table th,.a__time table td{text-align:center;border-top:solid 1px #ccc;padding:.4rem;}
.a__time table{border-bottom:solid 1px #ccc;}

.location .head{padding: 1.2rem 1rem 1.2rem 7rem;}
.location .item{width: calc((100% - 4.8rem)/2);margin-top: 5.6rem;padding: 4rem 3rem;}
.location .item:nth-child(1),
.location .item:nth-child(2){margin-top:0;}
.location .l__shop .head{background: url(../img/shopping.svg) 0 center no-repeat;}
.location .item dt{line-height:1.4;width: 53%;}
.location .item dd{line-height:1.4;width: 47%;}
.location .l__medicine .head{background: url(../img/medicine.svg) 0 center no-repeat;}
.location .l__hospital .head{background: url(../img/hospital.svg) 0 center no-repeat;}
.location .l__bank .head{background: url(../img/bank.svg) 0 center no-repeat;}
.location .l__police .head{background: url(../img/police.svg) 0 center no-repeat;}
.location .l__tree .head{background: url(../img/tree.svg) 0 center no-repeat;}
.location dl{margin:1.3rem 0;}

.outline{}
.marines_shinsaibashi3 .outline .sub_mv{background-image: url(../img/top/sub_m_marines.jpg);}
.marines_awaji .outline .sub_mv{background-image: url(../img/marines_awaji/outline_mv.jpg);}
.marines_bentencho .outline .sub_mv{background-image: url(../img/marines_bentencho/outline_mv.jpg);}
.dai5_arrows .outline .sub_mv{background-image: url(../img/dai5_arrows/outline_mv.jpg);}
.dai6_arrows .outline .sub_mv{background-image: url(../img/dai6_arrows/outline_mv.jpg);}
.dai7_arrows .outline .sub_mv{background-image: url(../img/dai7_arrows/outline_mv.jpg);}

.outline table{border-spacing: 0;border-bottom:solid 1px #3D3E40;table-layout: fixed;width: 100%;}
.outline th,.outline td{border-top:1px #3D3E40 solid;padding:1rem 1.5rem;/* width:25%; */white-space: revert;word-wrap: break-word;}
.outline th{width:25%;}
/* .outline th{width:20rem;} */
.contact.thanks .mv_wrap{
  background-image: url(../../img/contact_mv_thanks.jpg);
  background-position:25% 75%;
}
.outline .equipment ul li::after{content:"/";padding:0 2px;}
.outline .equipment ul li:last-child::after{content:none;}
.low_cont.contact .mv_wrap{
  background-size: cover;
  background-position: center;
  min-height: 30rem;
}
.marines_shinsaibashi3.contact .mv_wrap {background-image: url(../../img/marines_shinsaibashi_3/contact/contact_mv.jpg);}
.marines_awaji.contact .mv_wrap {background-image: url(../../img/marines_awaji/outline_mv.jpg);}
.marines_bentencho.contact .mv_wrap {background-image: url(../../img/marines_bentencho/contact_mv.jpg);}
.dai5_arrows.contact .mv_wrap {background-image: url(../../img/dai5_arrows/outline_mv.jpg);}
.dai6_arrows.contact .mv_wrap {background-image: url(../../img/dai6_arrows/outline_mv.jpg);}
.dai7_arrows.contact .mv_wrap {background-image: url(../../img/dai7_arrows/outline_mv.jpg);}

.problem_wrap{}
#mfp_overlay_inner h4{text-align:center;margin-bottom:1.6rem;font-size:2rem;}
#mfp_button_send{color:#fff;}
.mfp_element_button{border:none;width:20rem;padding:1rem;}
.mfp_element_button:hover{box-shadow:none;}
#mfp_button_cancel{background:#e7e7e7;border:solid 2px #e7e7e7;}
#mfp_button_cancel:hover{background:#fff;border:solid 2px #e7e7e7;}
form#mailformpro label.mfp_checked {
	padding: unset;
	border: unset;
	background-color: unset;
	box-shadow: unset;
}
form#mailformpro label.mfp_not_checked {
	padding: unset;
	border: unset;
}
.p_check .mfp_not_checked .checkbox-parts:after{}
.p_check .mfp_checked .checkbox-parts:after{
  opacity: 1;
}
.p_check input:checked + .checkbox-parts:after{opacity: 1;}
#marines .p_check .mfp_checked .checkbox-parts:after{
  border-bottom: 4px solid #47ACC9;
  border-right: 4px solid #47ACC9;
}
#arrows .p_check .mfp_checked .checkbox-parts:after{
  border-bottom: 4px solid #aec86c;
  border-right: 4px solid #aec86c;
}
#marines #mfp_button_send{background:#47ACC9;border:solid 2px #47ACC9;}
#marines #mfp_button_send:hover{border:solid 2px #47ACC9; color:#47ACC9; background:#fff;transition:all ease .3s;}
#arrows #mfp_button_send{background:#aec86c;}
/*--------------------------
sp
--------------------------*/
@media (max-width: 519px) {
  body{overflow-x:hidden;padding-top: 5rem;}
  .pc{display: none;}
  .sp,
  .flex,
  .sp_block{display: block;}
  .e__list .sp_flex,
  .e__list li,
  .outline .equipment dd > ul,
  .outline .equipment dd > ul > li{display: contents;}
  .sp_flex{display: flex;flex-wrap: wrap;}
  .sp_jf_sb{justify-content:space-between;}
  .sp_flex_al_c{align-items: center;}
  .sp_flex_al_e{align-items: flex-end;}
  /* width */
  .outer{width: 96%;}
  .inner{width: 92%;}
  /* width100 */
  .w250{width: 250px;}
  .w250,
  .w350,
  .w400,
  .w450,
  .w750,
  .w800,
  .w1000,
  .concept .item_wrap .item .pic,
  .concept .item_wrap .item .txt,
  .room_plan .item.col2,
  .a__train.col2, .a__time.col2,
  .equipment .item.col3,
  .location .item,
  .concept .item_wrap .item .txt,
  .w800,
  .location .item dt,
  .location .item dd,
  .outline th,
  .outline td,
  #top .item_txt,#top .item_pic{width: 100%;}
  #top .item_txt_table{font-size:1.4rem;}
  /* size */
  .fs24{font-size: 2rem;}
  .fs26{font-size: 2.4rem;}
  .fs28{font-size: 2.8rem;}
  .fs32{font-size: 2.4rem;}
  .fs38{font-size: 3rem;}
  .fs40{font-size: 2.8rem;}
  /* textalign */
  .w800.t_center > p{text-align: left;}
  /*padding*/
  .pd_l_r_40{padding: 0 5%;}
  .pd_64{padding: 1.6rem;}
  .pd_top_100{padding-top: 6rem;}
  .pd_top_150{padding-top: 7rem;}
  .pd_bottom_100{padding-bottom: 6rem;}
  .pd_bottom_150{padding-bottom: 8rem;}

  /*margin*/
  .mg_top_40{margin-top: 2.4rem;}
  .mg_top_64{margin-top:3.2rem;}
  .mg_top_80{margin-top:4rem;}
  .mg_top_100{margin-top: 6.4rem;}
  .mg_top_150{margin-top: 8rem;}
  .mg_top_170{margin-top:6.4rem}
  .mg_bottom_40{margin-bottom: 2.4rem;}
  .mg_bottom_56{margin-bottom:3rem;}
  .mg_bottom_64{margin-bottom: 3.2rem;}
  .mg_bottom_80{margin-bottom:4rem;}
  .mg_bottom_100{margin-bottom: 3rem;}
  .mg_bottom_150{margin-bottom: 7rem;}

  .btn__map a{
    display: block;
    margin: 0 0 0 auto;
    padding: .5rem 1rem .3rem 3rem;
    font-size: 1.4rem;
  }
  .mg_bottom_150{margin-bottom: 8rem;}
  /*----------------------------
  slick
  ----------------------------*/
  .room_plan__slide .slick-prev:before{left: 1.5rem;}
  .room_plan__slide .slick-next:before{right:1.5rem;}
  /*----------------------------
  footer
  ----------------------------*/
  .copy{padding: 0;}
  .copy > div{margin: 1.5rem 0;}
  .copy .f_txt{margin-left:0;}
  .copy .f_txt a{padding: 1rem;margin: 0;display: block;text-align: center;width: 50%;}
  footer small{width:100%;text-align: center;display: block;}
  .f_logo img {margin: 0 auto;}
  /*------------------------------
  hum_menu
  -------------------------------*/
    /*　ハンバーガーボタン　*/
  .hamburger {
    display : block;
    position: fixed;
    z-index : 3;
    right : 13px;
    top   : 12px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #555;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }

  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 16px;
    left: 6px;
    background :#3d3e40;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 16px;
    background: #3d3e40;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }

  nav.globalMenuSp {
    position: fixed;
    z-index : 2;
    top  : 0;
    left : 0;
    color: #fff;
    background: rgba(255,255,255);
    text-align: center;
    width: 100%;
    opacity: 0;
    height: 100%;
    transition: opacity .6s ease, visibility .6s ease;
  }

  nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 6rem 0 0 0;
    width: 100%;
  }

  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }
  nav.globalMenuSp ul li:hover{
    background :#ddd;
  }

  nav.globalMenuSp ul li:first-child{
    border-top: 1px solid #ccc;
  }
  nav.globalMenuSp ul li a {
    display: block;
    color: #3d3e40;
    padding: 1em 0;
    text-decoration :none;
    border-bottom: 1px solid #ccc;
  }

  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    opacity: 100;
    /* height: 100%; */
  }
  /*------------------------------
  top
  -------------------------------*/
  body#top{padding-top: 0;}
  #top .mv_wrap{}
  .mv_wrap .m_l_marines,
  .mv_wrap .m_l_arrows{height: 60vw;}
  #top .catch_wrap{transform: translateY(-50%);top: 50%;}
  #top .catch_wrap > .fs18{font-size: 1.3rem;}
  #top .catch_wrap > .fs38{font-size:3rem}
  #top .catch_wrap > .fs20{font-size:1.8rem}
  #top .catch{
  margin: 3rem 0;
  line-height: 1.6;
  font-size: 1.8rem;
  }
  #top .item_wrap .item:nth-child(odd) .item_txt,
  #top .item_wrap .item:nth-child(even) .item_txt{order:2;}
  #top .item_wrap .item:nth-child(odd) .item_pic,
  #top .item_wrap .item:nth-child(even) .item_pic{order:1;}
  #top .item_wrap .item .item_pic{width: 100%;}
  #top .item{margin-bottom:6.4rem;}
  #top .item_wrap .item .item_pic img{border-radius:1rem;height: 60vw;object-fit: cover;}
  #top .item_wrap .item:nth-child(odd) .item_pic img,
  #top .item_wrap .item:nth-child(even) .item_pic img{border-radius: 1rem 1rem 0 0;}
  #top .item_txt{padding: 3.5rem .8rem 4rem .8rem;}
  #top .item_txt_button{width:80%}
  #top .item_txt_table th{width:25%;font-size: 1.3rem;}
  ul.pick_up_equipment{margin: 1rem 0;}
  ul.pick_up_equipment li{font-size: 1rem;padding: .2rem .6rem;margin: .2rem .3rem;}
  #top_marines .item_wrap::before{
    width: 11rem;
    height: 10rem;
    left: -4.5rem;
    top: -7.5rem;
  }
  #top_marines .item_wrap::after{
    width: 9rem;
    right: 0;
    height: 9rem;
    bottom: -12rem;
  }
  #top_arrows .item_wrap::after{
    bottom: -5%;
    right: 0;
    width: 11rem;
    height: 11rem;
  }
  #top_arrows .item_wrap::before{
    width: 11rem;
    height: 7.5rem;
    left: -5rem;
    top: -7rem;
  }
  header{padding: 0;height: 6rem;}
  h1{text-align:center;}
  .h_btn_wrap{margin-bottom:1rem}
  .h_btn_wrap .w250{width: calc((100% - 1rem)/2);}
  .h_btn_wrap .btn:last-child{margin-left:0;}
  .h_btn_wrap .btn .fs15{font-size: 1.1rem;}
  .h_btn_wrap .btn .fs15::before,
  .h_btn_wrap .btn .fs15::after{content:none;}
  .h_btn_wrap .w250 a{
    font-size: 1.6rem;
    padding: 1rem 1rem 1rem 3rem;
    text-align: center;
  }
  .h_btn_wrap .w250 a span{font-size:1rem;}
  /*gnav*/
  .gnav li{width: calc((100% - 2rem)/2);}
  .gnav a{
    padding: 1rem;
    font-size: 1.3rem;
    line-height:1.5
  }
  .gnav li::after,
  .gnav li:first-child::before{
    width: 1px;
    height: 80%;
    background: #cbcbcb;
    transform: translateY(-50%);
    top: 50%;
  }
  .gnav li:first-child::before,
  .gnav li:nth-child(even)::after{content:none;}
  .gnav li::after{right: -1rem;}
  .low_cont .mv img,
  .g__slide img{height:60vw;}
  .bg_fix{
    min-height:60vw;
    background-attachment: initial;
  }
  .first{}
  .first .catch{}
  .concept{}
  .concept .item_wrap{margin-top: 4rem;}
  .concept .item_wrap .item{margin: 0 0 4.8rem 0;}
  .concept .item_wrap .head{padding: 1rem 0 1rem 6.4rem;}
  .concept .item_wrap .head::before{
    left: 13px;
    font-size: 2.6rem;
    top: 48%;
  }
  .concept .item_wrap .head::after{
    width: 5.6rem;
    height: 6rem;
    background-size: 100%;
  }
  .concept .item_wrap .item .txt{padding: 0;}
  /*gallery*/
  .gallery{}
  .gallery .g__slide__nav img{height: 5rem;}
  .gallery .g__slide__nav .slick-prev:before,
  .gallery .g__slide__nav .slick-next:before{
     width: 1rem;
     height: 5rem;
     background-size: 100%;
  }
   .g__slide__nav{margin-top: 1.6rem;}
   .g__slide img{object-fit: cover;}
   /* .g__slide img{height:70vw;} */
  /*room_plan*/
  .room_plan{}
  .room_plan .item.col2{margin-bottom: 3rem;}
  .room_plan h3 {padding: 1rem 2rem;}
  .room_plan table th{padding: 1rem .5rem;}
  .room_plan table td{padding: 1rem 2rem;}
  .room_plan__slide img{}
  .room_plan .slick-slider{margin-bottom: 0;}
  .room_plan .slick-dots{bottom:1rem;}
  /*equipment*/
  .equipment{}
  .equipment .ttl_wrap {
    background: #fff;
    width: 90%;
    padding: 2rem;
    position: relative;
    top: -5rem;
    left: 0;
    margin: 0 auto;
  }
  .equipment .sub_ttl_wrap{
    margin: 0rem 0 3.2rem 0;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 1rem;
  }
  .equipment .sub_ttl_wrap h3{margin: 0;}
  .equipment .item .pic img{
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  .e__list li{font-size: 1.4rem;}
  .e__list li span{font-size:1rem;}
  /*access*/
  .access{}
  .a__address{padding:1.6rem;position: relative;}
  .a__address address{font-size: 1.4rem;margin: 1.5rem 0 0;}
  .a__address .btn__map{position: absolute;right: 1.6rem;top: 2rem;}
  .a__train .body{font-size:1.5rem;}
  .a__train, .a__time{padding: 0;margin:4.8rem 0;}
  .access .map iframe{height:60vw;}
  /*location*/
  .location{}
  .location h3{font-size: 2rem;}
  .location .item{
    padding: 1.6rem;
    margin-bottom: 2.4rem;
  }
  .location .head{
    padding: 1rem 1rem 1rem 6rem;
    background-size: 1rem;
  }
  .location .item dt{display:flex;}
  .location .item dt > span{margin-left: 1rem;font-size: 1.6rem;}
  .location .item dt,.location .item dd{font-size:1.6rem;}
  /*outline*/
  .outline{}
  .outline table{font-size:1.5rem;}
  .outline th,.outline td{display:block;padding:1rem;}
  .outline .btn__map a{margin: 1rem 0 0 auto;}
  .contact_parts{}
  .contact_parts .inner{width: 100%;}
  .contact_parts .inner > p{line-height: 1.7;}
  .contact_parts .btn{width: 90%;}
  .contact_parts .item{margin: 0 auto;padding: 1.6rem 1.6rem 3.5rem;}
  .contact_parts .fs20{font-size: 1.6rem;}
  .contact_parts .fs26{font-size: 2rem;}
  .contact_parts .btn > a{
    padding: 1rem 1rem 1rem 2rem;
    font-size: 2.4rem;
    background-position: 10% center !important;
  }
  .contact_parts_02{margin-top: 11rem;}
  .foot_contact .btn{margin:2.4rem auto;}
  /*----------------------------
  contact_page
  ----------------------------*/
  .low_cont.contact{}
  .low_cont.contact .mv_wrap{min-height: 35vw;}
  .low_cont.contact .left,
  .low_cont.contact .right{width:100%;}
  .col2 input, .col2 select{width: 49% !important;}
  .low_cont.contact .left{margin-bottom:1rem;justify-content: start;}
  #marines button[type="submit"],
  #arrows button[type="submit"]{font-size: 2rem;padding: 1.4rem;width: 85%;}
  .contact_genre_select li label::before{width: 2.4rem !important;height: 2.4rem !important;}
  .contact_genre_select li label::after{
    width: 1.4rem !important;
    height: 1.4rem !important;
    left: 5px !important;
  }
  .contact_genre_select li label{padding-left: 3.4rem !important;}
  .address_01{margin: 3rem 0 0 !important;}
  .address_02{margin: 0 0 3rem !important;}
  .must{
    font-size: 1.2rem !important;
    margin-left: 1.6rem;
    height: auto !important;
    padding: .2rem 1rem !important;
  }
  .mfp_thanks .btn{width: 85%;}
  .mfp_thanks .btn a{font-size: 2rem !important;}
  /*----------------------------
  marines_series
  ----------------------------*/
  #marines .first .inner::before{
    width: 10rem;
    height: 9.5rem;
    right: -11%;
    background-size: 100%;
    transform: unset;
    top: -6rem;
  }
  #marines .first .inner::after{
    width: 11rem;
    height: 10rem;
    background-size: 100%;
    left: -2rem;
    bottom: -9rem;
    top: unset;
    transform: unset;
  }
  #marines .gallery::before{
    width: 11rem;
    height: 11rem;
    background-size: 100%;
    top: 2rem;
  }
  #marines .gallery::after{
    width: 8rem;
    height: 6.5rem;
    background-size: 100%;
    bottom: -2rem;
    right: -3%;
}
  #marines .contact_parts_01 > .contact_parts > .item::after{
    width: 12rem;
    height: 8rem;
    background-size: 100%;
    left: -5%;
    transform: unset;
    bottom: -7rem;
  }
  #marines .e__b_facirities::after{
    width: 11rem;
    height: 11rem;
    right: -1rem;
    background-size: 100%;
    bottom: -5rem;
  }
  #marines .contact_parts_02 > .contact_parts > .item::after{
    width: 12rem;
    height: 8rem;
    background-size: 100%;
    transform: unset;
    right: 0;
    top: -5rem;
  }
  #marines .location .inner > .w800::before{
    width: 8rem;
    background-size: 100%;
    height: 6.3rem;
    transform: unset;
    left: -4%;
    top: -15rem;
  }
  #marines .foot_contact .inner::before{
    width: 13rem;
    height: 9rem;
    background-size: 100%;
    transform: unset;
    top: -4rem;
    left: -10%;
  }
  #marines .foot_contact .inner::after{content:none;}
  /*----------------------------
  arrows_series
  ----------------------------*/
  #arrows .first .inner::before{
    width: 10rem;
    height: 7.5rem;
    right: -8%;
    transform: translate(0%,-50%);
    background-size: 100%;
    top: -3.5rem;
  }
  #arrows .first .inner::after{
    width: 12rem;
    height: 10rem;
    background-size: 100%;
    left: -14%;
    top: 110%;
  }
  #arrows .gallery::before{
    width: 10rem;
    height: 10rem;
    background-size: 100%;
    top: 2rem;
  }
  #arrows .contact_parts_01 > .contact_parts > .item::after{
    width: 8rem;
    height: 9rem;
    background-size: 100%;
    bottom: -4.5rem;
    left: 1rem;
  }
  #arrows .e__r_facirities::after{
    width: 9rem;
    height: 8rem;
    background-size: 100%;
    left: -11%;
    bottom: -6rem;
  }
  #arrows .e__b_facirities::after{
    width: 9rem;
    height: 11rem;
    background-size: 100%;
    right: -6%;
    bottom: -2rem;
  }
  #arrows .contact_parts_02 > .contact_parts > .item::after{
    width: 10rem;
    height: 10rem;
    background-size: 100%;
    right: -2%;
    top: -5rem;
  }
  #arrows .location .inner > .w800::before{
    width: 11rem;
    height: 13rem;
    background-size: 100%;
    left: 4%;
    top: -10rem;
  }
  #arrows .outline > .inner::before{
    width: 15rem;
    height: 7rem;
    background-size: 100%;
    right: -15%;
    top: -14rem;
  }
  #arrows .foot_contact .inner::before{
    width: 10rem;
    height: 10rem;
    background-size: 100%;
    top: 0;
    left: 4%;
  }
  #arrows .foot_contact .inner::after{content: none;}
  table#mfp_confirm_table tr th,
  table#mfp_confirm_table tr td{display:block;width:100%;/* background: unset !important; */font-size: 1.4rem;}
  table#mfp_confirm_table tr th{background:#ccc;}
  table#mfp_confirm_table tr.mfp_colored th,table#mfp_confirm_table tr.mfp_achroma th{
    background-color: #f3f3f3;
  }
  #mfp_overlay_inner h4{font-size:1.6rem;}
  #marines #mfp_button_send{font-size:2rem;width:85%;margin:1.5rem auto;}
  div.mfp_buttons button#mfp_button_cancel{width:85%;margin:1rem auto;}
}
/*--------------------------
tbl
--------------------------*/
@media screen and (min-width:519px) and (max-width:1024px){
  body{overflow-x:hidden;padding-top: 5rem;}
  /* display */
  .e__list .sp_flex,
  .e__list li,
  .outline .equipment dd > ul,
  .outline .equipment dd > ul > li{display: contents;}
  .flex{display: block;}
  .sp_flex{display: flex;flex-wrap: wrap;}
  .sp_jf_sb{justify-content:space-between;}
  .sp_flex_al_c{align-items: center;}
  /* width */
  .outer{width: 96%;}
  .inner{width: 92%;}
  /* width100 */
  .w250{width: 250px;}
  .w250,
  .w350,
  .w400,
  .w450,
  .w750,
  .w800,
  .w1000,
  .concept .item_wrap .item .pic,
  .concept .item_wrap .item .txt,
  .room_plan .item.col2,
  .a__train.col2, .a__time.col2,
  .concept .item_wrap .item .txt,
  .w800,
  .location .item dt,
  .location .item dd,
  .outline th,
  .outline td,
  #top .item_txt,#top .item_pic{width: 100%;}
  /*margin*/
  .mg_bottom_100{margin-bottom: 5rem;}
  /* header */
  header{padding: 0;height: 7.5rem;}
  h1{text-align:center;}
  .h_btn_wrap{margin-bottom:1rem;display: none;}
  .h_btn_wrap .w250{width: calc((100% - 1rem)/2);}
  .h_btn_wrap .btn:last-child{margin-left:0;}
  .h_btn_wrap .btn .fs15{font-size: 1.1rem;}
  .h_btn_wrap .btn .fs15::before,
  .h_btn_wrap .btn .fs15::after{content:none;}
  .h_btn_wrap .w250 a{
    font-size: 1.6rem;
    padding: 1rem 1rem 1rem 3rem;
    text-align: center;
  }
  .h_btn_wrap .w250 a span{font-size:1rem;}
  /*gnav*/
  .gnav li{width: calc((100% - 2rem)/3);}
  .gnav a{
    padding: 1rem;
    font-size: 1.3rem;
    line-height:1.5
  }
  .gnav li::after,
  .gnav li:first-child::before{
    width: 1px;
    height: 80%;
    background: #cbcbcb;
    transform: translateY(-50%);
    top: 50%;
  }
  .gnav li:first-child::before,
  .gnav li:nth-child(3n)::after{content:none;}
  .gnav li::after{right: -1rem;}
  /*----------------------------
  footer
  ----------------------------*/
  .copy{padding: 0;}
  .copy > div{margin: 1.5rem 0;}
  .copy .f_txt{margin-left:0;}
  .copy .f_txt a{padding: 1rem;margin: 0;display: block;text-align: center;width: 50%;}
  footer small{width:100%;text-align: center;display: block;}
  .f_logo img {margin: 0 auto;}
  .f_btn_wrap{display: flex;}
  .f_btn_wrap > .btn{width: 48%;}
  .low_cont .mv img,
  .g__slide img,
  .mv_wrap .m_l_marines,
  .mv_wrap .m_l_arrows{height:60vw;}
  .bg_fix{
    min-height:60vw;
    background-attachment: initial;
  }
  #top .item_wrap .item:nth-child(odd) .item_txt,
  #top .item_wrap .item:nth-child(even) .item_txt{order:2;}
  #top .item_wrap .item:nth-child(odd) .item_pic,
  #top .item_wrap .item:nth-child(even) .item_pic{order:1;}
  #top .item_pic img{max-height:60vw;}
  #top .item_txt_button{width:80%;}
  #top_marines .item_wrap::before{
    width: 18rem;
    height: 17rem;
    background-size: 100%;
    top: -11%;
    left: -9%;
}
  #top_marines .item_wrap::after{
    width: 14rem;
    height: 15rem;
    right: -2%;
    bottom: -7.5%;
}
  #top_arrows .item_wrap::before{
    width: 17rem;
    height: 14rem;
    top: -7%;
    left: -7%;
}
  #top_arrows .item_wrap::after{
    width: 13rem;
    height: 13rem;
    right: 0;
    bottom: -4.5%;
}
  .concept .item_wrap .item .pic > img{margin:0 auto;/* object-fit: contain; */width: 88%;}
  /*equipment*/
    .equipment .ttl_wrap {
    background: #fff;
    width: 60%;
    padding: 2rem;
    position: relative;
    top: -5rem;
    left: 0;
    margin: 0 auto;
  }
  .equipment .item_wrap{display: flex;justify-content: space-between;}
  .equipment .item.col3{
    width: calc((100% - 3rem)/2);
    margin: 0 0 4rem;
    }
   .equipment .item .pic img{
     object-fit:cover;
     width:100%;
   }
   /*access*/
   .access{}
   .a__address{padding:1.6rem;position: relative;}
   .a__address address{font-size: 1.4rem;margin: 1.5rem 0 0;}
   .a__address .btn__map{position: absolute;right: 1.6rem;top: 2rem;}
   /*location*/
   .location .item_wrap{
    display: flex;
    justify-content: space-between;
   }
   .location .item{
    width: calc((100% - 2.4rem)/2);
    margin-bottom: 2.4rem;
  }
  /*outline*/
  .outline{}
  .outline table{font-size:1.5rem;}
  .outline th,.outline td{display:block;padding:1rem;}
  .outline .btn__map a{margin: 1rem 0 0 auto;display: block;padding: .5rem 1rem .5rem 3rem;}

  /*slick*/
  .gallery .g__slide .slick-prev:before{left:0;}
  .gallery .g__slide .slick-next:before{right:0;}
  .room_plan__slide .slick-prev:before{left:4rem;}
  .room_plan__slide .slick-next:before{right:4rem;}
  /*marines*/
  #marines .first .inner::before,
  #marines .first .inner::after,
  #marines .gallery::before,
  #marines .gallery::after,
  #marines .contact_parts_01 > .contact_parts > .item::after,
  #marines .e__r_facirities::after,
  #marines .e__b_facirities::after,
  #marines .contact_parts_02 > .contact_parts > .item::after,
  #marines .location .inner > .w800::before,
  #marines .outline > .inner::before,
  #marines .foot_contact .inner::before{
    background-size:100%;
  }
  #marines .first .inner::before{
    width: 15rem;
    right: -16%;
    height: 15rem;
    top: 0;
  }
  #marines .first .inner::after{
    width: 18rem;
    height: 16rem;
    top: 120%;
    left: -6%;
  }
  #marines .gallery::before{
    width: 18rem;
    height: 18rem;
    top: 0;
  }
  #marines .gallery::after{
    width: 13rem;
    height: 10rem;
    right: 0;
    bottom: -3rem;
  }
  #marines .contact_parts_01 > .contact_parts > .item::after{
    width: 20rem;
    height: 14rem;
  }
  #marines .e__r_facirities::after{
    left: -4%;
    bottom: -11rem;
    width: 8rem;
    height: 8rem;
  }
  #marines .e__b_facirities::after{
    width: 13rem;
    height: 13rem;
    right: -4%;
    bottom: -2rem;
  }
  #marines .contact_parts_02 > .contact_parts > .item::after{
    width: 20rem;
    height: 14rem;
    top: 0;
  }
  #marines .location .inner > .w800::before{
    width: 12rem;
    left: 4rem;
    height: 9.5rem;
    top: -16rem;
  }
  #marines .outline > .inner::before{
    width: 18rem;
    height: 16rem;
    right: -7%;
    top: -18rem;
  }
  #marines .foot_contact .inner::before{
    width: 20rem;
    height: 14rem;
    top: 0;
  }
  /*----------------------------
  contact_page
  ----------------------------*/
  .low_cont.contact{}
  .low_cont.contact .mv_wrap{min-height: 35vw;}
  .low_cont.contact .left,
  .low_cont.contact .right{width:100%;}
  .col2 input, .col2 select{width: 49% !important;}
  .low_cont.contact .left{margin-bottom:1rem;justify-content: start;}
  #marines button[type="submit"],
  #arrows button[type="submit"]{font-size: 2rem;padding: 1.4rem;width: 85%;}
  .contact_genre_select li label::before{width: 2.4rem !important;height: 2.4rem !important;}
  .contact_genre_select li label::after{
    width: 1.4rem !important;
    height: 1.4rem !important;
    left: 5px !important;
  }
  .contact_genre_select li label{padding-left: 3.4rem !important;}
  .address_01{margin: 3rem 0 0 !important;}
  .address_02{margin: 0 0 3rem !important;}
  .must{
    font-size: 1.2rem !important;
    margin-left: 1.6rem;
    height: auto !important;
    padding: .2rem 1rem !important;
  }
  .low_cont.contact .col2.flex{display: flex;}
  #marines button[type="submit"], #arrows button[type="submit"]{
    width:60%;
    font-size: 2.6rem;
  }
  .mfp_thanks .btn{width: 60%;}
}