@charset "UTF-8";

/*tsart210817↓*/

/*タイトルコンテンツ*/
.page_title_cont {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  align-items:center
}

.title_voice {
  display: block;
  width: 340px;
}

.s-title_voice {
  display: flex;
  width: 425px;
  margin-left: 45px;
  justify-content: flex-start;
  height: 47px;
}

.s-title_kako {
  display: block;
  width: 8px;
}

#interview_wrap .interview_box .s-titile_main {
  font-size : 21px;
  line-height : 47px;
  letter-spacing : 1.58px;
  color : #CD3B38;
  padding: 0 10px;
}


.page_voice_lead {
  font-size: 16px;
  line-height : 26px!important;
  margin-top: 40px!important;
}


#interview_wrap .pageSection .box {
  padding-top: 80px;
}

#interview_wrap.interview_index .int_link {
  margin: 56px 0 30px 0;
}



@media (max-width: 1050px) {

  .title_voice {
    width: 280px;
  }

  .s-title_voice {
    width: 380px;
    margin-left: 35px;
  }
}

@media (max-width: 926px) {
  .page_title_cont {
    display: block;
  }

  .s-title_voice {
    margin-left: 0px;
    margin-top: 14px;
  }

  .page_voice_lead {
    margin-top: 24px!important;
  }

}


@media (max-width: 568px) {

  #interview_wrap .pageSection .box {
    padding-top: 50px;
  }

  .title_voice {
    width: 205px;
  }

  .s-title_voice {
    width: 100%;
    margin-top: 10px;
    height: 28px;
  }

  .s-title_kako {
    width: 6px;
  }

  #interview_wrap .interview_box .s-titile_main {
    font-size : 16px;
    line-height : 28px;
    letter-spacing : 1.58px;
    color : #CD3B38;
    padding: 0 8px;
  }

  .page_voice_lead {
    font-size: 14px;
    line-height : 1.8em!important;
  }
  
}


/*voice01の調整用↓*/

#interview_wrap.interview_index .int_link_box1 .add_ttl {
  width: 444px;
}

#interview_wrap.interview_index .int_link_box2 .add_ttl {
  width: 486px;
}

#interview_wrap.interview_index .int_link_box3 .add_ttl {
  width: 418px;
}
/**********/
#interview_wrap.interview_index .int_link_box1 .add_img {
  width: 220px;
  margin-right: 40px;
}
#interview_wrap.interview_index .int_link_box2 .add_img {
  width: 190px;
  margin-right: 40px;
}
#interview_wrap.interview_index .int_link_box3 .add_img {
  width: 290px;
  margin-right: 20px;
}

@media (max-width: 1150px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl {
    width: 400px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl {
    width: 438px;
  }

  #interview_wrap.interview_index .int_link_box3 .add_ttl {
    width: 376px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img {
    width: 198px;
    margin-right: 20px;
  }
  #interview_wrap.interview_index .int_link_box2 .add_img {
    width: 175px;
    margin-right: 20px;
  }
  #interview_wrap.interview_index .int_link_box3 .add_img {
    width: 261px;
    margin-right: 10px;
  }
}

@media (max-width: 1050px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl {
    width: 355px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl {
    width: 389px;
  }

  #interview_wrap.interview_index .int_link_box3 .add_ttl {
    width: 334px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img {
    width: 176px;
  }
  #interview_wrap.interview_index .int_link_box2 .add_img {
    width: 156px;
  }
  #interview_wrap.interview_index .int_link_box3 .add_img {
    width: 232px;
  }
}

@media (max-width: 950px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl {
    width: 311px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl {
    width: 340px;
  }

  #interview_wrap.interview_index .int_link_box3 .add_ttl {
    width: 293px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img {
   width: 154px;
 }
 #interview_wrap.interview_index .int_link_box2 .add_img {
  width: 136px;
}
#interview_wrap.interview_index .int_link_box3 .add_img {
  width: 203px;
}
}

@media (max-width: 850px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl {
    width: 266px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl {
    width: 292px;
  }

  #interview_wrap.interview_index .int_link_box3 .add_ttl {
    width: 251px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img {
   width: 132px;
 }
 #interview_wrap.interview_index .int_link_box2 .add_img {
  width: 117px;
}
#interview_wrap.interview_index .int_link_box3 .add_img {
  width: 174px;
  margin-right: 0;
}
}


@media (max-width: 720px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl {
    width: 70%;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl {
    width: 73%;
  }

  #interview_wrap.interview_index .int_link_box3 .add_ttl {
    width: 84%;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img {
    width: 65%;
    margin: 0 auto;
  }
  #interview_wrap.interview_index .int_link_box2 .add_img {
    width: 62%;
    margin: 0 auto;
  }
  #interview_wrap.interview_index .int_link_box3 .add_img {
    width: 86%;
    margin: 0 auto;
  }
}
/*voice01の調整用↑*/

/*townの調整用↓*/

#interview_wrap.interview_index .int_link_box1 .add_ttl_town {
  width: 478px;
}

#interview_wrap.interview_index .int_link_box2 .add_ttl_town {
  width: 402px;
}
/**********/
#interview_wrap.interview_index .int_link_box1 .add_img_town {
  width: 300px;
  margin-right: 20px;
}

#interview_wrap .add_page_town .int_link_box2 .img_box {
  width: auto;
  z-index: -10;
}
#interview_wrap.interview_index .int_link_box2 .add_img_town {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1, 1);
  transform: none;
  height: 380px;
  width: auto;
}
/**********/
#interview_wrap.interview_index .int_link_box1 .add_txt_town {
  max-width: 480px;
}
#interview_wrap.interview_index .int_link_box2 .add_txt_town {
  max-width: 410px;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
  -1px 1px 0 #FFF, 1px -1px 0 #FFF,
  0px 1px 0 #FFF,  0-1px 0 #FFF,
  -1px 0 0 #FFF, 1px 0 0 #FFF;
}


@media (max-width: 1150px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl_town {
    width: 430px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl_town {
    width: 362px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img_town {
    width: 270px;
  }
  #interview_wrap.interview_index .int_link_box2 .add_img_town {
    height: 373px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_txt_town {
    max-width: 400px;
  }
  #interview_wrap.interview_index .int_link_box2 .add_txt_town {

  }

}

@media (max-width: 1050px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl_town {
    width: 382px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl_town {
    width: 322px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img_town {
    width: 240px;
  }
  #interview_wrap.interview_index .int_link_box2 .add_img_town {
    height: 366px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_txt_town {
    max-width: 380px;
  }
  #interview_wrap.interview_index .int_link_box2 .add_txt_town {
    max-width: px;
  }
}

@media (max-width: 950px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl_town {
    width: 335px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl_town {
    width: 282px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img_town {
   width: 210px;
 }
 #interview_wrap.interview_index .int_link_box2 .add_img_town {
  height: 359px;
}
/**********/
#interview_wrap.interview_index .int_link_box1 .add_txt_town {
  max-width: 336px;
}
#interview_wrap.interview_index .int_link_box2 .add_txt_town {
  max-width: none!important;
  width: 90%;
}
}

@media (max-width: 850px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl_town {
    width: 287px;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl_town {
    width: 260px;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img_town {
   width: 180px;
 }
 #interview_wrap.interview_index .int_link_box2 .add_img_town {
  height: 355px;
}
/**********/
#interview_wrap.interview_index .int_link_box1 .add_txt_town {
  max-width: 300px;
}
#interview_wrap.interview_index .int_link_box2 .add_txt_town {
  max-width: px;
}
}


@media (max-width: 720px) {
  #interview_wrap.interview_index .int_link_box1 .add_ttl_town {
    width: 92%;
  }

  #interview_wrap.interview_index .int_link_box2 .add_ttl_town {
    width: 92%;
    padding: 0 20px;
    box-sizing: border-box;
  }

  #interview_wrap.interview_index .add_page_town .int_link_box5 .ttl {
    width: 92%;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_img_town {
    width: 100%;
    margin: 0 auto;
  }
  #interview_wrap.interview_index .int_link_box2 .add_img_town {
    height: auto;
    width: 100%;
  }
  /**********/
  #interview_wrap.interview_index .int_link_box1 .add_txt_town {
    max-width: none;
    width: 100%;
  }
  #interview_wrap.interview_index .int_link_box2 .add_txt_town {
    max-width: none;
    width: 100%;
  }

}
/*townの調整用↑*/


/*アコーディオン中身用↓*******************************************************/
/*プロフィールの字体*/
#interview_wrap .Profile_box .txt_box .subttl {
  font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
}

#interview_wrap .Profile_box .txt_box .txt {
    font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
    font-weight: 400;
}

/*voice02-volume1*/
#interview_wrap.interview_noindex .volume1 .vol_main_txt {
  width: 65px;
  top: 11%;
  left: 9%;
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .volume1 .vol_main_txt {
    width: 38px;
    top: 8%;
    left: 8%;
  }
}

/*voice02-volume2*/
#interview_wrap.interview_noindex .volume2 .vol_main_txt {
  width: 405px;
  top: 6%;
  left: 3%;
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .volume2 .vol_main_txt {
    width: 249px;
    top: 10%;
    left: 6%;
  }
  #interview_wrap.interview_noindex .volume2 .vol_main_txt .add_cap {
    text-align: right;
  }
}
/*voice02-volume3*/
#interview_wrap.interview_noindex .volume3 .vol_main_txt {
  width: 357px;
  bottom: 35%;
  left: 5.2%;
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .volume3 .vol_main_txt {
    width: 220px;
    top: 10%;
    left: 6%;
  }
}
/*voice02-volume4*/
#interview_wrap.interview_noindex .volume4 .add_cap {
  text-align: right;
}
#interview_wrap.interview_noindex .volume4 .vol_main_txt {
  width: 68px;
  top: 11%;
  left: 16%;
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .volume4 .vol_main_txt {
    width: 38px;
    top: 10%;
    left: 13%;
  }
}

/********************************/
/*voice01-volume1*/
#interview_wrap.interview_noindex .add_voice01_acco.volume1 .vol_main_txt {
  width: 340px;
  top: 9%;
  left: 5%;
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume1 .vol_main_txt {
    width: 70px;
    top: 5%;
    left: 7%;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume1 .vol_main_txt {
    width: 36px;
  }
}
/*voice01-volume2*/
#interview_wrap.interview_noindex .add_voice01_acco.volume2 .vol_main_txt {
  width: 316px;
  top: 38%;
  left: inherit;
  right: 8%;
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume2 .vol_main_txt {
    width: 70px;
    top: 7%;
    right: 10%;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume2 .vol_main_txt {
    width: 37px;
  }
}
/*voice01-volume3*/
#interview_wrap.interview_noindex .add_voice01_acco.volume3 .vol_main_txt {
  width: 69px;
  top: 10%;
  left: inherit;
  right: 4%;
}
@media (max-width: 896px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume3 .vol_main_txt {
    width: 60px;
    top: 2%;
  }
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume3 .vol_main_txt {
    width: 399px;
    top: 70%;
    left: 4%;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume3 .vol_main_txt {
    width: 208px;
  }
}





/*main v*/
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .main_img_box .add_cap {
    font-size: 10px;
  }
}
#interview_wrap.interview_index .main_img_box {
  margin: 0;
}



/*profile↓*/
#interview_wrap.interview_noindex .Profile_box {
  width: auto;
  padding: 0;
}

/*voice01の調整用↓*/
/*voice01-volume1*/
#interview_wrap.interview_noindex .add_voice01_acco.volume1 .Profile_box .img_box img {
  margin-top: 45px;
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume1 .Profile_box .img_box img {
    margin-top: 0;
  }
}
/*voice01-volume3*/
#interview_wrap.interview_noindex .add_voice01_acco.volume3 .Profile_box .img_box img {
  margin-top: 20px;
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_voice01_acco.volume3 .Profile_box .img_box img {
    margin-top: 0;
  }
}
/*voice01の調整用↑*/
/*profile↑*/

/*リボン*/
#interview_wrap.interview_index .ttl_box {
  margin: 0 0 40px;
  position: inherit;
}

#interview_wrap.interview_index .ttl_box img {
  width: auto;
}

#interview_wrap.interview_noindex .int_content .ttl_box img {
  width: 35px!important;
}


/*インタビュー*/
.add_pageSection {
  padding: 0 0 30px 0;
}


#interview_wrap .pageSection .add_box {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

@media (max-width: 720px) {
  #interview_wrap .pageSection .add_box {
    padding-top: 20px;
  }
}
/*アコーディオン中身用↑********************************************************/







/*========================アコーディオン動作用↓========================*/

/*====================================================================
.s_06 .accordion_one
====================================================================*/
.s_06 .accordion_one {
  margin: 0 auto;
}
.s_06 .accordion_one .accordion_header {
  cursor: pointer;
  z-index: +1;
  transition-duration: 0.6s;
}


.s_06 .accordion_one .accordion_inner {
  display: none;
  padding: 40px 0 0;
  box-sizing: border-box;
}

@media (max-width: 720px) {
  .s_06 .accordion_one .accordion_inner {
    padding: 20px 0;
  }
}


.s_06 .accordion_one .accordion_inner .closeArea {
  width: 180px;
  margin: 0 auto;
}
.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #c93331;
  padding: 15px 15px 15px 20px;
  text-decoration: none;
  line-height: 1.3;
  color: #fff!important;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  transition-duration: 0.6s;
}

.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
  opacity: .8;
}
.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 10%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}
.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}
.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(45deg);
  transform-origin: center center;
}
.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
  width: 2px;
  height: 18px;
  top: 0;
  left: 8px;
}
@media screen and (max-width: 1024px) {

  .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {

}



/*========================アコーディオン動作用↑========================*/


/*========================TOWNページ用↓========================*/

/*TOWNページ用　文字色 枠　青 ↓*/
.f-col_bl {
  color: #13698d!important;
}

#interview_wrap .add_page_town .int_link_box {
  border: solid 2px #125e83;
}
/*TOWNページ用　文字色　枠　青↑*/

/*TOWNページ用　　マーカーLINE*/
.add_page_town .markerLine {
  background-color: #c6dae3!important;
}
/*マーカーLINE*/

/*TOWNページ用　openのボタン*/
#interview_wrap .add_page_town .int_link_box .btn {
  width: 170px;
}
@media (max-width: 720px) {
  #interview_wrap .add_page_town .int_link_box .btn {
    width: 70%;
  }
}
/*TOWNページ用　openのボタン*/

/*TOWNページ用　vol.6追記*/
.add_town_note {
  font-size: 16px!important;
  line-height: 26px!important;
  border-bottom: 1px solid #13698d;
  color: #13698d!important;
  display: inline-block;
  font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif!important;
  margin: 0 0 14px 0;
  font-weight: 400!important;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
  -1px 1px 0 #FFF, 1px -1px 0 #FFF,
  0px 1px 0 #FFF,  0-1px 0 #FFF,
  -1px 0 0 #FFF, 1px 0 0 #FFF;
}
@media (max-width: 720px) {
  .add_town_note {
    font-size: 15px!important;
    margin: 0 0 20px 0;
  }
  #interview_wrap .add_page_town .int_link_box2 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  #interview_wrap.interview_index .int_link_box2 .add_txt_town {
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
  }
}
/*TOWNページ用　vol.6追記*/


/*TOWNページ用　vol.6対談名前*/
.name_dialogue {
  width: 540px;
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 10000;
}
@media (max-width: 1150px) {
  .name_dialogue {
    width: 400px;
  }
}
@media (max-width: 850px) {
  .name_dialogue {
    width: 300px;
  }
}
@media (max-width: 720px) {
  .name_dialogue {
    left: 50%;
    transform: translateX(-50%);
    bottom: 47%;
    width: 90%;
  }
}
@media (max-width: 460px) {
  .name_dialogue {
   bottom: 34%;
 }
}
/*TOWNページ用　vol.6対談名前

/*TOWNページ用　video*/
#interview_wrap .add_page_town .int_movie_box2 {
  margin: 100px 0 0 0;
}

/*TOWNページ用　video*/


/*TOWNページ用　banner セクション*/
.sec_town_banner {
  width: 100%;
  margin-top: 110px;
}

.sec_town_banner a:hover img {
  opacity: .6;
}

.sec_town_banner .town_banner_small {
  display: flex;
  justify-content: space-between;

}
.sec_town_banner .banner_small {
  width: 47.8%;
  display: block;
  margin-bottom: 36px;
}
.sec_town_banner .banner_small img {
  width: 100%;
}
.sec_town_banner .banner_big {
  width: 100%;
  display: block;
  margin-bottom: 28px;
}
.sec_town_banner .town_banner_middle {
  display: flex;
  justify-content: space-between;

}
.sec_town_banner .bannner_sr {
  box-shadow: 3px 3px 8px gray;
}

#interview_wrap.interview_index .ttl_box1000 {
  width: 357px;
  margin: 60px 0 25px;
  position: relative;
  left: -45px;
}

@media (max-width: 720px) {
  .sec_town_banner {
    margin-top: 80px;
  }
  .sec_town_banner .town_banner_small {
    display: block;
  }
  .sec_town_banner .banner_small {
    width: 100%;
    margin-bottom: 24px;
  }
  .sec_town_banner .banner_big {
    margin-bottom: 24px;
  }
}
/*TOWNページ用　banner セクション*/

/*アコーディオンの中townページ用*/
#interview_wrap.interview_noindex .add_page_town .Profile_box {
  /*height: 140px;*/
}

#interview_wrap.interview_noindex .add_page_town .Profile_box * {
  color: #13698d;
}

#interview_wrap.interview_noindex .add_page_town .Profile_box .txt_box .ttl {
  border-bottom: solid 1px #13698d;
}

#interview_wrap.interview_noindex .add_page_town .Profile_box .txt_box {
  width: 550px;
}

#interview_wrap.interview_noindex .add_page_town .Profile_box .txt_box .subttl {
  font-size: 14px;
  line-height: 1.6;
}

#interview_wrap.interview_noindex .add_page_town .Profile_box .txt_box .txt {
  font-size: 13px;
}


#interview_wrap.interview_noindex .add_page_town .int_content .ttl_box p {
  color: #13698d;
}



#interview_wrap.interview_noindex .add_page_town .int_content .txt span {
  font-size: 12px;
  line-height: 1.8;
  display: block;
  font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
  font-weight: 300;
}

.add_page_town .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
  background: #13698d;
}

.volume1-2,.volume1-3,.volume3-2 {
  margin-top: 80px;
}


@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .Profile_box {
    height: auto;
  }
  #interview_wrap.interview_noindex .add_page_town .Profile_box .txt_box {
    width: 100%;
  }
  #interview_wrap.interview_noindex .add_page_town .Profile_box .txt_box .subttl {
    font-size: 12px;
    margin: 0 0 10px;
  }

  #interview_wrap.interview_noindex .add_page_town .Profile_box .txt_box .txt {
    font-size: 12px;
  }

}


/*volume1-2 only*/
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-2 .main_img_box span {
    top: inherit;
    bottom: 5px;
    right: inherit;
    left: 5px;
    text-align: left;
  }
}
/*volume1-2 only*/

/*volume2 only*/
#interview_wrap.interview_noindex .add_page_town .dialog_lead-text {
  font-size: 18px!important;
  margin-top: 0!important;
}

@media (max-width: 950px) {
  #interview_wrap.interview_noindex .add_page_town .dialog_lead-text {
    text-align: left!important;
  }
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .dialog_lead-text {
    font-size: 16px!important;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_page_town .dialog_lead-text {
    font-size: 14px!important;
  }
}

#interview_wrap.interview_noindex .add_page_town .volume2 .main_img_box span {
  top: 5px;
  right: 5px;
}

@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume2 .main_img_box span {
    top: inherit;
    bottom: 35%;
    right: 5px;
    text-align: right;
  }
}

.vol_main_dialog {
  position: absolute;
  bottom: 22%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: 108%!important;

}
.add_dialog_note {
  margin-top: 12px!important;
}

.dialog_cont {
  margin-top: 40px;
  width: 100%;
}

.dialog_cont h2 {
  color: #13698D!important;
  font-size: 22px;
  line-height: 48px!important;
  border-bottom: 1px solid #13698D;
  margin-bottom: 45px;
}

@media (max-width: 720px) {
  .dialog_cont h2 {
    font-size: 18px;
    line-height: 28px!important;
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
}

.dialog_det {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
.dialog_det-img {
  width: 72px;
  height: 100%;
  display: block;
}

.dialog_det-txt {
  padding-left: 4%;
  width: calc(100% - 72px);
  font-size: 14px;
  line-height: 1.8!important;
  margin: 0;
  box-sizing: border-box;
}

@media (max-width: 568px) {
  .dialog_det-img {
    width: 39px;
  }

  .dialog_det-txt {
    padding-left: 4%;
    width: calc(100% - 39px);
  }
}
/*volume2 only*/


/********************************/
/*town-volume1-1*/
#interview_wrap.interview_noindex .add_page_town .volume1-1 .vol_main_txt {
  width: 68px;
  top: 20%;
  left: 12%;
}
@media (max-width: 1050px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-1 .vol_main_txt {
    width: 64px;
    top: 5%;
    left: 12%;
  }
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-1 .vol_main_txt {
    width: 60px;
    left: 10%;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-1 .vol_main_txt {
    width: 38px;
  }
}
/*town-volume1-2*/
#interview_wrap.interview_noindex .add_page_town .volume1-2 .vol_main_txt {
  width: 330px;
  top: 33%;
  right: 8%;
}
@media (max-width: 834px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-2 .vol_main_txt {
    width: 310px;
    top: 33%;
    right: 3%;
  }
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-2 .vol_main_txt {
    width: 70px;
    top: 10%;
    right: 5%;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-2 .vol_main_txt {
    width: 36px;
    top: 5%;
  }
}
/*town-volume1-3*/
#interview_wrap.interview_noindex .add_page_town .volume1-3 .vol_main_txt {
  width: 400px;
  bottom: 28%;
  left: 4%;
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-3 .vol_main_txt {
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_page_town .volume1-3 .vol_main_txt {
    width: 250px;
  }
}
/*town-volume2*/
#interview_wrap.interview_noindex .add_page_town .volume2 .vol_main_txt {
  width: 126px;
  position: absolute;
  top: 0;
  left: 52%;
  transform: translateX(-50%);
}
@media (max-width: 1050px) {
  #interview_wrap.interview_noindex .add_page_town .volume2 .vol_main_txt {
    width: 100px;
  }
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume2 .vol_main_txt {
    width: 130px;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_page_town .volume2 .vol_main_txt {
    width: 70px;
  }
}
/*town-volume3-1*/
#interview_wrap.interview_noindex .add_page_town .volume3-1 .vol_main_txt {
  min-width: 302px;
  width: 26%;
  top: 78px;
  left: 60px;
}
@media (max-width: 1050px) {
  #interview_wrap.interview_noindex .add_page_town .volume3-1 .vol_main_txt {

  }
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume3-1 .vol_main_txt {
    min-width: 240px;
    top: 20px;
    left: 20px;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_page_town .volume3-1 .vol_main_txt {
    min-width: 160px;
  }
}
/*town-volume3-2*/
#interview_wrap.interview_noindex .add_page_town .volume3-2 .vol_main_txt {
  min-width: 448px;
  width: 39.1266375546%;
  top: auto;
  bottom: 125px;
  left: 60px;
}
@media (max-width: 834px) {
  #interview_wrap.interview_noindex .add_page_town .volume3-2 .vol_main_txt {

  }
}
@media (max-width: 720px) {
  #interview_wrap.interview_noindex .add_page_town .volume3-2 .vol_main_txt {
    min-width: 330px;
    width: 39%;
    top: auto;
    bottom: 40px;
    left: 20px;
  }
}
@media (max-width: 568px) {
  #interview_wrap.interview_noindex .add_page_town .volume3-2 .vol_main_txt {
    min-width: 245px;
    
  }
}




/*アコーディオンの中townページ用*/
/*========================TOWNページ用↑========================*/



/*tsart210817↑*/


/* 250821 */

.volume1-2 {
  position: relative;
  margin-top: 30px;
  padding: clamp(30px, 8vw, 80px) 0 30px;
}

.volume1-2::before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: #fff;
  z-index: 0;
}

.volume1-2 main, .volume1-2 section {
  position: relative;
  z-index: 1;
}

.volume1-2 .main_ttl {
  font-size: clamp(20px, 2.4vw, 28px);
  text-align: center;
  padding-bottom: 20px;
  line-height: 1.6 !important;
  font-weight: 600 !important; 
}

.volume1-2 .main_ttl i {
  font-style: normal;
  font-weight: 600 !important; 
  display: inline-block;
}

.volume1-2 #main .mod--noneBg {
    background: #fff;
}