@charset "UTF-8";
/* CSS Document */
/*基本cssはseifusoを利用*/

h3,
h4,
h5 {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ,sans-serif;
}

.fc_373f43{color: #373f43;}
.fc_fff{color: #FFFFFF;}

/*=========================================*/
.top_visu{
	padding-bottom: 3em;
	margin: 0;
}

.top_visu_box{
	margin-bottom: 3rem;
}

.top_visu_box .tvb_inner{
	width: 90%;
	margin: 0 auto;
}

.top_visu_box .tvb_inner_tlt{
	padding: 1rem;
}

.top_visu_box .tvb_inner_tlt h3{
	font-size: 40px;
	font-weight: 600;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.top_visu_box .tvb_inner_tlt h3{
		padding-top: 3px;
		font-size: 2.2rem;
	}
}

.top_visu_box .tvb_inner_sub{
	padding: 1rem 1rem 2rem;
	border-bottom: solid #ddd 1px;
	line-height: 2.0rem;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.top_visu_box .tvb_inner_sub{
		padding: 0 1rem 2rem;
		font-size: 1.3rem;
	}
}

/* pc */
@media only screen 
and (min-width : 641px) {
	.top_visu_box .tvb_inner_sub p{
		font-size: 18px;
	}
}

.ai_top_visu{
	padding-bottom: 3em;
	margin: 0;
	position: relative;
}

.ai_top_visu_box{
	position: absolute;
	right: 8%;
	top: 8%;
	margin-bottom: 2rem;
}
.ai_top_visu_box h3{
	font-size: 35px;
	font-weight: 600;
	padding: .8rem .5rem;
}
.ai_top_visu_box p{
	display: inline-block;
	padding: .8rem 0;
	margin-left: .8rem;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.ai_top_visu_box {
		right: 5%;
	}
	.ai_top_visu_box h3{
		font-size: 14px;
	}
	.ai_top_visu_box p{
		font-size: 16px;
	}
}
/* tab */
@media only screen 
and (min-width : 641px) 
and (max-width : 960px) {
	.ai_top_visu_box {
		right: 5%;
	}
	.ai_top_visu_box h3{
		font-size: 20px;
	}
	.ai_top_visu_box p{
		font-size: 17px;
	}
}

/*=========================================*/
.article_inner{
	width: 80vw;
	margin: 0 auto;
	box-sizing: border-box;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_inner{
		width: 100vw;
		margin: 0 auto;
	}

}

/* tab */
@media only screen 
and (min-width : 640px) 
and (max-width : 960px) {

}

/* Large */
@media only screen 
and (min-width : 1200px) {
	.top_visu_box .tvb_inner_tlt{
		display: inline-block;
	}
	
}

.tags span{
	display: inline-block;
	line-height: 1.2rem;
	color: #333333;
	border: solid 1px #333333;
	border-radius: 1em;
	padding: 0 1em 0;
	margin-right: .5em;
	font-size: .7em;
}

.tags span::before{
	content: "# ";
}

/*article_indexのところ*/
.ai_box {
	margin-bottom: 70px;
}
.ai_box > div{
	margin: 25px 0;
}
.ai_box p{
	margin: 0;
	font-size: 18px;
	line-height: 2.5rem;
}
/* pc */
@media only screen 
and (min-width : 641px) {
	.ai_box_text {
		padding-left: 4rem;
	}
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.ai_box p{
		padding: 15px;
		font-size: 14px;
		line-height: 1.8;
	}
	.ai_box > div{
		margin: 10px 0;
	}
}


/*=========================================*/
.article_main{
	width: 80vw;
	margin: 0 auto;
	box-sizing: border-box;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_main{
		width: 90vw;
	}	
}
/*=========================================*/
.article_container{
	width: 85%;
	margin: 0 auto;
	padding: 2rem 2rem 10rem;
	box-sizing: border-box;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_container{
		width: 100%;
		margin: 0;
		padding: 0 0 5rem 0;
	}
}

/*============= お喋りゲスト紹介 ===========*/
.article_section_intro{
	margin-bottom: 80px;
	color: #333;
}
.article_section_intro p{
	font-size: 1.0rem;
	line-height: 1.9rem;
	margin-bottom: 60px;
	text-align: justify;
}
.article_section_intro h4{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 50px;
}
.article_section_intro h5{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
}
.article_section_intro img{
	padding-right: 25px;
	margin-bottom: 60px;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.article_section_intro{
		margin-bottom: 30px;
		font-size: 1.3rem;
	}
	.article_section_intro p{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.article_section_intro h4{
		font-size: 2.0rem;
		margin-bottom: 30px;
	}
	.article_section_intro h5{
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
	.article_section_intro img{
		padding: 0;
		margin-bottom: 20px;
	}
}

/*============= 文字横のアイコン ============*/
.left_icon {
	height: 1.6rem;
	margin: 0 12px 0 0;
	vertical-align: text-bottom;
}

@media only screen 
and (max-width : 640px) {
	.left_icon {
		height: 2.0rem;
		margin: 0 7px 0 0px;
	}
}

/*================================ //ここまで共通↑ ============================*/

a.link_v1{
	font-weight: bold;
	color: inherit;
	border-bottom: solid 1px #373f43;
}

.article_section_talk{

}

.article_section_talk .talk_ttl{
	text-align: center;
	font-weight: bold;
/*	margin-bottom: 2em;*/
}

.talk_mt_large{
	margin-top: 6rem;
}

.gc01 { color: #f18383; }
.gc02 { color: #004d96; }
.gc03 { color: #333333; }

.talk_set{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
	margin-bottom: 4rem;
}

.talk_set .talk_name{
	font-weight: bolder;
	font-size: 1.2rem;
	box-sizing: border-box;
	flex-basis: 4em;
}

.talk_set .talk_talk{
	margin-top: -.3rem; /*名前とのline-heightを揃える*/
	line-height: 2.2;
	box-sizing: border-box;
	flex: 1;
}

.talk_set.couple{
	align-items: center;
}

.talk_img{
	width: 100%;
	margin-bottom: 4rem;
}

.talk_img img{
	width: 100%;
}

.a_bb{
	border-bottom: solid 1px #333333;
}

@media only screen 
and (max-width : 640px) {
	.talk_set{
		display: block;
	}
	
	.talk_set .talk_name{
		display: flex;
		margin-bottom: .2em;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.talk_set .talk_talk{
		margin-top: 0; /*名前とのline-heightを揃える必要なし*/
		line-height: 1.6;
		font-size: 1.4rem;
	}
	
}