@charset "UTF-8";

html{
scroll-behavior: smooth;
}

body{
	margin: 0;
	line-height: 1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"游ゴシック", YuGothic, Verdana,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-wrap: break-word;
	font-size: 16px;
}
p{
	margin:0;
}

.cFix:after {
display: block;
clear: both;
content: "";
}
.sp_view {
	  display: none;
}
.pc_view {
	 display:block;
}

ul,li{
	list-style: none;
	padding: 0;
	margin:0;
}
.font-L{
font-size: 20px;
}

.wapper{
max-width: 680px;
margin:0 auto;
box-shadow: 0 0 8px gray;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.container{
	max-width: 680px;
	padding: 0 30px;
}
section{
margin-bottom: 1rem;
}

.entry-erea{
/*border-top: 1px solid #222;
border-bottom: 1px solid #222;*/
padding: 3rem ;
text-align: center;
background: #efefef;
}
.entry-erea .form-control{
height: 60px;
}
.entry-erea label {
	display: block;
	margin-bottom: .5rem;
	text-align: left;
}
.entry-erea a{
text-decoration: underline;
margin: 2rem 1rem 1rem;
display: block;
}
.entry-erea .btn{
background: #29aec1;
border-radius: 50px;
color: #fff;
height: 60px;
box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 56%);

}

.step-box01{
background-image: url(../images/img_step1.png),url(../images/img_step_end.png),url(../images/img_step_in.png);
background-position: top center,bottom center,center;
background-repeat: no-repeat,no-repeat,repeat-y;
padding: 5rem 1.5rem 2rem;
background-size: contain;
margin-bottom: 2rem;
}
.step-box02{
background-image: url(../images/img_step2.png),url(../images/img_step_end.png),url(../images/img_step_in.png);
background-position: top center,bottom center,center;
background-repeat: no-repeat,no-repeat,repeat-y;
padding: 5rem 1.5rem 2rem;
background-size: contain;
margin-bottom: 2rem;
}
.step-box03{
background-image: url(../images/img_step3.png),url(../images/img_step_end.png),url(../images/img_step_in.png);
background-position: top center,bottom center,center;
background-repeat: no-repeat,no-repeat,repeat-y;
padding: 5rem 1.5rem 2rem;
background-size: contain;
margin-bottom: 2rem;
}
#attention{
margin-top: 2rem;
border-top: 1px solid #222;
font-size: 90%;
}
#attention ul{
margin:.7rem 0;

}



/******about*********************/

.about .container{
padding: 3rem 30px;
border-top: 10px solid #29aec1;
}
.about h2{
padding-bottom: .5rem;
border-bottom: 2px solid #29aec1;
margin-bottom: 1rem;
}
.about p{
margin-bottom: 1rem;
}

.send-OK{
color: #03a9f4;
font-weight: bold;
}
.send-NG{
color: #e81303;
font-weight: bold;
}





footer{
background: #29aec1;
color: #fff;
padding: 1rem;
margin-top: auto;
}
footer a{
color: #fff;
}

/****ここからレスポンシブcss*****/




@media screen and (max-width: 992px){
}
@media screen and (max-width: 767px){
.container{
	padding: 0 15px;
}
.entry-erea{
	padding: 1rem;
}
.entry-erea .btn{
	height: 90px;
	border-radius: 20px;
}
}
@media screen and (max-width: 612px){

}

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

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

}

@media screen and (max-width: 475px){
.step-box01{
padding: 3.3rem 1.5rem 2rem;
margin-bottom: 2rem;
}
.step-box02{
padding: 3.3rem 1.5rem 2rem;
margin-bottom: 2rem;
}
.step-box03{
padding: 3.3rem 1.5rem 2rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 376px){

}