@charset "UTF-8";

/*========================================================================================================*/
/*                                                  基底                                                  */
/*========================================================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=submit], input[type=button] {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 10px;   /* 余白       */
  background    : #0059b3;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;         /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
}
input[type=submit]:hover, input[type=button]:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  opacity       : 0.7;           /* カーソル時透明度 */
}
input[type=text] {
	width: 300px;
	background-color: #ffffff;
	padding: 3px 7px;
	border-radius: 5px;
	border: 2px solid #000000;
}
input[type=text]:focus {
	outline: 0;
	border: 2px solid #2196f3;
}
textarea {
	background-color: #ffffff;
	padding: 3px 7px;
	border-radius: 5px;
	border: 2px solid #000000;
}
textarea:focus {
	outline: 0;
	border: 2px solid #2196f3;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-position: center;
}
body {
	font-family: 'Noto Sans Japanese','游ゴシック','Yu Gothic','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic', arial, helvetica,sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
}
section, footer, header {
	margin: 0;
	padding: 0;
}
p {
	-webkit-font-smoothing: subpixel-antialiased;
}
/*========================================================================================================*/
/*                                                  共通                                                  */
/*========================================================================================================*/
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.header {
	position: fixed;
	width: 100%;
	height: 80px;
	z-index: 10;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: center;
	background-color: #B4C6E7 ;
	color: #000000 ;
}
.menuTab {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 50px;
	z-index: 10;
	top: 80px;
	left: 0;
	text-align: center;
	background-color: #000000;
}
.menuTabSub {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 50px;
	z-index: 10;
	top: 130px;
	left: 0;
	text-align: center;
	background-color: transparent;
    opacity: 0.7;
}
body {
	/*設置する親要素ページ全体ならbodyなど*/
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
    min-height: 100vh;
	background-color: #000000;
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
.contents {
	position: relative;
	margin: 0 auto;
	top: 130px;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #ffffff;
    padding-bottom: 30px;/*←footerの高さ*/
}
@media screen and (max-width: 769px) {
	.contents {
		top: 80px;
		width: 90%;
	}
}
.footer {
    position: fixed;/*←絶対位置*/
	width: 100%;
	height: 30px;
	z-index: 10;
    bottom: 0; /*下に固定*/
	left: 0;
	text-align: center;
	background-color: #ffffff;
}

/*========================================================================================================*/
/*                                                 リスト                                                 */
/*========================================================================================================*/
ul {
	list-style: none;
}
ul li {
	vertical-align: top;
}

/*========================================================================================================*/
/*                                                 リスト                                                 */
/*========================================================================================================*/
a {
	outline: none;
}
a img {
	outline: none;
}
a:focus, *:focus {
	outline: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: .4s;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/*========================================================================================================*/
/*                                                  画像                                                  */
/*========================================================================================================*/
img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

img[src$=".svg"] {
  width: 100%;
}

/*========================================================================================================*/
/*                                              モバイル対応                                              */
/*========================================================================================================*/
.is_pc {
	display: block !important;
}
.is_sp {
	display: none !important;
}
@media screen and (max-width: 769px) {
	.is_pc {
		display: none !important;
	}
	.is_sp {
		display: block !important;
	}
}

.pcBox {
	width: 60%;
	min-width: 900px;
	margin: auto;
	text-align: center;
	vertical-align: center;
}
@media screen and (max-width: 769px) {
	.pcBox {
		width: 100%;
		min-width: 300px;
	}
}
iframe{
	width:100%;
	height:400px;
}
@media screen and (max-width: 769px) {
	iframe{
		width:100%;
		height:200px;
	}
}
.under-construction{
	width:100%;
	height:400px;
	text-align:center;
}

/*========================================================================================================*/
/*                                                 その他                                                 */
/*========================================================================================================*/
.no_scroll {
	position: fixed;
	overflow: hidden;
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Bold.eot") format("embedded-opentype");
}

.red{color:#ff0000}