@charset "utf-8";
body { font-size: 100%; line-height: 1.7; background: #fff; }
@media screen and (max-width:900px){
	.inner { font-size: 14px; }
}
html,
body,
#wrapper { width: 100%; text-align: center; margin: 0 auto; padding: 0; }
.inner { width: 100%; max-width: 1100px; text-align: left; margin: 0 auto; padding: 0; }
@media screen and (max-width:1100px){
	.inner { width: 94% !important; margin: 0 auto; }
}
@media screen and (max-width:900px){
	.inner { width: 90% !important; margin: 0 auto; }
}

/*ヘッダー*/
#header { padding: 20px 3% 0; text-align: left; background: #fff; }
#header .inner { width: 100% !important; max-width: 100% !important; }
#header h1 { float: left; width: 40%; font-size: 75%; padding: 0; }
#header h1 img { display: inline-block; height: 43px; margin: 0; padding: 0; }
#header h1 a { display: inline-block; cursor: pointer; }
#header h1 span { display: inline-block; margin-left: 1em; line-height: 1; }
@media screen and (max-width:1100px){
	#header h1 { width: 90%; }
}
@media screen and (max-width:900px){
	body { padding-top: 3.75rem; }
	#header { height: 3.75rem; padding: 0; }
	#header h1 { padding-top: 15px; }
	#header h1 img { width: auto; max-height: 30px; }
}
@media screen and (max-width: 370px) {
	#header h1 span { position: relative; top: -5px; }
}

/*グローバルナビ*/
#globalNavi { float: right; font-size: 88%; margin: 0 0 -3px; padding: 0; }
@media all and (-ms-high-contrast: none){
	#globalNavi { margin: 0; }
}
#globalNavi ul li { display: inline-block; margin: 0 0 0 2em; }
#globalNavi ul li a { display: block; color: #000; margin: 0; padding: 8px 0 25px; border-bottom: 5px solid transparent; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
#globalNavi ul li a.active,
#globalNavi ul li a:hover { text-decoration: none; border-bottom: 5px solid #25b7c7; }

#globalNavi ul li:first-of-type a:hover { text-decoration: none; border-bottom: 5px solid #25b7c7; }
#home #globalNavi ul li:first-of-type a.active { border-bottom: 5px solid #25b7c7 !important; }

#globalNavi ul li:last-of-type a { border-bottom: 5px solid transparent !important; }
#globalNavi ul li a img { width: 50%; vertical-align: middle; }
@media screen and (max-width:1100px){
	#globalNavi { padding-top: 50px; }
	#globalNavi ul { margin: 40px 0 0; padding: 0; }
	#globalNavi ul li { display: block; text-align: right; margin: 0 0 1.3em; }
	#globalNavi ul li a,
	#globalNavi ul li:last-of-type a { padding: 0 2em 0 0; border-bottom: 0; border-right: 5px solid transparent; }
	#globalNavi ul li a.active { text-decoration: none; border-bottom: 0; border-right: 5px solid #25b7c7; }
	#globalNavi ul li a:hover { text-decoration: none; border-bottom: 0; }
	#globalNavi ul li a img { width: 2em; vertical-align: middle; }

	/*#globalNavi ul li:first-of-type a.active { border-bottom: 0; border-right: 5px solid #25b7c7; }*/
	#globalNavi ul li:first-of-type a:hover { border-bottom: 0; }
	#home #globalNavi ul li:first-of-type a.active {border-bottom: 0 !important; border-right: 5px solid #25b7c7 !important; }

}
@media screen and (max-width:900px){
	#globalNavi ul { margin: 20px 0 0; padding: 0; }
}

/*メイン*/
#main .inner { max-width: 800px; margin: 0 auto; }
#home #main .inner { max-width: 1100px; padding: 0; }

#main section { padding: 62px 0; }


/*pageTitle*/
#pageTitle { color: #fff; padding: 127px 0; max-height: 170px; }
#pageTitle h1 { text-align: center; font-size: 250%; letter-spacing: .1em; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
@media screen and (max-width:900px){
	#pageTitle { padding: 35px 0 30px; }
	#pageTitle h1 { margin-bottom: 13px; }
}

/*googleMaps*/
.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 140px; height: 0; overflow: hidden; }
.ggmap iframe,
.ggmap object,
.ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*facebook*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] { width: 100% !important; }

/*Contact*/
#secContact { margin: 0 !important; background: #423f33; color: #fff; }
#secContact .inner { max-width: 1100px; }
#home #secContact { padding: 45px 0 47px; }
#secContact h1 { float: left; color: #cccabd; width: 21.45%; line-height: 1; font-family: 'EB Garamond', serif; font-size: 281.25%; font-style: italic; }
#secContact h1:after { content: ""; display: block; width: 60px; height: 5px; margin-top: 32px; background: #25b7c7; }
#secContact h1 em { display: block; font-size: 33%; }
#secContact h1 em,
#secContact h1 em span { font-weight: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
#secContact article { float: right; width: 78%; }
@media screen and (max-width:1100px){
	#secContact h1 { float: none; width: auto; margin-bottom: 20px; }
	#secContact article { float: none; width: 90%; }
}

#secContact p { font-size: 125%; margin-bottom: .9em; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
#secContact span,
#secContact a { display: inline-block; }
#secContact .tel-link { font-size: 281%; font-family: 'EB Garamond', serif; letter-spacing: 5px; }
#secContact .tel-link img { vertical-align: middle; margin-right: .3em; background: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
#secContact .time { font-size: 75%; margin: 0 1em; text-align: center; }
#secContact .contactForm, .contactForm.backtoArchive { font-size: 94%; color: #fff; text-align: center; padding: 15px 4em; background: #25b7c7; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
.contactForm.backtoArchive { display: inline-block; }

#secContact a.contactForm span, a.contactForm.backtoArchive span { position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none; font-size: 15px; }
#secContact a.contactForm span::before, #secContact a.contactForm span::after, a.contactForm.backtoArchive span::before, a.contactForm.backtoArchive span::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
#secContact a.contactForm span::before, a.contactForm.backtoArchive span::before { left: 3px; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width:1100px){
	#secContact .contactForm, .contactForm.backtoArchive { margin-top: 20px !important; }
}
@media screen and (max-width:900px){
	#secContact .article { width: 90% !important; margin: 0 auto; text-align: center; }
	#secContact .article p { font-size: 100%; }
	#secContact span,
	#secContact a { display: block; margin: 0 auto; text-align: center; }
	#secContact .tel-link { display: block !important; font-size: 170% !important; letter-spacing: 2px; text-align: center; color: #25b7c7; margin-bottom: 10px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; padding-left: 15px; background: #fff url("../img/icnTEL.png") no-repeat 0 50% !important; }
	#secContact .tel-link img { display: none; }
	#secContact .contactForm, .contactForm.backtoArchive { display: block !important; font-size: 140% !important; padding: 7px 0 !important; }
}

/*フッター*/
#footer { color: #000; background: #fff; margin: 0 auto; padding: 42px 0; }
#footer .inner { text-align: center; }
#footer h1 { font-size: 100%; line-height: 1; margin: 0 auto 25px; }
#footer .inner img { width: 18%; margin: 0 auto; }
#footer .inner #copy { font-size: 75%; }
@media screen and (max-width:1100px){
	#footer .inner img { width: 28%; margin: 0 auto; }
}
@media screen and (max-width:900px){
	#footer { padding: 20px 0; }
	#footer h1 { margin: 0 auto 17px; }
	#footer .inner img { width: 40%; margin: 0 auto; }
}




#footer .mutualLink { display: inline-block; color: #B8191F; font-size: 85%; line-height: 1.4em; text-decoration: none; text-align: center; padding: 1.2em 3em 1em; margin-bottom: 40px; border: 1px solid #cdcac7; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
#footer .mutualLink img { width: auto; position: relative; left: 5px; top: -2px; }
@media screen and (max-width:1100px){
	#footer .mutualLink img { width: auto; }
}
@media screen and (max-width:900px){
	#footer .mutualLink img { width: auto; }
}