body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

a,
a:visited,
a:hover,
a:active {
	color: inherit;
	text-decoration: none;
}

/* 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;
}

/* 空間調整用 */
.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-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: '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');
}

@font-face {
	font-family: 'NotoSansJP-Black_pickup';
	font-style: normal;
	font-weight: 100;
	src:

		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}

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

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

.in_br{
	display:none;
}

/* 要素のフェードイン　画面外にいる状態 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 要素のフェードイン　 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

body{
	margin:0;
	padding:0;
}

.head{
	position:relative;
}

.head_in1{
	position: absolute;
	top: 0px;
	left:0px;
	width:100%;
	height:178px;
	background-color:rgba(9,40,184,0.5);
}

.head_in2{
	max-width:1030px;
	width:100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.head_menu1{
	position: absolute;
	top:50px;
	left:30px;
}

.head_menu1_txt{
	font-family: 'D-DINCondensed-Bold_pickup';
	font-size:25px;
	color:white;
	letter-spacing:3px;
	margin:25px 0 15px 0;
}

/* ハンバーガーメニューここから */
.open {
	top: 40px;
	width: 50px;
	height: 50px;
	display: block;
	cursor: pointer;
}
.open span {
	display: block;
	float: left;
	clear: both;
	height: 4px;
	width: 40px;
	border-radius: 40px;
	background-color: #fff;
	position: absolute;
	left: 0px;
	top: 13px;
	overflow: hidden;
	transition: all 0.4s ease;
}
.open span:nth-child(1) {
	margin-top: 10px;
	z-index: 9;
}
.open span:nth-child(2) {
	margin-top: 25px;
}
.open span:nth-child(3) {
	margin-top: 40px;
}

.sub-menu {
	transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	height: 0;
	width: 0;
	left: 50px;
	top: 0;
	position: absolute;
	background-color:rgba(0,179,210,0.7);
	border-radius: 50%;
	z-index: 18;
	overflow: hidden;
}
.sub-menu li {
	display: block;
	float: left;
	clear: both;
	height: auto;
	margin-left: 100px;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.sub-menu li:first-child {
	margin-top: 60px;
}
.sub-menu li:nth-child(1) {
	-webkit-transition-delay: 0.05s;
}
.sub-menu li:nth-child(2) {
	-webkit-transition-delay: 0.1s;
}
.sub-menu li:nth-child(3) {
	-webkit-transition-delay: 0.15s;
}
.sub-menu li:nth-child(4) {
	-webkit-transition-delay: 0.2s;
}
.sub-menu li:nth-child(5) {
	-webkit-transition-delay: 0.25s;
}
.sub-menu li a {
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	width: 100%;
	display: block;
	float: left;
	line-height: 40px;
}

.sub-menu li a:hover{
	opacity:0.7;
}

.oppenned .sub-menu {
	opacity: 1;
	height: 400px;
	width: 400px;
}
.oppenned span:nth-child(2) {
	overflow: visible;
}
.oppenned span:nth-child(1), .oppenned span:nth-child(3) {
	z-index: 100;
	transform: rotate(45deg);
}
.oppenned span:nth-child(1) {
	transform: rotate(45deg) translateY(12px) translateX(12px);
}
.oppenned span:nth-child(2) {
	z-index: 2;
	height: 400px;
	width: 400px;
	left: 10px;
	top: -50px;
	border-radius: 50%;
	background-color: white;
}
.oppenned span:nth-child(3) {
	transform: rotate(-45deg) translateY(-10px) translateX(10px);
}
/* ハンバーガーメニューここまで */



.head_title{
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.head_title1{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	text-align:center;
}

.head_title2{
	text-align:center;
}

.head_title2 img{
	padding-top:35px;
	width:366px;
}

.head_contact{
	z-index: 1;
	position: absolute;
	top: 50px;
	right: 0px;
}

.head_contact1-1 img{
	width:22px;
}

.head_contact1-2{
	font-family: 'D-DINCondensed-Bold_pickup';
	font-size:25px;
	color:#FFF;
	letter-spacing:4px;
	padding-left:6px;
	margin-top:-3px;
}

.head_contact2{
	font-size:9px;
	font-weight:bold;
	color:#FFF;
	margin-top:4px;
	margin-left:27px;
}

.head_contact3{
	margin-top:15px;
	width:188px;
	height:30px;
	border-radius:15px;
	background-color:#ffe100;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

.head_contact3:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease 0s;
}

.head_contact3-1 img{
	width:18px;
	height:13px;
	margin-top:8px;
}

.head_contact3-2{
	font-size:11px;
	font-weight:bold;
	color:#035bcd;
	padding-left:5px;
}

.footer{
	background-color:#184e9f;
}

.footer_logo{
	text-align:center;
}

.footer_logo img{
	max-width:491px;
	width:100%;
	padding:65px 0 15px;
}

.footer_txt1{
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding-bottom:35px;
}

.footer_txt2{
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
	text-align:center;
	padding-bottom:45px;
}

.footer_txt3{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding-bottom:55px;
}













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

	.in_br{
		display:inline;
	}

	.head_in1{
		height:300px;
	}

	.head_menu1{
		top:0px;
		left:20px;
	}

	.head_menu1_txt{
		display:none;
	}

	.head_contact{
		top: 180px;
		right:auto;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

}


/* 画面幅700px以下　スマートフォン*/
@media screen and (max-width: 700px) {

	.head_title{
		width:100%;
		top: 70px;
	}

	.head_title1{
		font-size:10px;
	}


	.head_title2 img{
		padding-top:15px;
	}

	.footer_logo img{
		width:70%;
	}






}