* {
  margin: 0;
  padding: 0;
}
html{
	margin:0px;
	padding:0px;
}
body{
	background:#fcf8ed;
	text-align:center;
	color:#333333;
     font-size: 16px;
	line-height:2;
	letter-spacing:1px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
img{
	border-style:none;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

a {
cursor:pointer;
	color:#333;
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration: none;
	color:red;
}

li{list-style:none;}


.bg_c02{
background-image:url("../images/bg_view02.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:top center;
}
.bg_faeecd{background-color:#faeecd;}

.box_in{
	width:90%;
	max-width:1100px;
	padding: 80px 0 80px 0;
	margin: 0px auto;
	text-align: left;
}


/* ---Header----*/

#header {
width:100%;
margin:15px auto;
overflow:hidden;
}
.header_in{
max-width:1290px;
margin: 0px auto;
padding:0px 0px 0px 0px;
}

.header_top{
display:flex;
justify-content:space-between;
align-items:center;
	width:100%;
	min-width:1100px;
	margin: 0px auto 0px auto;
}

#header_low {
width:100%;
max-width:2560px;
margin:0 auto;
overflow:hidden;
}
.header_in_low{
position:relative;
width:1200px;
height:200px;
margin: 0px auto;
padding:0px 0px 0px 0px;
}

/* サイトロゴ */
.h_logo{
display:flex;
align-items:center;
text-align:left;
margin:0px;
padding:0px 0px;
}
.h_logo a{

margin: 0px;
}
.h_logo img{
width:189px;
margin: 0px 0px 0px 0px;
}

.h_link{
display:flex;
align-items:center;
}

.h_links01{
margin: 0px 20px 0px 0px;
}

.h_links01 ul{
display:flex;
justify-content:space-between;
align-items:center;
}
.h_links01 ul li{
	letter-spacing:1px;
	font-size:15px;
	line-height:15px;
	margin: 0px 10px 0px 10px;
	font-weight:600;
}

.h_links01 ul li a{
  display: inline-block;
  position: relative;
  margin: 40px 0;
color:#333;
  transition: 0.3s;
}
.h_links01 ul li a:hover{
}
.h_links01 ul li a::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 3px;
  background: #f98305;
  transition: 0.3s;
}
.h_links01 ul li a:hover::before{
  left: 0;
  width: 100%;
}


.h_links02{
margin: 0px 0px 0px 0px;
}
.h_nav02_btn01 a{
display:block;
font-weight:bold;
color:#fff;
background-color:#00b900;
border:2px solid #00b900;
box-sizing: border-box;
border-radius:100px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
cursor:pointer;
padding:17px 25px 17px 25px;

}
.h_nav02_btn01 a:hover{
color:#00b900;
background-color:#fcf8ed;
border:2px solid #00b900;
}
.h_nav02_btn01{
	letter-spacing:1px;
	font-size:16px;
	line-height:16px;
}
.h_nav02_btn01 span{
	display:block;
	font-weight:600;
}

.s-fade-wrap{
width:100%;
background-image:url("../images/mv_view_bg.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:top center;
position:relative;
padding:70px 0;
}
.mv_view{
width:100%;
max-width:1290px;
margin:0 auto 0px auto;
}
.mv_view01 img{
width:55%;
}

.mv_view02{
width:55%;
}
.mv_view02 img{
width:80%;
margin:50px auto 0px auto;
}

.mv_none{
height:5px;
}

/* ---title---*/

.title_text_c{
text-align:center;
padding:0px 0 0 0;
background-image:url("../images/title_dot.png");
background-repeat:no-repeat;
background-position:center center;
}
.title_text_c h2 {
  position: relative;
  display: inline-block;
  padding:0px 300px;
	text-align:center;
	letter-spacing:2px;
	font-size:50px;
	line-height:50px;
	font-weight:700;
	color:#512f13;
}

.title_text_c02{
text-align:center;
padding:0px 0 0 0;
}

.title_text_c02 h2 {
	padding:0px 0px;
	text-align:center;
	letter-spacing:2px;
	font-size:50px;
	line-height:50px;
	font-weight:700;
	color:#fff;
}
.title_text_c02 h2 span{	font-size:64px;}

.title_text_c03{
text-align:center;
padding:0px 0 0 0;
}

.title_text_c03 h2 {
  padding:0px 0px;
	text-align:center;
	letter-spacing:2px;
	font-size:50px;
	line-height:50px;
	font-weight:700;
	color:#512f13;
}
.title_text_c03 h2 span{	font-size:64px;}

.title_low{
padding:60px 0 30px 0;
}
.title_low h3{
	padding:0px 0px;
	text-align:center;
	letter-spacing:2px;
	font-size:24px;
	line-height:24px;
	font-weight:700;
	color:#512f13;
}

/* ---t_cv---*/

.bg_cv{
width:100%;
background-image:url("../images/cv_bg.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:top center;
}

.btn_cv{
	text-align:center;
	width:100%;
	min-width:1100px;
	display:flex;
	justify-content:space-between;
	margin:0px auto 0px auto;
}

.wrap01{
	display:inline-block;
	width:48%;
	background-color:#04b904;
	border-radius:20px;
	padding:20px;
	box-sizing:border-box;
}
.wrap02{
	display:inline-block;
	width:48%;
	background-color:#ea0606;
	border-radius:20px;
	padding:20px;
	box-sizing:border-box;
}

.cv_text{
color:#fff;
font-size:32px;
letter-spacing:1px;
line-height:1.5;
font-weight:700;
}
.cv_btn01{
	padding:15px;
	font-size:32px;
	line-height:32px;
	font-weight:700;
	width:90%;
	color:#04b904;
	background-color:#fff;
	border-radius:100px;
	margin:15px auto;
	box-sizing:border-box;
}
.cv_btn01 p{display:inline;vertical-align:middle;}
.cv_btn01 img{display:inline;vertical-align:middle;margin:0 15px 0 0;}

.cv_btn02{
	padding:15px;
	font-size:38px;
	line-height:38px;
	font-weight:700;
	width:90%;
	color:#ef0707;
	background-color:#fff;
	border-radius:100px;
	margin:15px auto;
	box-sizing:border-box;
}
.cv_btn02 p{display:inline;vertical-align:middle;}
.cv_btn02 img{display:inline;vertical-align:middle;margin:0 15px 0 0;}

.btn_cv a{
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.btn_cv a:hover{
opacity: 0.8;
}


.btn_cv_one{
	text-align:center;
	width:100%;
	min-width:1100px;
	margin:0px auto 0px auto;
}
.wrap_one{
	display:inline-block;
	width:100%;
	background-color:#04b904;
	border-radius:20px;
	padding:20px;
	box-sizing:border-box;
}

.cv_text_one{
color:#fff;
font-size:32px;
letter-spacing:1px;
line-height:1.5;
font-weight:700;
}
.cv_btn_one{
	padding:15px;
	font-size:32px;
	line-height:32px;
	font-weight:700;
	width:90%;
	color:#04b904;
	background-color:#fff;
	border-radius:100px;
	margin:15px auto;
	box-sizing:border-box;
}
.cv_btn_one p{display:inline;vertical-align:middle;}
.cv_btn_one img{display:inline;vertical-align:middle;margin:0 15px 0 0;}

.btn_cv_one a{
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.btn_cv_one a:hover{
opacity: 0.8;
}


/* ---simulator---*/
.simulator{
width:100%;
border-radius:20px;
background-image:url("../images/bg_view01_in.png");
padding:70px 50px;
box-sizing:border-box;
text-align:center;
}
.bg_simulator{
width:100%;
background-image:url("../images/bg_view01.png");
background-repeat:no-repeat;
background-size:cover;
background-position:top center;
}
.simulator h2{
	letter-spacing:2px;
	text-align:center;
	font-size:54px;
	font-weight:800;
	color:#512f13;
	line-height:54px;
	margin:0 auto;
}
.simulator h3{
	color:#ec7c05;
	letter-spacing:3px;
	text-align:center;
	font-size:34px;
	font-weight:800;
	line-height:34px;
	margin:30px auto;
	padding:0 0 5px 0;
	display:inline-block;
	background: linear-gradient(transparent 60%, #fff 60%);
}

.simulator_form_box{
	width:80%;
	margin:0 auto;
}
.simulator_form01{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin:0px auto 0px auto;
}
.simulator_form01 li{width:48%;}
.simulator_form01 p{font-size:22px;font-weight:800;margin:0px auto 10px auto;}

.selectwrap {
text-align:left;
position: relative;
width: 100%;
margin: 0px auto;
}
.selectwrap::after {
  position: absolute;
  top: 30%; /* 矢印の位置 */
  right: 15px; /* 矢印の位置 */
  width: 10px; /* 矢印の大きさ */
  height: 10px; /* 矢印の大きさ */
  border-top: 3px solid #58504A; /* 矢印の線 */
  border-right: 3px solid #58504A; /* 矢印の線 */
  -webkit-transform: rotate(135deg); /* 矢印の傾き */
  transform: rotate(135deg); /* 矢印の傾き */
  pointer-events: none; /* 矢印部分もクリック可能にする */
  content: ""; 
  }
.select {
appearance: none; /* デフォルトの矢印を消す */
width: 100%; /* セレクトボックスの幅 */
border:solid 1px #ccc;
background-color: #fff;  /* セレクトボックスの背景色 */
border-radius: 2px;  /* セレクトボックスの四隅の丸み */
color: #58504A;  /* セレクトボックスの文字色 */
padding:20px;
font-size:16px;
cursor: pointer;
}
select:focus {
  outline: none; /* focus 時のデフォルトの枠線を消す */
}
::-ms-expand {
  display: none;  /* IE 対応( select のデフォルト矢印を消す) */
}

.simulator_form01 input{
padding:20px;
font-size:16px;
border:solid 1px #ccc;
margin:0 0 0px;
width: calc(100% - 40px);
}

.simulator_form02{
width:100%;
margin:0px auto 0px auto;
}
.simulator_form02 img{margin:20px auto 20px auto;}
.simulator_form02 p{font-size:22px;font-weight:800;margin:0px auto 10px auto;}
.s_form_02{
text-align:right;
padding:20px;
/*font-size:54px;*/
/*line-height:54px;*/
background-color:#ed872b;
color:#fff;
margin:0 0 0px;
width: calc(100% - 40px);
}
.s_form_02 b{
	font-size:54px;
}

.s_form_02 span{
	font-size:16px;
}





/* ---t_one---*/
.t_one01{
	max-width:1100px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin:50px auto 0px auto;
}
.t_one01_in{
width:32%;
background-color:#fff;
padding:20px;
box-sizing:border-box;
	margin:0px auto 20px auto;
}
.t_one01_in img{
width:90%;
margin:0px auto 10px auto;
}

.t_one01_in p{
text-align:center;
font-size:16px;
font-weight:700;
}



/* ---t_two---*/
.t_two{
	max-width:1100px;
	padding:0px 0px 0px 0px;
	margin:50px auto 0px auto;
}

.t_two_in{
display:flex;
justify-content:space-between;
background-color:#fff;
border-radius:30px;
margin:0px 0 30px 0px;
padding:30px 50px;
}

.t_two_in_box01{
width:117px;
height:117px;
background-image:url("../images/t_two_in_title_bg.png");
background-repeat:no-repeat;
background-position:center center;
padding:0px 0 0 0px;
}

.t_two_in_box01 p{
text-align:center;
font-size:24px;
line-height:24px;
font-weight:800;
color:#fff;
padding:25px 0 0 0px;
}
.t_two_in_box01 p span{
font-size:34px;
line-height:34px;
font-weight:800;
display:block;
padding:10px 0 0 0px;
}

.t_two_in_box02{width:55%;}
.t_two_in_box02 h3{
color:#512f13;
font-size:34px;
line-height:34px;
font-weight:800;
padding:15px 0 0 0px;
}
.t_two_in_box02 p{
font-size:18px;
line-height:2;
font-weight:600;
padding:25px 0 0 0px;
}

.t_two_in_box03{width:255px;}
.t_two_in_box03 img{width:255px;}


/* ---t_three---*/
.t_three{
	max-width:1100px;
	margin:0px auto 0px auto;
}
.t_three h3{
font-size:24px;
line-height:2;
font-weight:600;
text-align:center;
margin:40px auto 0px auto;
}
.t_three_in{
	display:flex;
	justify-content:space-between;
	margin:40px auto 0px auto;
}

.t_three_in h4{
letter-spacing:2px;
font-size:38px;
line-height:1.2;
font-weight:600;
text-align:center;
color:#fff;
padding:150px 0 0px 0;
}
.t_three_in h4 span{
font-size:60px;
display:block;
}
.t_three_box01{
width:368px;
height:363px;
padding:0px;
background-image:url("../images/t_three_view01_bg.png");
background-repeat:no-repeat;
background-position:center center;
}
.t_three_box02{
width:368px;
height:363px;
padding:0px;
background-image:url("../images/t_three_view02_bg.png");
background-repeat:no-repeat;
background-position:center center;
}
.t_three_box03{
width:368px;
height:363px;
padding:0px;
background-image:url("../images/t_three_view03_bg.png");
background-repeat:no-repeat;
background-position:center center;
}


/* ---t_four---*/
.t_four{
max-width:1100px;
margin:50px 0 0 0;
text-align:center;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.t_four_box{
	width:32%;
	background-color:#fff;
	padding:20px 20px 150px 20px;
	margin:0px 0 40px 0;
	text-align:left;
	box-sizing:border-box;
	position:relative;
}

.t_four_box_text h3{
background-color:#512f13;
color:#fff;
text-align:center;
padding:20px 0;
line-height:16px;
}
.t_four_box_text h4{
font-size:24px;
font-weight:700;
color:#512f13;
margin:10px auto 10px auto;
}
.t_four_box_text img{
width:50%;
margin:10px 0 10px 0;
}
.t_four_box_text p{
font-size:18px;
font-weight:700;
line-height:1.5;
}

.t_four_box_view{
	display:flex;
	align-items:center;
	position:absolute;
padding:0 10px;
	bottom:30px;
	left:20px;
}
.t_four_box_view img{width:37px;}
.t_four_box_view p{
font-size:24px;
font-weight:700;
color:#512f13;
margin:0px 0 0px 20px;
}


/* ---t_five---*/
.t_five{
max-width:1100px;
margin:50px auto 0px auto;
background-color:#fff;
border:5px solid red;
padding:0;
}
.t_five h3{
background-color:red;
padding:15px 0px;
margin:0 auto;
text-align:center;
font-size:32px;
font-weight:600;
color:#fff;

}
.t_five p{
text-align:center;
margin:0 auto;
font-size:16px;
line-height:1.7;
padding:25px 0px ;
font-weight:700;
margin:0 0px 0 0;
}
.t_five h4{
text-align:center;
margin:5px auto;
font-size:24px;
line-height:1.7;

}
.t_five h4 span{
background: linear-gradient(transparent 60%, #ffff00 60%);
}


/* ---t_six---*/
.t_six01{
max-width:1100px;
margin:50px auto 0px auto;
}
.t_six_box{
	margin:50px auto 0px auto;
}
.t_six_step{
text-align:left;
display:inline-block;
vertical-align:middle;
background-color:#ea5404;
color:#fff;
padding:20px 50px;
border-radius:100px;
font-size:30px;
line-height:20px;
letter-spacing:2px;
}
.t_six_box h3{
text-align:left;
display:inline-block;
vertical-align:middle;
text-align:left;
font-size:34px;
line-height:1.7;
font-weight:800;
color:#512f13;
margin:0 0 0 30px;
}

.t_six_box_in_off{
	background-color:#fff;
	border-radius:20px;
	width:100%;
	padding:40px;
	margin:30px auto 0px auto;
box-sizing:border-box;
}
.t_six_box_in_off p{
text-align:center;
font-size:28px;
line-height:1.7;
font-weight:600;
color:#ff0000;

}
.t_six_box_in_off span{
text-align:center;
font-size:16px;
color:#333;
font-weight:700;
display:block;
}
.t_six_box_in_off_view{
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.t_six_box_in_off_view a{height:80px;border:1px solid #ccc;margin:20px 10px;}
.t_six_box_in_off_view a img{height:100%;}

.t_six_box_in{
	background-color:#fff;
	border-radius:20px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:40px 70px;
	box-sizing:border-box;
	margin:30px auto 0px auto;
}
.t_six_box_in p{
text-align:left;
font-size:28px;
line-height:1.7;
font-weight:600;
color:#512f13;
}
.t_six_box_in_view{
text-align:center;
font-size:16px;
color:#06c755;
font-weight:700;
display:block;
margin:0 0 0 40px;
}
.t_six_box_in_view img{
height:100%;
margin:0 auto;
}




/* ---pp---*/
.pp{
	width:80%;
	padding:0px 0px 0px 0px;
	margin:40px auto 60px auto;
	list-style:none;

}
.pp li{padding:20px 0px 20px 0px;}
.pp h3{
letter-spacing:1px;
font-size:18px;
padding:15px 15px;
margin:20px 0 0 0 ;
line-height:1.5;
text-align:left;
font-weight:500;
border-bottom:1px solid #ed872b;
border-radius:3px;
color:#ed872b;
}
.pp p{
text-align:left;
margin:0 auto;
font-size:15px;
line-height:1.7;
padding:20px 20px ;
}


/* ---sd---*/
.sd{
	width:80%;
	padding:0px 0px 0px 0px;
	margin:40px auto 60px auto;
	list-style:none;
}

.sd table{
width:100%;
border-collapse:collapse;
border-spacing:0;
margin:30px auto 0px auto;
}
.sd table th{
padding:15px;
border:1px solid #ccc;
background-color:#fefefe;
}
.sd table td{
padding:15px;
border:1px solid #ccc;
background-color:#fff;
}

/* ---cp---*/
.cp{
	width:80%;
	padding:0px 0px 0px 0px;
	margin:40px auto 60px auto;
	list-style:none;
}
.cp table{
width:100%;
border-collapse:collapse;
border-spacing:0;
margin:30px auto 0px auto;
}
.cp table th{
padding:15px;
border:1px solid #ccc;
background-color:#eee;
}
.cp table td{
padding:15px;
border:1px solid #ccc;
background-color:#fff;
}

/* ---footer---*/


.footer{
background-color:#f98305;
width:100%;
margin:0px auto 0 auto;
text-align:center;
padding:60px 0 60px 0;
}
.footer_in{
width:1100px;
margin:0 auto;
padding:0;
}
.footer_in img{
width:189px;
margin:0 auto;
}
.f_navi{
text-align:center;
color:#fff;
font-size:16px;
font-weight:500;
margin:30px auto 0px auto;
}

.f_navi a:hover{
display:inline-block;
color:#fff;
text-decoration:underline;

}
.f_navi a {
padding:0 10px 0 10px;
color:#fff;
font-weight:600;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}


.f_copy{
text-align:center;
padding:20px 0 155px 0;

}
.f_copy_in{

}
.copy{
text-align:center;
font-size:14px;
color:#333;
margin:0px 0;
}


.bottom_cv{
width:100%;
position:fixed;
bottom:0;
padding:20px 0 10px 0;
background-color:#fff;
}
.bottom_cv a{
display:inline-block;
}
.bottom_cv a img{
width:640px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
    .bottom_cv a img:hover {
      opacity: 0.7;
    }

    #pageTop {
	position:fixed;
	bottom:65px;
	left:0;
	right:0;
	width:20px;	
	margin:0px auto 0px auto;
    }
    #pageTop a img {
	width:100%;
	margin:0px auto 0px auto;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
    }
    #pageTop a img:hover {
      opacity: 0.7;
    }


.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



.pc-none{
display:none !important;
}
.sp-br{
display:none !important;
}
.link_sp{
display:none !important;
}
.contact_btn_sp{
display:none !important;
}
#navToggle{
display:none !important;
}

.mt80{margin-top:80px;}



/* ---login---*/
.login_box{
width: 60%;
margin:30px auto;
padding:5% 5% 0% 5%;
border:3px solid #4b9536;
background-color:#f1fff4;
border-radius:10px;
}
.login_box table {
width: 100%;
border-collapse:collapse;
border-spacing:0;
}
.login_box th {
font-weight:400;
padding:10px 10px;
}
.login_box th span{color:red;font-size:12px;}
.login_box td  {padding:10px  10px;}
 
.login_box th  { width: 40%; text-align: left; vertical-align:top;}
.login_box td  {text-align: left; vertical-align:top; }
.login_box p{display:inline;padding:0px 20px 0px 5px;}

.login_forget_pass{}


/* ---contact---*/

.contact_box{
width: 70%;
margin:0 auto;
padding:45px 0px 0px 0px;
}
.contact_box table {
width: 100%;
border-collapse:collapse;
border-spacing:0;
}
.contact_box th {
font-weight:400;
padding:45px 10px; border-bottom: 1px solid #ccc;
}
.contact_box th span{color:red;font-size:12px;}
.contact_box td  {padding:45px  10px; border-bottom: 1px solid #ccc; }
 
.contact_box th  { width: 40%; text-align: left; vertical-align:top;}
.contact_box td  {text-align: left; vertical-align:top; }
.contact_box p{display:inline;padding:0px 20px 0px 5px;}

.form_01{
border:0;
padding:20px;
font-size:16px;
border:solid 1px #ccc;
margin:0 0 0px;
width: calc(100% - 40px);
}

.form_02{
border:0;
padding:30px;
font-size:16px;
border:solid 1px #ccc;
margin:0 0 0px;
width: calc(50% - 40px);
}
.form_03{
border:0;
padding:20px;
font-size:16px;
border:solid 1px #ccc;
margin:0 0 0px;
width: calc(100% - 40px);
height:200px;
resize: vertical;
}
.form_01:focus {
	box-shadow: 0 0 7px #ccc;
	border: 1px solid #4b9536;
}
.form_02:focus {
	box-shadow: 0 0 7px #ccc;
	border: 1px solid #4b9536;
}
.form_03:focus {
	box-shadow: 0 0 7px #ccc;
	border: 1px solid #4b9536;
}
input.btn_f1{
	letter-spacing:5px;
	font-size:18px;
	color:#fff;
	width: 250px;
	text-align: center;
	display: block;
	padding:20px;
	margin: 50px 20px;
	border-radius:5px;
	background-color:#4b9536;
	border: 3px solid #4b9536;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	 -o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor:pointer ; 
	}
input.btn_f1:hover {
	cursor:pointer ; 
	color:#fff;
	background-color:#5fba4c;
	border: 3px solid #5fba4c;
}
input.btn_f2{
	letter-spacing:5px;
	font-size:18px;
	color:#555;
	width: 250px;
	text-align: center;
	display: block;
	padding:20px;
	margin: 50px 20px;
	border-radius:5px;
	background-color:#dddddd;
	border: 3px solid #dddddd;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	 -o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor:pointer ; 
	}
input.btn_f2:hover {
	cursor:pointer ; 
	color:#555;
	background-color:#eeeeee;
	border: 3px solid #eeeeee;
}

.form_btn_area{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}




.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

.keyframe6 {
  animation-name: poyopoyo;
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}


/* モーダルウィンドウ */
.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 650px;
  background-color:#f0fbef;
  border-radius:10px;
  z-index: 1002;
  padding: 0px;
  overflow-y: scroll;
}
/* 閉じるボタン */
.button-close {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        appearance: none;
  width: 200px;
  padding:15px;
  background-color:#2b5a29;
  box-shadow:0px 3px 0px 3px #1f4523;
  font-size:16px;
  color: #fff;
  font-weight:500;
  border-radius: 10px;
  cursor: pointer;
  margin:0px auto 0px auto;
}
/* オーバーレイ */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1001;
}

.modal_text_box{
padding:40px;
}
.madal_view{width:50px;margin:0px auto 10px auto;}
.madal_view img{width:100%;}

.modal-window h3{
text-align:center;
margin:0px 0;
line-height:1.5;
font-size:28px;
font-weight:500;

}
.modal-window h3 span{
font-size:36px;
color:#5baf00;
}
.modal-window p{
font-size:18px;
text-align:center;
line-height:1.7;
margin:25px 0 ;
}
.modal-window h4{
text-align:center;
color:#4b9536;
font-size:18px;
line-height:18px;
padding:0px 0 0px 0;
font-weight:600;
margin:0;
}

.modal_in_box{
background-color:#fff;
width:50%;
margin:40px auto 40px auto;
padding:30px;
border-radius:10px;

}
.modal_in_box img{
	width:130px;
	padding:0px;
	margin:10px auto 20px auto;
}

.modal_in_box span{
font-size:14px;
font-weight:600;
color:#333;
}

.modal_text_box p span{
color:#5baf00;
font-weight:600;
}


/* ふわふわアニメーションここから */
/* 縦のふわふわ指定 */
.fuwafuwa01 {
    animation: fuwafuwa01 2s infinite ease-in-out;
}
/* 横のふわふわ指定 */
.fuwafuwa02 {
    animation: fuwafuwa02 2s infinite ease-in-out;
}
/* 縦のふわふわの動き */
@keyframes fuwafuwa01 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}


.accordion {
	margin: 4rem auto;
	max-width: 80%;
}

.toggle {
	display: none;
}

.faq {
	position: relative;
	margin-bottom: 1rem;
}

.question,.anser {
	transform: translateZ(0);
	transition: all 0.3s;
}

.question {
	border-bottom: solid 1px #512f13;
	padding: 1rem 2.2rem 1rem 1rem;
	display: block;
	font-size:18px;
	font-weight:700;
	color: #333;
}

.question span,.anser span {
	font-size:24px;
	font-weight:700;
    padding-right: 0.6rem;
    color: #c30a01;
}

.question:after,.question:before {
	content: "";
	position: absolute;
	right: 1.25rem;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 2px;
	height: 0.75rem;
	background-color: #512f13;
	transition: all 0.3s;
}

.question:after {
	transform: rotate(90deg);
}

.anser {
	max-height: 0;
	overflow: hidden;
}
.anser p{
font-size:16px;
padding:5px 0 0 0;
}

.anser div {
    display: flex;
    align-items: top;
	margin: 0;
	padding: 2rem 1rem 2rem;
	line-height: 1.8;
}

.toggle:checked + .question + .anser {
	max-height: 500px;
	transition: all 1.5s;
}

.toggle:checked + .question:before {
	transform: rotate(90deg) !important;
}

.anser ul{
font-size:14px;
font-weight:700;
margin:0 0 0 30px;
}