@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------
    slider
==================================================*/
.header_slider{
		   margin: 5px 5px 10px 5px;
	   }
  .slider {
    width: 100%;
   margin: 0 auto;
  }
  .slick-slide img {
    width: 100%; 
  }

/*--------------------------------------------------
    index
==================================================*/
.pd {
    padding-bottom: 20px;
}
.pt10 {
    padding-top: 10px;
}
.pl30 {
    padding-left: 30px;
}
.newsboxa { 
	overflow:hidden;
	font-size:90%;
	margin:10px;
}


.newsboxaleft {	
	width:45%;
	float:left;


	  }

.newsboxaleftinfo {	
	width:100%;
	overflow:auto;
	height:120px;
	margin:20px 0;


	  }
.newsboxaleftinfo dl.list{
	border-bottom: dotted 1px #CCC;margin:0 10px 0 0;padding:5px 0;}
	
.newsboxaleftinfo dl.list dt {
  clear: left;
  float: left;
  margin: 0 0 0.2em;
  width: 7.5em;
 
  padding-left: 5px;
  color: #000;
}

.newsboxaleftinfo dl.list dd {
  margin-bottom: 0.2em;
  margin-left: 7.5em;
} 
	  
.newsboxaright {	
	width:52%;
	float:right;


	  }	


.newsboxarightlbox {	
	width:220px;
	float:left;
	padding:10px;
	  }


.pan{
	padding:10px;

}


#container {
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}
#container img{
    max-width: 100%;
    height:100%;
}


#container p.topdesc {
    text-align: right;
    color: #999;
    font-size: 11px;
    padding-right: 10px;
}

#container .headerbox{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
-ms-flex-pack: distribute;
	justify-content: flex-end;
	margin:0 0 10px 0;
	align-items: flex-end;
}

.headerbox div:first-child{
    margin-right: auto;
}

.headerbox div:last-child{
    margin-left: 10px;
}


#container .headerbox > div.btntrial a{
color:#fff;
	font-weight: 600;
	font-size:12px;
  display: block;
		height:22px;
width:185px;
	text-align:center;
	text-shadow: 1px 2px 3px #808080;
	padding:5px 10px;
	border-radius: 13px;
	border: 1px solid #efefef;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9700+0,ff9700+44,ff9700+47,f04705+60,f04705+99 */
background: #ff9700; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9700 0%, #ff9700 44%, #ff9700 47%, #f04705 60%, #f04705 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9700 0%,#ff9700 44%,#ff9700 47%,#f04705 60%,#f04705 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9700 0%,#ff9700 44%,#ff9700 47%,#f04705 60%,#f04705 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9700', endColorstr='#f04705',GradientType=0 ); /* IE6-9 */
}

#container .headerbox > div.btntrial a:hover{
	
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fda11b+0,fda11b+44,fda11b+47,db5b28+59,db5b28+99 */
background: #f9a93c; /* Old browsers */
background: -moz-linear-gradient(top,  #f9a93c 0%, #fda11b 44%, #fda11b 47%, #db5b28 59%, #fc771e 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9a93c 0%,#fda11b 44%,#fda11b 47%,#db5b28 59%,#fc771e 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9a93c 0%,#fda11b 44%,#fda11b 47%,#db5b28 59%,#fc771e 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a93c', endColorstr='#fc771e',GradientType=0 ); /* IE6-9 */

}


#container .headerbox > div.btncont a{
	color:#fff;
	font-weight: 600;
	font-size:12px;
    display: block;
	height:22px;
    width:185px;
	text-align:center;
	text-shadow: 1px 2px 3px #808080;
	padding:5px 10px;
	border-radius: 13px;
	border: 1px solid #efefef;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28be26+0,0f9912+50,108411+52,148014+100 */
background: #28be26; /* Old browsers */
background: -moz-linear-gradient(top,  #28be26 0%, #0f9912 50%, #108411 52%, #148014 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #28be26 0%,#0f9912 50%,#108411 52%,#148014 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #28be26 0%,#0f9912 50%,#108411 52%,#148014 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28be26', endColorstr='#148014',GradientType=0 ); /* IE6-9 */

	
}

#container .headerbox > div.btncont a:hover{
		text-decoration: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ad328+0,11cf15+50,14a315+53,1ba71b+100 */
background: #2ad328; /* Old browsers */
background: -moz-linear-gradient(top,  #2ad328 0%, #11cf15 50%, #14a315 53%, #1ba71b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2ad328 0%,#11cf15 50%,#14a315 53%,#1ba71b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2ad328 0%,#11cf15 50%,#14a315 53%,#1ba71b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ad328', endColorstr='#1ba71b',GradientType=0 ); /* IE6-9 */

	
}

#container .headerbox > div.btncont .fa-mail{
	font-size:12px;
	margin-right:10px;

}


#container ul.bottomlinka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
-ms-flex-pack: distribute;
	justify-content: space-around;
	margin:0 0 0 9px;
}

#container ul.bottomlinka:before{
    content:"";
    display:block;
    width: 237px;
    height:0;
    order:1;
  }
 #container ul.bottomlinka:after{
    content:"";
    display:block;
    width: 237px;
    height:0;
 
}


#container ul.bottomlinka li{
	margin:0 7px 20px 0;
	border:1px solid #EBEAEA;
    padding:10px;
  box-sizing:border-box;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
 width:24%;
	display:block;position: relative;
	height: 170px;
	
}
#container ul.bottomlinka li a{
	position: absolute;
  top: 0;
  left: 0;
  width: 93%;
  height: 91%;
  text-align:center;
	display:block;
	color:#000;
	background: -moz-linear-gradient(top, #ffffff, #e7e9e8);
  background: -webkit-linear-gradient(top, #ffffff, #e7e9e8);
  background: linear-gradient(to bottom, #ffffff, #e7e9e8);
	border:3px solid #ffffff;
	padding:5px;border-radius:6px;
	font-size:11px;
	
	
}

#container ul.bottomlinka li span{
	font-weight:500;
	font-size:16px;
}
#container ul.bottomlinka li p{
	margin-top:15px;
	
	
}

#container ul.bottomlinka li a:hover{
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
  background: linear-gradient(to bottom, #ffffff, #f1f1f1);
	border:3px solid #ffffff;
	padding:5px;
	text-decoration: none;
	
}

#container ul.bottomlinka li.btn01 a{
	position: absolute;
  top: 0;
  left: 0;
  width: 93%;
  height: 91%;
  text-align:center;
	display:block;
	color:#000;
	
	border:3px solid #ffffff;
	padding:5px;border-radius:6px;
	font-size:11px;
	background:url("../../common/images/btn-img-mu01.png") bottom no-repeat,
    linear-gradient(to bottom, #ffffff, #e7e9e8),
	-moz-linear-gradient(top, #ffffff, #e7e9e8),
  -webkit-linear-gradient(top, #ffffff, #e7e9e8);

	background: url(../../common/images/btn-img-mu01.png)  bottom no-repeat, -moz-linear-gradient(to bottom, #ffffff, #e7e9e8),
	-moz-linear-gradient(top, #ffffff, #e7e9e8),
  -webkit-linear-gradient(top, #ffffff, #e7e9e8);
	
	
}

#container ul.bottomlinka li.btn01 a:hover{
	border:3px solid #ffffff;
	padding:5px;
	text-decoration: none;
	background:url("../../common/images/btn-img-mu01.png") bottom no-repeat,
   -moz-linear-gradient(top, #ffffff, #f1f1f1),
   -webkit-linear-gradient(top, #ffffff, #f1f1f1),
  linear-gradient(to bottom, #ffffff, #f1f1f1);

	
}

/* グローバルナビゲーション */
#global-nav {
	background: -moz-linear-gradient(bottom, #174a01 0%,#033d0c 50%,#0e2304 51%,#02441c 97%,#0f3502 100%);
  background: -webkit-linear-gradient(bottom, #174a01 0%,#033d0c 50%,#0e2304 51%,#02441c 97%,#0f3502 100%);
  background: -o-linear-gradient(bottom, #174a01 0%,#033d0c 50%,#0e2304 51%,#02441c 97%,#0f3502 100%);
  background: -ms-linear-gradient(bottom, #174a01 0%,#033d0c 50%,#0e2304 51%,#02441c 97%,#0f3502 100%);
  background: linear-gradient(to bottom,#174a01 0%,#033d0c 50%,#0e2304 51%,#02441c 97%,#0f3502 100%);
	background-color: #174a01;
	margin:0 5px;
		
	border-radius: 3px;
}
#global-nav ul {
	display: flex;
	justify-content: flex-start; 
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	
	
}
#global-nav li {
	flex: 1 0 auto;
	display: flex;
	width: 23%;
	font-size: 12px;

}


#global-nav li:first-child {
    width: 8%;
    text-align: center;
}

#global-nav a {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #fff;
	padding: 10px 20px 10px;
	font-weight: 600;
	border-right: 1px solid rgba(255, 255, 255, 0.15);

}

#global-nav a::before{
 
    border-right: 1px solid rgba(0, 0, 0, 0.22);
    z-index: 1;
}

#global-nav a:hover {
	background: #256301;
	background: -moz-linear-gradient(top, #256301 0%,#045107 50%,#143005 52%,#025120 97%,#154402 100%);
  background: -webkit-linear-gradient(top, #256301 0%,#045107 50%,#143005 52%,#025120 97%,#154402 100%);
  background: -o-linear-gradient(top, #256301 0%,#045107 50%,#143005 52%,#025120 97%,#154402 100%);
  background: -ms-linear-gradient(top, #256301 0%,#045107 50%,#143005 52%,#025120 97%,#154402 100%);
  background: linear-gradient(to bottom, #256301 0%,#045107 50%,#143005 52%,#025120 97%,#154402 100%);
}
#global-nav i {
	display: block;
	margin-bottom: 5px;
}
#global-nav .fa-size {
	font-size: 2em;
	color:#AAA8A8;
}
#global-nav span {
	color: #3d6532;
}


/*--------------------------------------------------
   pc切り替え
==================================================*/

.kirikae{
	border-radius: 3px;
	text-align:center;
	font-size:12px;
	
}
.kirikae li{
	float: left;
	border-right: solid 1px
    #111;
	display: block;
	  background-color: #444;

}
.kirikae li:first-child{

	display: block;
	padding: 10px;
}
.kirikae li:last-child{

	border-right:none;
}
.kirikae li a{
display: block;
padding: 10px;
color:
#fff !important;
text-decoration: none !important;
text-align: center;
}
.kirikae li a:hover{
background-color:
    #666;
}









.pagettl{
	
	box-shadow: 0 0 9px #c4ddc3;
	border:1px solid  #c4ddc3;
	margin:0 18px 20px 18px;
	border-radius: 3px;
	padding:40px;
	background: #fbfbf9;
	color:#0d641a;
	
	
}
.pagettl h1{
	font-weight:500;
	font-size:18px;
}
.pagettl span{
	font-size:36px;
}

.h2ttl2{
	position: relative;
	border:1px solid #ddd8dd;
	border-radius:4px;
	background: -moz-linear-gradient(top, #e7fef3 50%,#d1f8d4 50%);
    background: -webkit-linear-gradient(top, #e7fef3 50%, #d1f8d4 50%);
    background: linear-gradient(to bottom, #e7fef3 50%, #d1f8d4 50%);
	padding:4px 0 2px 22px;
	color:#0e631a;
	font-size:17px;
	font-weight:500;
	letter-spacing: 2px;
	margin-bottom:20px;
	
}
.h2ttl2::after {
  position: absolute;
  top: .5em;
  left: .3em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color:  #0e631a;
  

}

.linkttl{
	background-image:url("../images/link_img01.gif") ;
	background-repeat:no-repeat;
	background-position:0.4em;
	padding-left:30px;
	font-size:120%;
	font-weight:bold;}

.contents{padding:0 30px 20px 30px;}


.reqinner{
	border:1px solid #b4b4b1;
	margin:10px 10px 30px 10px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
}
.reqinner div{
	border-right:1px solid #b4b4b1;
	width:33%;
}

.reqinner div:last-child{
	border-right:none;
	width:33%;
}

.reqinner div p.ctr{
	text-align:center;
	margin-bottom:10px;
}

.reqinner div p.ctrb{
	text-align:center;
	margin-bottom:20px;
}
.reqinner div h3{
	margin:15px 0 10px 5px;
	font-weight:600;
	font-size:16px;
	
	line-height:34px;
	
}
.reqinner div h3 img{
	margin:0 5px 0 0;
	
	
}


p.test{
	position:relative;
	line-height:2em;
	padding-left:3em;
}
p.test:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(hoge.jpg) no-repeat;
	background-size:contain;
}


.reqinner div p.left{
	
	margin:0 0 20px 10px;
	text-align:center;
}

/*--------------------------------------------------
    koushi
==================================================*/
.koushi_innerbox{
	width:100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin: 0 0 30px 0;
}
.koushi_innerbox div img{
height:auto !important;	
}

.koushi_innerbox div:first-child{
width:180px;
}
.koushi_innerbox div:last-child{
width:80%;
}
/*--------------------------------------------------
    naiyou
==================================================*/
dl.naiyoudl{
 margin:0 0 30px 0;
 font-size: 110%;
	
}

dl.naiyoudl dt{
  float: left;
	
}

dl.naiyoudl dd{
  margin:0 0 10px 35px;
}

/*--------------------------------------------------
   access
==================================================*/
.accessbox{width:100%;
overflow:hidden;}

.accessboxa{
	width:50%;
	float:left;
}

.accessboxa table{
	margin:0 0 30px 0;
	padding-top:15px;
	border:1px dotted #dbd9d9;
}

.accessboxa table td{
	border-bottom:1px dotted #dbd9d9;
	padding:10px;
}

 .accessbox .topline{
	border-top:1px dotted #dbd9d9;
	
}

.accessboxa table th{
	background-color:#0d641a;
	border-bottom:1px dotted #dbd9d9;
	border-right:1px dotted #dbd9d9;
	color:#fff;
	padding:10px;
}


.accessboxb{
	width:50%;
	float:right;
	}

/*--------------------------------------------------
    faq
==================================================*/


.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 3em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(238,238,236,0.5);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #0d641a;
	background: rgba(231,254,243,0.8);
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '\2b';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(231,254,243,0.8);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #0d641a;
	border-radius: 0.5em 0.5em 0 0;
	background: rgba(231,254,243,0.8);
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*--------------------------------------------------
    voice
==================================================*/
.pb30{
	padding-bottom:30px;

}

.voice-m{
	border:3px dotted #b6d0a9;
	padding:10px;margin-bottom:20px;
	overflow: hidden;
	}
	
.voice-m h2{color:#063;
	font-weight:bold; 
	border-bottom:3px solid #eee;
	margin-bottom:10px;}

.voice-l{
	border:3px dotted #fdb269;
	padding:10px;margin-bottom:20px;
	}
	
.voice-l h2{color:#F60;
	font-weight:bold; 
	border-bottom:3px solid #eee;
	margin-bottom:10px;}
	

.trial-img{
	
	float:right;
}

.trial-arrow{
	
	text-align:center;
	margin:10px 0;
}

/*--------------------------------------------------
    fee
==================================================*/
.feebox {
	
	width:100%;
	margin:0 0 20px 0;
}


.feebox td{
	border:1px dotted #dbd9d9;
	padding:10px;
	width:50%;
}

 .feebox .topline{
	border-top:none;
	
}

 .feebox th{
	background-color:#0d641a;
	color:#fff;
	padding:10px;
	 width:50%;
}

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


.feebox2 td{
	border:1px dotted #dbd9d9;
	padding:10px;
	width:50%;
}

 .feebox2 .topline{
	border-top:none;
	
}

 .feebox2 th{
	background-color:#0d641a;
	color:#fff;
	padding:10px;
	 width:50%;
}

/*--------------------------------------------------
    footer
==================================================*/



.back{
	float:right;
	clear:both;
	color:#fff;
	text-align:center;
	}
.back img{vertical-align:bottom;}

#footer{
	width:100%;
	margin:0 auto;
	background-color:#333;
	color:#fff;
	background:url(../images/bg-footer.gif);
	
	clear:both;
}


#footer a{
		color:#fff;
}

#footer a:visited{
		color:#fff;
}
#footer a:hover{
		color:#dbba74;
		text-decoration:underline;
}

#footer	#footer_inner{
		max-width:950px;
		margin:0 auto;
		padding:10px;
		overflow:hidden;
}

#footer	#footer_inner ul.menu-list li{
		display:inline;  
		border-left:1px solid #d2c19f;
		margin-left:10px;
		padding-left:10px;
}

#footer	#footer_inner ul.menu-list li.first{
		border-left:none;
		margin-left:0;
		padding-left:0;
}




#footer	#footer_inner .ttl {
		
		padding-bottom:15px;
}

#footer #footer_inner #footer_copyright{
	clear:both;
	margin-top:100px;
	color:#fff;
	text-align:left;
}	

#footer #footer_inner #footer_copyright address{
	text-align:right;
}	




/*========================
　smartphone　bottom menu
　========================*/


.mini-text{font-size:10px;}

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:75px;
    margin:0;
    padding:0;
    background-color:#f5f5f5;
   
    z-index:30;}

ul.bottom-menu li:first-child {
    float:left;
    width:13%;
	height:100%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/
	 border-right:1px solid #cccccc; 
}

ul.bottom-menu li {
    float:left;
    width:36%;
	height:100%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/
	 border-right:1px solid #cccccc; 
}

   
ul.bottom-menu li:last-child {
    float:left;
    width:14%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/
    border-right:none; 
}

.bottom-menu li a {
    display: block;
    color:#808080;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}

.bottom-menu li .fa-ficon{
	padding-bottom:5px;
}

@media only screen and (max-width: 965px) {
#container ul.bottomlinka li:first-child img {
    width: 120px;
}
}

@media only screen and (max-width: 960px) {
	.contents {
    padding: 0 20px 20px 20px;
}
	

}




/*PC表示の際はボトムメニューは表示しない*/
@media(min-width: 769px){
    .bottom-menu{display:none; }
	
	.timetxt{display:none; }
		
	
		.hamburger {
		display:none;
	}
	.global-nav{
		display: none;
	}
}


.global-nav {
  position: absolute;
  right: -820px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
	.global-nav {		
	position: fixed;
  top: 0;
  right:-768px;
  z-index: 20000;
  width: 300px;
  height: 100vh;
padding-top: 20px;
  background-color:#0d641a;
  visibility: hidden;
}
			
.hamburger {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
			
	.nav-open .hamburger {
  position: absolute;
  
  top: 30px;
  width: 320px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
		background:#0d641a;
}
			
.global-nav__list {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
  padding: 0 14px;
}
.global-nav__item a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px dotted #eee;
  text-decoration: none;
  color: #fff;
}
.global-nav__item a:hover {
  background-color: #128323;
}
.hamburger__line {
  position: absolute;
  
  width: 38px;
  height: 1px;
  background-color: #111;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 22px;
}
.hamburger__line--3 {
  top: 30px;
}
			
.hamburger__line--4 {
  top: 32px;
background-color: transparent;
}
			
.nav-open .hamburger__line--4 {
 display:none;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
	visibility: visible;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger{	
	transition: all .6s;
			}
		.nav-open .hamburger__line {
  
  background-color: #fff;
 
}

.nav-open .hamburger__line--1 {
  -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
}
.nav-open .hamburger__line--2 {
 opacity: 0;
}
.nav-open .hamburger__line--3 {
   -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
   
} 


@media(max-width: 768px){
	
	.kirikae{
    margin:0 auto 30px auto;
		width:160px;
	
}
	
	#container p.topdesc {
   text-align: center;
	background:#0d641a;
	color:#fff;
		padding:5px;
		font-size:10px;
}
	#container p.topdesc span{
  display:none; 
}
	
	.timetxt{
		display:block; 
		text-align: center;
		border-radius: 5px;
		background:#0d641a;
	    color:#fff;
		margin-top:10px;
		
	}
	
	.logo{
		padding:10px;
		margin:0 auto;
	}
	
	  .newsboxaleft {	
	width:100%;
	float:none;


	  }
	
	form#mailformpro label.mfp_not_checked {
   font-size:10px;
}
	
	  
	 .pagettl span {
    font-size: 26px;
} 
.newsboxaright {	
	width:100%;
	float:none;

	  }
	
	
	.trial-img{
	float:none;
	margin-bottom:15px;
	text-align:center;
}
	

.koushi_innerbox{
	
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
.koushi_innerbox div img{
height:auto !important;	
}

.koushi_innerbox div:first-child{
width:100%;
	text-align: center;
	margin-bottom:20px;
}
.koushi_innerbox div:last-child{
width:100%;
}	
	
	#footer #footer_inner #footer_copyright{
	clear:both;
	margin-top:50px;
	color:#fff;
	text-align:left;
}
	#footer{
	width:100%;
	margin:0 auto 68px auto;
	background-color:#333;
	color:#fff;
	background:url(../images/bg-footer.gif);
	
	clear:both;
}
	
	

	
	
	#nav {
  position: fixed;
  top: 0;
  left:-768px;
  z-index: 10;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-color:#fff;
  visibility: hidden;
}

#nav.active {
  
  opacity: 1;
  -moz-transform: translateX(768px);
  -webkit-transform: translateX(768px);
  transform: translateX(768px);
  visibility: visible;
}

#nav ul {
  margin: 80px 0 20px 0;
  padding: 20px 0;
}

#nav ul li {
  list-style-type: none;
  transform: translateX(-200px);
   
  position: relative;
}

#nav.active ul li {
  list-style-type: none;
   transform: translateX(0);
  transition: transform 1.3s ease;
  position: relative;
}

#nav ul li a {
  display: inline-block;
  
  padding: 10px 0;
  transition: color 0.6s ease;
 text-align:center;
  text-decoration: none;
  color: #000;
	  border-bottom:1px dotted #000;
}



.menuline {display:flex; align-items:center; text-align:center;}

.menuline:before {margin-right:5px; border-top:1px solid #c7a07e; content:"";width:100px;}


	#container .headerbox > div.btntrial{
	display:none;

}

#container .headerbox > div.btncont {
	
	display:none;
	}
	
	
	
/* グローバルナビゲーション */
#global-nav {
	background:none;
 
	background-color: none;
	margin:0 5px;
		
	border-radius: 0;
}	
	
	
#global-nav ul {
	display: flex;
	justify-content: flex-start; 
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 60px 0 0 0;
	
	
}
#global-nav li {
	flex: 1 0 auto;
	display: flex;
	width: 100%;
	font-size: 16px;

}


#global-nav li:first-child {
    width: 100%;
    text-align: center;
}

#global-nav a {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #fff;
	padding: 10px 20px 10px;
	font-weight: 600;
	border-right: none;

}

#global-nav a::before{
 
    border-right: none;
    z-index: 1;
}

#global-nav a:hover {
	background: #256301;
	
}
#global-nav i {
	display: block;
	margin-bottom: 5px;

}
#global-nav .fa-size {
	font-size: 2em;
	
	 color: #c7a07e;
}
#global-nav span {
	display: none;
}
	
	.accessboxa table{
	width:100%;
	
}
	.accessboxa{
	width:100%;
	float:none;
}
	
	.accessboxb{
	width:100%;
	float:none;
}
	

}


@media (max-width: 735px) {
	
		#container ul.bottomlinka li{
		width:48%;
	}
	
	#container ul.bottomlinka li:first-child img{
		width:135px;
	}
	#container ul.bottomlinka li a {
   
    width: 95%;
	}
	
	@media (max-width: 710px) {
		.reqinner{
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;border:none;
	}
	.reqinner div{
	text-align:center;
	width:90%;
	margin:0 0 15px 0;
		border:1px solid #b4b4b1;
}
	.reqinner div:nth-child(2){
	border:1px solid #b4b4b1;
	width:90%;
	
}
	
	.reqinner div:last-child{
	border:1px solid #b4b4b1;
	width:90%;
}
	.reqinner div img{
		max-width:100%;
	
}
	}
	#footer #footer_inner #footer_copyright address{
	text-align:center;
}	
}
@media (max-width: 600px) {
	#container ul.bottomlinka li{
	
	width: 89%;
	
}
	#container ul.bottomlinka li a{
	
	width: 96%;
	
	}

}
	
@media (max-width: 520px) {
	
	.logo img{
		width:70%;
	}
	
#container ul.bottomlinka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
-ms-flex-pack: distribute;
	justify-content: space-around;
	margin:0 0 0 9px;
}

	
	#container ul.bottomlinka li.btn01 a{

  width: 96%;
	
}
	

}

@media (max-width: 350px) {
	.global-nav {
	 width: 280px;}
	.nav-open .hamburger {
   
    width: 300px;
   
}
}

/* スマホ送信ボタン色合わせ */
@media screen and (max-width: 768px) {
  .mfp_buttons button[type="submit"] {
    background: #f6f6f6 !important; /* リセットボタン背景色 */
    color: #333333 !important;       /* リセットボタン文字色 */
    border: 1px solid #ccc !important; /* リセットボタン枠線 */
    opacity: 1 !important;            /* 不透明に戻す */
    filter: none !important;          /* フィルタ解除 */
  }
  .mfp_buttons button[type="submit"]:disabled {
    background: #f6f6f6 !important; 
    color: #333333 !important;
    border: 1px solid #ccc !important;
    opacity: 1 !important;
    filter: none !important;
  }
}