@charset "utf-8";


/* CSS Document */
a{
	/* \*/
	overflow:hidden;
	/* */
	outline:none;
	text-decoration: none;
	color:#333;
	transition:0.3s;
}
a:link{
}
a:visited{
	color:#333;
}
a:hover{
	opacity:0.5;
	color:#333;
}
section a, section a:visited{
	color:#333;
}
::selection{
    background: #8dc740;
    color: #ffffff;
}
::-moz-selection{
    background: #8dc740;
    color: #ffffff;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
	background: #f1f4f6;
}
::-webkit-scrollbar-thumb {
background: #8dc740;
}

/* layout */
html{
	font-size: 75%;
}
body{
	font-size: 1.5rem;
	margin:0;
	color:#000;
	line-height:1.8;    
	overflow-x: hidden;
    background: #FFFFFF;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
}
.wrapper{
	overflow-x: hidden;
}

.container{
	margin-left: auto;
	margin-right: auto;
	text-align:left;
    display: flow-root;
}
img{
	max-width: 100%;
}



/*-----------------------------------*/
/* index */
header{
	border-bottom: solid 4px #8dc740;
	padding: 15px;
}
header h3{
	margin-bottom: 0;
	text-align: center;
}
footer{
	background: #000;
	padding: 40px;
	text-align: center;
	font-size: 1rem;
	color: #FFF;
}
.page_top{
	position: fixed;
	right: 10px;
	bottom: 5%;
}
section{
	padding: 60px 0;
}
.main_img img{
	width: 100%;
}
h1{
	color: #FFF;
	text-align: center;
	font-size: 3rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
h1 strong{
	color: #fffbb8;
}
h1 span{
	font-size: 2rem;
}
h2{
	color: #FFF;
	text-align: center;
	font-size: 3rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
h2 strong{
	color: #fffbb8;
}
h3{
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 20px;
}
h3 span{
	color: #5e9127;
	font-size: 3rem;
}
.bg01 h3{
	color: #fffbb8;
}
.down {
	background: #8dc740;
	height: calc(tan(60deg) * 60px / 2);
	width: 200px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin: -80px auto 40px;
}
.bg01{
	background: #8dc740;
	color: #FFF;
}
.bg02{
	background: #fffbb8;
}
.bg03{
	background: url("../images/bg01.webp") no-repeat bottom center/100% auto;
}
.bg04{
	background: url("../images/bg02.webp") no-repeat bottom center/100% auto;
}
.bg05{
	background: url("../images/bg03.webp") no-repeat bottom center/100% auto;
}
.bg_gray{
	background: #f2f2f2;
}
.box_w{
	background: #FFF;
	padding: 40px 5%;
	border-radius: 20px;
	color:#000;
}
ul.reason{
}
ul.reason h4{
	text-align: center;
	background: #8dc740;
	font-size: 2rem;
	color: #FFF;
	padding: 20px;
}
ul.reason p{
	background: #FFF;
	padding: 20px;
}
.fea{
	margin-bottom: -50px;
}
ul.list01 li{
	background: #FFF;
	padding: 10px 20px;
	text-align: center;
	color: #f28f00;
	border-radius: 40px;
	font-weight: bold;
	font-size: 1.8rem;
}
ul.list02{
	margin-bottom: 40px;	
}
ul.list02 li{
	list-style: outside;
	text-align: left;
	margin-left: 20px;
	font-weight: bold;
}
ul.list02 li strong{
	color: #cc0000;
}
dl.faq dt{
	padding: 20px 20px 20px 70px;
	cursor: pointer;
	margin-top: 20px;
	background: #FFF url("../images/faq.webp") no-repeat 20px center/40px auto;
	font-size: 1.2rem;
}
dl.faq dd{
	margin-bottom: 40px;
	padding: 20px;
	background: #f2dda1;
}
ul.flow li{
	padding: 20px 20px 0;
	margin-bottom: 20px;
}
ul.flow li:after{
	display: block;
	content: "";
	position: relative;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	border-left: 4px solid #8dc740;
	border-bottom: 4px solid #8dc740;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
	margin:auto;
	bottom: -20px;
}
ul.flow li:last-child:after{
	display: none;
}
.flow_text{
	border: solid 2px #8dc740;
	border-radius: 20px;
	margin-top: -23px;
	padding: 30px;
	background: #FFF;
}
.flow_text h3{
	color: #f28f00;
	text-align: left;
	margin-bottom: 0;
}
.flow_text h3 span{
	color: #f28f00;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: 2rem;
}
.flow_text h3 strong{
	font-size: 3.5rem;
}

ul.voice{
	max-width: 450px;
	margin: auto;
}
ul.voice li{
	padding: 30px;
	background: #FFF;
	border-radius: 20px;
	border: solid 1px #f28f00;
}
.voice_box{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	justify-content: space-between;
}
.voice_img{
	width: 45%;
}
.voice_text{
	width: 45%;
	font-weight: bold;
}
.price_title{
	background: #f28f00;
	color: #FFF;
	padding: 5px 20px;
	text-align: center;
	margin-top: 10px;
}
.price{
	color: #f28f00;
	text-align: center;
}
.price strong{
	font-size: 2rem;
}

span.need{
	display: inline-block;
	padding: 0 10px!important;
	font-size: 0.8rem;
	background: #C00;
	color: #FFF;
	font-weight: normal;
	border-radius: 5px;
	margin: 0 10px 0 0!important;
}
span.option{
	display: inline-block;
	padding: 0 10px!important;
	font-size: 0.8rem;
	background: #AAA;
	color: #FFF;
	font-weight: normal;
	border-radius: 5px;
	margin: 0 10px 0 0!important;
}