@charset "UTF-8";
main{background-image: url("../img/bk.png");}
main h2{background-image: url("../img/bg_line.png");}
main h3{
	color: #f68541;
	padding:25px 0;
	font-weight: bold;
	font-size: 2.2rem;
	text-align: center;
	background:url(../img/title_bk.png) center/100% no-repeat;
	}
main h4{
	margin: 100px 0 60px;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 1.2;
	text-align: center;
}
main .anchors + h4{margin-top: 50px;}
#side ul li.current{background-color: rgba(255, 245, 168, 1);}

ul.member{
	width:94%;
	padding:3%;
	border-radius:12px;
	background:#fff3ec;
	overflow:hidden;
	margin:0 auto 40px;
}
ul.member li{
	position:relative;
	float:left;
	width:49%;
	text-align:left;
	font-size:13px;
	margin:0 2% 40px 0;
	padding:0 0 0 140px;
	box-sizing:border-box;
}
ul.member li:nth-child(2n){margin-right:0;}
ul.member li strong{
	display:block;
	font-size:16px;
	padding-top:10px;
}

ul.member li:before{
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	content:"";
	width:120px;
	height:120px;
}
ul.member li.makoto:before{background:url("../img/makoto.png") center/100% no-repeat;}
ul.member li.dr:before{background:url("../img/dr.png") center/100% no-repeat;}
ul.member li.kokoro:before{background:url("../img/kokoro.png") center/100% no-repeat;}
ul.member li.mama:before{background:url("../img/mama.png") center/100% no-repeat;}
ul.member li.daichi:before{background:url("../img/daichi.png") center/100% no-repeat;}
ul.member li.satoru:before{background:url("../img/satoru.png") center/100% no-repeat;}
ul.member li.genki:before{background:url("../img/genki.png") center/100% no-repeat;}
dl.talk_dl{
	display:table;
	width:100%;
	margin:0 auto 40px;
	padding:0;
}
dl.talk_dl dt{
	position:relative;
	display:table-cell;
	vertical-align: top;	
	width:23%;
	margin:0;
	padding:0;
}
dl.talk_dl dt img{
	display:block;
	margin:0;
}
dl.talk_dl dd{
	position:relative;
	text-align:left;
	display:table-cell;
	vertical-align: middle;	
	width:73%;
	padding:0 2%;
	font-weight:600;
	letter-spacing: 0.2pt;
	margin:0;
	background:#fff;
	border-radius:16px;
	border:5px solid #ffed61;
}
dl.talk_dl dd::before,
dl.talk_dl dd::after{
	content: "";
	position: absolute;
	display:inline-block;
	top:55px;
	width: 0;
	height: 0;
}
dl.talk_dl dd::before{
	left: -50px;
	margin-top:-5px;
	border-style: solid;
	border-color: transparent #ffed61 transparent transparent;
	border-width: 20px 30px 20px 20px;
}
dl.talk_dl dd::after{
	left: -38px;	
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	border-width: 15px 25px 15px 15px;
	z-index: 10;
}
/*.excuse{
	width:100%;
	background:url("../02/img/under_bk.png") center center/100% no-repeat;
	margin:0 auto;
	padding:0 5%;
	box-sizing:border-box;
}*/
.excuse{
	padding:20px;
	background:#fffcfa;
	border:1px solid #fac19e;
	border-radius:12px;
}
.excuse p{
	color:#444;
	font-size:15px;
	line-height:2em;
	padding:3em 0;
}
.excuse.illust p{
	padding:3em 28% 3em 0;
	background:url("../02/img/illust.png") right center/25% no-repeat;
}
br.sp{display:none;}

@media screen and (min-width: 1024px) {

}

@media screen and (max-width: 768px) {
ul.member {display:block;}
ul.member{
	width:94%;
	padding:3%;
	}
ul.member li{
	display:block;
	float:none;
	width:auto;
	padding:0 0 0 80px;
	margin-bottom:20px;
}
ul.member li:before{
	top:10px;
	width:70px;
	height:70px;
}

dl.talk_dl{margin:0 auto 20px;}
dl.talk_dl dt{
	width:25%;
	padding:0 5% 0 0;
}
dl.talk_dl dd{
	font-size:13px;
	width:64%;
	padding:3%;
	border:3px solid #ffed61;
}
dl.talk_dl dd::before,
dl.talk_dl dd::after{top:20px;}
	
dl.talk_dl dd::before{
	left: -30px;
	margin-top:-3px;
	border-style: solid;
	border-color: transparent #ffed61 transparent transparent;
	border-width: 10px 20px 10px 10px;
}
dl.talk_dl dd::after{
	left: -20px;	
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	border-width: 7px 14px 7px 7px;
	z-index: 10;
}	
	
.excuse{
	padding:20px;
	background:#fffcfa;
	border:1px solid #fac19e;
	border-radius:12px;
}
.excuse p{
	color:#444;
	font-size:15px;
	line-height:2em;
	padding:0;
}
.excuse.illust p{
	padding:110px 0 0;
	background:url("../02/img/illust.png") top center/90px no-repeat;
}
main h3{
	font-size: 1.6rem;	
	padding:4rem 10px;
	background:url(../img/title_bk_sp.png) center/100% no-repeat;
	}
}

@media screen and (max-width: 420px) {

br.sp{display:inline;}	
}