@charset "utf-8";

/* ************************************ */
/*  /maintenance/style.css */tt 
/* ************************************ */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}


/* base.html */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ul, ol, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, canvas {
	margin: 0;
	padding: 0;
}
html {
	font-size:62.5%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: "Noto Sans Japanese","Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック";
	font-size: 1.4rem;
	line-height: 1.4;
	color:#333333;
}
@media screen and (max-width:767px) {
	html{
	  font-size: 3.2vw;
	}
	body{
		font-size: 14px;
	}
}

@media screen and (min-width:768px) {
	#frame{
		min-width: 1000px;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
body {
	color: #333;
 	min-width:320px;
}
img {
  max-width:100%;
  height:auto;
  width:auto;
  border: none;
	vertical-align: top;
}

.clear:after,.section-inner:after{display:table;content:"";clear:both;}
.clear,.section-inner{zoom:1;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#container { padding-bottom:5px; clear:both;}
#pc-header{
	display: block;
}
#sp-header{
	display: none;
}
#pc-header .header_wrapper{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	height: 90px;
	display: table;
}
#pc-header .header_wrapper .hd_menu_cmn{
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
#pc-header .logo{
	width: 300px;
	padding: 0 0 0 35px;
}
.logo .s_site_name{
	color: #333333;
	font-size: 13px;
	margin-left: 12px;
}
@media screen and (min-width:768px) and (max-width:1199px){
	#pc-header .logo{
		padding: 0 0 0 10px;
	}
}
@media screen and (max-width:767px){
	#pc-header{
		display: none;
	}
	#sp-header{
		display: block;
	}
	#sp-header .header_wrapper{
		width: 100%;
		margin: 0 auto;
		height: 60px;
		display: table;
	}
	#sp-header .logo{
		width: calc(100% - 60px);
		display: table-cell;
		height: 60px;
		vertical-align: middle;
		text-align: center;
		box-sizing: border-box;
	}
	#sp-header .logo .s_site_name {
		font-size: 11px;
		vertical-align: middle;
	}
	#sp-header .logo img{
		max-width: 152px;
		vertical-align: middle;
	}
}


/* breadcrumbs */
#breadcrumbs{
	width: 100%;
	background: #0062b0;
	color: #fff;
	padding: 7px 0 6px;
	overflow: hidden;
}

/* footer */
#footer .copy{
	width: 100%;
	background: #0062b0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	box-sizing: border-box;
	padding: 10px 0;
}

/* headline */
.headline1{
  font-size: 30px;
  margin-bottom: 50px;
  font-weight: 600;
}
.headline2{
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 3px solid #0062b0;
  margin-bottom: 20px;
}
@media screen and (max-width:767px){
  .headline1{
    font-size: 28px;
    margin-bottom: 30px;
  }
  .headline2{
    font-size: 18px;
    padding-bottom: 8px;
    border-bottom: 3px solid #0062b0;
    margin-bottom: 20px;
  }
}

/* 503page */
#_503page .con{
  margin: 60px 0 30px;
	text-align: center;
	line-height: 1.8;
}
@media screen and (max-width:767px){
	#_503page .con{
    margin-top: 30px;
  }
}


.content{
	width:100%;
	padding: 55px 0 100px;
}
.section-inner{
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 767px){
  .content{
		width:100%;
		padding: 35px 0 50px;
	}
  .section-inner{
		width: 100%;
		padding: 0 4% 0;
		box-sizing: border-box;
	}
}


/*-------------------------------------------
pc / sp
-------------------------------------------*/

.pc_only{display: block;}
.sp_only{display: none;}

@media screen and (max-width:767px) {
	.pc_only{display: none;}
	.sp_only{display: block;}
}



/* common.css */
@font-face {
 font-family: 'Noto Sans Japanese';
 font-style: normal;
 font-weight: 400;
 src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
 font-family: 'Noto Sans Japanese';
 font-style: bold;
 font-weight: 700;
 src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}