@charset "utf-8";

*{vertical-align:baseline;background:transparent;word-break:break-all;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{margin:0;padding:0;height:100%;line-height:1.4em;word-break:break-all;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,form,fieldset,input,select,textarea,button,table,th,td,caption,ul,ol,li,dl,dt,dd,img,a img,iframe{margin:0;padding:0;border:0;outline:0;}
a{text-decoration:none;}
p{margin:1em 0;}
h1,h2,h3,h4,h5,h6{margin:1em 0;font-size:1em;font-weight:normal;}
li{list-style:none;}
input[type="text"],input[type="email"],input[type="password"],select,textarea,button{font:inherit;border:solid 1px #ccc;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
input[type="file"]{font:inherit;}
input[type="radio"],input[type="checkbox"]{width:1em;height:1em;}
button{cursor:pointer;}
table{margin:1em 0;width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;border-bottom:solid 1px #ddd;}
th,td{padding:1em 10px;border-top:solid 1px #ddd;}
th{font-weight:bold;text-align:left;vertical-align:middle;}
iframe{width:auto;overflow:hidden;max-width:100%;}
blockquote,q{margin:0;quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
pre,a,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i{font:inherit;}
strong{font-weight:bold;}
img{max-width:100%;height:auto;vertical-align:middle;}
/* Clearfix */
header,footer,aside,article,section,nav,ul,dl,.fix{zoom:1;}
header:after,footer:after,aside:after,article:after,section:after,nav:after,ul:after,dl:after,.fix:after{content:"";height:0;display:block;clear:both;}


body {

	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;	
	font-size: 14px;
	line-height:21px;
	background-color: #FFFFFF;
	background-size:95%;

}

img {
	max-width: 100%;
	border:0;
	height: auto;
	vertical-align: bottom;
	}

input[type="image"] {
	max-width: 100%;
	border:0;
	height: auto;
	margin:10px 0;
	}


a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


p{
	margin: 0;
}

h1 {
	margin: 0;

}


.basewidth {
	width:900px;
	margin: 0 auto;
	text-align:center;
}

#header {
	height: 65px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 32px;
	border-bottom: 3px solid #44AF35;
}

#contents01 {
	text-align: center;
	background: url(../img/back01.png) 0 0 ;
	padding: 15px 0 0 0;
}

}
#nav-open {
    position: absolute;
    width: 95%;
    height: 30px;
    z-index: 200;
    margin: 0;
    background: #8FC31F;
}
#nav-open a {
    position: absolute;
    top: 5px;
    right: 10px;
}
#gNav {
    position: absolute;
    top: -1000px;
    left:0;
	width: 100%;
	padding:5px 0;
    z-index: 100;
    transition: top 1s;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    text-align: center;
    background: #8FC31F;
}
#gNav:target {
    top: 0px;
}

#gNav ul li{
margin:5px;
padding:5px 10px;
}

#gNav ul li a {
	background: url(../img/menu_icon.png) 0 0 ;
	display:block;
	background-repeat: no-repeat;
	background-size:4%;
}


#contents02 {
	text-align: center;
	background: url(../img/back03.png) 0 0 ;
}

#contents03 {
	background-size:95%;
	text-align: center;
	background: url(../img/back02.png) 0 0 ;
	padding: 25px 0 0 0;
}

#point1 {
	text-align:left;
	background: url(../img/point01.png) center 0 no-repeat;
	padding: 25% 0 5% 0 ;
	background-size:95%;


}


#point2 {
	text-align:left;
	background: url(../img/point02_1.png) center 0 no-repeat;
	padding: 12% 0 10% 0 ;
	background-size:95%;

}

.point2_img {
width:100%;
}


.text_left {
text-align:left;
}

.point_padding{
	width:60%;
	margin-left: 12%;
}


.img_left {
float:left;
}

.img_right {
float:left;
}



#contents04 {
    position: relative;
	background-color:#FF8500;
	background:#FF8500 ;
	margin-top: 23px;
}

#wrapp4 {
	width:930px;
	padding:20px 0;
}


.contents04_l {
	width:65.4%;
	float:left;
}

.contents04_r {
	width:34.6%;
	float:left;
margin-left:-3px;
}

.contents04_bottom {
	position: absolute;
	bottom: 2em;  
	left: 18em;  }




#contents05 {
	background: url(../img/back01.png);
}

#wrapp5 {
	padding:15px;

}



#contents05 p {
float:left;
margin:0 3px 20px 3px;
}


#contents06 {
	text-align: center;
	background:#40220F ;
}


#contents07 {
	text-align: center;
	background:#8FC31F ;
}

#wrapp7 {
	padding:10px;
}


#contents07 img {
float:left;
margin:20px 5px;
}

div#qanda {

	text-align: center;
vertical-align: middle;
	background:#d8d8d8 ;
	padding: 2em 0 1em 0;
}

#qanda span  {
	color:#44AF35;
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
}

#qanda p  {
	margin: 30px 0 0 0px;
}


#qa01,#qa02,#qa03,#qa04 {
	text-align: left;
	vertical-align:middle;

}

#qa01,#qa02,#qa03,#qa04 img {
	vertical-align:middle;
}

hr {
	border:1px dashed #e7e7e7;
}


#qa01 {
	margin-bottom:2em;
	background: #FFFFFF;
	padding: 10px 20px 0 20px;


}

.qa01a {
	width:10%;
	display:table-cell;
	vertical-align:middle;

}

.qa01b {
	display:table-cell;
	vertical-align:middle;
}

.qa01c {
	width:20%;
	display:table-cell;
	vertical-align:middle;

}

.qa01d {
	display:table-cell;
	vertical-align:middle;
}

.qa01a img {
margin-right:10px;
vertical-align:middle;
}


.qa01c img {
padding-left:65px;
margin-right:10px;
vertical-align:middle;
}

#qa02 {
	margin-bottom:2em;
	background: #FFFFFF;
	padding: 10px 20px 0 20px;


}

#qa03 {
	margin-bottom:2em;
	background: #FFFFFF;
	padding: 10px 20px 0 20px;

}


#qa04 {
	margin-bottom:1em;
	background: #FFFFFF;
	padding: 1em 2em 0 2em;
}



#contents08 {
	width: 100%;
	text-align: center;
	background: url(../img/back04.png) 0 0 repeat-x;
}


#contents09 {
	width: 100%;
	background:#FF8500;
}

#wrapp9 {
	padding:2em;
	text-align: left;


}

div.step01 {
	background:#FFFFFF;
	padding:10px;
	margin-bottom:2em;

}


.step01 img {
margin-right:1em;
}

div.step01_l {
text-align:center;
width:30%;
float:left;
margin-right:0.5em;
}

div.step01_r {
float:left;
width:65%;

}


div.step02 {
	background:#FFFFFF;
	padding:10px;
	margin-bottom:2em;
}

.step02 img {
margin-right:10px;
vertical-align:middle;
}

div.step03 {
	background:#FFFFFF;
	padding:10px;
	margin-bottom:2em;
}

div.step04 {
	background:#FFFFFF;
	padding:10px;
	margin-bottom:10px;
}

.bottom {
margin-bottom: 2em;
}


#contactform {
	background: #8FC31F url(../img/img12.png) center 0 no-repeat;
	padding: 78px 0 0 0;
	text-align:left;
}

#wrapp10 {
	padding-top:15px;
}


#contact_l {
width:65%;
float:left;
}

#contact_r {
width:35%;
float:right;
}



#form_wrapper{
	width:70%;
	background: #FFF;
	margin: 0 auto;
	box-shadow:rgba(135, 135, 135, 0.65) 3px 4px 0px 0px;
-webkit-box-shadow:rgba(135, 135, 135, 0.65) 3px 4px 2px 0px;
-moz-box-shadow:rgba(135, 135, 135, 0.65) 3px 4px 2px 0px;
	font-size: 16px;
	color:#595757;
	font-weight: bold;
	padding: 35px 30px;
}

#form_wrapper img {
margin-left:2%;
margin-bottom:2px;

}


#form_wrapper span {
	margin-top:5px;
	width:20%;
	display: inline-block;
}

p.comment {
	font-size: 12px;
	font-weight: normal;
	margin-left: 20%;
	margin-bottom: 5px;
}


#form_wrapper input[type="text"],select {
	border: 1px solid #727171;
	height: 16px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding:5px;
	margin-top: 8px;
}
#form_wrapper input[type="file"] {
	font-weight: normal;
	font-size: 13px;
	width: 100%;
}

#form_wrapper textarea {
	border: 1px solid #727171;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	margin-top: 8px;
}


span.must {
	background: url(../img/must.png) 0 0 no-repeat;
	display: inline-block;
	height: 25px;
	line-height: 16px;
	width: 100% !important;
	margin-left: 12px;
	margin-bottom: -5px;
}

.center {
display:inline-block;
text-align:center;
}

.img_comment {
	font-size: 12px;
	font-weight: normal;
	width: 50% !important;
}

#form_wrapper .subtitle
{
	text-align: center;
	background: #8FC31F;
}
#form_wrapper .subtitle img
{
	margin: 0;
	padding: 0;
}




#policy {
	height: 15%;
	margin: 0 auto;
	border: 1px solid #d9d9d9;
	overflow-y:scroll;
	padding: 17px;
	font-size: 13px;
	font-weight: normal;
}
#policy h3 a
{
	color: #595757;
	cursor: default;
}





h3 {
	margin: 15px 0 5px 0;
}

 
h4{
    /*width: 90%;*/
    position: relative;
    padding: 0.8em;
    background: #44AF35;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
 
h4:after{
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #44AF35;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}


input.input1
{
width:12%;
}

input.input2
{
width:30%;
}

input.input3{
width:50%;
}

input.input6{
width:30%;
}

select.input4{
width:30%;
}

textarea.input5{
width: 60%;
height: 30%
}


/* ・･・奇ｽ･・難ｽ･・懶ｽ･・ｿ・･繝ｻ*/

div#froatnavi {
	position:fixed;
right: 0;
top: 100px;
}



#froatnavi ul {
	margin: 0;
	padding: 9px 0 4px 0;
	list-style-type: none;
	width: 200px;
	background-color:
	rgba(153,153,153,0.6);
	text-align: center;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#froatnavi li {
	margin-bottom: 5px;
}

#phone
{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
#phone a
{
	display: block;
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
}

@media (max-width: 100em) {
	.under_menu,.nav-open
	{
		display: none;
	}

	#froatnavi 
	{
	display:block;
	}

.basewidth {
	margin: 0 auto;
	text-align:center;
	}
}



@media (max-width: 760px) {

a:hover img{
	opacity:1;
	filter: alpha(opacity=1);
}

#contact_l,#contact_r,#contents07 img,.contents04_l, .contents04_r, .img_left,.img_right,#contents05 p,
.clear{
width:auto;
float : none;
}

.img_left{
text-align:center;
}
.img_right{
text-align:center;
}

.contents04_l {
	padding-left:0;
	margin-bottom:10px;
}

.contents04_r {
	margin-left:2em;

}

.contents04_bottom {
	position: static;
}

.basewidth {
	width:95%;
	margin: 0 auto;
	text-align:center;

}

.qa01c
{
	width: 10%;
}
.qa01c img
{
	padding: 0;
}

#wrapp4 {
	width:auto;
	padding:20px 0;
}
#wrapp9 {
    padding: 1em 0;
}

#form_wrapper {
	width: 95%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#policy
{
	padding: 0;
	overflow: inherit;
}
#policy-box
{
	display: none;
	padding: 5px;
}
#policy h3
{
	margin: 0;
}
#policy h3 a
{
	display: block;
	margin: 0 5px;
	padding: 1em 0;
	font-weight: bold;
	background: url(../img/toggle_icon.png) no-repeat right 50%;
}


}




@media (max-width: 480px) {


.img_left img {
width:300px;
}
.img_right img {
width:200px;
}

.sp_header{
margin:0;
width:auto;
}

.sp_header_l{
width:80%;
float:left;
margin:5% 0;
vertical-align:middle;
}

.sp_header_r{
width:20%;
margin:8% 0;
float:right;
vertical-align:middle;


}

gNav{
display:inline;
}

	.nav-open{
		display:inline;
	}

	.under_menu
	{	
		display:block;
		padding:7%;
		padding-bottom: 110px;
		background: #8FC31F;
	}

	.under_menu ul li
	{	
	margin-bottom:5px;
	}

	#froatnavi,#header
	{
	display:none;
	}




#qanda span  {
	color:#44AF35;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}



#qa01 img {
width:50px;

}

#form_wrapper p{
display:block;
}




/*span.must {
	background: url(../img/must.png) 0 0 no-repeat;
	line-height: 14px;
	margin-left: 12px;
	margin-bottom: -5px;
}*/

.must{
margin-left:10px;
margin-bottom: -5px;
}

#form_wrapper  {
	margin-top:9%;
}

#form_wrapper span {
	width:100%;
	display: inline-block;
}

p.comment {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5%;
	margin-bottom: 5px;
}


#contactform {
	padding: 40px 0 0 0;
	-webkit-background-size: 600px auto;
}

.img_comment {
	font-size: 14px;
	font-weight: normal;
	width: 100% !important;
}

input.input1{
width:60%;
}

input.input2{
width:95%;
}

input.input3{
width:95%;
}

input.input6{
width:80%;
}

select.input4{
width:95%;
}

textarea.input5{
width: 95%;
height: 40%;
}

#phone
{
	display: block;
}

}

.white {
font-size:15px;
color:#FFF;
}

.clear{
height:0px;
clear:both;

}

.clear2{
height:0px;
clear:both;

}
/*--------------------------------------------
2020/3/6 追記
--------------------------------------------*/
body{
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.1em;
}
#form_wrapper_line {
	width:70%;
	background: #ffffff;
	margin: 0 auto 80px;
	box-shadow:rgba(135, 135, 135, 0.65) 3px 4px 0px 0px;
-webkit-box-shadow:rgba(135, 135, 135, 0.65) 3px 4px 2px 0px;
-moz-box-shadow:rgba(135, 135, 135, 0.65) 3px 4px 2px 0px;
	font-size: 16px;
	color:#595757;
	padding: 35px 30px;
}
@media (max-width:760px) {
    #form_wrapper_line{
        width: 95%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}

#form_wrapper_line .emphasis{
    font-size: 40px;
    font-weight: 700;
    color: #ce244d;
    text-align: center;
    padding: 20px 0 0;
}
#form_wrapper_line .emphasis span{
    font-size: 70px;
}
@media (max-width:760px) {
    #form_wrapper_line .emphasis{
    font-size: 30px;
}
    #form_wrapper_line .emphasis span{
    font-size: 50px;
    }
}
#form_wrapper_line h3 {
    padding-bottom: 20px;
}
.waku{
    background: rgb(245, 245, 245);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 50px;
}
#form_wrapper_line h2 , #form_wrapper h2{
    color: #44AF35;
    font-size: 32px;
    text-align: center;
    border-bottom: 1px solid #44af35;
    padding-bottom: 20px;
}
#form_wrapper_line h2 span.small , #form_wrapper h2 span.small {
    font-size: 60%;
    width: auto;
}
#form_wrapper_line h3{
    font-size: 26px;
}
#form_wrapper_line h4{
    line-height: 1.7em;
    margin: 0 0 30px;
}
@media (max-width:760px) {
    #form_wrapper_line h4{
    font-size: 26px;
    }
}
#form_wrapper_line h4 .head_h4{
    margin-left: 40px;
    display: inline-block;
}
#form_wrapper_line p{
    padding-right: 30px;
    margin-bottom: 30px;
    line-height: 1.7em;
}
.head_maru {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius:  50%;
    background-color: #ffffff;
    font-size: 16px;
    color: #44AF35;
    text-align: center;
    line-height: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.side_by_side{
    display: flex;
    width: 90%;
    margin: auto;
}
@media (max-width:760px) {
    .side_by_side{
    display: block;
}
@
}
.listtbl li {
    text-align: center;
}
@media (max-width:760px) {
    .listtbl li:last-child {
        display: none;
    }
}
.line_photo{
    width: 300px;
    margin: 0 auto;
}
.line_photo img{
    box-shadow: 2px 2px 8px #cccccc;
}
 @media (max-width:760px) {
     .line_photo{
         width: 80%;
         margin: auto;
     }
}
.m-b-20{
    margin-bottom: 20px;
}
.m-b-80{
    margin-bottom: 80px !important;
}