@charset "UTF-8";

.voice li{padding: 6vw;background: #fff;border-radius: 20px;-moz-box-shadow: 0 0 12px rgb(242 170 163 / 30%);-webkit-box-shadow: 0 0 12px rgb(242 170 163 / 30%);box-shadow: 0 0 12px rgb(242 170 163 / 30%);margin-bottom: 6vw;}
.voice li:last-child{margin-bottom: 0;}
.voice li p {margin-bottom: 3vw;}
.voice li p span{background: #fdf6d1;}
.voice li p.read{font-weight: bold;margin-bottom: 2vw;font-size: 4.4vw;line-height: 1.6;color: var(--pink);}
.voice li p.sub{background: #fff3f2;padding: 4%;font-size: 3.4vw;line-height: 1.6;border-radius: 10px;}
.voice li p.sub a{font-weight: bold;display: inline-block;color: var(--pink);}
.voice li p.sub a:after{content: "\f08e";font-family: 'icon';}
.voice li p:last-child{margin-bottom: 0;}

/* 以下共通あり */
.top-voice-item-title { padding-bottom: 4vw; margin-bottom: 5vw; font-weight: bold; text-align: center; border-bottom: 1px dotted #ccc; }
.top-voice-item-title .name {margin-bottom: 2vw;font-size: 6vw;display: block;}
.top-voice-item-title .status {font-size: 3.6vw;display: block;}

.top-voice-item-image {width: 70vw;margin: 0 auto 6vw;position: relative;}
.top-voice-item-image .image {width:80%;margin: 0 auto;}
.top-voice-item-image .deco { width: 35vw; z-index: 1; position: absolute; bottom: 1vw; right: 0; }


.interview{margin-bottom: 12vw;}
.interview li .top-voice-item-image .image{border-radius: 10px;}

.voice .intro{padding: 6vw;background: #fffbf6;}
.voice .intro dl{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content:space-between;flex-wrap: wrap;align-items: center;border-bottom: 1px dashed #eae9e7;padding-bottom: 5vw;margin-bottom: 5vw;}
.voice .intro dl:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom:none;}
.voice .intro dt{font-weight: 600;color:var(--pink);line-height: 1.4;text-align: center;width: 30%}
.voice .intro dd{line-height: 1.4;text-align: justify;width: 60%;}
.voice .intro dd p{line-height: 1.4;margin-bottom: 3vw;}
.voice .intro dd p:last-child{margin-bottom: 0;}

.pickup .top-ttl{font-weight: 600;font-size: 150%;color: var(--red);line-height: 1.4;}
.pickup .top-ttl span{font-size: 60%;display: table;background: var(--red);color:#fff;padding: 1vw 3vw;line-height: 1;margin-bottom:2vw}

.inter img{margin-bottom:5%;border-radius: 10px;}
.inter{margin-bottom:8vw}
.inter li{margin-bottom:12%;}
.inter li:nth-last-child(1){margin-bottom:0;}
.inter .textbox{position:relative;}
.inter .title{font-size:6vw;line-height: 1.4;margin-bottom:3%;}
.inter .sub{display:inline-table;background:var(--red);color:#fff;padding:1% 3%;margin-bottom: 0;font-weight: 600;}
.inter .name{font-size:6vw;letter-spacing: 3px;}
.inter .name small{font-size:60%;letter-spacing: 0;}
.inter .deco{font-family: bicyclette;font-weight: 600;position:absolute;color:#ffedef;font-size: 18vw;bottom:-3vw;right:0;z-index:-1;}
.inter dl{line-height:1.75;margin-bottom:5%;}
.inter dt{background:#fffbf6;;padding:2% 3%;font-size:3.6vw;margin-bottom:3%;line-height:1.6;}
.inter dd{font-size:95%;}

.thumbnai .movie{height: 180px;}


.thumbnail{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: justify;justify-content: center;flex-wrap: wrap;margin-bottom: 8vw;gap:3%;}
.thumbnail li{width: 48%;margin-bottom: 3%}
.thumbnail li img{width: 100%;}
.thumbnai p.thumbnai-ttl{text-align: center;padding: 3vw 0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;font-size: 110%;line-height: 1.4;}









/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) { 

.voice li{padding: 40px;margin-bottom: 30px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.voice li p {margin-bottom: 20px;}
.voice li p.read{margin-bottom: 10px;font-size: 20px;}
.voice li p.sub{padding: 20px;font-size: 14px;}
.voice li p.sub a{font-weight: bold;display: inline-block;color: var(--pink);}
.voice li p.sub a:after{content: "\f08e";font-family: 'icon';}
.voice li p:last-child{margin-bottom: 0;}
	
.voice li .text{width: 63%;}

/* 以下共通あり */
	
.top-voice-item-image .image{width: 290px;}
.top-voice-item-image .text{width: 70%;}
.top-voice-item-image { width:290px;margin:0;}
.top-voice-item-image .deco {width: 135px;bottom: 4px;right: 30px;}
.top-voice-item-title {padding-bottom: 22px;margin-bottom: 18px;text-align: left;}
.top-voice-item-title .name {margin-bottom: 0;font-size: 26px;display: inline-block;}
.top-voice-item-title .status {font-size: 16px;display: inline-block;}
	
.interview{margin-bottom: 100px}
	
.interview li .top-voice-item-image{width:215px;margin: 0;}
.interview li .text{width: 72%;}
.interview .top-voice-item-image .image {width:215px}
	
.voice .intro{padding: 25px;}
.voice .intro dl{padding-bottom: 20px;margin-bottom: 20px;}
.voice .intro dt{width: 25%;font-size: 14px;margin-bottom: 0;}
.voice .name dt::after{position:absolute;left: 165px;width: 60px;}
.voice .name .double::after{left: 343px;}
.voice .intro dd{width: 70%;}
.voice .intro dd p{margin-bottom: 10px;}
	
.pickup .top-ttl{margin-bottom: 15px;}
.pickup .top-ttl span{padding: 5px 10px;margin-bottom: 10px;}
	
.inter{margin-bottom: 80px;}
.inter li{margin-bottom:60px;padding-bottom: 40px;border-bottom:1px dashed #ccc;}
.inter li:nth-last-child(1){margin-bottom:0;padding-bottom:0;border:none;}
.inter img{width:335px;display:inline-block;margin-bottom: 20px;}
.inter .textbox{width: 560px;display:inline-block;vertical-align:top;margin-left: 30px;}
.inter .title{font-size:30px;}
.inter .name{font-size: 34px;line-height: 1.2;letter-spacing: 6px;}
.inter .name small{font-size:18px;}
.inter .deco{font-size: 80px;bottom: 0;}
.inter .sub{font-size: 16px;margin-bottom: 10px;padding: 2px 18px;}
.inter dl{margin-bottom: 20px;}
.inter dt{font-size:18px;padding: 10px 0 10px 20px;margin-bottom: 10px;}
	
.thumbnai .movie{height:480px;}
	
.thumbnail{justify-content:center;gap:12px;margin-bottom: 60px;}
.thumbnail li{margin-bottom: 0;width:24%;}
.thumbnai p.thumbnai-ttl{line-height: 1;padding: 20px;}

	

}