/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font: inherit;
	font-size: 14px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color:#584519;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
   font-weight: bold;
}
th, td {
  /* border: 1px solid #EAEAEA;
   padding: 6px 10px;*/
}
caption, th, td {
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}
embed, iframe, object {
	max-width: 100%;
}

.fixed {
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		width:100%;
		
	}
/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #444444;
	font: 16px 'Open Sans', serif;
	line-height: 1.6;
	word-wrap: break-word;
}
body {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	background-color:#FBF8F1;
	background:url(../img/bg_body.jpg) center top no-repeat;
	background-size:contain;
	
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0px;
	color: #333333;
	font-weight: normal;

}
h1 { font-size: 42px; line-height: 1.2; }
h2 { font-size: 38px; line-height: 1.2; }
h3 { font-size: 34px; line-height: 1.2; }
h4 { font-size: 30px; line-height: 1.2; }
h5 { font-size: 26px; line-height: 1.2; }
h6 { font-size: 22px; line-height: 1.2; }
hr {
	border-color: #EAEAEA;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
	line-height: 1.6;
	margin-bottom: 0px;
	font-size: 15px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #EAEAEA;
}
pre, code, kbd, var, samp, tt {
	/*font-family:"Courier 10 Pitch",Courier,monospace;*/
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #777777;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background: #F8F8F8;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}

body a:hover img{
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
	transition: all .2s ease-in;
}


/* =LINKS
----------------------------------------------- */
a {
	color: #289dcc;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}

/* =IMAGES
----------------------------------------------- */

img {
	max-width:100%;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {

}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}


/* =CLEARFIX
----------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}



/*****************************************************************/

/* =BODY
----------------------------------------------- */
a{
	transition: all 0.2s ease-in;
}




html, body { height: 100%; font-size: 62.5%; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

h2 { margin: 10px 0 30px; font-size: 48px; letter-spacing: -2px; }

.cover { position: relative; width: 100%; margin: 0; padding: 0; color: #fff; }

.centerBoxFix { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 20px; line-height: 160%; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.centerBoxLast { z-index: -1; }

.centerBox {width:1100px; margin:0 auto; padding:100px 0 50px 0; text-align:center; }
.centerBox h2{margin:0 auto 25px auto; text-align:center;  }
.centerBox i { height: 120px; padding: 20px; font-size: 100px; transition: .8s; transition-delay: 0; margin:auto; text-align:center; } 
.centerBox div { margin: auto; transition: .8s; transition-delay: .8s; }

.section1 {background: url(../img/bg_sec1.jpg) no-repeat; background-size: cover; background-position:top center; background-attachment: fixed; background-repeat: no-repeat; }
.section2 {background: url(../img/bg_sec2.jpg) repeat;}
.section3 {background:#fff;}
.section4 {background: #009688;

  background: -webkit-linear-gradient(90deg, #BFDFFF 10%, #DFDFD0 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #BFDFFF 10%, #DFDFD0 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #BFDFFF 10%, #DFDFD0 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #BFDFFF 10%, #DFDFD0 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #BFDFFF 10%, #DFDFD0 90%); /* W3C */

 }
.section5 {background: url(../img/bg_sec5.jpg) no-repeat; background-size: cover; background-position:bottom center; background-attachment: fixed; background-repeat: no-repeat;}

#menu-wrap { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); transition: .3s }
#menu { list-style-type: none; max-width: 960px; margin: 0px auto 0px; padding: 0; }
#menu li { width: 20%; float: left; margin: 0; padding: 0; text-align: center; }
#menu li a { display: block; width : 100%; padding: 20px 0; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; transition: .3s; }
#menu li a:hover { background: rgba(0,0,0,.3); }

a.btn{ display: inline-block; width: 150px; margin: 10px 0; padding: 16px 10px; border: 1px solid #fff; background: transparent; color: #fff; text-align: center; text-decoration: none; line-height: 1; transition: .3s; }
a.sample16 { position:relative; z-index:2; overflow:hidden }
a.sample16::after { display:block; content:""; position:absolute; z-index:-1; top:50%; left:50%; width:160px; height:160px; margin:-80px 0 0 -80px; border:65px solid rgba(255,255,255,0);  border-radius:50%; transition:.5s }
a.sample16:hover { color:#555 }
a.sample16:hover::after { border-width: 0; border-color:rgba(255,255,255,1); background:#fff }
#page-top i { position: relative; padding-top: 2px; transition: .2s; }
#page-top:hover i { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
@keyframes page-top-animation {
0% {padding-top: 0px; }
100% {padding-top: 3px; }
}
@media only screen and (min-width: 1023px) {
.section1, .section3, .section5 { background-attachment: fixed; }
}



button,
input,
optgroup,
select,
textarea {
	font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
	overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}



button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}



button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}



button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}



/* # =================================================================
#	toppage
# ================================================================= */
.section1 ul , .section3 ul{
	width:100%;
	box-sizing:border-box;
	
}
.section1 ul li{
	width:300px;
	float:left;
	margin:0 0 25px 0;
	color:#333;
}
.section3 ul li{
	width:30%;
	float:left;
	margin:0 0 25px 0;
	color:#333;
	text-decoration:underline;
	text-align:left;
	font-size:1.5em;
}
#mar_industry{
	margin:0 100px;
}
#mar_suppliers{
	margin:0 5%;
}

.section2 #businessbox{
	margin:0 0 20px 0;
	display:block;
}
.left_businessbox{
	float:left;
	width:300px;
}
.right_businessbox{
	float:right;
	vertical-align:top;
	text-align:left;
	width:750px;
}
.right_businessbox h3{
	background:url(../img/ico_business.jpg) 0 50% no-repeat;
	padding:0 0 0 15px;
	margin:0 0 15px 0;
}


.left_recruit{
	width:100%;
}
.left_recruit td{
	padding:15px 5px;
	border-bottom:1px #999999 dotted;
	font-size:1.1em;
}

.right_recruit{
	width:34%;
	float:right;
}

.section5 table{
	box-sizing:border-box;
	width:58%;
	float:left;
	margin:0 0 30px 0;
}
.section5 table td{
	padding:15px 0;
	border-bottom:1px #999999 dotted;
	font-size:1.1em;
}
.section5 table td img{
	vertical-align:bottom;
}
.img_com{
	width:34%;
	float:right;
}
.section5 p{
	text-align:left;
	float:right;
	font-size:1.2em;
	line-height:180%;
}
.section5 p img{
	float:right;
	padding:0 0 15px 15px;
}
#font-bold{
	font-weight:bold;
}


/* # =================================================================
#	btn
# ================================================================= */

/* VIEW MORE
------------------------- */

.btn_more {
	width: 300px;
	height: 70px;
	position: relative;
	-webkit-backface-visibility: hidden;
}

.btn_more::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
	z-index: -1;
	content: "";
}

.btn_more a,
.btn_more p {
	position: relative;
	width: 100%;
	height: 100%;
	color: #003f98;
	/*font-family: Arial, sans-serif;*/
	font-style: italic;
	font-weight: bold;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
}

.btn_more a >,
.btn_more p > {
	display: block;
}

.btn_more a::before,
.btn_more p::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-color: #003f98;
	display: block;
	-webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	content: "";
	z-index: -1;
}

.btn_more a::after,
.btn_more p::after {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 19px;
	height: 16px;
	margin: auto;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px auto;
	-webkit-transform: skew(15deg);
	transform: skew(15deg);
	content: "";
}

.btn_more a span,
.btn_more p span {
	display: block;
	-webkit-transform: skew(15deg);
	transform: skew(15deg);
}

.btn_more a:hover,
.btn_more p:hover {
	color: #fff;
}

.btn_more a:hover::before,
.btn_more p:hover::before {
	right: auto;
	left: 0;
	width: 100%;
}

.btn_more a:hover::after,
.btn_more p:hover::after {
	background-image: url();
}

.btn_more-blue {
	position: relative;
}

.btn_more-blue::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #003f98;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
	z-index: -1;
	content: "";
}

.btn_more-blue a,
.btn_more-blue p {
	color: #fff;
	border: solid 1px #003f98;
}

.btn_more-blue a::before,
.btn_more-blue p::before {
	background-color: #fff;
}

.btn_more-blue a::after,
.btn_more-blue p::after {
	background-image: url();
}

.btn_more-blue a:hover,
.btn_more-blue p:hover {
	color: #003f98;
}

.btn_more-blue a:hover::after,
.btn_more-blue p:hover::after {
	background-image: url();
}

.btn_more-gold {
	position: relative;
}

.btn_more-gold::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #b49a55;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
	z-index: -1;
	content: "";
}

.btn_more-gold a,
.btn_more-gold p {
	color: #fff;
	border: solid 1px #b49a55;
}

.btn_more-gold a::before,
.btn_more-gold p::before {
	background-color: #fff;
}

.btn_more-gold a::after,
.btn_more-gold p::after {
	background-image: url();
}

.btn_more-gold a:hover,
.btn_more-gold p:hover {
	color: #b49a55;
}

.btn_more-gold a:hover::after,
.btn_more-gold p:hover::after {
	background-image: url();
}

.btn_more.center {
	margin: 0 auto;
}

.btn_more.center a span,
.btn_more.center p span {
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
}


.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	background-color: #fff;
}

.header_inner {
	background-color: #fff;
}

.header .header_logo {
	margin-left: 27px;
	
}

.header .header_logo_wrap {
	width: 308px;
	height: 46px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
}

.header .header_logo_wrap img {
	display: none;
}

.header .header_menu {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	
}

.header .header_nav_main_item {
	color: #333;
}

.header .header_nav_main_item .link_txt::after {
	background-color: #003e8f;
}

.header .header_nav_sub_item {
	color: #333;
}

.header .header_nav_sub_item .link_arrow::after {
	background-image: url(../img/arrow.gif);
}

.l_container {
	overflow: hidden;
}


.link_txt {
	position: relative;
	display: inline-block;
}

.link_txt::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
	content: "";
}

.link_txt:hover::after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}


/* # =================================================================
#	header
# ================================================================= */

.header {
	position:fixed;
	width: 100%;
	z-index: 110;
	
}

.header_inner {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
}

.header_inner > {
	display: block;
}



.header_logo {
	width: 298px;
	margin-left: 27px;
}

.header_logo_wrap {
	display: block;
}

.header_logo_wrap img {
	width: 100%;
	height: auto;
}



.header_menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	
}



.header_nav_inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0 0 12px 0;
}

.header_nav_wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.header_nav_main {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
}

.header_nav_main_item {
	position: relative;
	padding-left: 24px;
	margin-left: 18px;
	color: #fff;
	font-weight: 600;
}

.header_nav_main_item + .header_nav_main_item { /*&::before {
			position: absolute;
			top: 0;
			left: 0;
			font-weight: normal;
			content: "|";
		}*/
}

.header_nav_main_item + .header_nav_main_item > a::before {
	position: absolute;
	top: 0;
	left: -25px;
	font-weight: normal;
	content: "|";
}

.header_nav_main_item a {
	font-size: 1.5rem;
	padding-bottom: 15px;
	color:#666;
	
}

.header_nav_main_item a::after {
	height: 2px;
}

.header_nav_sub {
	margin-bottom: 12px;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.header_nav_sub_item {
	position: relative;
	padding-left: 18px;
	margin-left: 15px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 600;
}

.header_nav_sub_item + .header_nav_sub_item::before {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: normal;
	content: "|";
}

.header_nav_sub_item a {
	font-size: 1.5rem;
}



.header_entry {
	width: 260px;
	padding: 30px 10px 28px;
	margin-left: 38px;
	z-index: 1;
	overflow: hidden;
	position: relative;
}

.header_entry::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #a58c4a;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
	z-index: -1;
	content: "";
}

.header_entry::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	background-color: #a58c4a;
	content: "";
}

.header_entry::after {
	left: 12px;
}

.header_entry_h {
	margin-bottom: 12.5px;
	color: #cfc9ba;
	font-size: 1.5rem;
	line-height: 1;
	text-align: center;
}

.header_entry_menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.header_entry_menu li {
	margin: 0 10px;
	color: #fff;
	font-size: 1.5rem;
}

.header_entry_menu li .link_arrow {
	padding-right: 22px;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.header_entry_menu li .link_arrow::after {
	width: 14px;
	background-size: 14px auto;
}

.header_entry_menu li .link_arrow:hover {
	opacity: .5;
}



.header_burger {
	display: none;
}

/* MENU OPEN
------------------------- */



.header.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 85px;
	padding: 0;
	background-color: #fff;
	z-index: 300;
}

.header.is-fixed .header_inner {
	background-color: #fff;
}

.header.is-fixed .header_logo {
	margin-left: 27px;
}

.header.is-fixed .header_logo_wrap {
	width: 308px;
	height: 46px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
}

.header.is-fixed .header_logo_wrap img {
	display: none;
}

.header.is-fixed .header_menu {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.header.is-fixed .header_nav_main_item {
	color: #333;
}

.header.is-fixed .header_nav_main_item .link_txt::after {
	background-color: #003e8f;
}

.header.is-fixed .header_nav_sub_item {
	color: #333;
}

.header.is-fixed .header_nav_sub_item .link_arrow::after {
	background-image: url(../img/arrow.gif);
}


.link_arrow {
	position: relative;
	padding-right: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
}

.link_arrow span{
	color:#FFF;
	
}

.link_arrow::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 9px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px auto;
	background-image: url(../img/arrow.png);
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
	content: "";
}

.link_arrow:hover::after {
	-webkit-transform: translate3d(4px, 0, 0);
	transform: translate3d(4px, 0, 0);
}

.header_mega {
	position: absolute;
	left: 0;
	width: 100%;
	height: 250%;
	padding: 45px 0;
	display: none;
}

.header_mega::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 100%;
	margin: 0 -10%;
	background-color: rgba(0, 44, 108, 0.95);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	overflow: hidden;
	z-index: -1;
	content: "";
}

.header_mega_inner {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	z-index: 1;
}

.header_mega_head {
	width: 25%;
}

.header_mega_h {
	margin-top: -.2em;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
}

.header_mega_body {
	width: 75%;
}

.header_mega_menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.header_mega_menu li {
	width: 20%;
	padding-bottom: 1em;
}

.header_mega_menu li a {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.4;
}

.header_nav_main_item.is_show .header_mega_inner {
	-webkit-animation: megamenu .8s ease-out forwards;
	animation: megamenu .8s ease-out forwards;
}

.header_nav_main_item:nth-child(1) .header_mega_sub {
	left: -10%;
}

.header_nav_main_item:nth-child(2) .header_mega_sub {
	left: -25%;
}

.header_mega_sub {
	position: absolute;
	left: -65%;
	width: 220px;
	padding-top: 15px;
	z-index: 2;
	display: none;
}

.header_mega_sub::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-width: 0 14.5px 15px 14.5px;
	border-color: transparent transparent rgba(0, 44, 108, 0.95) transparent;
	content: "";
}

.header_mega_sub_inner {
	position: relative;
	padding: 36px 15px 40px 45px;
	overflow-x: hidden;
}

.header_mega_sub_inner::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120%;
	height: 100%;
	margin: 0 -10%;
	background-color: rgba(0, 44, 108, 0.95);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	overflow: hidden;
	content: "";
}

.header_mega_sub_wrap {
	position: relative;
	z-index: 1;
}

.header_mega_sub_h {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
}

.header_mega_sub_menu li + li {
	margin-top: 20px;
}

.header_mega_sub_menu li a {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.4;
}

.header_mega_btn {
	display: none;
}




.pc_menu{
	display:block;
}
.sp_menu{
	display:none;
}




/*フッター*/
.footer {
	width:100%;
	text-align:center;
	overflow:hidden;
}


.footer_body {
	position: relative;
	padding: 80px 0 30px;
	margin-top: -50px;
}

.footer_body::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 190%;
	height: 70%;
	margin: 0 -10%;
	background-color: #002c6c;
	/*-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);*/
	overflow: hidden;
	z-index:-1;
	content: '';
}

.footer_body::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #002c6c;
	z-index:-1;
	content: '';
}

.footer_body_inner {
	position: relative;
	width:1100px;
	margin:auto;
}

.footer_nav {

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}


.footer_nav_menu li {
	margin:0 10px 15px 10px;
	display:inline-block;
}

.footer_nav_menu li a {
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.02em;
	line-height: 1.4;
}

.logo_footer{
	z-index:1000;
	width:350px;
	margin:0 auto 20px;
	padding:0;
	text-align:center;
}

.footer_foot {
	position: relative;
	height: 75px;
	z-index: 1;
	background-color: #052149;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.footer_foot > {
	display: block;
}

.footer_foot p {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
}


@-webkit-keyframes navShow {

0% {
	opacity: 0;
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
}

100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@keyframes navShow {

0% {
	opacity: 0;
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
}

100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@-webkit-keyframes megamenu {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes megamenu {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes opacity {

0% {
	opacity: 0;
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
}

100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@keyframes opacity {

0% {
	opacity: 0;
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
}

100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@-webkit-keyframes vibration {

2% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

4% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

6% {
	-webkit-transform: translate(0, 0px) rotate(0);
	transform: translate(0, 0px) rotate(0);
}

8% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

10% {
	-webkit-transform: translate(0, 0px) rotate(0);
	transform: translate(0, 0px) rotate(0);
}

12% {
	-webkit-transform: translate(0, -5px) rotate(0);
	transform: translate(0, -5px) rotate(0);
}

14% {
	-webkit-transform: translate(0, -3px) rotate(0);
	transform: translate(0, -3px) rotate(0);
}

16% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

18% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

20% {
	-webkit-transform: translate(0, -5px) rotate(0);
	transform: translate(0, -5px) rotate(0);
}

22% {
	-webkit-transform: translate(0, -2px) rotate(0);
	transform: translate(0, -2px) rotate(0);
}

24% {
	-webkit-transform: translate(0, -2px) rotate(0);
	transform: translate(0, -2px) rotate(0);
}

26% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

28% {
	-webkit-transform: translate(0, -1.5px) rotate(0);
	transform: translate(0, -1.5px) rotate(0);
}

30% {
	-webkit-transform: translate(0, -2px) rotate(0);
	transform: translate(0, -2px) rotate(0);
}

32% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

34% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

36% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

38% {
	-webkit-transform: translate(0, -3px) rotate(0);
	transform: translate(0, -3px) rotate(0);
}

40% {
	-webkit-transform: translate(0, 2px) rotate(0);
	transform: translate(0, 2px) rotate(0);
}

42% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

44% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

46% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

48% {
	-webkit-transform: translate(0, -3.5px) rotate(0);
	transform: translate(0, -3.5px) rotate(0);
}

50% {
	-webkit-transform: translate(0, 2px) rotate(0);
	transform: translate(0, 2px) rotate(0);
}

52% {
	-webkit-transform: translate(0, 2.5px) rotate(0);
	transform: translate(0, 2.5px) rotate(0);
}

54% {
	-webkit-transform: translate(0, 4px) rotate(0);
	transform: translate(0, 4px) rotate(0);
}

56% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

58% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

60% {
	-webkit-transform: translate(0, 2.5px) rotate(0);
	transform: translate(0, 2.5px) rotate(0);
}

62% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

64% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

66% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

68% {
	-webkit-transform: translate(0, -2.5px) rotate(0);
	transform: translate(0, -2.5px) rotate(0);
}

70% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

72% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

74% {
	-webkit-transform: translate(0, -3.5px) rotate(0);
	transform: translate(0, -3.5px) rotate(0);
}

76% {
	-webkit-transform: translate(0, -4.5px) rotate(0);
	transform: translate(0, -4.5px) rotate(0);
}

78% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

80% {
	-webkit-transform: translate(0, 0px) rotate(0);
	transform: translate(0, 0px) rotate(0);
}

82% {
	-webkit-transform: translate(0, 1.5px) rotate(0);
	transform: translate(0, 1.5px) rotate(0);
}

84% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

86% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

88% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

90% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

92% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

94% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

96% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

98% {
	-webkit-transform: translate(0, -3px) rotate(0);
	transform: translate(0, -3px) rotate(0);
}

0%,100% {
	-webkit-transform: translate(0, 0) rotate(0);
	transform: translate(0, 0) rotate(0);
}

}

@keyframes vibration {

2% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

4% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

6% {
	-webkit-transform: translate(0, 0px) rotate(0);
	transform: translate(0, 0px) rotate(0);
}

8% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

10% {
	-webkit-transform: translate(0, 0px) rotate(0);
	transform: translate(0, 0px) rotate(0);
}

12% {
	-webkit-transform: translate(0, -5px) rotate(0);
	transform: translate(0, -5px) rotate(0);
}

14% {
	-webkit-transform: translate(0, -3px) rotate(0);
	transform: translate(0, -3px) rotate(0);
}

16% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

18% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

20% {
	-webkit-transform: translate(0, -5px) rotate(0);
	transform: translate(0, -5px) rotate(0);
}

22% {
	-webkit-transform: translate(0, -2px) rotate(0);
	transform: translate(0, -2px) rotate(0);
}

24% {
	-webkit-transform: translate(0, -2px) rotate(0);
	transform: translate(0, -2px) rotate(0);
}

26% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

28% {
	-webkit-transform: translate(0, -1.5px) rotate(0);
	transform: translate(0, -1.5px) rotate(0);
}

30% {
	-webkit-transform: translate(0, -2px) rotate(0);
	transform: translate(0, -2px) rotate(0);
}

32% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

34% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

36% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

38% {
	-webkit-transform: translate(0, -3px) rotate(0);
	transform: translate(0, -3px) rotate(0);
}

40% {
	-webkit-transform: translate(0, 2px) rotate(0);
	transform: translate(0, 2px) rotate(0);
}

42% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

44% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

46% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

48% {
	-webkit-transform: translate(0, -3.5px) rotate(0);
	transform: translate(0, -3.5px) rotate(0);
}

50% {
	-webkit-transform: translate(0, 2px) rotate(0);
	transform: translate(0, 2px) rotate(0);
}

52% {
	-webkit-transform: translate(0, 2.5px) rotate(0);
	transform: translate(0, 2.5px) rotate(0);
}

54% {
	-webkit-transform: translate(0, 4px) rotate(0);
	transform: translate(0, 4px) rotate(0);
}

56% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

58% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

60% {
	-webkit-transform: translate(0, 2.5px) rotate(0);
	transform: translate(0, 2.5px) rotate(0);
}

62% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

64% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

66% {
	-webkit-transform: translate(0, -4px) rotate(0);
	transform: translate(0, -4px) rotate(0);
}

68% {
	-webkit-transform: translate(0, -2.5px) rotate(0);
	transform: translate(0, -2.5px) rotate(0);
}

70% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

72% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

74% {
	-webkit-transform: translate(0, -3.5px) rotate(0);
	transform: translate(0, -3.5px) rotate(0);
}

76% {
	-webkit-transform: translate(0, -4.5px) rotate(0);
	transform: translate(0, -4.5px) rotate(0);
}

78% {
	-webkit-transform: translate(0, 1px) rotate(0);
	transform: translate(0, 1px) rotate(0);
}

80% {
	-webkit-transform: translate(0, 0px) rotate(0);
	transform: translate(0, 0px) rotate(0);
}

82% {
	-webkit-transform: translate(0, 1.5px) rotate(0);
	transform: translate(0, 1.5px) rotate(0);
}

84% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

86% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

88% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

90% {
	-webkit-transform: translate(0, 5px) rotate(0);
	transform: translate(0, 5px) rotate(0);
}

92% {
	-webkit-transform: translate(0, -1px) rotate(0);
	transform: translate(0, -1px) rotate(0);
}

94% {
	-webkit-transform: translate(0, 3.5px) rotate(0);
	transform: translate(0, 3.5px) rotate(0);
}

96% {
	-webkit-transform: translate(0, 3px) rotate(0);
	transform: translate(0, 3px) rotate(0);
}

98% {
	-webkit-transform: translate(0, -3px) rotate(0);
	transform: translate(0, -3px) rotate(0);
}

0%,100% {
	-webkit-transform: translate(0, 0) rotate(0);
	transform: translate(0, 0) rotate(0);
}

}

@-webkit-keyframes loadingBgMove {

0% {
	left: 0;
}

100% {
	left: 120%;
}

}

@keyframes loadingBgMove {

0% {
	left: 0;
}

100% {
	left: 120%;
}

}

@-webkit-keyframes scroll {

0% {
	opacity: 1;
	-webkit-transform: translate(0%, -40px);
	transform: translate(0%, -40px);
}

59% {
	opacity: 1;
	-webkit-transform: translate(0%, 40px);
	transform: translate(0%, 40px);
}

60% {
	opacity: 0;
	-webkit-transform: translate(0%, 40px);
	transform: translate(0%, 40px);
}

62% {
	opacity: 0;
	-webkit-transform: translate(0%, -40px);
	transform: translate(0%, -40px);
}

100% {
	opacity: 0;
	-webkit-transform: translate(0%, -40px);
	transform: translate(0%, -40px);
}

}

@keyframes scroll {

0% {
	opacity: 1;
	-webkit-transform: translate(0%, -40px);
	transform: translate(0%, -40px);
}

59% {
	opacity: 1;
	-webkit-transform: translate(0%, 40px);
	transform: translate(0%, 40px);
}

60% {
	opacity: 0;
	-webkit-transform: translate(0%, 40px);
	transform: translate(0%, 40px);
}

62% {
	opacity: 0;
	-webkit-transform: translate(0%, -40px);
	transform: translate(0%, -40px);
}

100% {
	opacity: 0;
	-webkit-transform: translate(0%, -40px);
	transform: translate(0%, -40px);
}

}

@-webkit-keyframes h_page_bg {

0% {
	-webkit-transform: rotate(5deg) translate(-100%, 0);
	transform: rotate(5deg) translate(-100%, 0);
}

100% {
	-webkit-transform: rotate(5deg) translate(0, 0);
	transform: rotate(5deg) translate(0, 0);
}

}

@keyframes h_page_bg {

0% {
	-webkit-transform: rotate(5deg) translate(-100%, 0);
	transform: rotate(5deg) translate(-100%, 0);
}

100% {
	-webkit-transform: rotate(5deg) translate(0, 0);
	transform: rotate(5deg) translate(0, 0);
}

}

@-webkit-keyframes h_page_bg_lr {

0% {
	-webkit-transform: rotate(-5deg) translate(-100%, 0);
	transform: rotate(-5deg) translate(-100%, 0);
}

100% {
	-webkit-transform: rotate(-5deg) translate(0, 0);
	transform: rotate(-5deg) translate(0, 0);
}

}

@keyframes h_page_bg_lr {

0% {
	-webkit-transform: rotate(-5deg) translate(-100%, 0);
	transform: rotate(-5deg) translate(-100%, 0);
}

100% {
	-webkit-transform: rotate(-5deg) translate(0, 0);
	transform: rotate(-5deg) translate(0, 0);
}

}

@-webkit-keyframes pnl_mask {

0% {
	-webkit-transform: skew(15deg) translateX(-150%);
	transform: skew(15deg) translateX(-150%);
}

42.5%,44.5% {
	-webkit-transform: skew(15deg) translateX(-20%);
	transform: skew(15deg) translateX(-20%);
}

to {
	-webkit-transform: skew(15deg) translateX(150%);
	transform: skew(15deg) translateX(150%);
}

}

@keyframes pnl_mask {

0% {
	-webkit-transform: skew(15deg) translateX(-150%);
	transform: skew(15deg) translateX(-150%);
}

42.5%,44.5% {
	-webkit-transform: skew(15deg) translateX(-20%);
	transform: skew(15deg) translateX(-20%);
}

to {
	-webkit-transform: skew(15deg) translateX(150%);
	transform: skew(15deg) translateX(150%);
}

}

@-webkit-keyframes pnl_img {

0% {
	opacity: 0;
}

99.9% {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes pnl_img {

0% {
	opacity: 0;
}

99.9% {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@-webkit-keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}