@charset "UTF-8";
/* Common
----------------------------------------*/
.flex { display: flex; flex-wrap: wrap; }
.flex_center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex_align { display: flex; flex-wrap: wrap; align-items: center; }
.flex_bettween { display: flex; flex-wrap: wrap; justify-content: space-between; }
.transformY { transform: translateY(-50%); }
.pos_rel { position: relative; }
.cs_caption {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	line-height: 1.2;
	padding: 5px;
	z-index: 1;
}
.cs_caption.white { color: #FFF; }
.img100 { width: 100%; }
figure {
	line-height: 0;
}
main .bold {
	font-family: "Roboto Condensed", Arial, Helvatica, "游ゴシック体", "游ゴシック", YuGothic, "YuGothic", "YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo UI", " メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
}
main .bold900 {
	font-family: "Roboto Condensed", Arial, Helvatica, "游ゴシック体", "游ゴシック", YuGothic, "YuGothic", "YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo UI", " メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: 900;
}

/* Main
----------------------------------------*/
.cs_main {
	background: url("../img/main_back01.jpg") no-repeat center center / cover;
	padding: 50px 0 0;
}
.cs_main_inner {
	position: relative;
	margin: 0 auto;
	padding: 643px 0 0 ;
	max-width: 1660px;
	width: 100%;
	height: 0;
}
.cs_main_inner2 {
	position: absolute;
	top: 17%;
	left: 0;
	width: 100%;
	height: 100%;
}
.cs_main .cs_main_ttl img {
	margin: 0 auto;
	width: 56.747%;
}
.cs_i-block {
  display: inline-block;
}
.cs_capt {
	position: absolute;
	display: inline-block;
	padding: 5px;
	font-size: 10px;
	bottom: 0;
	right: 0;
	line-height: 1;
	color: #000;
}
.cs_capt.white {
	color: #fff;
}
@media only screen and (max-width: 1660px) {
	.cs_main_inner {
		padding: 38.735% 0 0 ;
	}
}
@media only screen and (max-width: 768px) {
	.cs_main {
		background: url("../img/main_back01_sp.jpg") no-repeat center center / cover;
		padding: 30px 0 0;
	}
	.cs_main_inner {
		margin: 0 0;
		padding: 102.1333% 0 0 ;
		width: 100%;
		height: 0;
	}
	.cs_main_inner2 {
		top: 16%;
		width: 100%;
		height: 100%;
	}
	.cs_main .cs_main_ttl img {
		width: 100%;
	}
}

/* Intro
----------------------------------------*/
.cs_intro .cs_intro_inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
	padding: 80px 15px;
}
.cs_intro .cs_intro_inner .txt_copy {
	font-size: 28px;
	text-align: center;
	line-height: 1.7;
}
.cs_intro_inner .txt_copy .emph {
	font-size: 36px;
	color: #003487;
	line-height: 1;
}
.cs_intro_inner .txt_copy .emph .num {
	font-size: 50px;
}
@media only screen and (max-width: 768px) {
	.cs_intro .cs_intro_inner {
		padding: 40px 15px;
	}
}
@media only screen and (max-width: 480px) {
	.cs_intro .cs_intro_inner {
		padding: 30px 15px;
	}
	.cs_intro .cs_intro_inner .txt_copy {
		font-size: 17px;
	}
	.cs_intro_inner .txt_copy .emph {
		font-size: 22px;
	}
	.cs_intro_inner .txt_copy .emph .num {
		font-size: 26px;
	}
}
/* Contents
----------------------------------------*/

/* sections */
.cs_section {
	margin-top: 10px;
	padding: 80px 0;
}
.cs_section_inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	padding: 0 15px;
}
.cs_section.fighters {
	border-top: #003487 solid 2px;
}
.cs_section.hawks {
	border-top: #ffbf00 solid 2px;
}
.cs_section_head {
}
.cs_section_head .ttl01 {
	font-size: 40px;
	text-align: center;
	line-height: 1.25;
}
.cs_section_head .ttl02 {
	font-size: 28px;
	text-align: center;
}
.cs_section_image {
	position: relative;
	display: flex;
	margin: 40px auto 50px;
	width: 100%;
	box-shadow: 0 0 12px 12px #e1e1e1;
}
.cs_section_image .cs_main_img {
	position: relative;
	width: 100%;
}
.cs_section_image .cs_main_img.half {
	width: 50%;
}
.cs_section_image .cs_main_img img {
	width: 100%;
	height: auto;
}
.cs_section_image .cs_sub_img {
	position: absolute;
}
.hawks .cs_section_image .cs_sub_img {
	right: -7%;
	bottom: -8.45%;
	width: 35.4%;
}
.cs_outline {
	margin: 40px auto 50px;
	border: #000000 solid 1px;
	padding: 50px 40px;
}
.cs_outline .ttl {
	font-size: 22px;
}
.cs_outline .txt {
	margin-top: 1em;
	padding-left: 16px;
	font-size: 16px;
}
.cs_application {
	
}
.cs_button_list {
	margin: 45px auto;
	width: 100%;
	list-style: none;
}
.cs_button_list .cs_button_item {
	margin: 0 auto 30px;
	background-color: #ffffff;
}
.cs_button_list .cs_button_item a {
	display: flex;
	width: 100%;
	min-height: 110px;
	color: #fff;
	transition: all 0.3s;
}
.cs_button_list .cs_button_item a:hover {
	transform: scale(1.015);
}
.cs_button_list .cs_button_item a:active {
	transform: scale(0.98);
}
.cs_button_list .cs_button_item a.disabled {
	pointer-events: none;
}
.fighters .cs_button_list .cs_button_item a {
	background-color: #006098;
	transition: all 0.3s;
}
.fighters .cs_button_list .cs_button_item a:hover {
	background-color: #176ea1;
}
.fighters .cs_button_list .cs_button_item a:active {
	background-color: #006098;
}
.fighters .cs_button_list .cs_button_item a.disabled {
	background-color: #cfdce9;
}
.hawks .cs_button_list .cs_button_item a {
	background-color: #ffbf00;
	transition: all 0.3s;
}
.hawks .cs_button_list .cs_button_item a:hover {
	background-color: #ffcc35;
}
.hawks .cs_button_list .cs_button_item a:active {
	background-color: #ffbf00;
}
.hawks .cs_button_list .cs_button_item a.disabled {
	background-color: #ffe494;
}
.cs_button_list .cs_button_item a .orn-start {
	width: 110px;
}
.cs_button_list .cs_button_item a .btn-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	flex: 2 2 780px;
}
.cs_button_list .cs_button_item a .btn-body span:first-child {
	padding-top: 4px;
}
.cs_button_list .cs_button_item a .btn-body span:last-child {
	padding-bottom: 4px;
}
.cs_button_list .cs_button_item a .btn-body .txt01 {
	font-size: 24px;
	line-height: 1.2;
}
.cs_button_list .cs_button_item a .btn-body .txt02 {
	font-size: 30px;
	line-height: 1.2;
}
.cs_button_list .cs_button_item a .orn-end {
	align-self: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border-left: #ffffff solid 2px;
	width: 110px;
	height: 50px;
	max-height: 100%;
}
.cs_button_list .cs_button_item a .orn-end .pict {
	position: relative;
	width: 100%;
	height: 100%;
}
.cs_button_list .cs_button_item a .orn-end .pict img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 1;
}
.visible_il_wlt640 {
	display: none;
}
@media only screen and (max-width: 768px) {
	.cs_section {
		padding: 30px 0;
	}
	.cs_section_head {
		
	}
	.cs_section_head .ttl01 {
		font-size: 36px;
	}
	.cs_section_head .ttl02 {
		font-size: 24px;
	}
	.cs_section_image {
		width: 86%;
	}
	.cs_outline {
		width: 86%;
		padding: 30px 25px;
	}
	.hawks .cs_section_image .cs_sub_img {
		width: 46%;
	}
	.cs_button_list {
		margin: 30px auto;
		width: 86%;
	}
	.cs_button_list .cs_button_item {
		margin: 0 auto 20px;
	}
	.cs_button_list .cs_button_item a {
		min-height: 80px;
	}
	.cs_button_list .cs_button_item a .orn-start {
		width: 20px;
	}
	.cs_button_list .cs_button_item a .orn-end {
		width: 70px;
	}
	.cs_button_list .cs_button_item a .btn-body .txt01 {
		font-size: 15px;
		letter-spacing: -0.05em;
	}
	.cs_button_list .cs_button_item a .btn-body .txt02 {
		font-size: 22px;
	}
	.cs_button_list .cs_button_item a .orn-end {
		height: 40px;
	}
	.cs_button_list .cs_button_item a .orn-end .pict img {
		width: 18px;
		height: auto;
	}
}
@media only screen and (max-width: 640px) {
	.cs_button_list .cs_button_item a .orn-start {
		width: 0;
	}
	.visible_il_wlt640 {
		display: inline;
	}
}
@media only screen and (max-width: 767px/*575px*/) {
	.cs_section_image {
		flex-wrap: wrap;
	}
	.cs_section_image .cs_main_img.half {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.cs_section_head .ttl01 {
		font-size: 24px;
	}
	.cs_section_head .ttl02 {
		font-size: 16px;
	}
	.cs_section_image {
		box-shadow: 0 0 8px 8px #e1e1e1;
		width: 92%;
	}
	.hawks .cs_section_image .cs_sub_img {
		right: -3.5%;
		bottom: -12%;
		width: 50%;
	}
	.cs_outline {
		width: 92%;
	}
	.cs_outline .ttl {
		font-size: 18px;
	}
	.cs_outline .txt {
		padding-left: 14px;
		font-size: 14px;
	}
	.cs_button_list {
		width: 92%;
	}
	.cs_button_list .cs_button_item a .orn-end {
		width: 50px;
	}
	.cs_button_list .cs_button_item a .orn-end .pict img {
		width: 14px;
	}
}

/* swipe scroll */
.swipe_icon {
	display: none;
}
.cs_section_image .cs_main_img.h100 {
    width: auto;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	.swipe_scroll {
		overflow-x: auto;
		padding-bottom: 15px;
	}
	.swipe_icon {
		position: absolute;
		top: 15%;
		left: 50%;
		width: 70px;
		height: 70px;
		display: block;
		margin: 0 -35px;
		-webkit-animation:horizontal 1s ease-in-out infinite alternate;
				animation:horizontal 1s ease-in-out infinite alternate;
		z-index: 10;
	}
	.swipe_icon img {
		opacity: 0;
		visibility: hidden;
		max-width: 100%!important;
		width: 70px!important;
		-webkit-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}
	.swipe_scroll.show .swipe_icon img {
		opacity: 1;
		visibility: visible;
	}
}
@-webkit-keyframes horizontal {
	0% { -webkit-transform:translate(-20%,-20%); transform:translate(-20%,-20%); }
	100% { -webkit-transform:translate(30%,-20%); transform:translate(30%,-20%); }
}
@keyframes horizontal {
	0% { -webkit-transform:translate(-20%,-20%); transform:translate(-20%,-20%); }
	100% { -webkit-transform:translate(30%,-20%); transform:translate(30%,-20%); }
}