@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

#body-inside{
	overflow-x: hidden;
	position: relative;
	top: 0;}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
	color: #000000;
	text-align: justify;
}
.overimg:hover {
	opacity:0.5;
}
.contents {
	width:1000px;
	margin:0 auto;
}
.pankuzu{
	width:1000px;
	margin:1% auto;
}
.pankuzu a{color:#4BA9EC;}
.w100per{
	width: 100%;
	margin: 0 auto;
}
.w90per{
	width: 90%;
	margin: 0 auto;
}
.w80per{
	width: 80%;
	margin: 0 auto;
}
.w60per{
	width: 60%;
	margin: 0 auto;
}
.w40per{
	width: 40%;
	margin: 0 auto;
}
.w50per{
	width: 50%;
	margin: 0 auto;
}
.w48per{
	width: 48%;
	margin: 0 auto;
}
.w46per{
	width: 46%;
	margin: 0 auto;
}
.w38per{
	width: 38%;
	margin: 0 auto;
}
.w36per{
	width: 36%;
	margin: 0 auto;
}
.w48per img , .w46per img, .w36per img,.w60per img{
	width: 100%;}


a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#104FBC;
}




h2{
	margin: 0px;
	font-size: 30px;
}


h3 {
	margin:0em;
	font-size:22px;
}

h4 {
	font-size:16px;
	font-weight:bold;

}

h5 {
	margin-bottom:0em;
	font-size:16px;
}

h6 {
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
}

p {
	margin:0;
	line-height: 1.6;
	font-size: 14px;
}

img {
	vertical-align:bottom;
}

em , strong {
font-weight: bold;
}

ul,ol,dl {
	margin:0 0 0em 0;
}
ul li {
	list-style:none;
}
ol li {
	list-style:none;
}
li {
	margin-left:0em;
}

li a{
	text-decoration:none;
	}


table {
	width:100%;
	margin-bottom:1em;

}

th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #ddd;
	background:#f0edec;
}
td {
	padding:10px;
	text-align:left;
	border-bottom:1px solid #ddd;
}

.center , .center-left{
	text-align:center;
	}

.tl{
	text-align:left;
	}
.f-left{float: left;}
.f-right{float: right;}
.link{color: #31A3D1;}
/*================================================
 *  ヘッダー
 ================================================*/
header {
	width:100%;
	margin: 0 auto;background-color: #8fc31f;
}
.h1_back{width: 100%; background-color: #ffffff;}
h1 {
	font-size:14px;
	padding: 10px 0px 10px 0px;
	width: 1000px;
	color: #666666;
	margin: 0 auto;
}

header #g_menu {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#logo{margin: 3% 3% 3% 0%; width: 25%; float: left;}
.head_right{width: 50%;float: right;margin-top: 1.4%;}
.head_right a{display: inline-block;}
.head_btn{height: 50px;width: auto;}
.border_left{border-left: solid 2px #cce198;}
.border_bottom{border-bottom: solid 2px #cce198;}
.clear{
	clear: both;
}
nav.g_menu {
display: inline-block;
width:86%;
float:right;
margin: 0.6% 0;
}


nav.g_menu ul li {
display: inline-block;
float: left;
padding: 10px 2%;
font-weight: bold;
font-size: 0.8rem;
border-left: 1px solid #ffffff;
}
nav.g_menu ul li.last{
border-right: 1px solid #ffffff;
}
nav.g_menu ul li a {color: #ffffff;}
nav.g_menu ul li a:hover {color:#FC900A;}
.g_menu_sp{display: none;}


/*================================================
 *  フッター
 ================================================*/
.foot_menu{background-color:#8fc31f;color: #ffffff;}
.area_h3{font-size: 0.8rem;}
.foot_logo{width: 100%;}.foot_logo img{width: 100%;}
.footer-left{width: 40%;float: left;margin-right: 5%;}
.footer-right{width: 55%;float: left;}
.w45per{width: 45%;}
.border_left{border-left: solid 2px #ffffff;padding-left: 2%;}
.foot_link ul li{display: block;margin-bottom: 2%;}
.foot_link a{color: #ffffff;font-size: 0.9rem;}
.foot_link a:hover{color:#006934;}
.syamei{font-weight: bold;font-size: 150%;letter-spacing: 1px;}
.footer_adress{margin: 2% 0;}
.contact_circle{width: 10%; margin: 0% 0% -5% 0%}
.white_box{width: 80%; background-color: #ffffff;padding: 5%;border-radius: 13px;}
footer {
	clear:both;
	padding:2% 0;
	font-size:14px;
	text-align:left;
	color:#ffffff;
	background-color:#000000;
}

.spnone{
	display: block;
}
.sponly{
	display: none;
}
/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.flexbox ,.flexbox04 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
.page_menu_contents{width: 1000px;margin: 0 auto;}
.pagemenu_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	border-left: solid 2px #8fc31f;
	}

.flexbox::after{
  content:"";
  display: block;
  width:31%;
}

/* 親要素の疑似要素 */
.flexbox04::after {
    content: "";
    display:block;
    width:23%; /* 子要素と同じ幅 */
}
.flexbox04::before { 
    content: ""; 
    display:block; 
    width:23%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}
.box-item03_about img,.box-item03 img,.box-item03-01 img,.box-item02 img,.box-item02-2 img,.box-item02_tax img,.box-item02_akiya img,.box-item04 img{width: 100%;}
.box-item02,.box-item02-2{width: 49%;display: inline-block;margin:0% 0 2%;height: auto;}
.box-item02_tax{width: 48%;display: inline-block;margin:0% 0 4%;height: auto;}
.box-item02_akiya{width: 40%;display: inline-block;margin:0% 0 4%;height: auto;padding: 4%;border: solid 1px #000000;border-radius: 13px;}
.box-item03,.box-item03-01{width: 31%;display: inline-block;margin:1% 0 0;height: auto;}
.box-item03_about{width: 25%;display: inline-block;margin:1% 0 0;height: auto;}
.box-item03_renova{width: 27%;display: inline-block;margin:1% 0 0;height: auto;border: solid 2px #8fc31f;padding: 2%;}
.box-item03 h4{margin-top: 0.4em;}
.box-item04{width: 23%;display: inline-block;margin:1% 0 2%;height: auto;background-color: #ffffff;padding: 0% 0 5%;}
.page_menu{width: 25%;display: inline-block;margin:0%;height: auto;padding: 0%;}
.page_menu img{width: 100%;}
.bk-img {
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
	float: none;
}
/* flexbox フレックスボックス */
/* flexbox フレックスボックス */


.img100 img{width: 100%;}
a[href^="tel:"] { pointer-events: none; }

.link_btn{height: 70px;}

/* ニュースお知らせのCSS */
.date{color:#73beb8;padding-right: 3%;}
.date:hover{color:#104FBC;padding-right: 3%;}
.news_kiji{background-image: url("../img/news_yajirushi.svg");background-position: center right;background-repeat: no-repeat;background-size: 10%; padding: 4% 0;border-bottom: dotted 1px gray;margin: 2% 0;display: block;}
.news_more{width: 36%;}
.beju_bg{background-color: #f7f5f0;}
.green_bg{background-color: #8fc31f;}
.sns_bg{background-color: #d4edf7;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
body {
	font-size:12px;
	line-height:1.6;
}	
a[href^="tel:"] { pointer-events: auto; }
	.pankuzu{width: 98%;font-size: 12px;margin-left: 2%;}	
.spnone{
	display: none;
}
.sponly{
	display: block;
}	
.f-left{float: none;}
.f-right{float: none;}
.border_bottom{border-bottom:none;}
nav.g_menu{
display: none;
}
.g_menu_border{border-top: none;border-bottom: none;}
.g_menu_sp {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	border-bottom: solid 1px #84cabf;
	border-top: solid 1px #84cabf;
}

h1 {
	font-size:10px;
	line-height: 1.4;
	width: 70%;
	padding: 10px 0px 10px 0px;
	margin-left:4%;
}
p {
	margin:0;
	line-height:1.6;
}
header {
	width:100%;
	height: auto;
	top: 0;
	left: 0;
}

#logo{margin: 3% 0% 3% 0%;width: 50%; float: left;}
.w100per{
	width: 100%;
	margin: 0 auto;
}
.contents {
		width:90%;
		margin:0 auto;
		}

.w80per , .w60per , .w50per , .w48per ,.w46per ,.w36per ,.w40per{
	width: 100%;
	margin: 0 auto;
}
	.w48per{margin-bottom: 5%;}
h2{
	margin: 0px auto;
	font-size: 1.4rem;
	font-weight:bold;
	padding-bottom:10px;
	line-height: 1.4;
}
h3 {
	margin:0em;
	font-size:1rem;
}
h4 {
	font-size:0.8rem;
	font-weight:bold;

}
.totop{
		overflow:hidden;
		}



/* ;;;;;;;; フレックスボックス;;;;;;;;;;;;;;;;;;;;;; */
.box-item02,.box-item03-01{width: 100%;display: inline-block;margin:0% 0 2%;height: auto;}
.box-item03_about{width: 88%;display: inline-block;margin:8% 0 8%;height: auto;}
.box-item02_tax{width: 100%;display: inline-block;margin:0% 0 8%;height: auto;}
.box-item03 img{width: 100%;}
.box-item03{width: 48%;display: inline-block;margin:1% 0 2%;height: auto;}
.box-item03_renova{width: 93%;display: inline-block;margin:1% 0 5%;height: auto;border: solid 2px #8fc31f;padding: 3%;}
.box-item04{width: 48%;display: inline-block;margin:1% 0 2%;height: auto;background-color: #ffffff;padding: 0% 0 5%;}
.bk-img {
  width: 30%;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
	float: left;
}
.page_menu_contents{width: 100%;margin: 0 auto;}
.pagemenu_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	border-left: solid 2px #8fc31f;
	}
.page_menu{width: 50%;display: inline-block;margin:0%;height: auto;padding: 0%;}
.page_menu img{width: 100%;}

/*================================================
 *  フッター
 ================================================*/
.foot_logo{width: 70%;float: none;margin-right: 0%;}

.footer-left{width: 90%;float: none;margin-right: 5%;margin-left: 5%;}
.footer-right{display: none;}
.w30per{width:100%;margin-right: 0%;float: left;}
.w30per img{width: 50%;}
.foot_link ul li{display: block;margin-bottom: 2%;font-size: 130%;}
footer {
	clear:both;
	padding:2% 0 22%;
	font-size:14px;
	text-align:left;
}
.syamei{width: 100%;float: none;font-weight: bold;line-height: 2;font-size: 180%;}
.adrees{width: 100%;float: none;font-size: 1rem;letter-spacing: 1;}
.white_box{width: 90%; background-color: #ffffff;padding: 5%;border-radius: 13px;}
.sp_pt30{padding-top: 3%;}
.news_more{width: 80%;}	
.link_btn{height: 60px;}
.mt-5per{margin-top: -5%;}
.sp_pt3per{margin-top: 3%;}
	.footer_tel{width: 48%;float: left;}
	.footer_tel02{width: 34%;float: left;}
	.footer_mail{width: 18%;float: left;}
	.footer_tel img,.footer_mail img,.footer_tel02 img{width: 100%;}
}


/*=====menu.css追加========================================*/
.navToggle , nav.globalMenuSp {display: none;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
	.contact_circle{width: 15%; margin: 5% 0% -12% 0%}
	.sp_h4{width: 80%;text-align: left;margin-left: 20%;line-height: 1.4;font-size: 0.8rem;}
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 0px;
    top: 0px;
    width: 50px;
    height: 51px;
    cursor: pointer;
    z-index: 300;
    background: #F6AB00;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 38px;
    border-bottom: solid 3px #ffffff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

.navToggle span:nth-child(1) {top: 9px;}
.navToggle span:nth-child(2) {top: 18px;}
.navToggle span:nth-child(3) {top: 27px;}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
nav.globalMenuSp {
	display: block;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: left;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
	height:100%;
	overflow-y: scroll;  
}
 
nav.globalMenuSp ul {
    background: #ffffff;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 98%;
	padding-left: 2%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
	}