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

.mainvisual{
	background: #ebf6f5;
	text-align: center;
}

h3 {
  position: relative;
  padding: 5px 0 ;
  font-size: 4.5rem;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 2.2;
  text-align: center;
  color: #144199;
  margin-bottom: 50px;
}



h3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 80px);
  width: 160px;
  height: 2px;
  content: '';
  border-radius: 3px;
  background: #144199;
}

.copy{
	margin: 0 auto 20px;
}

.shikai_section01{
margin: 0 auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;	
}

.shikai_section01 .copy{
width: 78%;
margin: 0;
	
}

.shikai_section01 img{
	width: 15.5%;

}

#shikai .inner{
	margin: 80px auto;
}


.shikai_section02{
margin: 50px auto 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;	
}

.shikai_section02 .copy{
width: 53%;
margin: 0;
	
}

.shikai_section02_img{
	width: 38%;
	text-align: center;
	margin-right: 3%;
	margin-top: 2%;

}

.shikai_section03{
margin: 20px auto 50px;}


.shikai_section04{
margin: 100px auto 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;	
}

.shikai_section04 a{
	color: #cc0000;
	font-weight: bold;
	text-decoration: underline
}

.shikai_section04 a:hover{
	color: blue;
}



.shikai_section04 .copy{
width: 67%;
margin: 0;
	
}

.shikai_section04_img{
	width: 28%;
	text-align: center;
	margin-top: -3%;
	
}

.shikai_section04{}

.shikai_section04 ul{
	background: #FFF5E0;
	padding: 20px 40px;
	border-radius: 20px;
	margin: 20px auto;
	
}

.shikai_section04 ul li{
	font-weight: bold;
	list-style: outside;
	padding: 0;
}

.shikai_img04{
	text-align: center;
	margin: 50px auto;}




@media (max-width: 820px) {

h3 {
  position: relative;
  padding: 5px 0 5px;
  font-size: 2.2rem;
  font-weight: bold;
}
	
.shikai_section01{
margin: 40px auto;
	
}	
	
	
	
.shikai_section01 .copy{
width: 100%;
	
}
.shikai_section01 .copy img{
float: right;
margin-left: 10px;
width: 25%;	
}	
	
.shikai_section02{
	margin: 40px auto 20px;}	
	
	

.shikai_section02 .copy{
width: 100%;
margin: 0;
	
}

.shikai_section02_img{
	width: 50%;
	margin: 0 auto;
	text-align: center;

}
	
.shikai_section04{
margin: 50px auto;

}	
	
.shikai_section04 .copy{
width: 100%;
margin: 0;
	
}

.shikai_section04_img{
	width: 50%;
	text-align: center;
	margin: 3% auto;
	
}

	
	
	

}




.bg_green{
	padding: 1px 0;
	background: #009c50;
	color: #fff;
	
}

.bg_green h3{
	color: #fff;
	
	
}

.bg_green h3:before {

  background: #fff;
}




@media (max-width: 820px) {
	
	

.bg_green h3:before {

  background: #fff;
}	
	

	
	
	
	
	}