*{
	padding:0;
	margin:0;
}

body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	/*
	太字を指定する場合は游ゴシック Mediumの記述を抜いた下記のフォント指定をテキストCSSに改めてする。
	※Mediumをした状態でfont-weightを太字に指定すると文字がにじむため
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
	*/
}

/* float */
.float{
	float:left;
}

/* clearfix */
.clearfix{
	display:block;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* テキストが折り返された時の改行位置を指定 */
.kaigyo{
	display: inline-block;
}

/* 一行目を頭出し */
.indent-1_3em{
	text-indent:-1.3em;
	margin-left:1.3em;
}

/* リンクの色を変えない */
a,
a:visited,
a:hover,
a:active {
	color: inherit;
	text-decoration: none!important;
}

/* 空間調整用 */
.m-t10{margin-top:10px;}
.m-t20{margin-top:20px;}
.m-t30{margin-top:30px;}
.m-t40{margin-top:40px;}
.m-t50{margin-top:50px;}
.m-t60{margin-top:60px;}
.m-t70{margin-top:70px;}
.m-t80{margin-top:80px;}
.m-t90{margin-top:90px;}
.m-t100{margin-top:100px;}
.m-t110{margin-top:110px;}
.m-t120{margin-top:120px;}
.m-t130{margin-top:130px;}
.m-t140{margin-top:140px;}
.m-t150{margin-top:150px;}
.m-b10{margin-bottom:10px;}
.m-b20{margin-bottom:20px;}
.m-b30{margin-bottom:30px;}
.m-b40{margin-bottom:40px;}
.m-b50{margin-bottom:50px;}
.m-b60{margin-bottom:60px;}
.m-b70{margin-bottom:70px;}
.m-b80{margin-bottom:80px;}
.m-b90{margin-bottom:90px;}
.m-b100{margin-bottom:100px;}
.m-b150{margin-bottom:150px;}
.p-t10{padding-top:10px;}
.p-t20{padding-top:20px;}
.p-t30{padding-top:30px;}
.p-t40{padding-top:40px;}
.p-t50{padding-top:50px;}
.p-t60{padding-top:60px;}
.p-t70{padding-top:70px;}
.p-t80{padding-top:80px;}
.p-t90{padding-top:90px;}
.p-t100{padding-top:100px;}
.p-l10{padding-top:10px;}
.p-l20{padding-left:20px;}
.p-l30{padding-left:30px;}
.p-l40{padding-left:40px;}
.p-l50{padding-left:50px;}
.p-l60{padding-left:60px;}
.p-l70{padding-left:70px;}
.p-l80{padding-left:80px;}
.p-l90{padding-left:90px;}
.p-l100{padding-left:100px;}
.p-r10{padding-right:10px;}
.p-r20{padding-right:20px;}
.p-r30{padding-right:30px;}
.p-r40{padding-right:40px;}
.p-r50{padding-right:50px;}
.p-r60{padding-right:60px;}
.p-r70{padding-right:70px;}
.p-r80{padding-right:80px;}
.p-r90{padding-right:90px;}
.p-r100{padding-right:100px;}
.p-b10{padding-bottom:10px;}
.p-b20{padding-bottom:20px;}
.p-b30{padding-bottom:30px;}
.p-b40{padding-bottom:40px;}
.p-b50{padding-bottom:50px;}
.p-b60{padding-bottom:60px;}
.p-b70{padding-bottom:70px;}
.p-b80{padding-bottom:80px;}
.p-b90{padding-bottom:90px;}
.p-b100{padding-bottom:100px;}
.p-b110{padding-bottom:110px;}
.p-b120{padding-bottom:120px;}
.p-b130{padding-bottom:130px;}
.p-b140{padding-bottom:140px;}
.p-b150{padding-bottom:150px;}
.p-b160{padding-bottom:160px;}
.p-b170{padding-bottom:170px;}
.p-b180{padding-bottom:180px;}
.p-b190{padding-bottom:190px;}
.p-b200{padding-bottom:200px;}

@font-face {
	font-family: 'Kaph-Regular_pickup';
	font-style: normal;
	font-weight: 100;
	src: url('../font/Kaph-Regular_pickup.woff') format('woff'),
		url('../font/Kaph-Regular_pickup.eot')  format('eot');
}

@font-face {
	font-family: 'MOBO_pickup';
	font-style: normal;
	font-weight: 100;
	src: url('../font/MOBO_pickup.woff') format('woff'),
		url('../font/MOBO_pickup.eot')  format('eot');
}

@font-face {
	font-family: 'D-DINCondensed-Bold_pickup';
	font-style: normal;
	font-weight: 100;
	src: url('../font/D-DINCondensed-Bold_pickup.woff') format('woff'),
		url('../font/D-DINCondensed-Bold_pickup.eot')  format('eot');
}



.sec_head_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
	mix-blend-mode: multiply;
	z-index:1;
}

.sec_head {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index:2;

	width:95%;
	max-width:1200px;
	display: grid;
	grid-template-rows:auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	column-gap: 10px;
	text-align:center;
}

.sec_head1{
	width:100%;
	grid-row: 1;
	grid-column: 1 / 2;
	padding-right:50px;
}

.sec_head2{
	width:100%;
	grid-row: 1;
	grid-column: 2 / 3;
}

.sec_head3{
	width:100%;
	grid-row: 1;
	grid-column: 3 / 4;
}

.sec_head4{
	width:100%;
	grid-row: 1;
	grid-column: 4 / 5;
}

.sec_head5{
	width:100%;
	grid-row: 1;
	grid-column: 5 / 6;
}

.sec_head6{
	width:100%;
	grid-row: 1;
	grid-column: 6 / 7;
}

.sec_head7{
	width:100%;
	grid-row: 1;
	grid-column: 7 / 8;
}

.sec_head8{
	width:100%;
	grid-row: 1;
	grid-column: 8 / 9;
}

.sec_head8 a:hover{
	opacity:0.5;
}

.sec_head_txt1{
	max-width:140px;
	width:100%;
	height:32px;
	border-radius:16px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin:12px auto 0;
}

.sec_head_txt1_color1{
	color:#000;
}

.sec_head_txt1 a{
	max-width:140px;
	width:100%;
	height:32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec_head_txt1:hover{
	background-color:#C80414;
	color:#FFF;
}

.sec_head_on{
	background-color:#C80414;
}

/*　ハンバーガーボタン　*/
.hamburger {
	display : none;
	position: fixed;
	z-index : 999;
	right : 30px;
	top   : 20px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}

.hamburger span {
	display : block;
	position: absolute;
	width   : 49px;
	height  : 7px ;
	left    : 6px;
	background : #FFF;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2) {
	top: 28px;
}
.hamburger span:nth-child(3) {
	top: 46px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
}

nav.globalMenuSp {
	position: fixed;
	z-index : 998;
	top  : 0;
	left : 0;
	color: #000;
	background: #fff;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
}

nav.globalMenuSp ul {
	background: #e3e3e3;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}

nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
nav.globalMenuSp ul li:hover{
	background :#ffff00;
}

nav.globalMenuSp ul li a {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
	font-size:12px;
	font-weight:bold;
	display: block;
	padding: 1em 0;
	text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}

.sec_head_sp{
	display:none;
}

.sec_head_sp_logo{
	width:170px;
	position: absolute;
	top: 22px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index:2;
}

.block_link {
	max-width:1000px;
	width:95%;
	margin:150px auto;
	display: grid;
	grid-template-rows:auto;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20pxpx;
	text-align:center;
}

.block_link1{
	width:100%;
	grid-row: 1;
	grid-column: 1 / 2;
}

.block_link2{
	width:100%;
	grid-row: 1;
	grid-column: 2 / 3;
}

.block_link3{
	width:100%;
	grid-row: 1;
	grid-column: 3 / 4;
}

.block_link img{
	max-width:311px;
	width:100%;
}

.block_link img:hover{
	opacity:0.5;
}

.block_footer_nami img{
	width:100%;
	display: block;
	vertical-align:top;
}

.block_footer_back1{
	width:100%;
	background-color:#00398A;
}

.block_footer_logo{
	padding:100px 0 50px;
	text-align:center;
}

.block_footer_txt1{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding-bottom:100px;
}

.block_footer_back2{
	width:100%;
	background-color:#C80414;
}

.block_footer_txt2{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:30px 0;
}

.sub_page_title{
	font-family: 'Kaph-Regular_pickup';
	font-size:35px;
	color:#00398D;
	text-align:center;
	padding:200px 0 50px;
}

.sub_page_title_line img{
	width:100%;
	display: block;
	padding-bottom:100px;
}








/* 画面幅1024以下 PC*/
@media screen and (max-width: 1024px) {

	.sec_head{
		display:none;
	}

	.hamburger {
		display : block;
	}

	.sec_head_sp{
		display:block;
	}


}


/* 画面幅768px以下 タブレット*/
@media screen and (max-width: 768px) {

	.sec_head_left {
		width:200px;
		position: absolute;
		top: 250px;
	}

	.sec_head_right {
		width:200px;
		position: absolute;
		top: 250px;
	}

	.block_link {
		margin:100px auto;
		display: grid;
		grid-template-rows:auto auto auto;
		grid-template-columns: 1fr;
	}

	.block_link1{
		width:100%;
		grid-row: 1 / 2;
		grid-column: 1 / 2;
		margin-bottom:50px;
	}

	.block_link2{
		width:100%;
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		margin-bottom:50px;
	}

	.block_link3{
		width:100%;
		grid-row: 3 / 4;
		grid-column: 1 / 2;
		margin-bottom:50px;
	}

	.block_footer_logo img{
		width:150px;
	}

	.block_footer_txt1{
		font-size:14px;
		padding-bottom:50px;
	}

	.block_footer_txt2{
		font-size:14px;
	}





}

/* 画面幅375px以下　モバイル*/
@media screen and (max-width: 375px) {



}