@charset "UTF-8";


/*========================================

  voice

========================================*/
.youtubewrap {
	width:350px;
	margin-top:15px;
}
@media screen and (max-width: 767px) {
	.youtubewrap {
		width:100%;
		margin-top:5vw;
	}
}
.youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}


#sec001 {
	position:relative;
}
#sec001 .box {
	align-items:center;
	background-color:#efefef;
	border-radius:20px;
	margin-top:60px;
}
#sec001 .box .photo img {
	width:355px;
	border-radius:20px 0 0 20px;
}
#sec001 .box .txt {
	text-align:left;
	padding:0 40px;
	width:645px;
}
#sec001 .box .txt h3 {
	display:flex;
	align-items:center;
	font-size:28px;
}
#sec001 .box .txt h3::before {
	display:block;
	content:"";
	width:8px;
	height:3em;
	margin-right:1em;
	border-radius:4px;
}
#sec001 .box .txt h3.mini::before {
	height:2em;
}
#sec001 .box .txt .orange {
	color:#ff7e00;
}
#sec001 .box .txt .orange::before {
	background-color:#ff7e00;
}
#sec001 .box .txt .green {
	color:#00ae00;
}
#sec001 .box .txt .green::before {
	background-color:#00ae00;
}
#sec001 .box .txt .purple {
	color:#8c00ff;
}
#sec001 .box .txt .purple::before {
	background-color:#8c00ff;
}
#sec001 .box .txt .blue {
	color:#0080ff;
}
#sec001 .box .txt .blue::before {
	background-color:#0080ff;
}
#sec001 .box .txt .copy {
	font-size:18px;
	line-height:1.8em;
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:1em;
}
#sec001 .box .txt .name {
	display:flex;
	align-items:center;
	font-size:18px;
	margin-top:1em;
}
#sec001 .box .txt .name.mini {
	margin-top:.3em;
}
#sec001 .box .txt .name::before {
	content:"";
	flex-grow:1;
	height:1px;
	background:#000;
	margin-right:1em;
}
@media screen and (max-width: 767px) {
	#sec001 .box {
		margin-top:10vw;
		padding-bottom:7vw;
	}
	#sec001 .box .photo img {
		width:86%;
		border-radius:3vw;
		margin-top:7vw;
	}
	#sec001 .box .txt {
		padding:0 7vw;
		width:100%;
		box-sizing:border-box;
	}
	#sec001 .box .txt h3 {
		display:block;
		font-size:5.2vw;
		text-align:justify;
		text-justify:inter-ideograph;
		margin-top:5vw;
		padding-bottom:2vw;
	}
	#sec001 .box .txt h3::before {
		display:none;
	}
	#sec001 .box .txt .orange {
		border-bottom:3px solid #ff7e00;
	}
	#sec001 .box .txt .green {
		border-bottom:3px solid #00ae00;
	}
	#sec001 .box .txt .purple {
		border-bottom:3px solid #8c00ff;
	}
	#sec001 .box .txt .blue {
		border-bottom:3px solid #0080ff;
	}
	#sec001 .box .txt .copy {
		font-size:4vw;
	}
	#sec001 .box .txt .name {
		font-size:3.5vw;
	}
	#sec001 .box .txt .name.mini {
		margin-top:1em;
	}
}


#sec001 .com_h2_box {
	margin-top:120px;
}
#sec001 .box2 h4 {
	width:800px;
	margin:0 auto;
	display:flex;
	align-items:center;
	font-size:20px;
	margin-top:50px;
}
#sec001 .box2 h4:before,
#sec001 .box2 h4:after {
	content:"";
	flex-grow:1;
	height:1px;
	background:#8d8d8d;
	margin:0 2em;
}
#sec001 .box2 .item {
	display:inline-block;
	margin:0 auto;
	margin-top:10px;
}
#sec001 .box2 dl {
	display:flex;
	align-items:center;
}
#sec001 .box2 dl dt {
	width:170px;
	font-size:18px;
	font-weight:bold;
	background-color:#efefef;
	padding:10px 0;
}
#sec001 .box2 dl dd {
	margin-left:20px;
}
#sec001 .box2 dl dd a:hover {
	text-decoration:none;
}
#sec001 .box2 dl dd .line {
	font-size:16px;
}
#sec001 .box2 dl dd .line::before {
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	background-image:url(../img/icon_line.svg);
	background-size:contain;
	vertical-align:middle;
}
#sec001 .box2 dl dd .mail {
	font-size:28px;
	font-weight:bold;
	letter-spacing:1px;
}
#sec001 .box2 dl dd .mail::before {
	content:"\f003";
	font-family:FontAwesome;
	margin-right:10px;
}
#sec001 .box2 dl dd .tel {
	font-size:28px;
	font-weight:bold;
	letter-spacing:1px;
}
#sec001 .box2 dl dd .tel::before {
	content:"\f095";
	font-family:FontAwesome;
	margin-right:10px;
}
#sec001 .box2 dl dd small {
	font-size:15px;
}
@media screen and (max-width: 767px) {
	#sec001 .com_h2_box {
		margin-top:20vw;
	}
	#sec001 .box2 {
		width:86%;
		margin:0 auto;
	}
	#sec001 .box2 h4 {
		width:100%;
		font-size:5.5vw;
		margin-top:10vw;
	}
	#sec001 .box2 h4:before,
	#sec001 .box2 h4:after {
		margin:0 .8em;
	}
	#sec001 .box2 .item {
		display:block;
		margin:0 auto;
		margin-top:10px;
	}
	#sec001 .box2 dl {
		display:block;
		text-align:center;
		margin-top:8vw;
	}
	#sec001 .box2 dl dt {
		display:block;
		width:100%;
		margin:0 auto;
		font-size:4.2vw;
	}
	#sec001 .box2 dl dd {
		margin-left:0;
		margin-top:2vw;
	}

	#sec001 .box2 dl dd .line::before {
		display:block;
		margin:0 auto;
		width:15vw;
		height:15vw;
		margin-bottom:.5em;
	}
	#sec001 .box2 dl dd .line {
		font-size:3.4vw;
		display:block;
		margin-top:4vw;
	}
	#sec001 .box2 dl dd .mail {
		font-size:5.5vw;
	}
	#sec001 .box2 dl dd .tel {
		font-size:5.5vw;
	}
	#sec001 .box2 dl dd small {
		font-size:4vw;
		display:block;
	}
}



#sec001 .box3 {
	margin-top:50px;
}
#sec001 .box3 .faq {
	border-top:1px dotted #8d8d8d;
	padding:40px 40px;
}
#sec001 .box3 .faq:last-child {
	border-bottom:1px dotted #8d8d8d;
}
#sec001 .box3 .faq dl {
	text-align:left;
	margin:0;
	padding:0;
}
#sec001 .box3 .faq dl dt {
	position:relative;
	font-size:20px;
	font-weight:bold;
	padding-left:3em;
	cursor:pointer;
	transition:.3s;
}
#sec001 .box3 .faq dl dt:hover {
	opacity:.7;
}
#sec001 .box3 .faq dl dt::before {
	position:absolute;
	top:4px;
	left:0;
	width:21px;
	height:29px;
	content:"";
	background:url(../img/tex_Q.svg) no-repeat;
}
#sec001 .box3 .faq dl dt span::after {
	position:absolute;
	top:0;
	right:0;
	width:39px;
	height:39px;
	content:"";
	background-image:url(../img/mrk_plus.svg);
	background-repeat:no-repeat;
}
#sec001 .box3 .faq dl dt.open span::after {
	background-image:url(../img/mrk_minus.svg);
}
#sec001 .box3 .faq dl dd {
	position:relative;
	width:780px;
	font-size:16px;
	padding-left:60px;
	margin-top:30px;
	display:none;
}
#sec001 .box3 .faq dl dd::before {
	position:absolute;
	top:6px;
	left:0;
	width:20px;
	height:23px;
	content:"";
	background:url(../img/tex_A.svg) no-repeat;
}
#sec001 .box3 .faq dl dd a {
	color:#0061b1;
	text-decoration:underline;
}
#sec001 .box3 .faq dl dd a:hover {
	text-decoration:none;
}
@media screen and (max-width: 767px) {
	#sec001 .box3 {
		width:86%;
		margin:0 auto;
		margin-top:15vw;
	}
	#sec001 .box3 .faq {
		padding:8vw 2vw;
	}
	#sec001 .box3 .faq dl dt {
		font-size:4.5vw;
		padding-left:2em;
		padding-right:2.5em;
	}
	#sec001 .box3 .faq dl dt span::after {
		width:8vw;
		height:8vw;
		background-size:100% auto;
	}
	#sec001 .box3 .faq dl dd {
		position:relative;
		width:80%;
		font-size:4vw;
		line-height:1.8em;
		padding-left:3em;
	}
}