/*Base*/
@charset "UTF-8";
#container {
	visibility:hidden;
	margin-top:-30px;
}


@media only screen and (max-width: 1024px) {


}

@media screen and (min-width: 769px) {
 

}

/* tablet  */
@media only screen and (max-width: 768px) {


#mobile-head {
        margin-top: -295px;

    }
header {
	width: 100%;
	width: 94%\9;
	margin: 0 auto;
	height:120px;
	margin-left:0px;
	padding-bottom: 0px;
}



header h1{
	width: 330px;
	height:40px;
	margin: 20px 0 10px 10px;
    background-repeat: no-repeat;
}
#fontSize{display:none;
	}

.ques ul li img{
	width:85px;
	height:auto;
	margin-right:0px;
}
	
.ques{
	margin-top:10px;
	width: 45%;
}
/*ナビ*/
.br-slidecontrol{
	top:-125px;
	right:35px;
}

#promotion{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	margin-top:-20px;
	margin-bottom:-30px;
	margin-bottom:0px\9;
}

/*　MENU　 */

ul#navi {
		margin-top:-10px;
	width: 100%;
		}

ul#navi li {
		width:109px;
		height:55px;
		}

ul#navi .button03{
		width:113px;
		}
	
ul#navi li a {
		font-size:0.9em;
		line-height:18px;
		}
		


/*navi*/
.news_top {
	margin-top:0px;
	margin-left:10px;
	width:97%;
	height:90%;
	padding:0px;
	font-size:1.0em;
	line-height:22px;
}
.news_top h6{
	line-height:16px;
	margin: 0 ;
	font-size:0.9em;
	padding:10px;
	background-color:#fff;
	width:97%;
	height:10px;
	}
.icon_top {
	float:left;
	width:100%;
	height:95%;
	margin-top:35px;
	margin-left:0px;
}
.icon_top ul li{	
	display:inline-block;
	width:20%;
	height:20%;
	margin:10px;
}
.icon_top ul li img{	
	width:90%;
	height:90%;
}

div#contents_all {
	width: 99%;
}

#promop2{
	width: 100%;
	height: 100%;
	margin-top:35px;
}

#promop2 img{
	width: 100%;
	height: 100%;
	text-align:left;
}

div#navi_left{
	width: 140px;
	float: left;
	margin:10px 20px 0px 0px;
        position: relative;
}

div#navi_left ul h2{
	margin: 0px;
	padding:5px 0 5px 5px;
	width: 140px;
	margin-left:-40px;
}

div#navi_left ul h3{
	margin: 0px;
	padding:5px 0 5px 5px;
	width: 140px;
}


div#navi_left ul h4{
	margin: 0px;
	padding:5px 0 5px 5px;
	width: 140px;
	margin-left:-40px;
}

div#navi_left h5 a{
	padding-left:-25px;
}


div#navi_left .btn_sample{
	padding:5px 0 5px 5px;
	width: 140px;
	margin-bottom: 10px;
}
div#vision {
	margin: 10px auto 90px;
	min-height:440px;
	width:90%;
}
#vision .waku{
	padding:10px;
	margin-bottom:50px;
	font-size:1.1em;}

.service img{
 width:98%;
 height:98%;
 }

div#vision .copyb{
	margin: 20px 0px 40px 0px;
}
div#vision .copyb img{
	width:85%;
	height:85%;
}

div#vision .waku{
	width:95%;
	padding:20px 5px;
	margin-bottom:50px;
}
div#vision .waku2,div#vision .waku3{
	width:95%;
	padding:10px 5px;
	font-size:0.95em;
	line-height:2em;}



div#vision .second, div#vision .second2{
	width:100%;
	margin-left:0px;
	text-align:center;
	float:none;
}
div#vision h2{
	width:100%;
}
	
div#vision h2 span{
	font-size:0.6em;
	margin-left:20px;
}

div#vision ol {
  counter-reset: li; 
  list-style: none; 
  margin-left:-40px;
	width:100%;
}

div#vision li {
  line-height: 1.8;
	width:100%;
	height:140px;
}

div#vision ol p{
	display:inline;
  margin-left: 0rem;
	margin-top:0px;
}

div#vision ol > li::before {
  margin-right: 1.0rem;
  content:counter(li) "";
  counter-increment: li;
	font-size:2.0em;
color:#4a7d4b;
}




/*ceo*/

.profile{
	font-size:0.9em;
	margin-top:110px;
	width:100%;

	}
	
#ceo .profile img{
	margin:-10px 0 -10px 10px;
	}

.profile h6{
	font-size:1.1em;
	font-weight:bold;
	margin:-10px 10px 15px 0px;
	height:10px;
	padding:5px 0 20px 15px;
	border-bottom: 0px;
	border-right: 0px;
	background-color:#fff;
	}
.profile .pday{
	font-size:1.0em;
	margin:0px 17px 0 20px;
	}

.profile .pday2{
	font-size:1.0em;
	margin:0px 10px 0 20px;
	}

	
.profile ul{
	border:solid 1px #72c769;
	}
	
.profile ul li{
	display: inline-block;
	vertical-align:top;
	padding:10px 40px 30px 0;
}

.profile ul li img{
	width:100%;
	height:100%;
}


.profile .write{
	margin:0px 0 0 -40px;
	width:100%;
}

/*ceo*/

.banner_footer {
	height:100%;
	margin:50px 0 0 45px;
}
.banner_footer img{
	width:15%;
	height:15%;
	margin:0px 13px 0 0;
}
 #footer{
	margin-left:15px;}
	
 #footer .policy{
	font-size:1.0em;
	line-height:22px;
	width:86%;
 }
#footer br{
	display:none;
 }
 
#policy .waku .news img{
	width:95%;
	height:95%;
}


/*popup*/
.popup_wrap h3 br{
	display:inline;
}
.popup_content {
  width: 95%;
  max-width: 95%;
  line-height: 2.0em;
    padding:0 15px 10px;
}


 .icon_top p img{
	margin-right:0px;
	margin-left:-35px;
	margin-bottom:20px;
		width:108%;
	height:auto;
		}

/*popup*/



}	
/* mobilewidth  */
@media only screen and (max-width: 736px) {
header h1{
	width: 330px;
	height:40px;
	margin: 20px 0 10px 10px;
    background-repeat: no-repeat;
}

/* ナビSP*/
div#navi_sp{
display:inline;
text-align:center;
width:100%;
}
/* ナビSP*/

ul#navi li {
		width:95px;
		height:55px;
		}

ul#navi .button03{
		width:96px;
		}

#promop2{
	display:none;
	}
div#contents #branch table{
	width:100%;
	}
div#contents #branch table td{
	width:49%;
	}

div#contents #branch img{
	width:100%;
	}
div#vision .copyb{
	margin: 0px 0px 60px -10px;
}
div#vision .copyb img{
	width:95%;
	height:95%;
}

#footer{
	margin-left:0px;
	font-size:10px;
 }
#footer br{
	display:none;
 }

#footer .policy{
	font-size:0.61em;
	line-height:12px;
	width:99%;
 }
 
}
/* mobile  */
@media screen and (max-width: 640px) {

#container {
	visibility:visible;
	margin-top:-10px;
}


/* top-menu  */
	
#toplinetop{
	display:none;
	}
header {
	width: 100%;
	margin: 0 auto;
	height:120px;
	padding-bottom: 0px;
}

header h1{
	width: 330px;
	height:40px;
	margin: 10px 0 -5px 10px;
    background-repeat: no-repeat;
}

#mobile-head {
        margin-top: -205px;
}
.ques ul li img{
	width:82px;
	height:24px;
	margin-right:0px;
	margin-left:5px;
	float:left;
}
	
.ques{
	margin-left:31%;
	width: 73%;
}
#fontSize{
	display:none;
	}



ul#navi {
	display:none;
	}

#promotion{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	margin:-65px 0 -55px 0;
}


#promop2{
	display:none;
	}

.br-slidecontrol{
	top:148px;
	right:35px;
}

.br-next{
	display:none;
	}
.br-previous{
	display:none;
	}
#navi_left{
	display:none;
	}
#blog .day{
	display:none;
	}
div#navi_right{
	width: 80%;
	float: left
	margin:-40px 0px 0px 0px;
	font-size:1.0em;
}



	
.undernavi{
	width:100%;
	font-size:0.95em;
}
 
div#contents_all {
	width: 95%;
	margin: 0 auto;
	padding-top:5px;
	margin-top:-30px;
}

.news_top {
	margin-top:65px;
	float:left;
	width:95%;
	height:90%;
	border: 1px solid #69a871;
	padding:0px;
	font-size:1.1em;
	line-height:26px;
}
.news_top h6{
	line-height:16px;
	margin: 0 ;
	font-size:0.9em;
	padding:10px;
	background-color:#fff;
	width:92%;
	height:10px;
	}
.icon_top {
	float:left;
	width:100%;
	height:95%;
	margin-top:15px;
	margin-left:0px;
}
.icon_top ul li{	
	display:inline-block;
	width:45%;
	height:50%;
	margin:10px 5px 15px 0px;
}
.icon_top ul li img{	
	width:90%;
	height:90%;
}

.banner_footer {
	width:100%;
	padding:0px;
	height:90%;
	margin:60px 0 0 10px;
}

.banner_footer img{
 vertical-align:top;
	padding-bottom:10px;
	width:45%;
	height:45%;
}
/*mobile-table*/
div#contents #branch table{
	width:100%;
	}
div#contents #branch table td{
	width:100%;
	}

div#contents #branch img{
	width:100%;
	}
  .responsive {
    border-collapse: separate;
    border-spacing: 0  20px;
  }
  .responsive thead {
    display: none;
  }
  .responsive tr {
    background-color: #f6f6f6;
  }
  .responsive td {
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
  }
  .responsive td.col-6 {
    float: left;
    width: 50%;
  }
  .responsive td.txt-right {
    text-align: right;
  }
  .responsive td:before {
    content: attr(data-title) " ";
  }
  .responsive .clear {
    clear: both;
  }
/*second*/


#blog{
	width:95%;
}
#blog h6{
	width:95%;
	margin-top: 10px;
	font-size:1.2em;
}

#blog .article img{
	width:99%;
	height:99%;
}


div#vision .copyb{
	margin: 20px 0px 40px 0px;
}
div#vision .copyb img{
	width:113%;
	height:100%;
}

table{
	width:100%;
}
/*second*/

/*column*/
div#contents .article{
	font-size:1.0em;
	margin:5px 0 35px 0px;
	width:97%;
	line-height:1.8em;
}

div#contents .article ul li{
	margin:0px 0 30px -70px;
	line-height:30px;
	
	display:inline-block;
	float:left;
	}

div#contents .article h4{
	margin: 20px 0 0px 30px;
	padding-top:20px;
	font-size:0.8em;
	max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
div#contents .article .excertpt{
	margin: -20px 0 0px 40px;
	max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
/*column*/

}
/* mobile  440*/
@media screen and (max-width: 414px) {

.ques ul li img{
	width:82px;
	height:24px;
	margin-right:0px;
	margin-left:5px;
	float:left;
}
	
.ques{
	margin-left:15%;
	width: 77%;
}
}

@media screen and (max-width: 390px) {
header h1{
	width: 345px;
	height:40px;
	margin: 0px 0 0px 10px;
}
.ques ul li img{
	width:82px;
	height:auto;
}
	
.ques{
	margin-top:0px;
	margin-left:5%;
	width: 90%;
}

}
/* mobile  375*/
@media screen and (max-width: 375px) {
.br-slidecontrol{
	top:123px;
}




.ques ul li img{
	width:72px;
	height:24px;
	margin-right:0px;
	margin-left:5px;
	float:left;
}
	
.ques{
	margin-left:21%;
	width: 77%;
}
#promotion{
	margin: 0 auto;
	margin:-65px 0 -60px 0;
}

#blog{
	width:95%;
	float: left;
	text-align:justify; 
}

/*column*/
div#contents .article h4{
	font-size:0.8em;
	max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
div#contents .article .excertpt{
	max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
/*column*/

.banner_footer {
	margin:40px 0 0 25px;
}
.banner_footer img{
	width:40%;
	height:40%;
}
#footer .policy{
	font-size:0.61em;
	line-height:14px;
 }

}

/* mobile  360*/
@media screen and (max-width: 370px) {

.ques{
	margin-left:15%;
	width:81%;
}
}

@media screen and (max-width: 350px) {

.ques{
	margin-left:0%;
	width:86%;
}
}

/* mobile  360*/
@media screen and (max-width: 340px) {
header h1{
	width: 280px;
	height:30px;
	margin: 10px 0 0px 10px;
	background-size:280px;
    background-repeat: no-repeat;
}
.ques ul li img{
	width:72px;
	height:24px;
	margin-right:0px;
	margin-left:5px;
	float:left;
}
	
.ques{
	margin-left:1%;
	width: 90%;
}
}