@charset "UTF-8";
/* CSS Document */

.kouhou_leed{ text-align: center; margin: 0; font-weight: bold;}
main{ overflow: hidden;}
@media (min-width: 768px) {
.kouhou_list{ display: flex; flex-wrap: wrap; margin: 30px -15px -15px; padding-bottom: 100px;}
.kouhou_list>.kouhou_box{ width: calc(33.33% - 30px); margin: 20px 15px; padding: 10px 15px;}
.kouhou_list>.talk_box{ width: calc(33.33% - 30px); margin: 20px 15px;}
.kouhou_list>.kouhou_box>.kouhou_midashi{ font-size: 14px;}
.kouhou_list>.kouhou_box>.new::before { border-width: 70px 70px 0 0;}
.kouhou_list>.kouhou_box>.new::after { border-width: 73px 73px 0 0;}
.kouhou_list>.kouhou_box>.new{ font-size: 14px; padding: 10px 0 0 5px;}

.kouhou_list>.talk_slide{ width: calc(33.33% - 30px); margin: 20px 15px;}
}
@media (max-width: 767.98px) {
.kouhou_list>.kouhou_box,
.kouhou_list>.talk_box,
.kouhou_list>.talk_slide{ margin-top: 30px;}
}


.kouhou_list>.talk_box{ position: relative; z-index: 3;}
.talk_slide{ position: relative; z-index: 1;}
.talk_slide .swiper-button-next,
.talk_slide .swiper-button-prev,
.talk_slide .swiper-button-next,
.talk_slide .swiper-button-prev{ background-image: url(../../common/images/arrow/slide_circle.svg);}
.talk_slide .swiper-button-prev { transform: rotate(180deg); transform-origin: center;}
.talk_slide .swiper-slide{ opacity: 0; transition: .3s; visibility: hidden;}
.talk_slide .swiper-slide.swiper-slide-active{ opacity: 1; visibility: visible;}



@media (min-width: 768px) {
#kouhou_index{ padding-bottom: 250px;}
.kouhou_01{ background: url("../images/back/right.png") no-repeat right calc(50% - 650px) top 140px / 500px auto,
url("../images/back/left.png") no-repeat left calc(50% - 690px) top 160px / 360px auto,
url("../images/back/bottom.png") no-repeat left calc(50% + 20px) bottom -115px / 1100px auto;}
}
@media (max-width: 767.98px) {
#kouhou_index{ padding-bottom: 36%;}
.kouhou_01{ background: url("../images/back/01.png") no-repeat right bottom -0.5% / 90% auto;}
}







.kouhou_detail{}
@media (min-width: 768px) {
.kouhou_list{ margin-top: -15px;}
.kouhou_detail{ margin: 45px 0 0 0;}
}
@media (max-width: 767.98px) {
.kouhou_detail{ margin: 30px 0 0 0;}
}






.ct_title,
.ct_box{ display: none;}
.kouhou_detail{ margin: 0;}
@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
.kouhou_list{ margin-top: -30px;}

}







#kouhou_detail.kouhou_box{}
#kouhou_detail>.icon_box{ border-bottom: 4px black dotted; display: flex; align-items: center; flex-wrap: wrap;}
#kouhou_detail>.icon_box>span{}
#kouhou_detail>.icon_box>span.text{ width: auto; display: flex; align-items: center; padding: 0 1em; font-weight: bold; border: 2px solid black;}
@media (min-width: 768px) {
#kouhou_detail.kouhou_box{ padding: 0 50px 50px;}

#kouhou_detail>.icon_box{ margin: 0 -50px 50px; padding: 0 50px; height: 80px;}
#kouhou_detail>.icon_box>span{ margin: 3px; width: 30px;}
#kouhou_detail>.icon_box>span.text{ height: 26px; border-radius: 5px; margin: 3px 12px;}
}
@media (max-width: 767.98px) {
#kouhou_detail.kouhou_box{ padding: 0 10px 10px;}

#kouhou_detail>.icon_box{ margin: 0 -10px 30px; padding: 0 9px; height: 40px;}
#kouhou_detail>.icon_box>span{ margin: 1px; width: 20px;}
#kouhou_detail>.icon_box>span.text{ height: 20px; border-radius: 5px; font-size: 10px; margin: 1px 5px;}

}







.lead_ribbon{ background-color: black; color: white; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.lead_ribbon::before,
.lead_ribbon::after{ content: ""; display: block; position: absolute; top: -1px; height: calc(100% + 2px); background-color: white;}
.lead_ribbon::before{ left: -1px; clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.lead_ribbon::after{ right: -1px; clip-path: polygon(0 50%, 100% 100%, 100% 0);}
.lead_ribbon>strong::after{ content: ""; display: block; position: absolute; background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 10;}
.midashi_kouhou{ text-align: center; font-weight: bold; line-height: 1.35em;}
.main_img{ display: block; margin: 0 auto;}
@media (min-width: 768px) {
.lead_ribbon{ height: 40px; width: 70%; padding: 0 60px;}
.lead_ribbon::before,
.lead_ribbon::after{ width: 20px;}
.lead_ribbon>strong{ font-size: 26px;}
.lead_ribbon>.size-2{ font-size: 24px;}
.lead_ribbon>strong::after{ width: 200px; height: 125px; right: -100px; top: calc(50% - 62px);} 
.midashi_kouhou{ font-size: 40px; margin: 30px 0;}
.main_img{ width: 80%;}


.ct07 .lead_ribbon{ width: 80%;}

}
@media (max-width: 767.98px) {
.lead_ribbon{ height: 60px; width: 100%; padding: 0 30px;}
.lead_ribbon::before,
.lead_ribbon::after{ width: 20px;}
.lead_ribbon>strong{ font-size: 16px;}
.lead_ribbon>strong::after{ width: 160px; height: 100px; right: -80px; top: calc(50% - 50px);} 
.midashi_kouhou{ font-size: 30px; margin: 25px 0;}
.main_img{ width: 100%;}

}







.people_box{ background-color: #efeee8; position: relative;}
.people_text{ background-color: black; color: white; position: absolute; left: 0; font-weight: bold; display: flex; align-items: center;}
.people_flex{}
.people_flex>div{ display: flex; align-items: center; justify-content: space-between;}
.people_flex>div>div{}
.people_flex>div>p{ margin: 0; font-weight: bold;}
.people_flex>div>p>strong{}
.people_flex.guest>p{ margin: 0;}
.people_flex.guest>div>p>strong{}
.people_staff{ line-height: 1em; position: relative; min-height: 1em;}
.people_staff>span{ background-color: #efeee8; display: inline-block; position: relative; z-index: 2; padding-right: .5em;}
.people_staff::before{ content: ""; display: block; height: 1px; background-color: #231815; width: 99%; right: 0; top: 50%; position: absolute; z-index: 1;}

@media (min-width: 768px) {
.people_box{ margin: 45px 0; padding: 45px 30px 30px;}
.people_text{clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%); height: 30px; top: -15px; padding: 0 30px 0 10px;}
.people_flex{ display: flex; flex-wrap: wrap; margin: -15px;}
.people_flex>div{ width: calc(33% - 30px); margin: 15px;}
.people_flex>div>div{ width: 100px;}
.people_flex>div>p{ font-size: 14px; width: calc(100% - 120px);}
.people_flex>div>p>strong{ font-size: 18px;}

.people_flex.flex_4{}
.people_flex.flex_4>div{ width: calc(50% - 30px);}

.people_flex.guest{ display: flex; align-items: center;}
.people_flex.guest>div{ width: calc(33% - 15px); margin: 15px 0 15px 15px;}
.people_flex.guest>p{ width: 64%; font-size: 12px; padding-left: 15px;}

.people_staff{ margin: 30px 0 20px;}
}
@media (max-width: 767.98px) {
.people_box{ margin: 45px 0; padding: 25px 10px 10px;}
.people_text{clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%); height: 30px; top: -15px; padding: 0 30px 0 10px; font-size: 12px;}

.people_flex{ display: flex; flex-wrap: wrap; margin: 0;}
.people_flex>div{ width: 100%; margin: 5px 0;}
.people_flex>div>div{ width: 100px;}
.people_flex>div>p{ font-size: 14px; width: calc(100% - 120px);}
.people_flex>div>p>strong{ font-size: 18px;}
.people_flex.guest>p{ font-size: 10px;}

.people_staff{ margin: 30px 0 10px;}
}







.dialogue_box{}
.dialogue_box>h2{ font-weight: bold; line-height: 1.4em;}
.dialogue_box>p.talk_p{ margin: 0; line-height: 2.25em;}
.dialogue_box>p.talk_p>strong{ background-color: #dddccf; display: inline-block; font-weight: normal; padding: .125em .5em; margin-right: .5em; line-height: 1.25em;}

.dialogue_box>p.talk_p:nth-child(n+2){ margin-top: 1.5em;}
.dialogue_box>p.talk_p.guest{ font-weight: bold;}
.dialogue_box>p.talk_p.guest>strong{ background-color: black; color: white;}
.dialogue_box>img{ display: block;}

@media (min-width: 768px) {
.dialogue_box{ margin: 100px 0 0;}
.dialogue_box>h2{ font-size: 18px; margin: 0 0 0.25em;}
.dialogue_box>p.talk_p{ font-size: 16px;}
.dialogue_box>img{ margin: 30px 0;}

.dialogue_box>p.talk_p>strong{ display: inline;}
.dialogue_box>p.talk_p{ text-indent: -3.5em; padding-left: 3.5em;}
.dialogue_box>p.talk_p.text1{ text-indent: -2.5em; padding-left: 2.5em;}
.dialogue_box>p.talk_p.text3{ text-indent: -4.5em; padding-left: 4.5em;}
.dialogue_box>p.talk_p.text4{ text-indent: -5.5em; padding-left: 5.5em;}


}
@media (max-width: 767.98px) {
.dialogue_box{ margin: 60px 0 0;}
.dialogue_box>h2{ font-size: 16px; margin: 0 0 0.25em;}
.dialogue_box>img{ margin: 20px 0;}
}








.ct01 .lead_ribbon,
.ct01 .people_text,
.ct01 .dialogue_box>p.talk_p.guest>strong{ background-color: #69b921;}
.ct01 .midashi_kouhou,
.ct01 .people_flex.color>div>p,
.ct01 .dialogue_box>p.talk_p.guest{ color: #69b921;}
.ct01 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/01.png");}



.ct02 .lead_ribbon,
.ct02 .people_text,
.ct02 .dialogue_box>p.talk_p.guest>strong{ background-color: #fe5518;}
.ct02 .midashi_kouhou,
.ct02 .people_flex.color>div>p,
.ct02 .dialogue_box>p.talk_p.guest{ color: #fe5518;}
.ct02 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/02.png");}

.ct03 .lead_ribbon,
.ct03 .people_text,
.ct03 .dialogue_box>p.talk_p.guest>strong{ background-color: #64be7f;}
.ct03 .midashi_kouhou,
.ct03 .people_flex.color>div>p,
.ct03 .dialogue_box>p.talk_p.guest{ color: #64be7f;}
.ct03 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/03.png");}

.ct04 .lead_ribbon,
.ct04 .people_text,
.ct04 .dialogue_box>p.talk_p.guest>strong{ background-color: #f8597e;}
.ct04 .midashi_kouhou,
.ct04 .people_flex.color>div>p,
.ct04 .dialogue_box>p.talk_p.guest{ color: #f8597e;}
.ct04 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/04.png");}

.ct05 .lead_ribbon,
.ct05 .people_text,
.ct05 .dialogue_box>p.talk_p.guest>strong{ background-color: #aa762e;}
.ct05 .midashi_kouhou,
.ct05 .people_flex.color>div>p,
.ct05 .dialogue_box>p.talk_p.guest{ color: #aa762e;}
.ct05 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/05.png");}

.ct06 .lead_ribbon,
.ct06 .people_text,
.ct06 .dialogue_box>p.talk_p.guest>strong{ background-color: #f4a000;}
.ct06 .midashi_kouhou,
.ct06 .people_flex.color>div>p,
.ct06 .dialogue_box>p.talk_p.guest{ color: #f4a000;}
.ct06 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/06.png");}

.ct07 .lead_ribbon,
.ct07 .people_text,
.ct07 .dialogue_box>p.talk_p.guest>strong{ background-color: #6cc5b8;}
.ct07 .midashi_kouhou,
.ct07 .people_flex.color>div>p,
.ct07 .dialogue_box>p.talk_p.guest{ color: #6cc5b8;}
.ct07 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/07.png");}

.ct08 .lead_ribbon,
.ct08 .people_text,
.ct08 .dialogue_box>p.talk_p.guest>strong{ background-color: #4071b2;}
.ct08 .midashi_kouhou,
.ct08 .people_flex.color>div>p,
.ct08 .dialogue_box>p.talk_p.guest{ color: #4071b2;}
.ct08 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/08.png");}

.ct09 .lead_ribbon,
.ct09 .people_text,
.ct09 .dialogue_box>p.talk_p.guest>strong{ background-color: #49238d;}
.ct09 .midashi_kouhou,
.ct09 .people_flex.color>div>p,
.ct09 .dialogue_box>p.talk_p.guest{ color: #49238d;}
.ct09 .lead_ribbon>strong::after{ background-image: url("../../oiac/images/ct_list/09.png");}
@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {
.kouhou_box.blank_box{ margin-bottom: 120px;}
}
@media (max-width: 767.98px) {
.kouhou_box.blank_box { margin-bottom: 70px;}
}







@media (min-width: 768px) {
	.bucho{
      text-emphasis: filled dot;
      -webkit-text-emphasis: filled dot;
	}
}
@media (max-width: 767.98px) {}



.shuzai_day{}
@media (min-width: 768px) {
.shuzai_day{ margin: 5em 0 0;}
}
@media (max-width: 767.98px) {
.shuzai_day{ margin: 3em 0 0;}
.shuzai_day>small{ display: block; text-indent: -1em; padding-left: 1em;}
}




@media (min-width: 768px) {
.btn_base.page_top{ margin-top: 100px;}
.btn_base.page_top.kouhou_top{ margin-bottom: 100px; margin-top: 0;}
}
@media (max-width: 767.98px) {
.btn_base.page_top{ margin-bottom: 20px; margin-top: 60px;}
.btn_base.page_top.kouhou_top{ margin-bottom: 10px; margin-top: 60px;}
}





.talk_ct02_slide{ z-index: 2;}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}