@charset "utf-8";

/*************************************************"
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:17px;color:#333;background-color:#fff;letter-spacing: 0.02em;
			-webkit-text-size-adjust: 100%; /*iphoneの文字サイズの自動調整解除*/
			-webkit-font-smoothing: antialiased; /*OSXでのフォントのレンダリング方法を調整*/
			/*font-feature-settings : "palt";	fontの自動カーニング*/
			/*Macでは普通の游ゴシックが適用され、Windowsでは「 游ゴシック Medium」になる*/
			font-family:Roboto, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "Yu Gothic Medium", "游ゴシック Medium", 'Yu Gothic', YuGothic, "游ゴシック体", "メイリオ", Meiryo, sans-serif;
			font-weight: normal;
			-webkit-font-feature-settings: 'palt' 1;	/*fontの自動カーニング*/
			font-feature-settings: 'palt' 1;}


@font-face {
	font-display:swap;	/*フォントが利用可能となるまでの間、そのフォントが適用されているテキストには代替フォントが適用*/
	font-family: "centurygothic";
	src: url("../webfont/centurygothic.woff") format('woff');
}



/*
.minfont300{font-family:YakuHanMP, 'Noto Serif JP', serif;font-weight:300;}
.minfont400{font-family:YakuHanMP, 'Noto Serif JP', serif;font-weight:400;}
.minfont500{font-family:YakuHanMP, 'Noto Serif JP', serif;font-weight:500;}
.minfont700{font-family:YakuHanMP, 'Noto Serif JP', serif;font-weight:700;}

font-family:'Noto Sans JP', sans-serif;font-weight:700;
font-family:'Noto Sans JP', sans-serif;font-weight:900;
font-family:YakuHanRP,'M PLUS Rounded 1c', sans-serif;transform:rotateZ(0.03deg);font-weight:700;	//transform:rotateZ(0.03deg);はシャギーが出るのを防ぐため
font-family:'EB Garamond', serif;font-weight:400;---電話
*/

a         {color: #195138;text-decoration:underline;transition: 0.8s;}
a:link    {color: #195138;text-decoration:underline;}
a:visited {color: #578470;text-decoration:underline;}
a:active  {color: #195138;text-decoration: underline;}
a:hover   {color: #FF9900;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
img {max-width: 100%;height: auto;width /***/:auto;}

a:hover img {opacity: 0.7;transition: 0.3s ease-in-out;}

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

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../img/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}


/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;}
}



/* ページの各セクション-------------------*/
.section{padding:90px 0 90px 0;}
.section-end{padding:70px 0 0 0;}



/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:30;width:100%;/*min-width: 1300px;*/}
#main{}
.container {position: relative;max-width:1220px;width:100%;margin:0 auto;line-height:1.8;padding:0 10px;}



/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}


/*lozad.jによるアニメーション------*/
.fadein-			{opacity: 0;transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-left	{opacity: 0;transform: translate3d(-300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-right	{opacity: 0;transform: translate3d(300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-up		{opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.zoomin				{opacity: 0;transform: perspective(500px) translateZ(100px);transition: opacity 0.5s linear,transform 1s ease-out;}

.transition-delay1{transition-delay: 0.3s;}
.transition-delay2{transition-delay: 0.6s;}
.transition-delay3{transition-delay: 0.9s;}
.transition-delay4{transition-delay: 1.2s;}
.transition-delay5{transition-delay: 1.5s;}
.transition-delay11{transition-delay: 2s;}
.transition-delay12{transition-delay: 2.5s;}

*[data-loaded="true"]{opacity: 1;transform: none;}







/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position:fixed;top: 0;z-index:50;width:100%;height:90px;background-color: #fff;}
/* 縮小時のheader*/
#header.smaller{height:70px;}
#header.smaller .yokomenu-bg{top:5px;}
#header.smaller ul#yoko-menu li > a{height:60px;}
#header.smaller .head-bnr-doaikai{margin: 0 0 0 15px;}
#header.smaller .top-rogo{width: 350px;height: 100px;}
#header.smaller .top-rogo a{background-size: 250px;}

#header .container {max-width:1600px;padding:0;}

.top-rogo{position:absolute;display: table;width: 380px;height: 140px;background-color: #fff;transition: 0.5s;}
.top-rogo a{background:url(../img/rogo_gh_hakuai.png) no-repeat center center;text-indent:-8989px;display:block;overflow:hidden;height: inherit;background-size: 282px;}
.top-rogo a:hover{opacity:0.6;}

.head-bnr-doaikai{float:right;margin: 5px 0 0 15px;transition: 0.5s;}
.head-bnr-doaikai a{background:#fff url(../img/rogo_doaikai.png) no-repeat center center;width:144px;height:60px;text-indent:-8989px;display:block;overflow:hidden;border: 1px solid #80ccde;background-size: 117px;image-rendering: -webkit-optimize-contrast;}
.head-bnr-doaikai a:hover{opacity:0.5;}


/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{position: absolute;right: 10px;top:10px;transition: 0.5s;}
.menu-yokomenu-container{}

ul#yoko-menu {float: right;padding: 0;display: table;margin: 0 auto;}

ul#yoko-menu li{float:left;margin: 0;padding: 0;text-align: center;}
ul#yoko-menu li > a{font-size:96%;color:#000;height:70px;line-height:1.2;display:table-cell;text-decoration: none;vertical-align: middle;padding: 0 17px;white-space: nowrap;transition: 0.5s;}

ul#yoko-menu li.current > a,
ul#yoko-menu li a:hover{background-color: #fff6e6;color: #555;}


/*TOPページのカレント表示用----------------*/
/*サービス内容*/
body.service ul#yoko-menu li.yokomenu4 a,
/*ホームでの生活*/
body.life ul#yoko-menu li.yokomenu5 a{background-color: #fff6e6;color: #555;}


ul#yoko-menu li:hover > ul,
ul#yoko-menu li > ul.focused{visibility:visible;top:100%;opacity:1}


/*プルダウン部分 submenu*/
ul#yoko-menu li > ul {position: absolute;background-color:#fff;z-index:200;list-style-type: none;top:85%;left:0;width:170%;padding: 0;transition: 0.5s;margin: 0 0 0 -35%;}
ul#yoko-menu li > ul > li {overflow: hidden;line-height:1.2;text-align:center;background-image:none;width: 100%;height: 0;}
ul#yoko-menu li > ul > li a {font-size:78%;line-height:1.1;color:#000;border-bottom: 1px solid #d9d9d9;padding: 0 5px 0 5px;
														text-decoration:none;display:block;margin: 0;letter-spacing: 0;display: table-cell;vertical-align: middle;background-color: #fff !important;}

ul#yoko-menu > li:hover > a {   }
ul#yoko-menu > li:hover li > a:hover {background-color: #ddd !important;}
ul#yoko-menu li:hover > ul > li {overflow: visible;height:37px;border-right:none;display: table;}


/*外部サイト用アイコン
ul#yoko-menu li > ul > li a span.gaibu{background:url(../img/gaibu.png) no-repeat left 10px center;display: inline-block;padding: 0 12px 0 24px;}
*/

/*subsubmenu
ul#yoko-menu li ul li ul {top: 0 !important;left: 100%;width:90%;margin:0;}
ul#yoko-menu li:last-child ul li ul {left: -110%;width: 90%;}
ul#yoko-menu li ul li ul li:first-child{border:none;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li ul li:hover ul li:first-child{height:45px;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before							{position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#fff;}---三角の表示用
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:18px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#fff;}
*/





/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/

/*色*/
.color1{color:#ff3300;}/*基本色 レッド*/
.color-red{color:#ff0000;}
.color2{color:#cc3333;}/*注意色*/


/*動画-----------*/
/*サーバー内埋め込み*/
#index-movie-box{max-width:780px;margin:0 auto 50px auto;}
.index-movie{position: relative;width:100%;height: 0;padding-bottom:56.3%;}/*padding-bottom:56.3%;padding-bottom:48.2%;*/
.index-movie video {position: absolute;top: 0;left: 0;width: 100% !important;height: auto !important;}

/*facebook動画のiframe埋め込み*/
.video-container{position: relative;text-align: center;max-width:780px;margin:0 auto 50px auto;}

/*iframe地図*/
.section iframe{border:none;width: 100%;}

/* PC-SPの画像表示＆非表示 */
.pc-img{}
.sp-img{display:none;}


/*全ページ共通のSNSボタン----------------このサイトでは未使用
#sns-box{margin-top:10px;text-align:center;}
#sns-box ul{margin:0 !important;padding:0;}
#sns-box ul li{display:inline-block;margin: 0 4px;width: 25px;height: 25px;padding:0 !important;}
#sns-box ul li a img{width:100%;height:100%;}
#sns-box ul li a:hover,
#sns-box ul li a:active{opacity:0.6;}
*/



/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:40;}
#pagetop a {position: fixed;bottom:10px;right:10px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;background-size: contain;width:75px;height:75px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.6;transition: 0.6s;}
#pagetop a:hover {opacity:1;bottom:15px;}



/*leaflet.jsを使ったgoogleマップ用*/
#leafletmap1{width: 100%;height:430px;}
.leaflet-top, .leaflet-bottom {z-index: 40 !important;}
.leaflet-pane {z-index: 40 !important;}


/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;margin-top:40px;border-top:1px solid #a2662b;}

#footer .container{text-align:center;}

ul.footer-menu-ul{padding: 0;display: table;margin: 37px auto 47px auto;}
ul.footer-menu-ul li{float:left;margin: 0;padding: 0;text-align: center;}
ul.footer-menu-ul li a{font-size:96%;color:#333;line-height:1.3;display:table-cell;text-decoration: none;vertical-align: middle;padding: 0 30px;white-space: nowrap;}
ul.footer-menu-ul li a:hover{color:#f05970;text-decoration: underline;}


.footer-rogo{display:inline-block;transition: 0.5s;}
.footer-rogo a{background:url(../img/rogo_gh_hakuai.png) no-repeat left top;text-indent:-8989px;display:block;overflow:hidden;width: 300px;height: 76px;background-size:contain;}
.footer-rogo a:hover{opacity:0.6;}

.footer-bnr-doaikai{display:inline-block;margin: 2px 0 0 4%;transition: 0.5s;vertical-align: top;}
.footer-bnr-doaikai a{background:#fff url(../img/rogo_doaikai.png) no-repeat center center;width:170px;height:70px;text-indent:-8989px;display:block;overflow:hidden;border: 1px solid #80ccde;background-size: 132px;image-rendering: -webkit-optimize-contrast;}
.footer-bnr-doaikai a:hover{opacity:0.5;}

ul.footer-zip-ul{display:inline-block;vertical-align:top;margin:0 0 0 4.5%;text-align: left;font-size: 93%;}
ul.footer-zip-ul li{line-height: 1;}
ul.footer-zip-ul li.tel {margin: 6px 0 10px 0;}
ul.footer-zip-ul li.tel a{background:url(../img/tel.png) no-repeat left top 7px;padding:0 0 0 34px;font-size:215%;color:#a2662b;line-height:1;background-size: 29px;font-family:"centurygothic";letter-spacing: -0.03em;text-decoration: none;}
ul.footer-zip-ul li.tel a:hover{text-decoration:underline;}

ul.footer-zip-ul li.fax span{padding-left:25px;}
ul.footer-zip-ul li.fax span a{text-decoration:none;color:#333;}

.footer-insta{display:inline-block;margin: 30px 0 0 2%;vertical-align: top;}
.footer-insta a{background:url(../img/insta.png) no-repeat;width:30px;height:30px;background-size:contain !important;text-indent: -8989px;display: block;overflow: hidden;}

.copyright{font-size:70%;color:#fff;line-height:1;text-align:center;margin-top:30px;padding: 20px 0;background-color: #a2662b;}




/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}
#header{position: absolute !important;}

.fadein-,
.fadein-left,
.fadein-right,
.fadein-up,
.zoomin{opacity: 1;transform: none !important;}
}