@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(common_parts.css);
@import url(common.css);


/*
 voice
==============================*/

/* voice ----------*/
#voice {}
#voice .voice_list {}
#voice .voice_list span { display: block; }
#voice .voice_list a { display: block; text-decoration: none; }
#voice .voice_list .pw { padding-top: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; }
#voice .voice_list .vol { color: #8AC255; font-size: 1.6rem; font-weight: bold; }
#voice .voice_list .h { margin-bottom: 1rem; margin-top: 2rem; color: #333; line-height: 1.4; font-size: 3rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif; }
#voice .voice_list .t { color: #999; font-weight: bold; font-size: 1.4rem; }
#voice .voice_picup {}
#voice .voice_picup a { margin-bottom: 6rem; }
#voice .voice_picup .picup { display: inline-block; margin-bottom: 2rem; padding: 0.5rem 1rem; color: #FFF; background-color: #8AC255; line-height: 1; font-size: 1.6rem; font-weight: bold; }
#voice .voice_picup .vol { font-size: 2rem; }
#voice .voice_picup .h { font-size: 4rem; }
#voice .voice_picup .t { font-size: 1.6rem; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#voice .voice_list .h { font-size: 2rem; margin-top: 1rem; }
	#voice .voice_picup .h { font-size: 3rem; }
	#voice .voice_list .t { font-size: 1.4rem; }
	#voice .voice_picup .t { font-size: 1.6rem; }
}

/* voice_page ----------*/
#voice_page {}
#voice_page .vol { color: #8AC255; text-align: center; font-size: 2rem; font-weight: bold; }
#voice_page .h { margin: 4rem 0 3rem; color: #333; text-align: center; line-height: 1.4; font-size: 4rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif; }
#voice_page .t { margin-bottom: 6rem; color: #999; text-align: center; font-weight: bold; font-size: 1.6rem; }
#voice_page .pw { margin-bottom: 6rem; padding-top: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; }
#voice_page .speakers { margin-bottom: 6rem !important; }
#voice_page .speakers .speaker { display: flex; align-items: center; }
#voice_page .speakers .speaker .p { width: 18rem; height: 18rem; margin: 0 4rem; border-radius: 18rem; background-repeat: no-repeat; background-size: cover; background-position: center; }
#voice_page .speakers .speaker .t2 {}
#voice_page .speakers .speaker .t2 .n1 { color: #028D38; font-size: 1.6rem; font-weight: bold; }
#voice_page .speakers .speaker .t2 .n2 { font-size: 2.4rem; font-weight: bold; }
#voice_page .speakers .speaker .t2 .n2 small { opacity: 1; font-weight: bold; font-size: 1.6rem; }
#voice_page .speakers .speaker-cl { position: relative; flex-direction: row-reverse; }
#voice_page .speakers .speaker-cl:after { position: absolute; top: 0; right: 0; content: ""; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.1); }
#voice_page .speakers .speaker-cl .n1, #voice_page .speakers .speaker-cl .n2 { text-align: right; }
#voice_page .speakers .speaker-cp {}
#voice_page .interview {}
#voice_page .interview li { display: flex; margin-bottom: 2rem; padding: 4rem; background-color: rgba(138, 194, 85, 0.15); }
#voice_page .interview li.cl { background-color: #F6F6F6; }
#voice_page .interview li .speaker {}
#voice_page .interview li .speaker span { display: block; width: 16rem; margin-right: 2rem; padding: 1.5rem 0.5rem; border-radius: 0.5rem; color: #FFF; text-align: center; line-height: 1; font-size: 1.8rem; font-weight: bold; }
#voice_page .interview li.cl .speaker span { background-color: #666; }
#voice_page .interview li.sl .speaker span { background-color: #028D38; }
#voice_page .interview li .text {}
#voice_page .img { margin-top: 6rem; }
#voice_page .pre_next_link { margin-top: 6rem; }
#voice_page .pre_next_link { margin-bottom: 6rem !important; }
#voice_page .pre_next_link li { display: flex; align-items: center; }
#voice_page .pre_next_link li a { text-decoration: none; }
#voice_page .pre_next_link li a span { display: block; }
#voice_page .pre_next_link li.pre { position: relative; flex-direction: row-reverse; padding-right: 4rem; }
#voice_page .pre_next_link li.nex { padding-left: 4rem; }
#voice_page .pre_next_link li.pre:after { position: absolute; top: 0; right: 0; content: ""; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.1); }
#voice_page .pre_next_link li .n1 { color: #028D38; font-size: 1.6rem; font-weight: bold; }
#voice_page .pre_next_link li .n2 { color: #333; font-size: 2.4rem; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif; }
#voice_page .pre_next_link li.pre .n1, #voice_page .pre_next_link li.pre .n2 { text-align: right; }
#voice_page .bt { margin-top: 4rem; max-width: 46rem; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#voice_page .vol { font-size: 2rem; }
	#voice_page .h { margin: 2rem 0 1.5rem; font-size: 3rem; }
	#voice_page .t { margin-bottom: 3rem; }
	#voice_page .speakers .speaker .p { width: 16rem; height: 16rem; margin: 0 2rem; }
	#voice_page .speakers .speaker-cl:after { display: none; }
	#voice_page .interview li { display: flex; flex-flow: wrap; }
	#voice_page .interview li .speaker span { margin-bottom: 2rem; }
	#voice_page .interview li .text { width: 100%; }
}