/* 基本CSS */

#MV{
	background: url("../img/MV.png");
	background-size:cover;
	background-position: center;
	padding: 22% 0;
	position: relative
}
#MV h1{
	width: 80%;
	margin:0 auto;
	color: #38b9e0
}
#MV .box{
	margin-left: 10%;
	width: 70%;
	position: absolute;
	bottom:-15%;
	z-index: 1
}

@media screen and (max-width:782px) {
#MV{
	background: url("../img/MV.png");
	background-size:cover;
	background-position: 230%;
	padding: 38% 0
}
#MV h1{
	width: 90%;
	margin:0 auto;
	color: #38b9e0
}
#MV .box{
	margin-left: 0;
	width: 90%;
	position: absolute;
	bottom:-15%;
	display: flex !important;
	margin:0 auto;
	left:0;
	right:0
}
#MV .box .column4{
	width: 23.5% !important;
	margin-right: 2% !important;
}
#MV .box .column4:nth-child(4){
	margin-right: 0 !important;
}
}


#top01{
	background: url("../img/bg01.png");
	background-size:cover;
	background-position: center;
	position: relative;
	padding-top: 15%
}
#top01 h2{
	margin-bottom: 5%
}
#top01 p{
	width: 95%
}

@media screen and (max-width:782px) {
#top01{
	background: url("../img/bg01.png");
	background-size:cover;
	background-position: center;
	position: relative;
	padding-top: 25%
}
#top01 p{
	width: 100%
}
}


#top02 .ttl{
	margin: 3% 0 6%
}
#top02 .ttl img{
	width: 22%
}
#top02 h4{
	padding-left: 12%;
	position: relative;
	margin-top: 6%
}
#top02 h4 .icon{
	position: absolute;
	width: 8%;
	left: 0;
	top:8%
}
#top02 .box01{
	margin-bottom: 3%
}
#top02 .box02{
	width: 68%;
	margin:0 auto 5%;
}

#top02 .box02 .column2{
	margin-right:5%;
	width: 45%
}

@media screen and (max-width:782px) {
#top02 .ttl{
	margin: 3% 0 8%
}
#top02 h4{
	padding-left: 12%;
	position: relative;
	margin-top: 6%;
	margin-bottom: 5%
}
#top02 h4 .icon{
	position: absolute;
	width: 8%;
	left: 0;
	top:8%
}
#top02 .box02{
	width: 100%;
	margin:0 auto 5%;
}
#top02 .box02 .column2{
	margin-right:0;
	width: 100%
}
}


#top03 {
	background: #fefacd
}
#top03 .ttl{
	margin: 3% 0 6%
}
#top03 .ttl img{
	width: 22%
}
#top03 .box{
	margin-bottom: 6%
}
#top03 h3{
	margin-bottom: 5%
}
#top03 p{
	width: 95%
}
#top03 .attention{
	font-size: 80%;
	line-height: 180%;
	margin-top: 8%
}

@media screen and (max-width:782px) {
#top03 p{
	width: 100%
}
#top03 .ttl{
	margin: 3% 0 8%
}
#top03 .attention{
	font-size: 70% !important;
	line-height: 180% !important;
	margin-top: 8%
}
#top03 .box02 .column2:nth-child(1){
	order: 2
}
#top03 .box04 .column2:nth-child(1){
	order: 2
}
}


#top04 {
}
#top04 .ttl{
	margin: 3% 0 6%
}
#top04 .ttl img{
	width: 22%
}

#top04 .hajimeni{
	color: #ff3e3e;
	text-align: center;
	border:3px solid #ff3e3e;
	border-radius: 10px;
	padding: 4% 0 2%;
	position: relative
}
#top04 .hajimeni img{
	position: absolute;
	left:0;
	right:0;
	top:-20%;
	margin:0 auto;
	z-index: 1;
	width: 220px
}
#top04 .hajimeni p{
	color: #ff3e3e;
	width: 90%;
	margin:0 auto	
}
#top04 .hajimeni p span{
	text-decoration: underline	
}
#top04 h4{
	margin-top: 3%;
	color: #ff3e3e
}

@media screen and (max-width:782px) {
#top04 .hajimeni img{
	position: absolute;
	left:0;
	right:0;
	top:-15%;
	margin:0 auto;
	z-index: 1;
	width: 180px
}
#top04 .hajimeni{
	color: #ff3e3e;
	text-align: center;
	border:3px solid #ff3e3e;
	border-radius: 10px;
	padding: 10% 0 5%;
	position: relative
}
}


#top05 {
	background: url("../img/bg02.jpg");
	background-size:cover;
	background-position: center;
}
#top05 .ttl{
	margin: 3% 0 6%
}

#top05 .ttl img{
	width: 22%
}
#top05 .box{
	margin:0 auto;
	width: 75%
}




#top06 {
	background: #fefacd
}
#top06 .ttl{
	margin: 3% 0 6%
}

#top06 .ttl img{
	width: 22%
}

#top06 .faq{
	background: #fff;
	border-radius: 10px;
	padding: 3% 0;
	margin-bottom: 2%
}
#top06 .faq .box{
	width: 90%;
	margin:0 auto
}
#top06 .faq_q {
	border-bottom:3px dotted #999999;
	margin-bottom: 3% !important;
	padding-bottom: 3%
}
#top06 .box .column2{
	margin-bottom: 0
}
#top06 .faq_q .column2:nth-child(1){
	width: 3%;
}
#top06 .faq_a .column2:nth-child(1){
	width: 3%;
}
#top06 .faq_q .column2:nth-child(2){
	width: 94%;
}
#top06 .faq_a .column2:nth-child(2){
	width: 94%;
}

@media screen and (max-width:782px) {
#top06 .faq{
	padding: 5% 0;
	margin-bottom: 2%
}
#top06 .faq_q .column2:nth-child(1){
	width: 6%;
}
#top06 .faq_a .column2:nth-child(1){
	width: 6%;
}
#top06 .faq_q .column2:nth-child(2){
	width: 90%;
	padding-left: 4%
}
#top06 .faq_a .column2:nth-child(2){
	width: 90%;
	padding-left: 4%
}

}


#top07 {
	background: url("../img/bg01.jpg");
	background-size:cover;
	background-position: center;
}
#top07 h2 {
	margin-bottom: 5%
}
#top07 .contact {
	background: #fff;
	border-radius: 10px;
	padding: 5% 0
}
#top07 .contact .box{
	width: 90%;
	margin:0 auto
}
#top07 .contact h4{
	margin-bottom: 3%
}
#top07 .contact .box .column2:nth-child(1){
	width: 46%;
	margin-bottom: 0
}
#top07 .contact .box .column2:nth-child(2){
	width: 51%;
	margin-bottom: 0
}

@media screen and (max-width:782px) {
#top07 .contact .box .column2:nth-child(1){
	width: 100%;
	margin-bottom: 3%
}
#top07 .contact .box .column2:nth-child(2){
	width: 100%;
	margin-bottom: 0
}
}