@charset "utf-8";/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

/**初期設定**/
[class*="wth_"]{ margin-left: auto;	margin-right: auto; padding-left: 50px; padding-right: 50px;}
[class*="wth_600"]{ max-width: 600px;}
[class*="wth_700"]{ max-width: 700px;}
[class*="wth_800"]{ max-width: 800px;}
[class*="wth_900"]{ max-width: 900px;}
[class*="wth_1000"]{ max-width: 1000px;}
[class*="wth_1100"]{ max-width: 1100px;}
[class*="wth_1200"]{ max-width: 1200px;}
[class*="wth_1300"]{ max-width: 1300px;}
[class*="wth_1400"]{ max-width: 1400px;}
[class*="wth_1500"]{ max-width: 1500px;}
[class*="wth_1600"]{ max-width: 1600px;}
[class*="wth_1700"]{ max-width: 1700px;}
[class*="wth_1800"]{ max-width: 1800px;}
[class*="wth_1900"]{ max-width: 1900px;}
[class*="wth_2000"]{ max-width: 2000px;}
[class*="wth_"][class*="_nopad"]{ padding-left: 0px!important; padding-right: 0px!important;}
[class*="wth_"][class*="_nomarg"]{ margin-left: 0;	margin-right: 0;}

/**縦分割フォーマット**/
[class*="col_"]{ display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;justify-content: left;flex-wrap: wrap;overflow: hidden;}
[class*="col_"]>*{ position: relative; margin-bottom: 3em; }
[class*="col_"]>* img{ width: 100%; height:auto; display: block; }
[class*="col_"][class*="-jcontCent"]{justify-content: center;}

/**text-align**/
[class*="taln"][class*="_left"]{ text-align: left!important;}
[class*="taln"][class*="_center"]{ text-align: center!important;}
[class*="taln"][class*="_right"]{ text-align: right!important;}

/**float**/
[class*="fl_"][class*="right"]{float: right; padding-left: 2em; padding-bottom: 2em;}
[class*="fl_"][class*="left"]{float: left; padding-right: 2em; padding-bottom: 2em;}

/**font-size**/
[class*="fper_"][class*="-Dbl"]{ display: block;}
[class*="fper_"][class*="-Dib"]{display: inline-block;}
[class*="fper_"][class*="-Din"]{display: inline;}
[class*="fper_50"]{ font-size: 50%;}
[class*="fper_75"]{ font-size: 75%;}
[class*="fper_100"]{ font-size: 100%;}
[class*="fper_125"]{ font-size: 125%;}
[class*="fper_150"]{ font-size: 150%;}
[class*="fper_200"]{ font-size: 200%; line-height: 1.4em; margin-left: 0.1em; margin-right: 0.1em;}
[class*="fper_250"]{ font-size: 250%;}
[class*="fper_300"]{ font-size: 300%;}


#interview-detail_sec *{ text-align: left; word-wrap: break-word;}
#interview-detail_sec dl{ padding-top: 40px; text-align: left; padding-bottom: 50px;}
#interview-detail_sec dl dt{ padding-bottom: 1em;}
#fv-detail_sec *{ text-align: left; word-wrap: break-word;}
#fv-detail_sec dl{ padding-top: 40px; text-align: left; padding-bottom: 50px;}
#fv-detail_sec dl dt{ padding-bottom: 1em;}

/**更新日**/
.interview-detail_upd-dl{ display: flex; justify-content: space-between; align-items: stretch; padding-bottom: 2em;}
.interview-detail_upd-dl .dl_box a{ font-weight: bold; padding: 0.25em 1em; border: 1px solid #ff2222; color: #ff2222; font-size: 1.2rem;}
.interview-detail_upd-dl .dl_box a:before{ content: ""; width: 1em; height: 1em; background-image: url(../../news/img/icon_pdf.svg);	background-size: auto 100%;	background-position: center center;	display: inline-block;	vertical-align: text-top; margin-right: 0.25em;}

/**タイトル**/
.interview-detail_title{ font-size: 2.8rem; font-weight: bold; letter-spacing: 0.1em; }

/**見出し英数時のフォント**/
.alph{font-family: 'Roboto', sans-serif;}

/**SNS**/
#fv-detail_sec .sns_list{ display: flex; justify-content: flex-end; padding-bottom: 1em;}
#fv-detail_sec .sns_list li{padding-right: 1em;}
#fv-detail_sec .sns_list li:last-child{padding-right: 0;}

/**見出し下**/
.lead_txt{ font-size: 1.6rem; line-height: 1.8em; }

/**メイン写真**/
.interview-detail_main-photo { text-align: center!important; padding-top: 2em;}
.interview-detail_main-photo .photo_box{ display: inline-block; margin: auto; }
.interview-detail_main-photo figure{margin: 0; display: block;}
.interview-detail_main-photo figcaption{ margin: 0; display: block; font-size: 1.4rem; padding-top: 0.75em;}
.interview-detail_main-photo .photo_box img{ display: block; width: 100%;}
.interview-detail_main-photo .photo_box + .lead_txt{ padding-top: 3em;}
.interview-detail_main-photo .photo_box + .interiew_name{ padding-top: 1.5em; font-size: 1.6rem; line-height: 1.6; font-weight: bold;}
.interview-detail_main-photo .photo_box + .interiew_name + .lead_txt{ padding-top: 2em;}
/**カセット**/
* + .cassette_photo{padding: 3em 0 1em 0;}
.cassette_Mmid + .cassette_photo{padding:1em 0 0 0;}
.txt_main + .cassette_photo{padding-bottom:0;}
.cassette_photo li figure{margin: 0; display: block; width: 100%; position: relative;}
.cassette_photo li figure:before {/* content:""; display: block; padding-top:calc(200% / 3) ;*/}
.cassette_photo li figure img{ /*position: absolute; top: 0;left: 0; bottom: 0; right: 0;*/}
.cassette_photo li figcaption{margin: 0; display: block; font-size: 1.4rem; padding-top: 0.75em; line-height: 1.6;}
.cassette_photo li figcaption a{}

.cassette_Lmid{ font-size:3rem; padding-bottom:1.5em; color: #395775; font-weight: bold; padding-top: 2em; text-indent: -1.3em; padding-left: 1.3em;}

.cassette_Mmid{ font-size:2.4rem; padding-bottom:1em; font-weight: bold; }
.cassette_Mmid .alph{display:block; font-size: 150%; padding-bottom: 0.25em; letter-spacing: 0.05em;}
.cassette_Mmid small{ display:block; font-size: 75%;}
.cassette_Mmid.ttl_ul{text-align: center!important;}
.txt_main + .cassette_Mmid{padding-top: 2em!important;}


[class*="cassette_txt"] { font-size: 1.6rem; line-height: 2em; }
[class*="cassette_txt"] .txt_main{ display: block;}
[class*="cassette_txt"][class*="_withphoto"]{display:flex; flex-wrap: wrap}
[class*="cassette_txt"][class*="_withphoto"] .txt_main{ width:70%;}
[class*="cassette_txt"][class*="_withphoto"] .txt_photo{ width: 30%; padding-left: 3%;}
[class*="cassette_txt"][class*="_withphoto"] .txt_photo img{ width:100%; display: block;}
[class*="cassette_txt"][class*="_withphoto"] .txt_photo figure{display: block;}
[class*="cassette_txt"][class*="_withphoto"] .txt_photo figcaption{ font-size: 1.4rem; padding-top: 0.75em; line-height: 1.4em;}

.cassette_photo + [class*="cassette_txt"] .cassette_Mmid{ padding-top: 1em;}
[class*="cassette_txt"] + [class*="cassette_txt"] {padding-top:4em;}
.cassette_movie + [class*="cassette_txt"]{padding-top:4em;}

.interview-detail_cassette {/*padding-top: 2em;*/}
.interview-detail_cassette + .interview-detail_cassette{ /*padding-top: 5em;*/}
.interview-detail_cassette + .interview-detail_cassette .cassette_Lmid{padding-top: 5em;}
.inq_box + .interview-detail_cassette{padding-top:4em;}

#interview-detail_sec a{text-decoration: underline;}
#fv-detail_sec a{text-decoration: underline;}
[id*="-detail_sec"] .inq_box{text-align: center!important; padding-top:5em;}
[id*="-detail_sec"] .inq_box *{text-align: center!important;}
[id*="-detail_sec"] .inq_box a{text-decoration: none!important;}


/**yutubeボックス**/
.cassette_movie{ position: relative; margin-top: 3em;}
.cassette_movie:before{ content:""; display: block; padding-top: 56.25%;}
.cassette_movie iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height:100%;}

a.sq_btn{ border: 1px solid #A8A8A8; padding: 0.2em 1em; display: inline-block;	vertical-align: middle; font-size: 90%; margin: 0.5em 0.5em 0.5em 0;}
a.sq_btn:before{content: "→";}
.btn_box{text-align: center!important; padding-top: 5em; padding-bottom: 2em;}

.totop_box{text-align: right!important; display: block; padding-top: 4em;}
.totop_box a{font-size: 1.2rem; display: inline-block;}

/**目次**/
#renovation_tabcont{}
#toc_container{ }
#toc_container p.toc_title { font-size: 2.5rem; display: block; background: #e8e8e8; position: relative; padding: 0.75em 1em; line-height: 1em; cursor: pointer;}
#toc_container p.toc_title.opened:after{transform: rotate(180deg);}
#toc_container p.toc_title:after{content: ""; display: inline-block; width: 1em; height: 1em; background-image: url(/com/img/comm_arrBL01.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; vertical-align: middle; position: absolute; right: 0.75em; top: 0.75em; }
#toc_container p.toc_title:before{ display: none; content: ""; position: absolute; top: 0; right: -20px; bottom: -10px; left: 0; z-index: -1; background: #e8e8e8; transform: scaleY(1.4) perspective(1.6em) rotateX(5deg); transform-origin: bottom left; border-radius: 0px 0px 0 0;}

#toc_container p.toc_title+ul.toc_list { display: none;margin-top: 0em;padding: 4px 24px 24px 24px;margin-bottom: 4rem;font-size: 1.6rem;}
#toc_container .toc_list{ position: relative; background-color: #e8e8e8 ;}
#toc_container .toc_list li {display:block;}
#toc_container .toc_list li + li.toc_casemid {padding-top: 1em;}
#toc_container .toc_list li a{padding:0.5em; display: flex;}
#toc_container .toc_list li a .alph{margin-right:0.5em; color: #636363; letter-spacing: 0.1em;}
#toc_container .toc_list:before,
#toc_container .toc_list:after{ content: ''; border: 25px solid transparent; position: absolute; left: 50%; margin-left: -25px;}
#toc_container .toc_list:before{ border-top-color: #fff; bottom: -50px;}
#toc_container .toc_list:after{ border-top-color: #e8e8e8; bottom: -49px;}
#toc_container ul ul{ padding-left: 1em; padding-bottom: 0.5em;}



@media only screen and (max-width: 760px) {    
	/**初期設定**/
	html{scroll-padding-top: 110px;}
    [class*="wth_"]{width: 100%; padding-left: 5%;padding-right: 5%;}
    [class*="wth_"][class*="-full"]{ padding-left: 0px!important; padding-right: 0px!important; }

	/**縦分割フォーマット**/
	[class*="col"][class*="-single"]>*{ margin-right: 0px!important; margin-left: 0px!important; width: 100%!important;}
	

    #fv-detail_sec dl{padding-bottom:1em; }

	/**更新日**/
	.interview-detail_upd-dl{}
	/**タイトル**/
	.interview-detail_title{ font-size: 1.6rem; line-height: 1.4em; }
	/**SNS**/
	#interview-detail_sec .fb_list{ }
	/**見出し下**/
	.lead_txt{ font-size: 1.4rem; line-height: 1.6em; padding-bottom: 2em;}
	
	/**メイン写真**/
	.interview-detail_main-photo { padding-top: 1em; }
	.interview-detail_main-photo .photo_box{ min-width: 100%; }
	.interview-detail_main-photo figcaption{ font-size: 1.2rem; padding-top: 0.5em;}
	.interview-detail_main-photo .photo_box img{}
	.interview-detail_main-photo .photo_box + .lead_txt{ padding-top: 2em;}
    .interview-detail_main-photo .photo_box + .interiew_name{ padding-top: 1em; font-size: 1.4rem; padding-bottom: 1em;}
    .interview-detail_main-photo .photo_box + .interiew_name + .lead_txt{padding-top: 0.5em;}
    
	/**カセット**/
	* + .cassette_photo{padding-bottom:0; padding-top: 2em;}
	.cassette_photo li figure{}
	.cassette_photo li figcaption{font-size: 1rem; padding-top: 0.5em; }
	.cassette_txt { font-size: 1.4rem; line-height: 1.6em;}
	.interview-detail_cassette {/*padding-top: 2em*/;}
	.interview-detail_cassette + .interview-detail_cassette{ /*padding-top: 4em;*/} 

	.cassette_Lmid{ font-size:1.6rem; padding-bottom: 1em;}
    .cassette_Mmid{ font-size:1.6rem; }
    .cassette_Mmid .alph{ font-size:125%; }
    .cassette_Mmid small{font-size:90%; }
	[class*="cassette_txt"] { font-size: 1.4rem; line-height: 1.6em; flex-direction: column;  }
	[class*="cassette_txt"] .txt_main{ display: block;}

	[class*="cassette_txt"][class*="_withphoto"] .txt_main{ width:100%; order: 1;}
	[class*="cassette_txt"][class*="_withphoto"] .txt_photo{ width: 100%; padding-left: 0%; padding: 1em 0 2.5em 0; text-align: center!important;}
	[class*="cassette_txt"][class*="_withphoto"] .txt_photo img{ width:auto; max-height: 280px; max-width: 100%; display: inline-block;}
	[class*="cassette_txt"][class*="_withphoto"] .txt_photo figure{ text-align: center!important;}
	[class*="cassette_txt"][class*="_withphoto"] .txt_photo figcaption{ text-align: center!important; padding-bottom: 1em; font-size: 1.2rem;}
	.cassette_photo + [class*="cassette_txt"] .cassette_Mmid{ padding-top: 1.5em;}

    [id*="-detail_sec"] .inq_box{padding-top:3em;}
    [id*="-detail_sec"] .inq_box .btn_list02 li a{margin-top: 15px;}
	#interview-detail_sec .comm_btn{ text-align: center;}
    #fv-detail_sec .comm_btn{ text-align: center;}

    /**yutubeボックス**/
    .cassette_movie{ margin-top: 2em;}


    /**目次**/
    #renovation_tabcont{ margin-bottom: 0px; }
    #toc_container{ }
    #toc_container p.toc_title { font-size: 1.6rem; }
    #toc_container p.toc_title:before{ }

    #toc_container p.toc_title+ul.toc_list { padding: 0em 0.5em 0.5em 0.5em ; margin-bottom: 1em;font-size: 1.4rem; }
    #toc_container .toc_list{ }
    #toc_container .toc_list:before,
    #toc_container .toc_list:after{ border: 1em solid transparent; margin-left: -1em; }
    #toc_container .toc_list:before{bottom: -2em; }
    #toc_container .toc_list:after{ bottom: -2em; }
    #toc_container ul ul{ padding-left: 1em; padding-bottom: 0.5em; }
}