@charset "UTF-8";

/*--背景カラー修正--*/
footer{
  background: #131313;
}

#bg_grey + section .content_wrapper .wrapper_item .inner_item_txt p:nth-of-type(2){
  background-color: rgba(209,209,209, 1);
  padding:10px 0;
}

@media screen and (max-width:850px){
  section{
    padding-left: 0!important;
    padding-right: 0!important;
  }

  #pn + section .content_wrapper {
    padding-left: 0!important;
    padding-right: 0!important;    
  }
}

@media screen and (min-width:851px){
  section,
  #bg_black + div,
  #bg_black + section{
    padding-left: 20px;
    padding-right: 20px;
  }
  #accordion + section section {
    padding-left: 0;
    padding-right: 0;
  }
}

.heading.block_header_6 .h {
  margin-bottom: 3rem;
}

/*--フォント修正--*/
.heading.block_header_1 .h,
.heading.block_header_6 p,
.heading.block_header_6 .h,
.heading.block_header_7 .h,
body.ft04 h3,
body.ft04 h2,
#lv p span {
  font-family: Garamond, 'Times New Roman', MyYuMinchoM, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'MS P明朝', 'MS PMincho', serif!important;
}

#Segoe_font + section.contents_box01 .content_wrapper .heading.block_header_4 h2.h,
body.ft04.view_single{
  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, MyYuGothicM, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif!important;
}

#Segoe_font + section.contents_box01 .content_wrapper .heading.block_header_4 h2.h{
  color:#969664!important;
}

#text +section .content_wrapper .heading+.add_text {
  text-align:left;
}

/*--lv修正--*/
#lv{
  height:689px!important;
}
#lv_outer #lv div.parallax_img {
  height: 689px!important;
}

section {
  padding: 0 2rem;
}

#bb1 + section .heading.block_header_7 {
  border-bottom: 1px solid rgb(61, 61, 61);
}

#bb2 + section .heading.block_header_2 {
  border-bottom: 1px solid rgb(61, 61, 61);
}

#bb3 + section .heading.block_header_7 {
  border-bottom: 1px solid rgb(61, 61, 61);
  margin-bottom: 2rem;
  justify-content: center;
}

#bb4 + section .heading.block_header_7 {
  border-bottom: 1px solid #fff;
  margin-bottom: 2rem;
  justify-content: center;
}

#center + section .heading.block_header_7 {
  justify-content: center;
}

#pn + section {
  padding: initial;
}

#bb + section .heading.block_header_7 {
  border-bottom: 1px solid #fff;
  margin-bottom: 2rem;
}
#bb + section .heading.block_header_5 {
  border-bottom: 1px solid #fff;
}

#w_full + section .heading.block_header_2 .h {
  display: block;
}

/*--アコーディオンメニュー--*/
#accordion + section{
  background-size:cover!important;
  position:relative;
  padding-left: 0;
  padding-right: 0;
}

#accordion + section:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(7,7,7, 0.5);
}

#accordion + section section{
  transition: 0.8s;
  padding-top:0;
  padding-bottom:25px;
  background-color: rgba(7,7,7, 0.5);
  padding-left: 0;
  padding-right: 0;
}

#accordion + section section .content_wrapper,
#accordion + section section .content_wrapper .wrapper_item{
  background-color:transparent!important;
}

#accordion + section section .content_wrapper{
  padding:0;
  border: 1px solid #009ee2;
}

#accordion + section section .content_wrapper .wrapper_item{
  margin-top:0;
  border-top: none;
}

#accordion + section section .content_wrapper .heading.block_header_7{
  padding:10px 0;
  width: calc(100% - 30px);
}

#accordion + section section .content_wrapper .heading.block_header_7 .h{
  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, MyYuGothicM, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif!important;
  position: relative;
  top: 3px;
}

/*#accordion + section section .content_wrapper .heading.block_header_7:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 11px;
  height: 3px;
  background: #a5a5a5;
}*/

#accordion + section section .content_wrapper .heading.block_header_7:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%) rotate(90deg);
  transition: all .3s;
  width: 3px;
  height: 11px;
  background: #a5a5a5;
}

/* 閉じた状態の+マークを表示 */
#accordion + section section .content_wrapper .heading.block_header_7:not(.open):before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 3px;
  height: 11px;
  background: #a5a5a5;
}

/* 開いた状態の-マークを表示 */
#accordion + section section .content_wrapper .heading.block_header_7.open:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 11px;
  height: 3px;
  background: #a5a5a5;
}

/* 開いた状態の縦棒を非表示にする */
#accordion + section section .content_wrapper .heading.block_header_7.open:after {
  content: "";
  display: none;
}

#accordion + section section .content_wrapper .heading.block_header_7.open:after {
  top: 40%;
  transform: rotate(0deg);
  opacity: 1;
}

#accordion + section section .content_wrapper .wrapper_item .inner_item_txt p a {
  font-size: clamp(10px , 1.9vw , 1.8rem);
  text-decoration-color: rgba(255, 255, 255, 1)!important;
  margin-top:15px;
  display:block;
}

#accordion + section section .content_wrapper .wrapper_item .inner_item_txt p {
  font-size:1.5rem;
  margin-bottom:0;
  color: #c3e0fa;
}

/*
@media screen and (max-width:600px){
  #accordion + section section .content_wrapper .heading.block_header_7 .h{
    font-size: 4.5vw;
  }
  #accordion + section section .content_wrapper .wrapper_item .inner_item_txt p a {
    font-size:3vw;
  }
  #accordion + section section .content_wrapper .wrapper_item .inner_item_txt p {
    font-size:2.6vw;
  }
}
*/

@media screen and (max-width:420px){
  #accordion + section section .content_wrapper .heading.block_header_7 .h{
    font-size: 4.5vw;
  }
  #accordion + section section .content_wrapper .wrapper_item .inner_item_txt{
    font-size: 4vw;
  }
}

#accordion + section section .content_wrapper .wrapper_item{
  padding:0px 15px 15px!important;
}   
@media screen and (max-width:400px){ 
  #accordion + section section .content_wrapper .wrapper_item{
    padding:10px!important;
  }  
}