@charset "UTF-8";

@font-face {font-family: YuGothicM; src: local("Yu Gothic Medium");}
* { font-size: 14px; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }
* { box-sizing: border-box; }
img { border: none; vertical-align: bottom; }
/* img { user-drag: none; -webkit-user-drag: none; -moz-user-select: none; } */
a img { transition: all 0.35s; }
a img:hover { opacity: 0.75; }

ul { list-style: none; }
a { color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }

html { margin: 0px; padding: 0px; background: #fff; }
body { margin: 0px auto; padding: 0px; width: 100%; max-width: 1100px; }
main { margin: 0px auto; padding: 0px; width: 90%; }

/* header */
header { margin: 0px; padding: 0px; width: 100%; }
#top_base { margin: 0px; padding: 0px; width: 100%; border-bottom: solid 2px #58a2df; }
#top { margin: 0px auto; padding: 15px 0px; width: 90%; display: flex; }
#logo { margin: 0px; padding: 0px; width: 80%; }
#logo img { margin: 0px; padding: 0px; width: 40%; height: auto; }
#mob_menu { margin: 0px; padding: 0px; width: 20%; }
#mb_mob { display: none; }

#mb_pc { margin: 0px; padding: 0px; width: 100%; border-bottom: solid 2px #58a2df; }
#mb_pc ul { margin: 0px auto; padding: 0px; width: 90%; display: flex; justify-content: space-between; }
#mb_pc li { margin: 0px; padding: 0px; width: 100%; text-align: center; background: #e4f6ff; }
#mb_pc li:nth-child(n+2) { border-left: solid 1px #58a2df; }
#mb_pc a { padding: 15px 0px; width: 100%; font-size: 16px;  font-weight: 600; display: block; }
.now { color: #fff; background: #58a2df; }

#contact_tel { margin: 0px; padding: 15px 0px; width: 100%; text-align: center; }
#contact_tel img { margin: 0px auto; padding: 0px; width: 80%; height: auto; }
#contact_tel_pc { display: block; }
#contact_tel_mob { display: none; }

/* Footer */
footer { margin: 0px; padding: 0px; width: 100%; }

#detail_base { margin: 0px; padding: 0px; width: 100%; background: #e7f1fa; }
#detail { margin: 0px auto; padding: 30px 30px; width: 90%; display: flex; }
#addr { margin: 0px; padding: 0px; width: 50%; }
#addr ul { margin: 0px; padding: 0px; width: 100%; }
#addr li { margin: 0px; padding: 0px; width: 100%; }
#addr li:first-child { font-size: 2.6vw; font-weight: 600; line-height: 100%; }
#addr li:first-child small { font-size: 1.6vw; }
#addr li:last-child { padding: 10px 0px 0px 0px; font-size: 2vw; line-height: 140%; }
.tel_fax { margin: 0px; padding: 0px; display: flex; }
.tel_fax dt { margin: 0px; padding: 0px; width: 10%; font-size: 2vw; }
.tel_fax dd { margin: 0px; padding: 0px; font-size: 2vw; }
#map { margin: 0px; padding: 0px; width: 50%; }
#map iframe { margin: 0px; padding: 0px; width: 100%; height: 100%; }

#footer_link { margin: 0px; padding: 0px; width: 100%; text-align: center; background: #58a2df; }
#footer_link ul { margin: 0px auto; padding: 15px 0px; width: 90%; display: flex; justify-content: center; }
#footer_link li { margin: 0px; padding: 0px 30px; }
#footer_link li:nth-child(n+2) { border-left: solid 1px #fff; }
#footer_link a { color: #fff; font-size: 1.2vw; }
#copy { margin: 0px; padding: 0px 0px 15px 0px; width: 100%; text-align: center; color: #fff; }

@media all and (min-width:1200px){
	#addr li:first-child { font-size: 35px; }
	#addr li:first-child small { font-size: 20px; }
	#addr li:last-child { font-size: 26px; }
	.tel_fax dt { width: 11%; font-size: 26px; }
	.tel_fax dd { font-size: 26px; }
}

@media all and (max-width:1000px){
	* { font-size: 3.4vw; }
		
	/* header */
	#logo img { margin: 0px; padding: 0px; width: 70%; height: auto; }
	#mb_pc { display: none; }
	#mb_mob { margin: 0px; padding: 0px; width: 100%; }
	#mb_mob_dt { margin: 0px; padding: 0px; width: 100%; }
	#mb_mob_dd { margin: 0px; padding: 0px; width: 100%; }
	#MOB { margin: 0px; padding: 0px; width: 17%; position: absolute; top: 0px; right: 0px; z-index: 9998; cursor: pointer; transition : all 0.35s; }
	#MOB:hover { opacity: 0.75; }
	#MOB img { margin: 0px; padding: 0px; width: 85%; height: auto; }
	
	#MOB_link { margin: 0px; padding: 0px 0px 10px 0px; background: #58a2df; display: none; position: absolute; z-index: 9999; overflow: hidden; }
	#MOB_link li { margin: 0px; padding: 15px 0px; width: 100%; }
	#MOB_link li:nth-child(n+2) { border-top: solid 1px #fff; }
	#MOB_link .now { background: #91c5ef; }
	.link { margin: 0px; padding: 0px; color: #fff; font-size: 4vw; display: flex; justify-content: space-between; }
	.link dt { margin: 0px; padding: 0px; }
	.link dd { margin: 0px; padding: 0px; }
	.link a { padding: 0px 0px 0px 25px; color: #fff; font-size: 4vw; }
	
	#contact_tel img { margin: 0px auto; padding: 0px; width: 90%; height: auto; }
	#contact_tel_pc { display: none; }
	#contact_tel_mob { display: block; }
	
	#detail { padding: 30px 0px; display: block; }
	#addr { padding: 0px 0px 20px 0px; width: 100%; }
	#addr li:first-child { font-size: 4.6vw; }
	#addr li:first-child small { font-size: 3vw; }
	#addr li:last-child { font-size: 3.4vw; }
	.tel_fax dt { font-size: 3.4vw; }
	.tel_fax dd { font-size: 3.4vw; }
	#map { width: 100%; }
	
	#footer_link li { padding: 0px 10px; }
	#footer_link a { font-size: 3vw; }
}