@charset "utf-8";
/*##########################################################*/
/*  Main Style:                															*/
/*    Ver:1.00/001           																*/
/*    Date:2020/12/05        																*/
/*##########################################################*/
/*###################### Main PC sec #######################*/
/*################### Base div ###################*/
/* コンテンツ基本 */
body,
body input,
body textarea {
	background-color: #fff;
	font-family: "Helvetica Neue",
    "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "メイリオ", Meiryo,
    Arial,
    sans-serif;
	line-height:1;
	color:#000;
}
body ul,
body dl {
	font-size:0px;
}
body p,
body a,
body ul li,
body ol li,
body dl dt,
body dl dd {
	font-size:20px;
	line-height:1.4;
}

/* リンク関連 */
body a {
	color:#000;
}
body a:hover {
	color:#004391;
  text-decoration: none;
}
body a:hover img {
	filter:alpha(opacity= 70); 
	-moz-opacity:0.7;
	opacity:0.7;
  transition:.3s ease-in-out;
}
img {
	max-width:100%;
	height:auto;
}

/* 全体の背景色（フッターの背景） */
header,main {
  background: #fff;
}

/* コンテンツ内メイン枠 */
body .main-wrapper {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}
body main .main-wrapper {
  background-color: #e6ebf4;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 25px 0;
}

/* コンテンツ部分枠 */
body .content-wrapper {
	width:950px;
	margin-left: auto;
	margin-right: auto;
}

/*################### Common Layout div ###################*/
/* ヘッダー */
header {
  padding: 52px 0;
  background-color: #004391;
  border-bottom: solid 15px #002d6c;
}
header h1 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
  color:#fff;
}

/* フッター */
footer {
  padding: 34px 0;
  background-color: #000000;
  text-align: center;
}
footer small {
  font-size:14px;
  line-height: 1.4;
  color: #959595;
}

/*################### Components div ###################*/
/* マージン */
.MT1E {
	margin-top:1em !important;
}
.MT2E {
	margin-top:2em !important;
}
.MT00 {
	margin-top:0 !important;
}
.MT05 {
	margin-top:5px !important;
}
.MT10 {
	margin-top:10px !important;
}
.MT15 {
	margin-top:15px !important;
}
.MT20 {
	margin-top:20px !important;
}
.MT30 {
	margin-top:30px !important;
}
.MT40 {
	margin-top:40px !important;
}
.MT50 {
	margin-top:50px !important;
}
.MT60 {
	margin-top:60px !important;
}
.ML00 {
	margin-left:0 !important;
}
.ML10 {
	margin-left:10px !important;
}
.ML15 {
	margin-left:15px !important;
}
.ML20 {
	margin-left:20px !important;
}
.MB00 {
	margin-bottom:0px !important;
}
.MB30 {
	margin-bottom:30px !important;
}
.PB00 {
	padding-bottom:0px !important;
}

/* 文字 */
strong {
	font-weight:bold !important;
}

/* 文字位置 */
.text-AC {
	text-align:center;
}
.text-AL {
	text-align:left;
}
.text-AR {
	text-align:right;
}
.text_IDT01 {
	text-indent: -1em;
	margin-left: 1em;
}
.text_IDT02 {
	text-indent: 1em;
}
.text_color00 {
  color: #000 !important;
}
.text_color01 {
  color: #004ea2 !important;
}
.text_color11 {
  color: #1ba3c9 !important;
  font-weight: bold;
}

/* 文字サイズ */
.FS14 {
	font-size:14px;
}
.FS18 {
	font-size:18px;
}
.FS40 {
	font-size:40px;
}
.FBold {
	font-weight:bold !important;
}

/* サイズ毎表示 */
.bPC-br {
  display: block
}
.PC-Disp {
	display: block;
}
.PCTB-Disp {
	display: block;
}
.TB-Disp {
	display: none;
}
.TBSP-Disp {
	display: none;
}
.SP-Disp {
	display: none;
}
.TBSP-iDisp {
	display: none !important;
}

/*###################### Mini-pc sec #######################*/
@media (max-width:1040px) {
  /* コンテンツ内メイン枠 */
  /* コンテンツ部分枠 */
  body .main-wrapper,
  body .content-wrapper {
    width:calc(100% - 40px);
  }

  /* ヘッダー */
  header h1 {
    font-size: 30px;
  }
}

/*###################### Tablet sec #######################*/
@media (max-width:768px) {
	/*################### Common Layout div ###################*/
  /* コンテンツ内メイン枠 */
  body main .main-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  /* ヘッダー */
  header {
    padding: 40px 0;
  }
  header h1 {
    font-size: 24px;
  }
  
  /*################### Components div ###################*/
  /* サイズ毎表示 */
	.PC-Disp {
		display: none;
	}
	.PCTB-Disp {
		display: block;
	}
	.TB-Disp {
		display: block;
	}
	.TBSP-Disp {
		display: block;
	}
	.SP-Disp {
		display: none;
	}
	.TBSP-iDisp {
		display:inline-block !important;
	}
}

/*###################### S-Phone sec #######################*/
@media (max-width : 480px) {
	/*################### Components div ###################*/
  /* コンテンツ内メイン枠 */
  body main .main-wrapper {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /* ヘッダー */
  header {
    padding: 26px 0;
  }

  /* サイズ毎表示 */
	.PC-Disp {
		display: none;
	}
	.PCTB-Disp {
		display: none;
	}
	.TB-Disp {
		display: none;
	}
	.TBSP-Disp {
		display: block;
	}
	.SP-Disp {
		display: block;
	}
	.TBSP-iDisp {
		display:inline-block !important;
	}
}