/******************************* Preface ***************************************/

/********************************* body ***************************************/
body {}
/******************************** header **************************************/
header{}
/* MV */
.mv_area{
  position: relative;
  margin-bottom: 1rem;
  padding: 6rem 1.5rem 4rem 1.5rem;
}
header .jr_logo{
  width: 12%;
  position: absolute;
  top: 5%;
  right: 4%;
}
 /********************************  Main Content ******************************/

 /* width */
 .content-wrap {
 	padding: 3rem 0;
 }
 .content-wrap-p0{
 	padding: 0 0;
 }
 .content-wrap .inner.inner-s {
 	padding: 0 1.5rem;
 }
 .content-wrap .inner.inner-m {
 	padding: 0 1.5rem;
 }
 .content-wrap .inner.inner-l {
 	padding: 0 1.5rem;
 }
 .content-wrap .inner.inner-xl {
 }

 /* TITLE */
 .content_title{
   margin-bottom: 2rem;
 }

 /* BOX */
 .bg_box{
   border-radius: 10px;
   padding: 2rem 1.5rem;
 }
 .boder_box{
   border-radius: 10px;
   border: solid 3px #FF9ABA;
 }
 /* intro */
 /* ----------------------------------------------------------------------  */
.content-wrap-intro{
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}
 .intro_title{
   padding: 0;
   margin-bottom: 2rem;
 }
 .intro_text{
   font-size: 1.125rem;
   font-weight: 500;
 }
 .intro_bottom{
   margin-top: -1px;
   padding-bottom: 2rem;
 }
 /* リニューアル概要 */
 /* ----------------------------------------------------------------------  */
 .content-wrap_01 .boder_box{
   padding: 3rem 1.5rem 2rem 1.5rem;
   position: relative;
 }
 .content-wrap_01 .boder_box .dp_title{
   position: absolute;
   width: 65%;
   margin: 0 auto;
   top: -4%;
   left: 50%;
   transform: translateX(-50%);
 }
 .content-wrap_01 .content_txt{
   margin-bottom: 3.5rem;
 }
.content-wrap_01 .scroll_inr{
  overflow-x: scroll;
}
 .content-wrap_01 .dp_image_list{
   overflow-x: scroll;
   width: 130%;
 }
 .content-wrap_01 .dp_image_list .dp_image{
   width: 33.3%;
   margin-left: 4%;
 }
 .content-wrap_01 .dp_image_list .dp_image:first-of-type{
   margin-left: 0;
 }
 .content-wrap_01 .dp_image_list .dp_image .dp_image_title{
   font-weight: bold;
   font-size: 1.1rem;
   margin-bottom: .5rem;
 }
 .sc-txt{
   padding: 1rem 0;
 }
 .content-wrap_01 .j-txt{
   text-align: left;
   margin-top: 1rem;
   font-size: 1rem;
   padding-left: 1rem;
   text-indent: -1rem;
 }

 /* お知らせ */
 /* ----------------------------------------------------------------------  */
 .content-wrap_02{
 }
 .content-wrap_02 .bg_box{
   /* padding: 2rem; */
 }
 .content-wrap_02 .news_list{
 }
 .content-wrap_02 .news_list .news_item{
   display: block;
   padding: 1.4rem 0rem;
 }
 .content-wrap_02 .news_list .news_item .data{
   margin-right: 2rem;
   margin-bottom: .5rem;
 }
 .content-wrap_02 .news_list .news_item .ttl i{
   margin-left: 1rem;
   font-size: 1.1rem;
 }

 /* リニューアルイメージ */
 /* ----------------------------------------------------------------------  */
 .content-wrap_03{
 }
 .content-wrap_03 .boder_box{
   padding: 1.5rem 1.5rem;
 }
 .content-wrap_03 .renew_image{
   display: block;
   text-align: center;
   align-items: center;
 }
 .content-wrap_03 .renew_image .ttl{
   font-weight: bold;
   font-size: 1.4rem;
   width: 100%;
 }
 .content-wrap_03 .renew_image .ttl.af{
  font-size: 1.8rem;
 }
 .content-wrap_03 .renew_image .before{
   width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 }
 .content-wrap_03 .renew_image .after{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 .content-wrap_03 .arrow{
   width: 7%;
   padding: 0;
   margin: 6% auto 3% auto;
   transform: rotate(90deg);
 }
 .content-wrap_03 .renew_image .after .after_item{
   border: solid 3px #FF4A7A;
   margin-top: 4%;
   width: 100%;
 }
 .content-wrap_03 .renew_image .before .before_item{
   margin-top: 4%;
   width: 48%;
   margin-left: 4%;
 }
 .content-wrap_03 .renew_image .before .before_item:nth-of-type(2n), .content-wrap_03 .renew_image .after .after_item:nth-of-type(2n){
    margin-left: 0;
  }

  /* リニューアルした駅の紹介 */
  /* ----------------------------------------------------------------------  */
  .content-wrap_04{}
  /* アコーディオン */
  .s_04 .accordion_one {
    margin-bottom: 2rem;
  }
  .s_04 .accordion_one .accordion_header {
    font-size: 1.6rem;
    padding: 1rem 1.5rem
  }
  .s_04 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
  }
  .s_04 .accordion_one .accordion_header.stay .i_box {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .s_04 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
  }
  .s_04 .accordion_one .accordion_header.stay .i_box .one_i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .s_04 .accordion_one .accordion_header.stay.open .i_box .one_i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .s_04 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  .s_04 .accordion_one .accordion_header.stay.open .i_box {
    -webkit-transform: rotate(315eg);
    transform: rotate(315deg);
  }
  .s_04 .accordion_one .accordion_header .i_box .one_i:before, .s_04 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #FF4A7A;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
  }
  .s_04 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
  }

  .s_04 .accordion_one .accordion_inner {
    display: none;
    padding: 2rem 1rem;
  }


  /* コンテンツ */
  .content-wrap_04 .boder_box{
    padding: 1.5rem 1rem;
  }
  .content-wrap_04 .boder_box .ttl{
    padding: .8rem 1rem;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 5px;
    margin-bottom: 1rem;
    line-height: 1.4;
  }
  .content-wrap_04 .boder_box .col_box02{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
  }
  .content-wrap_04 .boder_box .col_box02 li{
    width: 49%;
    border: solid 3px #FF4A7A;
    margin-right: 2%;
    margin-top: 2%;
  }
  .content-wrap_04 .boder_box .col_box02 li:nth-of-type(2n){
    margin-right: 0;
  }

  /* 1カラム */
  .content-wrap_04 .flex_box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .content-wrap_04 .flex_box .boder_box{
    width: 49%;
    margin-right: 2%;
    margin-top: 4%;
    padding: 1rem;
  }
  .content-wrap_04 .flex_box .boder_box .ttl{
    font-size: .95rem;
  }
  .content-wrap_04 .flex_box .boder_box .thm{
    border: solid 3px #FF4A7A;
  }
  .content-wrap_04 .flex_box .boder_box .after{
    font-weight: bold;
    font-size: 1.1rem;
    margin: .5rem 0;
  }
 /*洋式化のご案内 */
 /* ----------------------------------------------------------------------  */
 .content-wrap_ot{}
 .content-wrap_ot .col_box03{
 }
 .content-wrap_ot .col_box03 li{
   width: 48%;
   margin-right: 4%;
   margin-bottom: 2rem;
 }
 .content-wrap_ot .col_box03 li:nth-of-type(3n){
   margin-right: 4%;
 }
 .content-wrap_ot .col_box03 li:nth-of-type(2n){
   margin-right: 0;
 }
 .content-wrap_ot .col_box03 li div{
   font-size: 1.1rem;
   margin-top: .5rem;
}
 /* parts */
 /* ----------------------------------------------------------------------  */
 /* title */
 .section-title{
	 font-size: 2rem;
 }
 .link_btn.link_btn_01{
	 max-width: 100%;
 }
 .link_btn.link_btn_02{
 	max-width: 100%;
}
 .link_btn.link_btn_03{
 	max-width: 100%;
 }
 .link_btn.link_btn_04{
 	max-width: 100%;
 }
 .link_btn.link_btn_01 a{
   font-size: 1.3rem;
   border: solid 6px #fff;
   padding: 1.5rem 1rem;
 }
 .link_btn.link_btn_02 a{
   	font-size: 1.3rem;
    border: solid 6px #D9F6B6;
   	padding: 1.5rem 1rem;
 }
 .link_btn.link_btn_03 a{
  font-size: 1.75rem;
 	padding: 1.5rem 2rem;
  border-bottom: 10px solid #881500;
  border-radius: 15px;
 }
 .link_btn.link_btn_03 a:hover {
 	margin-top: 9px;
 }

 .link_btn.link_btn_03 a::after {
     content: "";
     display: inline-block;
     background-image: url(../img/arrow01.png);
     background-size: contain;
     background-repeat: no-repeat;
     width: 5%;
     height: 20%;
     position: absolute;
     right: 4%;
     top: 50%;
     transform: translateY(-50%);
     transition: right 0.2s ease;
 }

/***********************************  footer ********************************/
footer{}
footer .inner{
  padding: 2rem 0;
}
footer .jr_logo{
  width: 12% !important;
  margin: 0 auto;
}
footer .copyright{
  font-size: .85rem;
  margin-top: .6rem;
}