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


figure {
	margin: 0;
}
body {
	background: url(img/bg_body.png), linear-gradient(0deg, rgba(255,255,255,1) 28%, rgba(250,233,224,1) 100%);	
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;	
	background-size: auto 1832px;
}
body main{
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.7 !important;
	font-feature-settings: "palt";
}

h1,
h2,
h3,
h4{
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 20px;
}

.hero{
	text-align: center;
	margin: 110px auto 0px;	
}
.hero img{
	max-width: 805px;
	width: 100%;
	height: auto;
}

.hero h2{
	line-height: 1.5;
	margin-bottom: 20px !important;
}
.hero p{
	margin-bottom: 40px !important;
	line-height: 1.7;
}

xh2.member{
	transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
}

h2.member{
	xpadding-left: 14px;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

.members{
	display: flex;
	xflex-gap: 0 20px;
	flex-wrap: wrap;
	align-items: bottom; 
	justify-content: space-around;
	max-width: 860px;
	margin: 20px auto;
	padding: 0 !important;
	
	box-sizing: border-box;
	text-align: center;
}
.eachmember:nth-child(4), 
.eachmember:nth-child(5){
	margin-top: 0px;
}
.eachmember{
	max-width: 236px;
	text-align: center;
	padding: 0px !important;		
}

.eachmember figure{
	height: auto;
	padding: 0px !important;
}
.eachmember figure img{
	width: 100% !important;
	text-align: center !important;
}
.description{
	margin-left: 12px;
	margin-top: 5px;
}
.description h3{
	font-size: 17px;
	line-height: 1;
	color: #0A58AB;
	margin-top: 0px;
	font-weight: 700;
}
.description h3 span{
	font-size: 14px;
	xmargin-top: -10px;
}

.description p{
	font-size: 15px;	
	margin-top: -15px;
	text-align: center;
	line-height: 1.7 !important;
}
	.description p br{
		display: none;
	}




.interview{
	max-width: 960px;
	margin: 30px auto 50px;
	box-sizing: border-box;
	padding: 0 20px;
	line-height: 1.7 !important;
}
.interview h2{
	margin-left: -1.4em;
	margin-top: 60px;
}
.interview p{
	font-size: 16px;
}

.interview h2+figure img{
	max-width: 960px;
	min-width: 360px;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
			
}

.interview div.answers{
	display: flex;
	text-align: left;
	align-items: center;
	margin-top: 20px !important;
	padding: 0px 40px !important;	
	
	xjustify-content: space-around;
	line-height: 1.7 !important;	
}
.interview figure+div.answers{/*最初の回答欄*/
	margin-top: 30px;
}
.interview div.answers figure span{
	font-size: 13px;
	display: block;
	margin-top: 5px;
}
.interview div.answers figure{
		max-width: 85px;
		min-width: 65px;
		flex: 0 0 85px;
		height: auto;
		text-align: center;
			
}
.interview div.answers figure img{
		width: 100%;
}
.interview div.answers p{		
		max-width: 760px;
		margin-left: 15px;
	padding-bottom: 1em;
	padding-top: 0px;
	
	line-height: 1.7;
	}


.interview div.answers.q6 figure{
	max-width: 200px;
	min-width: 160px;
}


.attention_talk{
	text-align: center;
	margin: 40px auto;
	font-size: 0.8rem;
}

.bgcut{
	margin: 40px auto 100px;
	xborder: 1px solid #CCCCCC;
	box-sizing: border-box;

}
.bgcut img{
	max-width: 100%;
	height: auto;	
	text-align: center;
	width: 100%;
}
.bgcut#bg1 img,
.bgcut#bg4 img,
.bgcut#bg5 img{
	max-width: 918px;
	width: 100%;
	height: auto;
}



.tiebg{
	display: flex;
	align-items: baseline;
	
}
.tiebg figure:nth-child(2){
	align-self: flex-end;
	
	margin-bottom: -10px;
}






@media (max-width: 767px) {
	
body {
	background: url(img/bg_bodySP.png), linear-gradient(0deg, rgba(255,255,255,1) 28%, rgba(250,233,224,1) 100%);	
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 1002px;
	xfont-family: sans-serif;
	background-attachment: fixed;
}
.hero{
	text-align: center;
	margin: 60px auto 0px;
	max-width: 96%;
}	

.hero h2{
	line-height: 1.5;
	margin-bottom: 20px !important;
	font-size: 20px;
}
.hero p{
	margin-bottom: 40px !important;
	line-height: 1.7;
	font-size: 15px;	
}
	.members{
		display: block;

		max-width: 767px;
		xmargin: 0 auto;
		xpadding: 0 14px;
		xbox-sizing: border-box;
		margin: 20px 12px;

	}
	.eachmember{
		max-width: 767px;
		display: flex !important;
		align-items: center; 
		xjustify-content: space-around;
		text-align: left;
		margin-top:5px;
	
}
	.eachmember:nth-child(4), 
	.eachmember:nth-child(5){
		margin-top: 10px;
}
	.eachmember figure{
		max-width: 120px;
		min-width: 120px;
		flex: 0 0 120px !important;
		height: auto;

}
	.eachmember figure img{
		width: 100%;
	}

	.description{		
		max-width: 700px;
		margin-right: 12px;
		maegin-left: 12px;
	}
	.description h3 span{		
		color: #0290DF;
	}	
	.description p{
	font-size: 13px;	
	margin-top: -15px;
	text-align: left;
}
	.description p br{
		display: block;
	}

.interview h2{
	margin-left: 0em;
	font-size: 15px;
}	
.interview h2+figure img{
	margin-top: -10px;
	width: 100%;
}	
	.interview p{
		font-size: 13px;
	}
	
	.interview div.answers{	
		padding: 0px 0px !important;	
	}
	
	.interview figure+div.answers{/*最初の回答欄*/
	margin-top: 5px;
}
	
	
}