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

 .link-topback {
    display: block;
    margin: 20px 0 40px 0;
    text-align: center
}
.link-topback a {
    display: inline-block;
    padding: 2px 0 2px 20px;
    font-weight: bold;
    color: #017c1d;
    font-size: 17px;
    line-height: 1;
    background: url(../common/images/ico-link-arw.png) no-repeat left center
}
.link-topback a:hover {
    color: #80be8e


}

.footer {
    background: #326732;
    color: white
}
.footer:before {
    content: " ";
    width: 100%;
    height: 0px;
    overflow: visible;
    display: block;
    background: #489748;
    border-bottom: 0px solid #7ca87c;
}
.footer__ci {
    padding: 40px 0 35px;
    text-align: center
}
.footer__ci img {
    vertical-align: bottom
}
.footer__address {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.5px
}
.footer__address strong {
    display: inline-block;
    padding: 0 10px 0 0;
    font-weight: bold;
    font-size: 30px
}
.footer__copyright {
    display: block;
	font-size:0.8rem;
    padding: 0 0 30px;
    line-height: 1;
    text-align: center
}
.footer__copyright:before {
    content: " ";
    width: 100%;
    height: 1px;
    overflow: visible;
    display: block;
    margin-bottom: 30px;
    background: #276427;
    border-bottom: 1px solid #567e56
}
.footer .tel-number {
    display: block
}

.footer__url{
	font-size:1.3rem;
}
footer #bana{
	display: block;
	font-size: 2rem;
	width: 100%;

}
footer #bana a{
	display: block;
	margin:30px auto;
	color:white;
	text-decoration: none!important;
	text-align: center;
	margin-bottom: 30px;
}
#top_btn
{
	background-image:url("../img/common/back.png");
	background-size: contain;
	overflow: visible;
	position: fixed;
  	width:53px;
	height:53px;
	bottom: 50px;
 	right: 180px;
	transition: 0.3s ;
  }

#top_btn:hover{
	  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#faq{
	width: 876px;
	max-width: 100%;
	margin: 0 auto;
}
#faq p{
	text-align: center;
	margin:-25px 0 25px 0 ;
	color:green;
}

#faq h4{
	font-size:1.5rem;
	padding:10px;
	 border-left :solid 5px green;
  border-bottom: solid 1px gray;
}


#faq ul{
	margin-left:20px;
	margin-bottom:45px;
}
#faq li{
	margin:14px auto;
	padding-left:3rem;
	text-indent:-3rem;
}

#faq li a{
	text-decoration: none;
	color:black;
}

#faq li a:hover{
	color:#FFB64A;
	font-weight:500;
	text-decoration: underline;
	
}


.qa h2{
	font-size: 2.4rem;
	text-align: left;
	margin-bottom: 30px;
	color: #007E37;
	letter-spacing: 0.2rem;
	line-height: 1.5;
	font-weight: bold;
	border-left: solid 10px;
	border-bottom: solid 2px;
	padding:10px;
}
.iv_box{
	width:95%;
	max-width:1280;
    margin-bottom:100px;
}

.iv_box p{text-align: center;
          font-size: 1.4rem;}
.iv_box h3{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
	color: #007E37;
	line-height: 1.5;
	font-weight: bold;
}
.iv_box h3 .sh{
	font-size: 2.5rem;
}

.iv_box h4 {
	text-align: left;
	margin-bottom: 10px;
	color: #007E37;
	font-size:1.7rem;
	line-height: 1.5;
	font-weight: bold;
}




.iv_index{
	display:block;
	width:100%;
	max-width:1000px;
	margin:50px auto 0 auto;
    font-size: 1.2rem;
    
}

.iv_index img{width:180px; margin-right: 15px;}




/*スマホ・タブレット用の設定*/
@media screen and (max-width:960px){

#top_btn
{
  	width:53px;
	height:53px;
	bottom: 1rem;
 	 right: 1rem;
  }
		/*QA*/
.qa{
	width: 95%;
}
	
	.qa h2{
	font-size:2rem;
	}
.qa dt{
	font-size: 1.2rem!important;
	line-height: 1.5;
	height: 100%;
	padding-top: 0;
	padding-bottom: 20px;
	padding-left:6rem!important;
	text-indent: -2.2rem!important;
}

.qa dd{
	font-size: 1rem!important;
	line-height: 1.5;
}
	.b_container2 {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;

}

.about_all {
		width: 90%;
	}
	.info{
		width: 90%;	
	}
}

/*タブレット 縦から*/
@media screen and (max-width: 800px){
body{
	/*background-image: url(../img/top/main_sp_bg.png);*/
	background-repeat:
	no-repeat;
	background-position:
	center top;
	background-size: auto;
}
	.qa h2{
	font-size:1.8rem;
	}

			/*QA*/
.qa dt{
	background-image:url("../img/top/q_sp.png");
	font-size: 2.2rem;
	height: 100%;
	padding-top: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
	padding-right:1rem;
	text-indent: -1rem;
}

.qa dd{

	font-size: 0.8rem;
}
.b_container2 {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.b2_box {
  /*display:flex;*/
  margin: 0 auto;
  /*margin-bottom: 20px;*/
}
	#no_box{
		width: 90%;
		margin: 0 auto;
	}
	.about_all {
		width: 90%;
	}
	.info{
		width: 90%;	
	}
	.info ul li{
		margin-left: 20px;
	}
}

/*スマホ 横から*/
@media screen and (max-width: 768px){
body{
	background-repeat:
	no-repeat;
	background-position:
	center top;
	background-size: auto;
}

#main{
	margin-top: 0;
}
#top_content{
	margin-top: 0;
	padding-top: 0;
	}
.b_container2 {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 0;

}	
.b2_box {
  display:flex;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 20px;
}

.footer {
    background: #326732;
    color: white
}
.footer:before {
	
    content: " ";
    width: 100%;
    height: 0px;
    overflow: visible;
    display: block;
    background: #489748
}
.footer__ci {
    padding: 20px 0 20px;
    text-align: center
}
.footer__ci img {
    width: 50%;
    height: auto;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    vertical-align: bottom
}
.footer__address {
    margin: 0 0 10px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.5px;
    text-align: center
}
.footer__address strong {
    display: block;
    padding: 0 10px 0 0;
    font-weight: bold;
    font-size: 1.5rem
}
.footer__copyright {
    display: block;
    padding: 0 0 15px;
    line-height: 1;
    text-align: center
}
.footer__copyright:before {
    content: " ";
    width: 100%;
    height: 1px;
    overflow: visible;
    display: block;
    margin-bottom: 15px;
    background: #276427;
    border-bottom: 1px solid #567e56
}
.footer a {
    color: white
}
.footer .buillding-name {
    display: block
}

		/*QA*/
	
		
	
.qa dt{
	background-image:url("../img/top/q_sp.png");
	font-size: 1.2rem;
	height: 100%;
	padding-top: 0;
	padding-bottom: 15px;
	margin-bottom: 10px;
	padding-right:0.2rem;
	text-indent:-2.5em;
}

	.qa dd{
	font-size: 0.8rem;
			padding-right:20px;
	text-indent:-1.3em;
}
}

/*スマホ　縦から*/
@media screen and (max-width: 480px){
body{
	background-size: contain;
}
	#top_btn{
	overflow: visible;
	position: fixed;
  	width:43px;
	height:43px;
	bottom: 4rem;
 	 right: 1rem;
  }
#faq h4{
	font-size:1.3rem;
	margin-left:5px;
	padding:10px;
	 border-left :solid 5px green;
  border-bottom: solid 1px gray;
}
#faq ul{
	margin-left:20px;
	margin-bottom:45px;
}
#faq li{
	margin:14px auto;
	padding-left:2rem;
	text-indent:-2.6rem;
}
.qa h2{
	font-size: 1.4rem;
	text-align: left;
	margin-bottom: 30px;
	color: #007E37;
	letter-spacing: 0.1rem;
	line-height: 1.5;
	font-weight: bold;
	border-left: solid 10px;
	border-bottom: solid 2px;
	padding:10px;
}
	
	.qa dd{
	font-size:0.8rem!important;
	padding-right:1rem;
	text-indent:-1.3em;
	}
	
	.qa dt{
	font-size:1rem!important;
	padding-left:5rem!important;
	text-indent:-1.8rem!important;		
	}
}