* {
  margin: 0;
  padding: 0;
}
html{
	margin:0px;
	padding:0px;
}
body{
	background:#fcf8ed;
	text-align:center;
	color:#333333;
	font-weight:300;
	font-size: 14px;
	line-height:1.5;
	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 {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}

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%;
	padding: 40px 0 40px 0;
	margin: 0px auto;
	text-align: left;
}


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

#header {
width:100%;
margin:0 auto;
}

.header_top{
width:100%;
height:70px;
z-index:999;
display:flex;
justify-content:space-between;
align-items:center;
}

#header_low {
width:100%;
margin:0 auto;
}
.header_in_low{
width:100%;
margin: 0px auto;
padding:0px 0px 0px 0px;
}

/* サイトロゴ */
.h_logo{
text-align:center;
height:70px;
margin:0px auto;
padding:0px 0px;
}
.h_logo a{
text-align:center;
margin: 0px auto;
}
.h_logo img{
height:40px;
margin: 15px auto;
}

.s-fade-wrap{
width:100%;
background-image:url("../images/mv_view_bg.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:top right 45%;
position:relative;
padding: 0;
}

.mv_view{
width:92%;
margin:0 auto 0px auto;
padding: 10% 0 15% 0;
}
.mv_view01 img{
width:70%;
}

.mv_view02{
width:70%;
}
.mv_view02 img{
width:100%;
margin:40px auto 0px auto;
}

.mv_none{
padding:0px 0 0 0;}

/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
position:fixed;
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;

  top:5px;
  right:0;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #ea5404;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}
/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #512f13;
  transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list {
padding:10%;
list-style: none;
margin:20% 0 0 0;
}

.nav_list li{
color:#fff;
font-size:18px;
font-weight:700;
text-align:center;
margin:0 0 20px 0;
padding:0 0 20px 0;

letter-spacing:1px;
}
.nav_list li a{color:#fff;}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}



/* ---title---*/

.title_text_c{
text-align:center;
padding:0px 0 0 0;
background-image:url("../images/title_dot.png");
background-size:150%;
background-repeat:no-repeat;
background-position:center center;
}
.title_text_c h2 {
  position: relative;
  display: inline-block;
  padding:0px 0px;
	text-align:center;
	letter-spacing:2px;
	font-size:25px;
	line-height:25px;
	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:25px;
	line-height:25px;
	font-weight:700;
	color:#fff;
}
.title_text_c02 h2 span{	font-size:46px;}

.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:25px;
	line-height:25px;
	font-weight:700;
	color:#512f13;
}
.title_text_c03 h2 span{	font-size:46px;}

.title_low{
padding:40px 0 20px 0;
}
.title_low h3{
	padding:0px 0px;
	text-align:center;
	letter-spacing:2px;
	font-size:20px;
	line-height:20px;
	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%;
	margin:0px auto 0px auto;
}

.wrap01{
	display:block;
	width:100%;
	background-color:#04b904;
	border-radius:20px;
	padding:15px;
	box-sizing:border-box;
	margin:0px auto 20px auto;
}
.wrap02{
	display:block;
	width:100%;
	background-color:#ea0606;
	border-radius:20px;
	padding:15px;
	box-sizing:border-box;
	margin:0px auto 20px auto;
}

.cv_text{
color:#fff;
font-size:22px;
letter-spacing:1px;
line-height:1.5;
font-weight:700;
}
.cv_btn01{
	padding:15px;
	font-size:18px;
	line-height:18px;
	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 10px 0 0;width:25px;}

.cv_btn02{
	padding:15px;
	font-size:26px;
	line-height:26px;
	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 10px 0 0;width:25px;}

.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:96%;
	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:22px;
letter-spacing:1px;
line-height:1.5;
font-weight:700;
}
.cv_btn_one{
	padding:15px;
	font-size:18px;
	line-height:18px;
	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 10px 0 0;width:25px;}

.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:30px 15px;
box-sizing:border-box;
text-align:center;
}
.bg_simulator{
width:100%;
background-image:url("../images/bg_view01.png");
background-repeat:no-repeat;
background-size:140%;
background-position:top center;
}
.simulator h2{
	text-align:center;
	font-size:22px;
	font-weight:800;
	color:#512f13;
	line-height:1;
	margin:0px auto 20px auto;
}
.simulator h3{
	color:#ec7c05;
	text-align:center;
	font-size:18px;
	font-weight:800;
	line-height:1.5;
	margin:0px auto;
	padding:0 0 2px 0;
	display:inline-block;
	background: linear-gradient(transparent 60%, #fff 60%);
}

.simulator_form_box{
	width:100%;
	margin:0 auto;
}
.simulator_form01{
	width:100%;
	margin:0px auto 0px auto;
}
.simulator_form01 li{width:100%;margin:20px auto 0px auto;}
.simulator_form01 p{font-size:16px;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:10px;
font-size:16px;
cursor: pointer;
}
select:focus {
  outline: none; /* focus 時のデフォルトの枠線を消す */
}
::-ms-expand {
  display: none;  /* IE 対応( select のデフォルト矢印を消す) */
}

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

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

.s_form_02 b{
	font-size:34px;
}

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


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

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


/* ---t_two---*/
.t_two{
	width:100%;
	padding:0px 0px 0px 0px;
	margin:30px auto 0px auto;
}

.t_two_in{
background-color:#fff;
border-radius:30px;
margin:0px 0 30px 0px;
padding:20px ;
}

.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;
margin:0px auto;
}

.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:100%;}
.t_two_in_box02 h3{
text-align:center;
color:#512f13;
font-size:22px;
line-height:22px;
font-weight:800;
padding:25px 0 0 0px;
}
.t_two_in_box02 p{
font-size:16px;
line-height:1.5;
font-weight:600;
padding:25px 0 20px 0px;
}

.t_two_in_box03{width:255px;margin:0px auto;}
.t_two_in_box03 img{width:255px;}


/* ---t_three---*/
.t_three{
	width:100%;
	margin:0px auto 0px auto;
}
.t_three h3{
font-size:18px;
line-height:1.5;
font-weight:600;
text-align:left;
margin:30px auto 0px auto;
}
.t_three_in{
	margin:30px auto 0px auto;
}


.t_three_box01{
width:320px;
height:320px;
position:relative;
margin:0px auto 0px auto;
}
.t_three_box01 img{
width:100%;
position:absolute;
top:0;
left:0;
}
.t_three_box02{
width:320px;
height:320px;
position:relative;
margin:0px auto 0px auto;
}
.t_three_box02 img{
width:100%;
position:absolute;
top:0;
left:0;
}
.t_three_box03{
width:320px;
height:320px;
position:relative;
margin:0px auto 0px auto;
}
.t_three_box03 img{
width:100%;
position:absolute;
left:0;
right:0;
margin:0px auto;
}
.t_three_in h4{
letter-spacing:2px;
font-size:28px;
line-height:1.2;
font-weight:600;
text-align:center;
color:#fff;
position:absolute;
top:130px;
left:0;
right:0;
margin:0px auto;
}
.t_three_in h4 span{
font-size:50px;
display:block;
}

/* ---t_four---*/
.t_four{
width:100%;
margin:30px 0 0 0;
text-align:center;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.t_four_box{
	width:100%;
	background-color:#fff;
	padding:20px 20px 100px 20px;
	margin:0px 0 20px 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:20px;
font-weight:700;
color:#512f13;
margin:10px auto;
}
.t_four_box_text img{
width:50%;
margin:10px 0;
}
.t_four_box_text p{
font-size:16px;
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:30px;}
.t_four_box_view p{
font-size:20px;
font-weight:700;
color:#512f13;
margin:0px 0 0px 20px;
}


/* ---t_five---*/
.t_five{
width:100%;
margin:30px auto 0px auto;
background-color:#fff;
border:5px solid red;
box-sizing:border-box;
padding:0;
}
.t_five h3{
background-color:red;
padding:20px 0px;
margin:0 auto;
line-height:17px;
text-align:center;
font-size:17px;
font-weight:700;
color:#fff;

}
.t_five p{
text-align:left;
margin:0 auto;
font-size:14px;
line-height:1.5;
padding:10px 10px ;
font-weight:600;
margin:0 0px 0 0;
}
.t_five h4{
text-align:left;
margin:0px auto;
padding:5px 10px ;
font-size:18px;
line-height:1;

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


/* ---t_six---*/
.t_six01{
width:100%;
margin:30px auto 0px auto;
}
.t_six_box{
text-align:center;
margin:30px auto 0px auto;
}
.t_six_step{
text-align:center;
display:block;
vertical-align:middle;
background-color:#ea5404;
color:#fff;
padding:15px 30px;
border-radius:100px;
font-size:18px;
line-height:18px;
font-weight:800;
letter-spacing:2px;
margin:0px auto 0px auto;
}
.t_six_box h3{
text-align:left;
display:inline-block;
vertical-align:middle;
text-align:left;
font-size:24px;
line-height:1.5;
font-weight:800;
color:#512f13;
margin:15px 0 0 0px;
}

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

}
.t_six_box_in_off span{
text-align:left;
font-size:16px;
color:#333;
font-weight:700;
display:block;
margin:10px auto 0px auto;
}
.t_six_box_in_off_view{
	height:100%;
	display:inline-block;
}
.t_six_box_in_off_view a{height:60px;}
.t_six_box_in_off_view a img{display:block;height:60px;border:1px solid #ccc;margin:15px auto;}

.t_six_box_in{
	background-color:#fff;
	border-radius:20px;
	width:100%;
	padding:20px;
	margin:20px auto 0px auto;
	box-sizing:border-box;
}
.t_six_box_in p{
text-align:left;
font-size:18px;
line-height:1.5;
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;
margin:0 auto;
}
.t_six_box_in_view img{
height:100%;
margin:15px auto 0px auto;
}


/* ---pp---*/
.pp{
	width:100%;
	padding:0px 0px 0px 0px;
	margin:30px auto 0px auto;
	list-style:none;

}
.pp li{padding:15px 0px 15px 0px;}
.pp h3{
letter-spacing:1px;
font-size:18px;
padding:15px 15px;
margin:15px 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:15px 0px ;
}

/* ---sd---*/
.sd{
	width:100%;
	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:100%;
	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{
display:block;
padding:15px;
background-color:#eee;
}
.cp table td{
display:block;
padding:15px;
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:100%;
margin:0 auto;
padding:0;
}
.footer_in img{
width:189px;
margin:0 auto;
}

.f_navi{
text-align:center;
color:#fff;
font-size:14px;
font-weight:500;
margin:30px auto 0px auto;
padding:0 20px;
}

.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 100px 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 img{
width:90%;
margin: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;
}
    .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;
    }



.bg_black{
        position: fixed;
        bottom: 0;
        left: 0;
	    height:70px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        z-index: 9;
        background-color: rgba(0,0,0,0.6);;
        justify-content: center;
        padding: 0px 0;
}
.sp_btn_cv{
padding:12px 0 0 0;
width: 100%;
}

.sp_btn_cv button{
color:#fff;
width: 90%;
font-size:16px;
line-height:18px;
letter-spacing:2px;
font-weight:bold;
display:block;
margin:0px auto 0 auto ;
padding:17px 0 12px 0;
background-color:red;
border-radius:30px;
}

/* ---button---*/

.btn_w_area{
	margin:0px auto 0px auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.btn_w_area a{
width:100%;
max-width:400px;
margin:0px auto;
}

a.btn_w{
	letter-spacing:2px;
	font-size:18px;
	font-weight:700;
	color:#003366;
	text-align: center;
	display: block;
	padding:8px 5px;
	margin: 0px auto;
	background-color:#fff;
	border:5px solid #003366;
	background-image: url(../images/link_btn_icon.jpg);
	background-position:90% 50%;
	background-repeat: no-repeat;
	background-size:20px;
	-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 ; 
	}
a.btn_w:hover {
color:#ccc;
border:5px solid #cccccc;
}

.btn_w_area_m{
	margin:60px auto 0px auto;
}

a.btn_b{
max-width:400px;
border:5px solid #fff;
display: block;
margin:0px auto 0 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;
}
.btn_b img{width:100%;}
a.btn_b:hover {
 opacity: 0.5;
}


.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); }
}


.sp-none{
display:none !important;
}
.pc-br{
display:none !important;
}
.link_pc{
display:none !important;
}
.contact_btn02{
display:none !important;
}

.mt80{margin-top:80px;}



/* ---login---*/

.login_box {
max-width:600px;
width: 90%;
margin: 30px auto 0px auto;
padding:5% 5% 5% 5%;
border:3px solid #4b9536;
background-color:#f1fff4;
border-radius:10px;
}
.login_box table{
width: 100%;
}
.login_box th{
	padding: 5% 0px 0px 0px; 
    display: block;
    border: none;
	text-align:left;
	color:#333;
	font-weight:bold;
    }
.login_box th span{color:red;font-size:12px;}
.login_box td{
	padding: 2% 0px 5% 0px; 
    display: block;
    border: none;
	text-align:left;
    }
.login_box p{display:inline;padding:0px 20px 0px 5px;}


/* ---contact---*/

.contact_box {
max-width:600px;
width: 100%;
margin: 30px auto 0px auto;
}
.contact_box table{
width: 100%;
}
.contact_box th{
	padding: 5% 0px 0px 0px; 
    display: block;
    border: none;
	text-align:left;
	color:#333;
	font-weight:bold;
    }
.contact_box th span{color:red;font-size:12px;}
.contact_box td{
	padding: 2% 0px 5% 0px; 
    display: block;
    border: none;
	text-align:left;
border-bottom:solid 1px #ccc;
    }
.contact_box p{display:inline;padding:0px 20px 0px 5px;}

.form_01{
width: 96%;
padding:10px 2% 10px 2%;
font-size:14px;
border:solid 1px #4b9536;
margin:0 auto;
}
.form_02{
width: 96%;
padding:10px 2% 10px 2%;
font-size:14px;
border:solid 1px #4b9536;
margin:0 auto;
}
.form_03{
padding:10px 2% 10px 2%;
font-size:14px;
border:solid 1px #4b9536;
margin:0 auto;
width: 96%;
height:200px;
resize: vertical;
}
input.btn_f1{
	font-weight:bold;
	letter-spacing:5px;
	font-size:18px;
	color:#fff;
	width: 100%;
	max-width:400px;
	text-align: center;
	display: block;
	padding:20px 0px 20px 0px;
	margin: 20px auto 0px auto;
	border-radius:5px;
	background-color:#4b9536;
	border: 3px solid #4b9536;
	border:none;
	-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;
	border:none;
}
input.btn_f2{
	font-weight:bold;
	letter-spacing:5px;
	font-size:18px;
	color:#555;
	width: 100%;
	max-width:400px;
	text-align: center;
	display: block;
	padding:20px 0px 20px 0px;
	margin: 20px auto 0px auto;
	border-radius:5px;
	background-color:#dddddd;
	border:none;
	-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:none;
}




.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: 90%;
  height: 90%;
  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 15px 12px 15px;
  background-color:#2b5a29;
  box-shadow:0px 3px 0px 3px #1f4523;
  font-size:14px;
  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:20px;
}
.madal_view{width:30px;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:22px;
font-weight:500;

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

.modal_in_box{
background-color:#fff;
margin:20px auto 20px auto;
padding:30px 0;
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;
}
/* 縦のふわふわの動き */
@keyframes fuwafuwa01 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}


.accordion {
	margin: 30px auto;
	max-width:100%;
}

.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:16px;
	font-weight:700;
}

.question span,.anser span {
	font-size:20px;
	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: 1rem 1rem 1rem;
	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 50px;
}
.anser ul li{text-indent:-14px;margin:5px 0 0 0px;}