@charset "utf-8";

/******************************************************************
 *
 * 全ページ共通
 *
 ******************************************************************/


body {font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; background: #fff; color: #333; }
a {color:#000; text-decoration: none; -webkit-font-smoothing: antialiased;}
a:hover { color:#00a0e9; text-decoration: underline;}
img { width: auto; height: auto; }
i { font-style: normal; }

.large { font-size: 1.15em !important; line-height: 1.65em !important; }
.small { font-size: 0.85em !important; line-height: 1.25em !important; }
.xsmall { font-size: 0.65em !important; line-height: 1.25em !important; }
.caution { color: #f6615f !important; }


/* clearfix */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* fonts */
.f_mp { font-family: "M PLUS 1p"; }
.f_nt { font-family: "Noto Sans JP", sans-serif; }
.f_zm { font-family: "Zen Maru Gothic", sans-serif; }


/******************************************************************
 * media screen
 ******************************************************************/

@media screen and (min-width:751px){/* -------------------------PC */
body {line-height: 1.75em; font-size: 18px;}

a:hover img.hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.sp {display:none !important;}
.navishow { display: block !important; }

/* header */
header { position: fixed; width: 100%; height: 118px; background: rgba(255,255,255,0.9); z-index: 199999; box-shadow: 0 3px 3px rgba(0,0,0,0.1); }
	.navi-inner { position: relative; width: 100%; margin: 0 auto; padding: 0;  }
	#global-head { position: relative; width: 1080px; margin: 0 auto; height: 84px; }
	#global-head .logo { width: 292px; float: left; margin: 18px 0 0 0; }
	#global-head .child { float: right; margin: 0; }
	#global-head .child div { display: inline-block; font-size: 0; }
	#global-head .child .info { padding: 23px 0 0 0; }
	#global-head .child .info img { width: 203px; }
	#global-head .child .mail { padding: 23px 20px 0 20px; }
	#global-head .child .mail img { width: 254px; }
	#global-nav { width: 1080px; margin: 0 auto; padding: 0;}
	#global-nav ul { display: flex; justify-content: space-between; width: 100%; }
	#global-nav li {  width: 19%; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); }
	#global-nav li a { display: block; margin: 0; padding:0; text-decoration: none; color: #6d757f; font-weight: 400; line-height: 34px; font-size: 16px; background: #eeeeee; border-radius: 8px 8px 0 0; text-align: center; }
	#global-nav li a.active,#global-nav li a:hover { color: rgba(250,250,250,1.0); background: #b1d5e9; }

/* contents */
#contents { width: 100%; margin: 0 auto 0 auto; padding: 120px 0 0 0; }
.sns_box { width: 1080px; margin: 0 auto; padding: 20px 0; text-align: right; }
.sns_box img { width: 40px; }
.sns_box a+a { margin: 0 0 0 10px; }

.bigtitle { width: 1180px; margin: 0 auto; padding: 70px 0 0 0; text-align: center; }


div.pagetop { text-align: center; padding: 60px 0 20px 0; }
div.pagetop img { width: 112px;}
footer { position: relative; width:100%; font-size: 0.85em; line-height: 1.5em; background: #5598bd; }
footer .info { position: relative; width: 1180px; margin: 0 auto; padding: 40px 0; }
footer .info p { width: 100%;padding: 0 0 40px 0; font-weight: bold; color: #fff; font-size: 30px; text-align: center; }
footer .info div { display: inline-block; width: 48%; }
footer .navi .inner { width: 100%; margin: 0 auto; padding: 40px 0; border-top: 5px solid #fff; }
footer .navi .inner .copy { width: 100%; padding: 120px 0 0 0 ; background: url(../images/footer_logo.png) center top no-repeat; background-size: 119px; text-align: center; color: #fff; font-size: 12px; line-height: 1.5em; }



}/* /@media */

/*******************************************************************/

@media screen and (max-width:750px){/* -------------------------SP */
html {-webkit-text-size-adjust: 100%;}
body {line-height:1.75em; font-size: 3.2vw;}
.pc {display:none;}

/* header */
header {}
#global-head { position:fixed; width:100%; height:62px; background: rgba(255,255,255,0.95); box-shadow: 0 3px 3px rgba(0,0,0,0.1); }
	header .logo {position:absolute; top: 16px !important; left: 10px !important; width:180px !important; overflow: hidden; font-size: 1px;}
	#global-head { line-height: 1; }
	#global-head .child { float: right; margin: 18px 50px 0 0; }
	#global-head .child div { display: inline-block; font-size: 0; }
	#global-head .child .info { position: relative; width: 60px; margin: 0 5px 0 0; }
	#global-head .child .info img { width: 100%; }
	#global-head .child .mail { position: relative; width: 25px; margin: 0 5px 0 0; }
	#global-head .child .mail img { width: 100%; }
	header .togglebox { top: 6px !important; right: 0 !important; }
	#global-nav {margin: 60px 0 0 0; padding:0 0 0 0; }
		#global-nav li {margin:0; padding:0 !important; border: none !important; } 
		#global-nav a {display:block; width:100% !important; margin:0; padding: 1em !important; background:url(../images/header_arrow.png) 98% center no-repeat rgba(253,253,253,0.95) !important; background-size: 1.5vw !important; border-bottom:1px solid #e5e4e4 !important; color:#6d747c !important; text-decoration:none; font-weight: 500; box-sizing: border-box; }
		#global-nav a.sub { background:url(../images/header_arrow.png) 97.5% center no-repeat rgba(253,253,253,0.95) !important; background-size: 1vw !important; font-weight: normal; text-indent: 1em; }
		#global-nav a span {display: none; }


.sp-head-bottom { position: relative; width: 100%; padding: 60px 0 1vw 0; border-bottom: 3px solid #396caa;  }
.sp-navi { position: relative; width: 98%; margin: 0 auto; }
.sp-navi li { float: left; width: 50%; padding: 0 1% 0 0; box-sizing: border-box;}
.sp-navi li:first-child { float: left; width: 50%; padding: 0 1%; box-sizing: border-box;}


/* contents */
#contents { padding: 62px 0 0 0 ; }
.sns_box { width: 86.66vw; margin: 0 auto; padding: 2.66vw 0; text-align: right; }
.sns_box img { width: 7vw; }
.sns_box a+a { margin: 0 0 0 1.33vw; }
.bigtitle { width: 100%; padding: 6.66vw 0 0 0; }



.topicpath { display: none; }

/* footer */

div.pagetop { text-align: center; padding: 6.6vw 0 2.6vw 0; }
div.pagetop img { width: 14.9vw;}
footer { position: relative; width:100%; background:#5598bd; margin: 0 0 0 0}
footer .info { position: relative; width: 86.66vw; margin: 0 auto; padding: 40px 0; }
footer .info p { width: 100%;padding: 0 0 5.33vw 0; font-weight: bold; color: #fff; font-size: 4vw; text-align: center; }
footer .info div { display: inline-block; width: 100%; }
footer .info div+div { padding: 2.66vw 0 0 0; }
footer .navi .inner { width: 100%; margin: 0 auto; padding: 5.33vw 0; border-top: 5px solid #fff; }
footer .navi .inner .copy { width: 100%; padding: 16vw 0 0 0 ; background: url(../images/footer_logo.png) center top no-repeat; background-size: 16vw; text-align: center; color: #fff; font-size: 2vw; line-height: 1.5em; }

/* contents */


}/* /@media */