@charset "utf-8";



body {
    padding: 0px;
    margin: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
img{
	/*画像の伸縮設定*/
	max-width: 100%;
	width /***/: auto;
	/*画像のボーダーを消す*/border:none;
	height: auto;
	text-align: right;
}

a img {
    border-style: none;
}

p {
	padding: 0px;
	margin: 0px;
}
/*clearfix*/
.cf:before,
.cf:after {
  content:"";
  display: table;
}
.cf:after {
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf {
  *zoom:1;
}
/*clearfixここまで*/
.clear {
	clear: both;
}

ul {
 padding: 0px;
margin: 0px;
list-style-type: none;
}

.wp {
    width: 100%;
}
/*改行*/
.brl{
}
/*行間の余白*/
.pad_h10{
	padding-top:10px;
}
.pad_h20{
	padding-top:20px;
}
.pad_h30{
	padding-top:30px;
}
.pad_h40{
	padding-top:40px;
}
.pad_h50{
	padding-top:50px;
}
/*ロールオーバーで拡大縮小------------------------------------------------*/
img {
	-webkit-transition: all 1s;
	transition: all 1s;
}
.expand img:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.1);
}
.expand1 img:hover{
	-webkit-transform: scale(2.0);
	transform: scale(1.8);
}
.expand2 img:hover{
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
	margin-right: 55px;
	position: relative;
	right: 55px;
}


@media screen,print and (min-width: 769px) {
/*横幅769px以上に適応*/

/*pc-タブレット-スマホ使い分け*/
.mobile{
	display: none;
}
	.mobile2{
	display: none;
}
.pc{

}    
@media screen,print and (min-width: 640px) {
	/*pc-タブレット-スマホ使い分け*/
.mobile2{
	display: none;

	}
}   
#header{
	display: none;
}

}

/*#########################################################
レイアウト
#########################################################*/

.header1 {
    width: 100%;
    position: relative;
    min-height: 606px;
}

.header-content {
	width: 100%;
}
.header-in {
    height: 105px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1100px;
}
.header-in h1 {
    width: 100%;
    font-size: 0.8em;
    color: #939393;
    text-align: left;
    font-weight: normal;
    float: left;
}
.header-in-logo {
    width: 40%;
    float: left;
    height: auto;
    max-width: 300px;
}
.header-in-right {
    width: 55%;
    float: right;
    padding-top: 10px;
    text-align: center;
	max-width: 800px;
}
.header-in-right_in1 {
    width: 25%;
    float: right;
    margin-left: 1%;
    margin-right: 1%;
}
.header-in-right_in2 {
    width: 30%;
    float: right;
	margin-left: 1%;
    margin-right: 1%;
}
.header-in-right_in3 {
    width: 32%;
    float: right;
	margin-left: 1%;
    margin-right: 1%;
}




	
/*------------------------------------------------
グローバルメニュー
------------------------------------------------*/ 	
.gr-menu-box {
    width: 100%;
    background-color: hsla(0,0%,100%,0.65);
    border-bottom: thin solid #E2E2E2;
    margin-bottom: 0.3%;
}
.gr-menu-box-in_top {
    max-width: 1096px;
    margin-left: auto;
    margin-right: auto;
    background-color: hsla(0,0%,100%,1.00);
}

.gr-menu-box-in_sub {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/*---------------------------------
top_button1
------------------------------------*/ 
.top_button1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding-top: 0.2em;
    border-radius: 50px;
    padding-bottom: 0.2em;
}
.top_button1::before,
.top_button1::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.top_button1,
.top_button1::before,
.top_button1::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.top_button1 {
    background-color: #EE839E;
    border: thin solid #EE839E;
    color: #fff;
}
.top_button1:hover {
  background-color: #fff;
  border-color: #EE839E;
  color: #EE839E;
}
/*---------------------------------
top_button2
------------------------------------*/ 
.top_button2 {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  outline: none;
	padding-top: 0.2em;
    border-radius: 50px;
    padding-bottom: 0.2em;
}
.top_button2::before,
.top_button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.top_button2,
.top_button2::before,
.top_button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.top_button2 {
  background-color: #009CE3;
  border: thin solid #009CE3;
  color: #fff;
}
.top_button2:hover {
  background-color: #fff;
  border-color: #009CE3;
  color: #009CE3;
}
/*---------------------------------
top_button3
------------------------------------*/ 
.top_button3 {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  outline: none;
	padding-top: 0.2em;
    border-radius: 50px;
    padding-bottom: 0.2em;
}
.top_button3::before,
.top_button3::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.top_button3,
.top_button3::before,
.top_button3::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.top_button3 {
  background-color: #7CB95B;
  border: thin solid #7CB95B;
  color: #fff;
}
.top_button3:hover {
  background-color: #fff;
  border-color: #7CB95B;
  color: #7CB95B;
}

.fa-flip-horizontal {
  transform: scaleX(-1);
}
/*---------------------------------
コンテンツ
------------------------------------*/  
.contents {
    width: 100%;
	
}
.contents_in {
    width: 100%;
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;

}
 /* -----------------------------------
バナー
 ----------------------------------- */
.banner_box {
    width: 100%;
    padding-top: 0px;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 20px;
    }
.banner_box ul {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    }
.banner_box ul li {
	width: 19.5%;
    float: left;
    list-style-type: none;
    margin-right: 0.5%;
    }	


.banner_box_n{
	width: 19.5%;
	float: left;
	margin-right: 1%;
}
/*------------------------------------------------
.footer
------------------------------------------------*/ 	
.footer {
    width: 100%;
    background-image: url("../images/footer_bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 850px;
    background-color: #F7F8F8;
/*	margin-top: 40px;*/
}

.footer-in {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    border-bottom:thin solid #DEDEDE;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.footer-in2 {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
.footer-in a {
    color: #333333;
    font-size: 0.81em;
    text-decoration: none;
}
.footer-in a:hover {
    color: #7CB95B;
   /* position: relative;*/
   /* right: -1px;
    bottom: -1px;*/
}
/*footer右側-メニュー*/
.footer-right {
    width: 76%;
    float: right;
    color: #333333;
}
/*footer左側*/
.footer-left {
    width: 20%;
    float: left;
/*    margin-left: 5%;*/
    margin-top: 50px;
    font-size: 90%;
}


.footer-name {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer-ad {
	 font-size: 90%;
	margin-bottom: 30px;
	
}


.footer_ad_all {
	color: #333333;
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	padding: 2% 0 2% 0;
	border-top: thin solid #E5E5E5;
	border-bottom: thin solid #E5E5E5;
	font-size: 90%;
	}

.footer-map {
	height:150px;
border:thin solid #DEDEDE;
    padding-right: 2%;
	padding: 2px;
	background-color: #FFFFFF;

}
.footer-map_link {
		margin-bottom: 20px;
	color: #333333;
}
.footer-map_link a {
    color: #333333;
}


.footer-map_link a:before {
font-family: "Material Icons";
  content: "\f1df";/*アイコンの種類*/
  color:  #69AF44;/*アイコン色*/
border-bottom: none;
}

.footer_ad_logo {
    width: 34%;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 50px;*/
	}	

/*------------------------------------------------
.footer（footメニュー）
------------------------------------------------*/ 

	
.footer_menu_all {
    margin-top: 50px;
	}
.footer_menu {
    width: 24%;
    float: left;
    /*border-left: thin dotted #5892B5;*/
/*    padding-right: 1%;*/
    min-height: 400px;
	
}
.footer_menu2 {
    width: 24%;
    float: left;
   /* border-left: thin dotted #5892B5;
    border-right: thin dotted #5892B5;*/
 padding-right: 2%;
    min-height: 400px;
}
.footer_menu3 {
    width: 24%;
    float: right;
   /* border-left: thin dotted #5892B5;
    border-right: thin dotted #5892B5;*/
/*    padding-left: 2%;*/
    min-height: 400px;
}
.footer_menu_in {
    width: 100%;
    padding-bottom: 8px;
	
}
.footer_menu-title {
    color: #69AF44;
    font-size: 16px;
    font-weight: bold;
}
.footer_menu-title a {
    color: #69AF44;
    font-size: 1em;
    font-weight: bold;
}
.footer_menu-title a:hover {
    color: #0073BE;
    font-size: 1em;
    font-weight: bold;
}
.footer_menu-title:before {
    font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  color:  #69AF44;/*アイコン色*/
border-bottom: none;
    padding-right: 2%;

}
.footer_menu ul {
    margin: 0;
    padding: 0;
    display: block;
}
.footer_menu ul li {
   padding-left:5%;
    float: left;
    width: 98%;
    font-size: 88%;
	 position: relative;
	
}

.footer_menu ul li a:before {
	font-family: "Material Icons";
  content: "\e5cc";/*アイコンの種類*/
  color:  #69AF44;/*アイコン色*/
border-bottom: none;
left: 0;
	padding-top: 2%;
padding-right: 5%;
		position: absolute;
	
}
/**/
.footer_menu2 ul {
    margin: 0;
    padding: 0;
    display: block;
}
.footer_menu2 ul li {
   padding-left: 5%;
    float: left;
    width: 98%;
	 font-size: 88%;
	 position: relative;

}
.footer_menu2 ul li a:before {
 	font-family: "Material Icons";
  content: "\e5cc";/*アイコンの種類*/
  color:  #69AF44;/*アイコン色*/
border-bottom: none;
left: 0;
		padding-top: 2%;
padding-right: 4%;
	position: absolute;
}
/**/
.footer_menu3 ul {
    margin: 0;
    padding: 0;
    display: block;
}
.footer_menu3 ul li {
    padding-left:5%;
    float: left;
    width: 98%;
    font-size: 88%;
	 position: relative;
}
.footer_menu3 ul li a:before {
	font-family: "Material Icons";
  content: "\e5cc";/*アイコンの種類*/
  color:  #69AF44;/*アイコン色*/
border-bottom: none;
left: 0;
	padding-top: 2%;
padding-right: 4%;
	position: absolute;
}
/*コピーライト*/	
.footer-copy {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #7BB95B;
}

.footer-copy_in {
    width: 90%;
    text-align: center;
  color: #FFFFFF;
    font-size: 0.75em;
	margin-left:auto;
margin-right: auto;
}
.footer-copy_in a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer-copy_in a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
/*------------------------------------------------
topページへ戻る
------------------------------------------------*/ 
.pagetop {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 15px;
	width: 50px;
	height: 50px;
	margin-bottom: 295px;
	z-index: 100;
}
.pagetop a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 20px 10px;
	background-image: url(../images/pagetop1.png);
	background-repeat: no-repeat;
	background-position: 0% bottom;
	height: 100px;
}
 
.pagetop a:hover {
	display: block;
	text-align: center;
	font-size: 30px;
	text-decoration: none;
	padding: 20px 10px;
	background-image: url(../images/pagetop2.png);
	background-repeat: no-repeat;
}