@charset "utf-8";

/*1.共通設定
======================================*/
* {
	font-family: '游ゴシック', "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	/*font-feature-settings: 'palt';*/
	
}
.en {
	font-family: 'Josefin Sans', sans-serif;
}
html{
	font-size: 62.5%;
	/*scroll-behavior: smooth;*/
}
body {
	font-size: 14px;	
	font-size: 1.4rem;
	font-weight: 500;
	word-wrap : break-word;
	overflow-wrap : break-word;
	font-display: swap;
	overflow-x: hidden;
}

@media screen and (min-width: 769px) {
	body {
		font-size: 1.6rem;
	}
}
img {
	border: 0;
	vertical-align: bottom;
}
a {	color: #9d0202;}
@media screen and (max-width: 1200px) {
	img {
		max-width: 100%;
		height: auto;
	}
	a:hover>img { opacity: 1; }
}
.img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
/*----マージン・パディング----*/
.mt5   { margin-top: 5px !important;}
.mt10  { margin-top: 10px !important;}
.mt15  { margin-top: 15px !important;}
.mt20  { margin-top: 20px !important;}
.mt25  { margin-top: 25px !important;}
.mt30  { margin-top: 30px !important;}
.mt40  { margin-top: 40px !important;}
.mt50  { margin-top: 50px !important;}
.mb00  { margin-bottom: 0px !important;}
.mb5   { margin-bottom: 5px !important;}
.mb10  { margin-bottom: 10px !important;}
.mb15  { margin-bottom: 15px !important;}
.mb20  { margin-bottom: 20px !important;}
.mb25  { margin-bottom: 25px !important;}
.mb30  { margin-bottom: 30px !important;}
.mb40  { margin-bottom: 40px !important;}
.mb50  { margin-bottom: 50px !important;}
.mb60  { margin-bottom: 60px !important;}
.mb70  { margin-bottom: 70px !important;}
.mb80  { margin-bottom: 80px !important;}
.mb90  { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}
/*----アライン----*/
.cen {	text-align: center !important; }
/*----クリア----*/
.clear { clear: both; }
/*--clearfix--*/
.cf, main, .entry {
 *zoom: 1;
}
.cf:before, .cf:after, main:before, main:after, .entry:before, .entry:after {
	content: " ";
	display: table;
}
.cf:after, main:after, .entry:after {
	clear: both;
}

/* -------------------------------------------------- */
/* レイアウト  */
/* -------------------------------------------------- */


/* responsive */
/* -------------------------------------------------- */
.cont-p  { display: none; }
.cont-pt { display: none; }
.cont-po { display: none; }
.cont-pl { display: none; }
@media screen and (min-width:600px) {
	.cont-s  { display: none; }
	.cont-p  { display: block; }
}
@media screen and (min-width:768px) {
	.cont-st { display: none; }
	.cont-pt { display: block; }
}
@media screen and (min-width:960px){
	.cont-so { display: none; }
	.cont-po { display: block; }
}
@media screen and (min-width:1160px) {
	.cont-sl { display: none; }
	.cont-pl { display: block; }
}

/* Layout */
/* -------------------------------------------------- */
.contsInner {
	width: 94%;
	max-width: 1200px;
	margin: auto;
}
@media screen and (min-width:960px) {
	.contsInner { width: calc(100% - 80px);}
}
@media screen and (min-width:1281px) {
	.contsInner { width: 92.3%;}
}

@media screen and (min-width:1400px) {
	.contsInner { width: 100%;}
}

/* header */
/* -------------------------------------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	padding: 50px;
	padding: 15px 3%;
	background-color: #081b3f;
	transition: all .3s ease-in-out;
}

header.fixed {
	padding: 30px 50px;
	background-color: #081b3f;
}
@media screen and (min-width:768px) {
	header {
		padding: 20px 3%;
	}
}
@media screen and (min-width:960px) {
	header {
		padding: 50px;
		background-color: inherit;
	}
}

.logoImg {
	display: inline-block;
	width: 147px;
}
@media screen and (min-width:768px) {
	.logoImg {
		width: 184px;
	}
}

.logoImg img {
	width: 100%;
}

/* Menu */
/* -------------------------------------------------- */
#globalNav {
	position: absolute;
	top: 50px;
	right: 50px;
	display: none;	
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	transition: all .3s ease-in-out;	
}

header.fixed #globalNav { top: 20px;}

@media screen and (min-width:960px) {
	#globalNav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;	
	}
}

#globalNav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}

#globalNav li {
	margin-right: 25px;
	transition: all .3s ease-in-out;
}
@media screen and (min-width:1080px) {
	#globalNav li {
		margin-right: 50px;
	}	
}

#globalNav li a,
.btnContact a {
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #fff;
	transition: all .3s ease-in-out;
}

#globalNav li a:hover {
	color: #d4c308;
}

.btnContact { width: 200px;}

.btnContact a {
	display: inline-block;
	width: 100%;
	padding: 21.5px 0;
	text-align: center;
	background-color: #9e920e;
	border-radius: 50px;
}

.btnContact a:hover {
	background-color: #d4c308;
}

.btnContact a:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 17px;
	margin-right: 9px;
	background: url("../img/icon_mail.png") no-repeat 0 0;
	background-size: 100%;
	vertical-align: -2px;
}


/* SP-Menu */
/* -------------------------------------------------- */
.nav-wrap {
	display: block;
}
@media screen and (min-width:960px) {
	.nav-wrap {
		display: none;
	}
}

.btn-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 4;
	width: 65px;
	height: 65px;
}
@media screen and (min-width:768px) {
	.btn-menu {
		width: 84px;
		height: 83px;
	}
}

.btn-menu p {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
}

.btn-menu span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	width: 28%;
	height: 2px;
	background: #000;
	transition: all .3s ease-in-out;
}

.btn-menu span:nth-of-type(1) {
	transform: translate(-50%, -6px);
}

.btn-menu span:nth-of-type(2) {
	transform: translate(-50%, -50%);
}

.btn-menu span:nth-of-type(3) {
	transform: translate(-50%, 4px);
}

.btn-menu.open  span:nth-of-type(1) {
	transform: translate(-50%, -1px) rotate(405deg);
}

.btn-menu.open  span:nth-of-type(2) {
	opacity: 0;
}

.btn-menu.open  span:nth-of-type(3) {
	transform: translate(-50%, -1px) rotate(315deg);
}	


.global-navi-wrap {
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 3;
	width: 100%;
	height: 100vh;
	padding: 100px 3% 0;
	background-color: rgba(2, 17, 51, 0.9);
}

@media screen and (min-width:768px) {
	.global-navi-wrap {
		padding: 150px 13% 0;
	}
}

#global-navi {
	height: 100%;
    padding-block-end: 10.66vw;
    -webkit-padding-block-end: 10.66vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;	
}

#global-navi ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
	margin-bottom: 24px;
}
@media screen and (min-width:600px) {
	#global-navi ul {
		margin-bottom: 32px;
	}
}

#global-navi ul li {	
	position: relative;
	width: 49%;
	margin-bottom: 5px;
}

#global-navi ul li a {
	display: block;
	padding: 15px 0;
	font-size: 1.4rem;
	letter-spacing: 0.04em;
	text-align: center;
	color: #000;
	background-color: #fff;
}
@media screen and (min-width:600px) {
	#global-navi ul li a {
		padding: 20px 0;
		font-size: 1.6rem;
	}
}


.spNav_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 40px;
}
@media screen and (min-width:600px) {
	.spNav_btn {
		margin-bottom: 32px;
	}
}

.spNav_btnOut {
	width: 45%;
	margin: 0 8px;
	border-radius: 50px;
}

.spNav_btnOut a {
	display: block;
	padding: 13px 0;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	border-radius: 50px;
}
@media screen and (min-width:600px) {
	.spNav_btnOut a {
		padding: 18px 0;
		font-size: 1.6rem;
	}
}

.spNav_btnTel a {
	background-color: #0871dc;
}

.spNav_btnTel a:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 18px;
	margin-right: 5px;
	vertical-align: -3px;
	background: url("../img/icon_tel.png") no-repeat 0 0;
	background-size: 100%;
}

.spNav_btnMail a {
	padding: 15px 0;
	background: #9e920e;
}
@media screen and (min-width:600px) {
	.spNav_btnMail a {
		padding: 19px 0;
	}
}

.spNav_btnMail a:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 13px;
	margin-right: 7px;
	vertical-align: -2px;
	background: url("../img/icon_mail.png") no-repeat 0 0;
	background-size: 100%;
}

.spNav_logoArea { text-align: center;}

.spNav_logo { margin-bottom: 12px;}

.spNav_add {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #a0bae2;
}


/* Main Visual */
/* -------------------------------------------------- */
.tpMv_wrap {
	position: relative;
	margin-bottom: 0;
}
@media screen and (min-width:600px) {
	.tpMv_wrap {
		margin-bottom: 5.2vw;
	}
}
@media screen and (min-width:960px) {
	.tpMv_wrap {
		margin-bottom: 50px;
	}
}

.tpMv_slider {
	position: relative;
	z-index: 1;
	margin-top: 65px;
}
@media screen and (min-width:768px) {
	.tpMv_slider {
		margin-top: 83px;
	}
}
@media screen and (min-width:960px) {
	.tpMv_slider {
		width: 100vw;
		height: 100vh;
		margin-top: 0;
		background-position: center center;
		background-size: cover;
		overflow: hidden;
	}
}

.tpMv_slider:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 962px;
	width: 50.104%;
	width: 70.72%;
	height: 1000px;
	height: 100%;
	background: url("../img/mv_cover_sp.png") no-repeat 0 0;
	background-size: 100%;
}
@media screen and (min-width:600px) {
	.tpMv_slider:after {
		height: 52.083vw;
		background: url("../img/mv_cover.png") no-repeat 0 0;
		background-size: 100%;
	}
}
@media screen and (min-width:960px) {
	.tpMv_slider:after {
		height: 100vh;
	}
}

.sp-slides {
	display: block;
}
@media screen and (min-width:960px) {
	.sp-slides {
		display: none;
	}
}

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


.tpMv_catchArea {
	position: absolute;
	top: 50%;
	left: 26%;
	z-index: 2;
	transform: translateY(-50%);
	transition: all .3s ease-in-out;
}
@media screen and (min-width:560px) {
	.tpMv_catchArea {
		left: 21%;
	}
}
@media screen and (min-width:768px) {
	.tpMv_catchArea {
		left: 162px;
	}
}
@media screen and (min-width:1300px) {
	.tpMv_catchArea {
		left: 180px;
	}
}
@media screen and (min-width:1500px) {
	.tpMv_catchArea {
		left: 11.979%;
	}
}

.tpMv_catch,
.tpMv_catch .block-revealer__content {
	font-size: 4.1rem;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #fff;
}
@media screen and (min-width:560px) {
	.tpMv_catch,
	.tpMv_catch .block-revealer__content {
		font-size: 5.1rem;
	}
}
@media screen and (min-width:738px) {
	.tpMv_catch,
	.tpMv_catch .block-revealer__content {
		font-size: 5.7rem;
	}
}
@media screen and (min-width:1300px) {
	.tpMv_catch,
	.tpMv_catch .block-revealer__content {
		font-size: 6.3rem;
	}
}
@media screen and (min-width:1500px) {
	.tpMv_catch,
	.tpMv_catch .block-revealer__content {
		font-size: 7.0rem;
	}
}

.tpMv_subCatch,
.tpMv_subCatch .block-revealer__content {
	display: block;
	margin-bottom: 16px;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.22em;
	font-feature-settings: 'palt';
	color: #d4c308;
}
@media screen and (min-width:560px) {
	.tpMv_subCatch,
	.tpMv_subCatch .block-revealer__content {
		margin-bottom: 20px;
		font-size: 2.3rem;
	}
}
@media screen and (min-width:768px) {
	.tpMv_subCatch,
	.tpMv_subCatch .block-revealer__content {
		font-size: 2.6rem;
	}
}
@media screen and (min-width:1300px) {
	.tpMv_subCatch,
	.tpMv_subCatch .block-revealer__content {
		font-size: 2.88rem;
	}
}
@media screen and (min-width:1500px) {
	.tpMv_subCatch,
	.tpMv_subCatch .block-revealer__content {
		font-size: 3.2rem;
	}
}


.tpMv_catchArea:before,
.tpMv_catchArea:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 164px;
	background-color: #9e920e;
	transform: translateY(-50%) rotate(-21.6deg);
}
@media screen and (min-width:768px) {
	.tpMv_catch:before,
	.tpMv_catch:after {
		height: 205px;
	}
}
@media screen and (min-width:768px) {
	.tpMv_catch:before,
	.tpMv_catch:after {
		height: 228px;
	}
}
@media screen and (min-width:1300px) {
	.tpMv_catch:before,
	.tpMv_catch:after {
		height: 254px;
	}
}
@media screen and (min-width:1500px) {
	.tpMv_catchArea:before,
	.tpMv_catchArea:after {
		height: 318px;
	}
}

.tpMv_catchArea:before {
	left: -53px;
	margin-top: -18px;
}
@media screen and (min-width:768px) {
	.tpMv_catchArea:before {
		left: -66px;
		margin-top: -23px;
	}
}
@media screen and (min-width:768px) {
	.tpMv_catchArea:before {
		left: -74px;
		margin-top: -26px;
	}
}
@media screen and (min-width:1280px) {
	.tpMv_catchArea:before {
		left: -83px;
	}
}
@media screen and (min-width:1300px) {
	.tpMv_catchArea:before {
		left: -92px;
		margin-top: -29px;
	}
}
@media screen and (min-width:1500px) {
	.tpMv_catchArea:before {
		left: -102px;
		margin-top: -32px;
	}
}

.tpMv_catchArea:after {
	left: -27px;
	margin-top: 18px;
}
@media screen and (min-width:560px) {
	.tpMv_catchArea:after {
		left: -27px;
		margin-top: 23px;
	}
}
@media screen and (min-width:768px) {
	.tpMv_catchArea:after {
		left: -45px;
		margin-top: 26px;
	}
}
@media screen and (min-width:1280px) {
	.tpMv_catchArea:after {
		left: -50px;
	}
}
@media screen and (min-width:1300px) {
	.tpMv_catchArea:after {
		left: -56px;
		margin-top: 29px;
	}
}
@media screen and (min-width:1500px) {
	.tpMv_catchArea:after {
		left: -62px;
		margin-top: 32px;
	}
}


.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0;
}


/* mv scroll */
/* -------------------------------------------------- */
.tpMv_scr {
	position: absolute;
	top: 860px;
	top: inherit;
	bottom: 90px;
	left: -5px;
	z-index: 10;
	/* width: 80px; */
}
@media screen and (min-width:600px) {
	.tpMv_scr {
		top: 34.85vw;
		bottom: inherit;
	}
}
@media screen and (min-width:960px) {
	.tpMv_scr {
		top: 42.85vw;
	}
}
@media screen and (min-width:1400px) {
	.tpMv_scr {
		top: 44.79vw;
	}
}


.tpMv_scrText {
    display: block;
	font-size: 1.0rem;
	color: #fff;
	transform: rotate(90deg);
}
@media screen and (min-width:600px) {
	.tpMv_scrText {
		font-size: 1.3rem;
	}
}

.tpMv_scrInner {
	position: absolute;
	top: 40px;
	left: 50%;
	z-index: 3;
	width: 1px;
	height: 52px;
	background-color: #fff;
	overflow: hidden;
	transform: translateX(-50%);
}


@-webkit-keyframes mv-slide {
	0% {
		top: -52px;
	}
	50% {
		top: 0px;
	}
	100% {
		top: 52px;
	}
}

@keyframes mv-slide {
	0% {
		top: -52px;
	}
	50% {
		top: 0px;
	}
	100% {
		top: 52px;
	}
}

.tpMv_scrInner span {
	position: absolute;
	z-index: 9999;
	width: 1px;
	height: 40px;
	background: #4cb6e8;
	-webkit-animation-name: mv-slide;
	animation-name: mv-slide;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	animation-iteration-count: infinite;
}

@media screen and (min-width:600px) {
	.tpMv_scrInner {
		top: 60px;
		height: 65px;
	}
	
	.tpMv_scrInner span {
		height: 65px;
	}
	
	@-webkit-keyframes mv-slide {
		0% {
			top: -65px;
		}
		50% {
			top: 0px;
		}
		100% {
			top: 65px;
		}
	}

	@keyframes mv-slide {
		0% {
			top: -65px;
		}
		50% {
			top: 0px;
		}
		100% {
			top: 65px;
		}
	}
}

@media screen and (min-width:960px) {
	.tpMv_scrInner {
		top: 3.12vw;
		height: 6.77vw;
	}
	
	.tpMv_scrInner span {
		height: 6.77vw;
	}
	
	@-webkit-keyframes mv-slide {
		0% {
			top: -130px;
		}
		50% {
			top: 0px;
		}
		100% {
			top: 130px;
		}
	}

	@keyframes mv-slide {
		0% {
			top: -130px;
		}
		50% {
			top: 0px;
		}
		100% {
			top: 130px;
		}
	}
}



/* page top */


/* footer */
/* -------------------------------------------------- */
.footerInner { width: 100%;}

.footerInner_top * { color: #fff;}

.footerInner_top,
.footerLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footerLink { width: 100%;}
.footerLink_in {
	width: 50%;
	text-align: center;
}
@media screen and (min-width:768px) {
	.footerLink {
		width: 50%;
	}
}

.telLink,
.footerLink_in {
	padding: 7.8vw 0;
	transition: all .3s ease-in-out;
}
@media screen and (min-width:768px) {
	.telLink,
	.footerLink_in {
		padding: 60px 0 59px;
	}
}
@media screen and (min-width:960px) {
	.telLink,
	.footerLink_in {
		padding: 50px 0 60px;
	}
}

.footerLink_text {
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 0;
}
@media screen and (min-width:600px) {
	.footerLink_text {
		font-size: 1.8rem;
	}
}
@media screen and (min-width:768px) {
	.footerLink_text {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:960px) {
	.footerLink_text {
		font-size: 1.8rem;
		etter-spacing: 0.05em;
	}
}

.telLink .footerLink_text { margin-bottom: 16px;}
@media screen and (min-width:600px) {
	.telLink .footerLink_text { margin-bottom: 32px;}
}

.footerTel_num {
	display: inline-block;
	width: 100%;
	font-weight: 600;
	color: #fff;
	background-size: 26px;
}

.footerTel_num:before {
	content: "";
	display: inline-block;
	width: 7.0%;
	height: 9.0vw;
	margin-right: 14px;
	background: url("../img/icon_tel.png") no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
}
@media screen and (min-width:420px) {
	.footerTel_num:before {
		width: 31px;
		height: 40px;
	}
}
@media screen and (min-width:767px) {
	.footerTel_num:before {
		width: 7.0%;
		height: 4.2vw;
	}
}
@media screen and (min-width:960px) {
	.footerTel_num:before {
		width: 31px;
		height: 40px;
	}
}

.footerTel_num img {
	width: 70.45%;
}
@media screen and (min-width:420px) {
	.footerTel_num img {
		width: 310px;
	}	
}
@media screen and (min-width:767px) {
	.footerTel_num img {
		width: 70.45%;
	}	
}
@media screen and (min-width:960px) {
	.footerTel_num img {
		width: 310px;
	}	
}

.telLink {
	display: inline-block;
	text-align: center;
	background-color: #072b65;
	pointer-events: auto;
}
@media screen and (min-width:960px) {
	.telLink {
		pointer-events: none;
	}
}

.footerLink_form {
	padding-top: 86px;
	background: #9e920e url("../img/icon_mail.png") no-repeat center top 43px;
	background-size: 40px;
}
@media screen and (min-width:600px) {
	.footerLink_form {
		padding-top: 120px;
		background: #9e920e url("../img/icon_mail.png") no-repeat center top 66px;
		background-size: 40px;
	}
}

@media screen and (min-width:960px) {
	.footerLink_form:hover {
		background: #d4c308 url("../img/icon_mail.png") no-repeat center top 66px;
		background-size: 40px;
	}
} 

.footerLink_dl {
	padding-top: 86px;
	background: #96a9bb url("../img/icon_pdf.png") no-repeat center top 37px;
	background-size: 32px;
}
@media screen and (min-width:600px) {
	.footerLink_dl {
		padding-top: 120px;
		background: #96a9bb url("../img/icon_pdf.png") no-repeat center top 59px;
		background-size: 32px;
	}
}

@media screen and (min-width:960px) {
	.footerLink_dl:hover {
		background: #adc7df url("../img/icon_pdf.png") no-repeat center top 59px;
		background-size: 32px;

	}
}

.footerInner_bot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
	margin-bottom: 16px;
	padding: 50px 0 70px;
	background-color: #03142f;
}

.footerConts_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;		
}

.footerConts {
	width: 652px;
	width: 100%;
	text-align: center;
}
@media screen and (min-width:1000px) {
	.footerConts {
		width: 66.666%;
		text-align: left;
	}
}
@media screen and (min-width:1200px) {
	.footerConts {
		width: 66.666%;
	}
}

.fb-area {
	width: 94%;
	max-width: 400px;
	margin: auto;
}
@media screen and (min-width:1000px) {
	.fb-area {
		width: 33.333%;
		margin: 0;
	}
}

.footerLogo { margin-bottom: 16px;}

@media screen and (min-width:960px) {
	.footerLogo {
		margin-bottom: 43px;
	}
}

.footerConts_bot,
.footerNav_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (min-width:1000px) {
	.footerConts_bot,
	.footerNav_wrap	{
		width: auto;
		justify-content: flex-start;
	}
}

.footerConts_bot * {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	color: #a0bae2;
}

.footerConts_add {
	width: 100%;
	margin-bottom: 24px;
	line-height: 1.78;
}
@media screen and (min-width:1000px) {
	.footerConts_add {
		width: auto;
		margin-right: 1.5vw;
		margin-bottom: 0;
	}
}
@media screen and (min-width:1280px) {
	.footerConts_add {
		margin-right: 40px;
		margin-bottom: 0;
	}
}

.footerNav_left { margin-right: 10%;}
@media screen and (min-width:990px) {
	.footerNav_left {
		margin-right: 5.2vw;
	}
}
@media screen and (min-width:1400px) {
	.footerNav_left {
		margin-right: 125px;
	}
}

@media screen and (max-width:1000px) {
	.footerConts_bot { margin-bottom: 50px;}
	
	.footerNav_wrap {
		width: 100%;
		text-align: left;
	}
}

.footerNav_wrap ul li { line-height: 1.78;}

.footerNav_wrap ul li:not(:nth-last-of-type(1)) { margin-bottom: 20px;}

.footerNav_wrap ul li a { transition: all .3s ease-in-out;}

.footerNav_wrap ul li a:hover { color: #0871dc;}

.copy {
	margin-bottom: 20px;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	text-align: center;
	color: #305fa9;
}

@media screen and (max-width:419px) {
	.copy {
		line-height: 1.5;
	}
}

.copy br {
	display: block;
}

@media screen and (min-width:420px) {
	.copy br {
		display: none;
	}	
}

/* ページトップ */
/* -------------------------------------------------- */
#pageTop {
	position: fixed;
	right: -60px;
	bottom: 120px;
	z-index: 10000;
	padding-top: 3px;
	padding-right: 92px;
	font-size: 12px;
	font-weight: bold;
	color: #072b65;
	background: url("../img/page_top_arr02.png") no-repeat right top;
	background-size: 79px;
	transform: rotate(-90deg);
	cursor: pointer;
}
@media screen and (min-width:960px) {
	#pageTop {
		right: -50px;
	}
}



/* -------------------------------------------------- */
/* index.html  */
/* -------------------------------------------------- */
.secWrap {
	width: 100%;
	padding: 0;
}
@media screen and (min-width:600px) {
	.secWrap {
		padding: 0 3%;
	}
}
@media screen and (min-width:960px) {
	.secWrap {
		padding: 0 40px;
	}
}
@media screen and (min-width:1281px) {
	.secWrap { padding: 0 50px;}
}

.secBg {
	width: 100%;
	padding: 3vw 0;
	background-color: #f4f4f4;
}
.newsTopics_wrap {
	padding: 10vw 0;
}
@media screen and (min-width:600px) {
	.newsTopics_wrap {
		padding: 3vw 0;
	}
}
@media screen and (min-width:1920px) {
	.secBg {
		padding: 5.2vw 0;
	}
}
@media screen and (min-width:1920px) {
	.secBg {
		padding: 100px 0;
	}
}

.contsNav_main { margin-bottom: 10vw;}
@media screen and (min-width:1280px) {
	.contsNav_main { margin-bottom: 140px;}
}

.contsNav_mainInner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 94%;
	max-width: 1400px;
	margin: auto;
}
@media screen and (min-width:960px) {
	.contsNav_mainInner {
		width: 90%;
	}
}
@media screen and (min-width:1080px) {
	.contsNav_mainInner {
		width: 76.9%;
	}
}

.contsNav_mainBox {
	position: relative;
	width: 32.85%;
	max-width: 460px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.contsNav_mainBox a {
	display: block;
}

.contsNav_mainBox a:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15.62vw 7.8vw;
	border-color: transparent transparent #9e920e transparent;
}
@media screen and (min-width:768px) {
	.contsNav_mainBox a:after {
		border-width: 0 0 120px 60px;
	}
}

.contsNav_mainImg {
	position: relative;
}

.contsNav_mainImg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(7, 43, 101, 0.5);
	transition: all .3s ease-in-out;
}

.contsNav_mainBox a:hover .contsNav_mainImg:after {
	background-color: rgba(7, 43, 101, 0.2);
}

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

.contsNav_mainEn {
	position: absolute;
	z-index: 3;
	font-size: 4.0vw;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0;
	color: #7ab8d9;
	opacity: 0.3;
	transform: rotate(90deg);
}

@media screen and (min-width:960px) {
	.contsNav_mainEn { font-size: 3.12vw;}
}

@media screen and (min-width:1920px) {
	.contsNav_mainEn { font-size: 6.0rem;}
}

.contsNav_mainBox_1 .contsNav_mainEn {
	bottom: 10.4vw;
	left: -35.52%;	
}
@media screen and (min-width:600px) {
	.contsNav_mainBox_1 .contsNav_mainEn {
		left: -39.52%;
	}	
}
@media screen and (min-width:960px) {
	.contsNav_mainBox_1 .contsNav_mainEn {
		bottom: 8.07vw;
		left: -32.52%;
	}	
}
@media screen and (min-width:1080px) {
	.contsNav_mainBox_1 .contsNav_mainEn {
		left: -36.52%;	
	}	
}
@media screen and (min-width:1920px) {
	.contsNav_mainBox_1 .contsNav_mainEn {
		bottom: 155px;
		left: -168px;	
	}	
}

.contsNav_mainBox_2 .contsNav_mainEn {
	bottom: 6.6vw;
	left: -25.91%;	
}
@media screen and (min-width:960px) {
	.contsNav_mainBox_2 .contsNav_mainEn {
		left: -25.91%;	
	}	
}
@media screen and (min-width:960px) {
	.contsNav_mainBox_2 .contsNav_mainEn {
		bottom: 5.05vw;
		left: -20.91%;	
	}	
}
@media screen and (min-width:1080px) {
	.contsNav_mainBox_2 .contsNav_mainEn {
		left: -23.91%;	
	}	
}
@media screen and (min-width:1920px) {
	.contsNav_mainBox_2 .contsNav_mainEn {
		bottom: 97px;
		left: -110px;	
	}	
}

.contsNav_mainBox_3 .contsNav_mainEn {
	bottom: 9.0vw;
	left: -31.95%;	
}
@media screen and (min-width:600px) {
	.contsNav_mainBox_3 .contsNav_mainEn {
		left: -33.95%;	
	}	
}
@media screen and (min-width:960px) {
	.contsNav_mainBox_3 .contsNav_mainEn {
		left: -33.95%;
	}	
}
@media screen and (min-width:1080px) {
	.contsNav_mainBox_3 .contsNav_mainEn {
		left: -31.95%;	
	}	
}
@media screen and (min-width:1920px) {
	.contsNav_mainBox_3 .contsNav_mainEn {
		bottom: 135px;
		left: -147px;	
	}	
}

.contsNav_mainTxt {
	position: absolute;
	right: 10px;
	bottom: 35px;
	bottom: 1.82vw;
	z-index: 3;
	padding-right: 20%;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #fff;
	background:url("../img/arr_large.png") no-repeat right center;
	background-size: 20%;
}
@media screen and (min-width:600px) {
	.contsNav_mainTxt {
		right: 15px;
		padding-right: 23.6%;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		background:url("../img/arr_large.png") no-repeat right center;
		background-size: 29%;
	}
}
@media screen and (min-width:768px) {
	.contsNav_mainTxt {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:960px) {
	.contsNav_mainTxt {
		font-size: 2.0rem;
	}
}
@media screen and (min-width:1280px) {
	.contsNav_mainTxt {
		padding-right: 72px;
		font-size: 2.2rem;
		background-size: 49px;
	}
}
@media screen and (min-width:1500px) {
	.contsNav_mainTxt { font-size: 2.4rem;}
}

/* top about */
/* -------------------------------------------------- */
.tpAbout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 13.54vw;
}
@media screen and (min-width:768px) {
	.tpAbout {
		margin-bottom: 100px;
	}
}
@media screen and (min-width:960px) {
	.tpAbout {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;	
	}
}

.tpAbout_catch {
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #072b65;
}
@media screen and (min-width:560px) {
	.tpAbout_catch {
		font-size: 2.5rem;
	}
}
@media screen and (min-width:600px) {
	.tpAbout_catch {
		font-size: 2.8rem;
	}
}
@media screen and (min-width:768px) {
	.tpAbout_catch {
		font-size: 3.2rem;
	}
}
@media screen and (min-width:960px) {
	.tpAbout_catch {
		width: 26.5%;
		margin-right: 12%;
		margin-bottom: 0;
		font-size: 3.6rem;
	}
}
@media screen and (min-width:1020px) {
	.tpAbout_catch {
		width: 34.5%;
		font-size: 3.6rem;
	}
}
@media screen and (min-width:1280px) {
	.tpAbout_catch {
		width: 29.5%;
		margin-right: 10%;
		font-size: 4.0rem;
	}
}

.tpAbout_catch:after {
	position: absolute;
	top: 50%;
	right: 23%;
	content: "";
	display: inline-block;
	width: 1px;
	height: 185px;
	background-color: #9db8c8;
	transform: translateY(-47%) rotate(45deg);
}
@media screen and (min-width:560px) {
	.tpAbout_catch:after {
		height: 205px;
	}
}
@media screen and (min-width:600px) {
	.tpAbout_catch:after {
		height: 228px;
	}
}
@media screen and (min-width:860px) {
	.tpAbout_catch:after {
		right: 34%;
	}
}
@media screen and (min-width:960px) {
	.tpAbout_catch:after {
		right: -18%;
		height: 317px;
		transform: translateY(-50%) rotate(-21.6deg);
	}
}

.tpAbout_catch br {
	display: block;
}
@media screen and (min-width:960px) {
	.tpAbout_catch br {
		display: none;
	}	
}
@media screen and (min-width:1020px) {
	.tpAbout_catch br {
		display: block;
	}	
}

.tpAbout_catch br.spBlock {
	display: block;
}
@media screen and (min-width:480px) {
	.tpAbout_catch br.spBlock {
		display: none;
	}
}
@media screen and (min-width:1020px) {
	.tpAbout_catch br.spBlock {
		display: block;
	}
}

.tpAbout_txt {
	width: 100%;
	font-size: 1.4rem;
	line-height: 2.0;
	letter-spacing: 0.08em;
}
@media screen and (min-width:600px) {
	.tpAbout_txt {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:768px) {
	.tpAbout_txt {
		font-size: 1.8rem;
	}
}
@media screen and (min-width:960px) {
	.tpAbout_txt {
		width: 59.333%;
	}
}
@media screen and (min-width:1020px) {
	.tpAbout_txt {
		width: 53.333%;
	}
}


/* conts nav */
/* -------------------------------------------------- */
.contsNav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 32px;
}
@media screen and (min-width:600px) {
	.contsNav {
		margin-bottom: 50px;
	}
}

.contsNav_box {
	width: 90%;
	max-width: 380px;
	margin: 0 auto 20px;
}
@media screen and (min-width:600px) {
	.contsNav_box {
		width: 31.666%;
	}	
}

.contsNav_boxImg {
	overflow: hidden;
}

.contsNav_boxImg img {
	width: 100%;
	transition: all .3s ease-in-out;
}

@media screen and (min-width:600px) {
	.contsNav_box:hover .contsNav_boxImg img {
		transform: scale(1.05);
	}
}

.contsNav_boxConts {
	position: relative;
	width: 86%;
	margin: -34px auto 0;
	padding: 12px 0 12px 30px;
	background-color: #072b65;
	transition: all .3s ease-in-out;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width:600px) {
	.contsNav_boxConts {
		width: 92.105%;
		margin: -34px auto 0;
		padding: 12px 5%;
	}
}
@media screen and (min-width:768px) {
	.contsNav_boxConts {
		padding: 12px 8%;
	}
}
@media screen and (min-width:960px) {
	.contsNav_boxConts {
		padding: 17px 0 17px 30px;
	}
}
@media screen and (min-width:1100px) {
	.contsNav_boxConts {
		margin: -40px auto 0;
		padding: 21px 0 21px 30px;
	}
}

.contsNav_box:hover .contsNav_boxConts {
	background-color: #9e920e;
}

.contsNav_boxConts:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 25px 0 0;
	border-color: #9e920e transparent transparent transparent;
}
@media screen and (min-width:600px) {
	.contsNav_boxConts:before {
		border-width: 5.2vw 2.6vw 0 0;
	}
}
@media screen and (min-width:960px) {
	.contsNav_boxConts:before {
		border-width: 50px 25px 0 0;
	}
}

.contsNav_boxConts:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 30px;
	height: 13px;
	background: url("../img/arr_small.png") no-repeat 0 0;
	background-size: 100%;
	transform: translateY(-50%);
}
@media screen and (min-width:600px) {
	.contsNav_boxConts:after {
		display: none;
	}
}
@media screen and (min-width:900px) {
	.contsNav_boxConts:after {
		display: block;
	}
}
@media screen and (min-width:1100px) {
	.contsNav_boxConts:after {
		width: 38px;
	}
}

.contsNav_boxConts * {
	color: #fff;
}

.contsNav_heading {
	margin-bottom: 10px;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
@media screen and (min-width:768px) {
	.contsNav_heading {
		font-size: 1.5rem;
	}
}
@media screen and (min-width:1110px) {
	.contsNav_heading {
		font-size: 1.8rem;
	}
}

.contsNav_headingEn {
	font-size: 1.0rem;
	letter-spacing: 0.05em;
}

/* news & topics */
/* -------------------------------------------------- */
.secTtl {
	margin-bottom: 2.6vw;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
	color: #b4c9d9;
	letter-spacing: -0.05em;;
}
@media screen and (min-width:600px) {
	.secTtl {
		font-size: 48px;
	}
}
@media screen and (min-width:960px) {
	.secTtl {
		font-size: 54px;
	}
}
@media screen and (min-width:1280px) {
	.secTtl {
		font-size: 60px;
	}
}
@media screen and (min-width:1920px) {
	.secTtl {
		margin-bottom: 50px;
	}
}

.secTtl_jp {
	display: block;
	margin-top: 8px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #072b65;
}
@media screen and (min-width:600px) {
	.secTtl_jp {
		font-size: 2.0rem;
	}
}

.newsTopics_lists { margin-bottom: 50px;}

.newsTopics_lists li {
	margin-bottom: 2px;
}

.newsTopics_lists a {
	display: table;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	background-color: #fff;
	transition: all .3s ease-in-out;
}

@media screen and (min-width:960px) {
	.newsTopics_lists a:hover {
		background-color: #fafafa;
	}
}



.newsTopics_lists span {
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
@media screen and (min-width:600px) {
	.newsTopics_lists span {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:960px) {
	.newsTopics_lists span {
		display: table-cell;
	}
}
@media screen and (min-width:1280px) {
	.newsTopics_lists span {
		padding: 8px 39px;
	}
}

.postDate {
	width: 100%;
	padding: 0 3.5%;
	text-align: left;
	border-right: none;
}
@media screen and (min-width:960px) {
	.postDate {
		width: 14.58%;
		padding: 8px 0;
		text-align: center;
		border-right: 1px solid #b4c9d9;
	}
}

.postTtl {
	width: 100%;
	padding: 0 3.5%;
	color: #0871dc;
}
@media screen and (min-width:960px) {
	.postTtl {
		width: 85.42%;
		padding: 8px 3.5%;
		color: #000;
	}
}

.btnNews {
	width: 160px;
	margin: auto;
}

.linkNews {
	display: inline-block;
	width: 100%;
	padding: 10px 0 11px;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	color: #072b65;
	border: 2px solid #072b65;
	border-radius: 50px;
	transition: all .3s ease-in-out;
}

.linkNews:hover {
	color: #fff;
	background-color: #072b65;
}


/* -------------------------------------------------- */
/* Sub */
/* -------------------------------------------------- */
.contsWrap { padding-top: 10.4vw;}
@media screen and (min-width:960px) {
	.contsWrap { padding-top: 6.75vw;}
}
@media screen and (min-width:1480px) {
	.contsWrap { padding-top: 100px;}
}

.secLast { margin-bottom: 105px;}

/* header */
/* -------------------------------------------------- */
#sub header {
    padding: 15px 3%;
	background-color: rgba(2, 17, 51, 0.85);
}
@media screen and (min-width:768px) {
	#sub header {
		padding: 20px 3%;
	}
}
@media screen and (min-width:960px) {
	#sub header {
		padding: 30px 50px;
	}
}

/* global nav */
/* -------------------------------------------------- */
#sub #globalNav { top: 20px;}

/* page title */
/* -------------------------------------------------- */
.pageTtl {
	width: 100%;
	height: 257px;
	padding-top: 130px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
@media screen and (min-width:600px) {
	.pageTtl {
		height: 286px;
		padding-top: 146px;
	}
}
@media screen and (min-width:960px) {
	.pageTtl {
		height: 530px;
		padding-top: 270px;
	}
}

.pageTtl_about { background-image: url("../img/about_ttl_bg.jpg");}
.pageTtl_service { background-image: url("../img/service_ttl_bg.jpg");}
.pageTtl_advantage { background-image: url("../img/advantage_ttl_bg.jpg");}
.pageTtl_products { background-image: url("../img/products_ttl_bg.jpg");}

.pageTtl_en {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
}
@media screen and (min-width:600px) {
	.pageTtl_en {
		font-size: 52px;
	}
}
@media screen and (min-width:960px) {
	.pageTtl_en {
		font-size: 58px;
	}
}

.pageTtl_txt {
	display: block;
	margin-top: 7px;
	font-size: 1.8rem;
	letter-spacing: 0.04em;
	color: #d4c308;
}
@media screen and (min-width:600px) {
	.pageTtl_txt {
		font-size: 2.0rem;
	}
}

/* section ttl */
/* -------------------------------------------------- */
.secTtl_2 {
	padding: 8px 6px;
	margin-bottom: 32px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
}
@media screen and (min-width:600px) {
	.secTtl_2 {
		font-size: 2.5rem;
	}
}
@media screen and (min-width:1280px) {
	.secTtl_2 {
		font-size: 2.8rem;
	}
}

.secTtl_2:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 40px;
	margin-right: 22px;
	background-color: #072b65;
	vertical-align: -12px;
}
@media screen and (min-width:600px) {
	.secTtl_2:before {
		height: 50px;
		vertical-align: -13px;
	}
}
@media screen and (min-width:1280px) {
	.secTtl_2:before {
		vertical-align: -13px;
	}
}



/* -------------------------------------------------- */
/* 会社案内 */
/* -------------------------------------------------- */
.abtSec_philosophy {
	padding: 0 3% 9.8vw;
	text-align: center;
}
@media screen and (min-width:960px) {
	.abtSec_philosophy {
		padding-bottom: 95px;
	}
}

.secTtl_phi { margin-bottom: 28px;}
@media screen and (min-width:600px) {
	.secTtl_phi { margin-bottom: 50px;}
}
@media screen and (min-width:960px) {
	.secTtl_phi { margin-bottom: 64px;}
}

.abtSec_fig {
	width: 90%;
	max-width: 430px;
	margin: 0 auto 32px;
}
@media screen and (min-width: 600px) {
	.abtSec_fig {
		width: 538px;
		max-width: none;
	}
}
@media screen and (min-width: 1280px) {
	.abtSec_fig {
		width: 672px;
		margin: 0 auto 70px;
	}
}

.abtSec_fig img {
	width: 100%;
}

.abtSec_txt {
	font-size: 1.4rem;
	line-height: 2.0;
}
@media screen and (min-width:630px) {
	.abtSec_txt {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:960px) {
	.abtSec_txt {
		font-size: 1.8rem;
	}
}


.abtSec_txt br.spBlock {
	display: block;
}
@media screen and (min-width: 560px) {
	.abtSec_txt br.spBlock {
		display: none;
	}	
}


.abtSec_table {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 60px;
	padding: 10vw 3% 0;
}
@media screen and (min-width:600px) {
	.abtSec_table {
		padding: 0 3%;
	}
}
@media screen and (min-width:960px) {
	.abtSec_table {
		margin: 0 auto 100px;
		padding: 0 60px;
	}
}

.abtSec_table dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
	width: 100%;
}

.abtSec_table dt,
.abtSec_table dd {
	padding: 8px 0;
	font-size: 1.4rem;
	line-height: 2.0;
	border-bottom: 1px dotted #072b65;
}
@media screen and (min-width:600px) {
	.abtSec_table dt,
	.abtSec_table dd {
		padding: 16px 8px;
		font-size: 1.6rem;
	}
}

.abtSec_table .abtSec_table-1 dt,
.abtSec_table .abtSec_table-1 dd {
	border-top: 1px dotted #072b65;
}

.abtSec_table dt {
	width: 160px;
	width: 24.6%;
	font-weight: bold;
}
@media screen and (min-width:600px) {
	.abtSec_table dt {
		width: 18.6%;
	}
}

.abtSec_table dd {
	width: 650px;
	width: 69.6%;
}
@media screen and (min-width:600px) {
	.abtSec_table dd {
		width: 75.6%;
	}
}

/* map */
/* -------------------------------------------------- */
.abtSec_map { margin-bottom: 24px;}

.secTtl_map { margin-bottom: 50px;}

.abtSec_mapOut {
	width: 94%;
	height: 50vh;
	margin: 0 3%;
	padding: 3.12vw 3%;
	background-color: #fff;
}
@media screen and (min-width:600px) {
	.abtSec_mapOut {
		height: 640px;
	}
}
@media screen and (min-width:960px) {
	.abtSec_mapOut {
		width: calc(100% - 100px);
		margin: 0 50px;
		padding: 30px;
	}
}

.abtSec_gMap {
	width: 100%;
	height: 100%;
}


/* -------------------------------------------------- */
/* 事業内容 */
/* -------------------------------------------------- */
.contsWrap_service { padding-top: 0;}
@media screen and (min-width:600px) {
	.contsWrap_service {
		padding-top: 50px;
	}
}

.secBg_serMv {
	padding: 3vw 3% 40px;
	margin-bottom: 7.18vw;
}
@media screen and (min-width:600px) {
	.secBg_serMv {
		padding: 40px 3%;
	}
}
@media screen and (min-width:960px) {
	.secBg_serMv {
		padding: 40px;
	}
}
@media screen and (min-width:1280px) {
	.secBg_serMv {
		padding: 80px;
		margin-bottom: 92px;
	}
}

.serviceMv {
	width: 100%;
	padding: 44.2vw 3.65% 0 3.65%;
	background: url("../img/service_mv.jpg") no-repeat 0 0;
	background-size: contain;
}
@media screen and (min-width:600px) {
	.serviceMv {
		padding: 40.2vw 3.65% 0 3.65%;
	}
}
@media screen and (min-width:768px) {
	.serviceMv {
		padding: 16.2vw 3.65% 2.7vw 3.65%;
		background: url("../img/service_mv.jpg") no-repeat 0 0;
		background-size: cover;
	}
}
@media screen and (min-width:1900px) {
	.serviceMv {
		padding: 308px 0 53px 60px;
	}
}

.serviceMv * { color: #fff;}

.serviceMv_catch {
	margin-bottom: 12px;
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 0.1em;
	color: #072b65;
}
@media screen and (min-width:600px) {
	.serviceMv_catch {
		margin-bottom: 30px;
		font-size: 3.1rem;
	}
}
@media screen and (min-width:768px) {
	.serviceMv_catch {
		color: #fff;
	}
}
@media screen and (min-width:960px) {
	.serviceMv_catch {
		font-size: 3.5rem;
	}
}
@media screen and (min-width:1280px) {
	.serviceMv_catch {
		font-size: 3.9rem;
	}
}

.serviceMv_txt {
	width: 100%;
	max-width: 735px;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 0.04em;
	color: #000;
}
@media screen and (min-width:600px) {
	.serviceMv_txt {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:768px) {
	.serviceMv_txt {
		color: #fff;
	}
}

.secService_intro {
	margin-bottom: 10.7vw;
	text-align: center;
}
@media screen and (min-width:1280px) {
	.secService_intro {
		margin-bottom: 138px;
	}
}

.secService_introTxt {
	margin-bottom: 34px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.05em;
	color: #072b65;
}
@media screen and (min-width:375px) {
	.secService_intro {
		letter-spacing: 0.1em;
	}
}
@media screen and (min-width:600px) {
	.secService_intro {
		font-size: 2.7rem;
		letter-spacing: 0.1em;
	}
}
@media screen and (min-width:960px) {
	.secService_introTxt {
		font-size: 3.0rem;
	}
}

.secService_introTxt br.spBlock {
	display: block;
}
@media screen and (min-width:550px) {
	.secService_introTxt br.spBlock {
		display: none;
	}
}

.secService_flow { margin-bottom: 10.2vw;}
@media screen and (min-width:768px) {
	.secService_flow {
		margin-bottom: 8.2vw;
	}
}
@media screen and (min-width:1280px) {
	.secService_flow {
		margin-bottom: 105px;
	}
}

.secService_flowImg img {
	width: 100%;
}

.secService_suppTtl {
	position: relative;
	margin-bottom: 20px;
	padding: 19px 0;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #072b65;
}
@media screen and (min-width:600px) {
	.secService_suppTtl {
		font-size: 2.4rem;
	}
}

.secService_suppTtl:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 20px 0 0;
	border-color: #9e920e transparent transparent transparent;
}

.secService_suppLists { margin-bottom: 10px;}

.secService_suppLists ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}

.secService_suppLists ul:after {
	content: "";
	display: block;
	width: 24.666%;
}

.secService_suppLists ul li {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding: 26px 0;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 0.05em;
	background-color: #fff;
}
@media screen and (min-width:768px) {
	.secService_suppLists ul li {
		width: 49.6%;
	}
}
@media screen and (min-width:960px) {
	.secService_suppLists ul li {
		width: 33%;
	}
	
	.secService_suppLists ul:after {
	content: "";
	display: block;
	width: 33%;
}

}
@media screen and (min-width:1240px) {
	.secService_suppLists ul li {
		width: 24.666%;
	}
}

.secService_suppLists ul li.listAssist {
	font-size: 1.5rem;
	letter-spacing: 0;
}

.secService_suppLists ul li.listAssist2 {
	font-size: 1.2rem;
	letter-spacing: 0;
}

.listsStar {
	font-size: 1.3rem;
	text-align: right;
}



/* -------------------------------------------------- */
/* 当社の強み */
/* -------------------------------------------------- */
.advLink_wrap {
	margin-bottom: 8.333vw;
	text-align: center;
}
@media screen and (min-width:1920px) {
	.advLink_wrap {
		margin-bottom: 160px;
	}
}

.advLink_heading {
	display: inline-block;
	margin-bottom: 6.25vw;
	padding-bottom: 15px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-align: center;
	border-bottom: 4px solid #000;
}
@media screen and (min-width:768px) {
	.advLink_heading {
		margin-bottom: 48px;
		font-size: 2.4rem;
	}
}

.advLink_lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media screen and (min-width:768px) {
	.advLink_lists {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;	
	}
}

.advLink_lists a {
	display: block;
	width: 32%;
	height: 29.9vw;
	margin: 0;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #072b65;
	transition: all .3s ease-in-out;
}
@media screen and (min-width:480px) {
	.advLink_lists a {
		padding: 4px;
	}
}
@media screen and (min-width:560px) {
	.advLink_lists a {
		padding: 7px;
	}
}
@media screen and (min-width:768px) {
	.advLink_lists a {
		width: 30%;
		height: 27.5vw;
		margin: 0 1.5%;
	}
}
@media screen and (min-width:960px) {
	.advLink_lists a {
		width: 21.87vw;
		height: 21.87vw;
		margin: 0 20px;
	}
}
@media screen and (min-width:1280px) {
	.advLink_lists a {
		width: 280px;
		height: 280px;
	}
}

.advLink_inner {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 2.3vw 0 0; 
	background: #072b65;
}
@media screen and (max-width:479px) {
	.advLink_inner:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 102px;
		width: 18px;
		height: 18px;
		background: url("../img/advantage_link_arrow.jpg") no-repeat 0 0 / 100%;
		transform: translateX(-50%);
	}
}
@media screen and (min-width:480px) {
	.advLink_inner {
		background: #072b65 url("../img/advantage_link_arrow.jpg") no-repeat center bottom 12px / 12.8%;
	}
}
@media screen and (min-width:880px) {
	.advLink_inner {
		padding: 4.3vw 0 0; 
		transition: all .3s ease-in-out;
	}
}
@media screen and (min-width:960px) {
	.advLink_inner {
		padding: 2.3vw 0 0;
	}
}
@media screen and (min-width:1280px) {
	.advLink_inner {
		padding: 30px 0 0; 
	}
}

@media screen and (min-width:960px) {
	.advLink_lists a:hover .advLink_inner {
		background: #09367f url("../img/advantage_link_arrow.jpg") no-repeat center bottom 12px / 12.8%;
	}
}

.advLink_inner:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 27.61vw 27.43vw 0;
	border-color: transparent #09367f transparent transparent;
	transition: all .3s ease-in-out;
}
@media screen and (min-width:650px) {
	.advLink_inner:before {
		border-width: 0 27.85vw 27.67vw 0;
	}
}
@media screen and (min-width:720px) {
	.advLink_inner:before {
		border-width: 0 27.99vw 27.8vw 0;
	}
}
@media screen and (min-width:768px) {
	.advLink_inner:before {
		border-width: 0 26.0vw 25.5vw 0;
	}
}
@media screen and (min-width:960px) {
	.advLink_inner:before {
		border-width: 0 20.3vw 20.3vw 0;
	}
}
@media screen and (min-width:1120px) {
	.advLink_inner:before {
		border-width: 0 20.5vw 20.5vw 0;
	}
}
@media screen and (min-width:1280px) {
	.advLink_inner:before {
		border-width: 0 263px 264px 0;
	}
}

.advLink_lists a:hover .advLink_inner:before { border-color: transparent #072b65 transparent transparent;}

.advLink_inner * {
	position: relative;
	z-index: 1;
	color: #fff;
	transition: all .3s ease-in-out;
}

.advLink_num {
	margin-bottom: 1.4vw;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
}
.advLink_num_1 { margin-bottom: 2.8vw;}
@media screen and (min-width:560px) {
	.advLink_num {
		font-size: 16px;
	}
}
@media screen and (min-width:1280px) {
	.advLink_num {
		margin-bottom: 18px;
	}
	.advLink_num_1 {
		margin-bottom: 36px;
	}
}

.advLink_num span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}
@media screen and (min-width:650px) {
	.advLink_num span {
		font-size: 26px;
	}
}
@media screen and (min-width:650px) {
	.advLink_num span {
		font-size: 32px;
	}
}
@media screen and (min-width:1120px) {
	.advLink_num span {
		font-size: 36px;
	}
}
@media screen and (min-width:1280px) {
	.advLink_num span {
		font-size: 40px;
	}
}

.advLink_num:after {
	content: "";
	display: block;
	width: 18px;
	height: 2px;
	margin: 5px auto 0;
	background-color: #fff;
}

.advLink_txt {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.04em;
}
@media screen and (min-width:480px) {
	.advLink_txt {
		font-size: 1.4rem;
	}
}
@media screen and (min-width:650px) {
	.advLink_txt {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:650px) {
	.advLink_txt {
		font-size: 1.8rem;
	}
}
@media screen and (min-width:1120px) {
	.advLink_txt {
		font-size: 2.1rem;
	}
}
@media screen and (min-width:1280px) {
	.advLink_txt {
		font-size: 2.4rem;
	}
}

.secAdv_pointWrap { margin-bottom: 56px;}

.secAdv_point {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	width: 100%;
	margin-bottom: 6.25vw;
	padding-bottom: 4.37vw;
	background-color: #f4f4f4;
}
.secAdv_point_3 { margin-bottom: 0;}
@media screen and (min-width:768px) {
	.secAdv_point {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;	
		padding-bottom: 0;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_point {
		margin-bottom: 80px;
	}
}

.secAdv_pointConts {
	width: 100%;
	padding: 28px 5% 28px 5%;
}
.secAdv_point_3 .secAdv_pointConts {
	padding: 28px 5% 28px 5%;
}
@media screen and (min-width:600px) {
	.secAdv_pointConts {
		padding: 4.37vw 5% 28px 5%;
	}
	.secAdv_point_3 .secAdv_pointConts {
		padding: 4.37vw 5% 28px 5%;
	}
}
@media screen and (min-width:768px) {
	.secAdv_pointConts {
		width: 41.666%;
		padding: 4.37vw 0 0 4.16%;
	}
}
@media screen and (min-width:960px) {
	.secAdv_point_3 .secAdv_pointConts {
		padding: 4.37vw 0 0 4.16%;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointConts {
		width: 500px;
		padding: 56px 0 0 50px !important;
	}
}

@media screen and (min-width:768px) {
	.secAdv_point_2 .secAdv_pointConts {
		order: 2;
		padding: 4.37vw 4.16% 0 0;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_point_2 .secAdv_pointConts {
		padding: 56px 50px 0 0 !important;
	}
}

.secAdv_pointNum {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 16px;
	font-size: 20px;
	font-weight: 600;
	line-height: 33px;
	letter-spacing: -0.05em;
	text-align: center;
	color: #fff;
	background-color: #072b65;
	border-radius: 50%;
	text-indent: 0;
}
@media screen and (min-width:600px) {
	.secAdv_pointNum {
		width: 36px;
		height: 36px;		
		font-size: 26px;
		line-height: 42px;		
	}
}
@media screen and (min-width:960px) {
	.secAdv_pointNum {
		width: 36px;
		height: 36px;
		font-size: 29px;
		line-height: 42px;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointNum {
		width: 40px;
		height: 40px;
		font-size: 32px;
		line-height: 47px;
	}
}

.secAdv_pointTtl {
	margin-bottom: 16px;
	padding-left: 10px;
	padding-bottom: 9px;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 2.0;
	letter-spacing: 0.08em;
	color: #072b65;
	border-bottom: 3px solid #072b65;
}
@media screen and (min-width:600px) {
	.secAdv_pointTtl {
		font-size: 2.6rem;
	}
}
@media screen and (min-width:768px) {
	.secAdv_pointTtl {
		margin-bottom: 2.95vw;
		padding-bottom: 0;
		border-bottom: none;
	}
}
@media screen and (min-width:960px) {
	.secAdv_pointTtl {
		margin-bottom: 1.95vw;
	}
}
@media screen and (min-width:1109px) {
	.secAdv_pointTtl {
		font-size: 2.9rem;
	}
}
@media screen and (max-width:1109px) {
	.secAdv_pointTtl {
		line-height: 1.3;
		text-indent: -50px;
		padding-left: 50px;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointTtl {
		font-size: 3.2rem;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointTtl {
		margin-bottom: 25px;
	}
}

.secAdv_pointTtl:after {
	display: none;
	content: "";
	position: absolute;
	top: 10.5vw;
	left: 4.166%;
	z-index: 0;
	width: 600px;
	height: 3px;
	background-color: #072b65;
}
.secAdv_point_2 .secAdv_pointTtl:after,
.secAdv_point_3 .secAdv_pointTtl:after {
	top: 15vw;
}
@media screen and (min-width:768px) {
	.secAdv_pointTtl:after {
		display: block;
	}
}
@media screen and (min-width:1020px) {
	.secAdv_pointTtl:after {
		top: 8.76vw;
	}
	.secAdv_point_2 .secAdv_pointTtl:after,
	.secAdv_point_3 .secAdv_pointTtl:after {
		top: 11.76vw;
	}
}
@media screen and (min-width:830px) {
	.secAdv_pointTtl:after {
		top: 9.9vw;
	}
	.secAdv_point_2 .secAdv_pointTtl:after,
	.secAdv_point_3 .secAdv_pointTtl:after {
		top: 14.0vw;
	}
}
@media screen and (min-width:960px) {
	.secAdv_pointTtl:after {
		top: 9.3vw;
	}
	
	.secAdv_point_2 .secAdv_pointTtl:after,
	.secAdv_point_3 .secAdv_pointTtl:after {
		top: 13vw;
	}
}
@media screen and (min-width:1110px) {
	.secAdv_pointTtl:after {
		top: 9.76vw !important;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointTtl:after {
		top: 125px !important;
		left: 50px;
	}
}
.secAdv_point_2 .secAdv_pointTtl:after {
	left: inherit;
	right: 4.166%;
}
@media screen and (min-width:1280px) {
	.secAdv_point_2 .secAdv_pointTtl:after {
		right: 50px;
	}
}

.secAdv_pointTtl br {
	display: none;
}
@media screen and (min-width:768px) {
	.secAdv_pointTtl br {
		display: block;
	}	
}
@media screen and (min-width:1110px) {
	.secAdv_pointTtl br {
		display: none;
	}
}



.secAdv_pointTxt {
	padding-left: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
@media screen and (min-width:600px) {
	.secAdv_pointTxt {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:768px) {
	.secAdv_pointTxt {
		padding-left: 10px;
	}
}
@media screen and (min-width:1110px) {
	.secAdv_pointTxt {
		line-height: 1.9;
	}
}

.secAdv_pointBg_txt {
	position: absolute;
	top: -2px;
	left: -3px;
	font-size: 48px;
	font-weight: bold;
	font-style: italic;
	color: #7ab8d9;
	opacity: 0.15;
}
@media screen and (min-width:600px) {
	.secAdv_pointBg_txt {
		top: -4px;
		left: -6px;
		font-size: 60px;
	}
}
@media screen and (min-width:768px) {
	.secAdv_pointBg_txt {
		top: -0.78vw;
		font-size: 7.8vw;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointBg_txt {
		top: -10px;
		font-size: 100px;
	}
}

@media screen and (min-width:768px) {
	.secAdv_point_2 .secAdv_pointBg_txt {
		left: inherit;
		right: -6px;
	}
}

.secAdv_pointBg_txt span {
	font-size: 48px;
	color: #7ab8d9;	
}
@media screen and (min-width:600px) {
	.secAdv_pointBg_txt span {
		font-size: 65px;
	}
}
@media screen and (min-width:768px) {
	.secAdv_pointBg_txt span {
		font-size: 8.6vw;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointBg_txt span {
		font-size: 110px;
	}
}

.secAdv_pointImg {
	position: relative;
	z-index: 1;
	width: 90%;
	max-width: 500px;
	margin: auto;
}
@media screen and (min-width:768px) {
	.secAdv_pointImg {
		width: 58.333%;
		max-width: none;
		margin: 0;
	}
}
@media screen and (min-width:1280px) {
	.secAdv_pointImg {
		width: 700px;
	}
}


@media screen and (min-width:768px) {
	.secAdv_point_2 .secAdv_pointImg { order: 1;}
}

.secAdv_flowImg { padding: 0 5%;}
@media screen and (min-width:768px) {
	.secAdv_flowImg {
		padding: 0 50px;
	}
}

.secAdv_pointImg img {
	width: 100%;
}


/* -------------------------------------------------- */
/* 製品案内 */
/* -------------------------------------------------- */
.proLink_wrap {
	margin-bottom: 7.18vw;
	text-align: center;
}
@media screen and (min-width:1920px) {
	.proLink_wrap {
		margin-bottom: 138px;
	}
}

.proLink_lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media screen and (min-width:768px) {
	.proLink_lists {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;	
	}
}
@media screen and (max-width:959px) {
	.proLink_lists {
		width: 94%;
		margin: auto;
	}
}

.proLink_lists a {
	display: block;
	width: 32%;
	max-width: none;
	height: 30.0vw;
	margin: 0;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #072b65;
	transition: all .3s ease-in-out;
}
@media screen and (min-width:480px) {
	.proLink_lists a {
		padding: 4px;
	}
}
@media screen and (min-width:560px) {
	.proLink_lists a {
		padding: 7px;
	}
}
@media screen and (min-width:665px) {
	.proLink_lists a {
		height: 200px;
	}
}
@media screen and (min-width:768px) {
	.proLink_lists a {
		width: 30%;
		margin: 0 1.5%;
	}
}
@media screen and (min-width:960px) {
	.proLink_lists a {
		width: 20.84%;
		max-width: 350px;
		margin: 0 20px;
	}
}

.proLink_inner {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 10.37vw 0 0; 
	background: #072b65 url("../img/advantage_link_arrow.jpg") no-repeat center bottom 8px / 18px;
	transition: all .3s ease-in-out;
}
.proLink_inner_2 { padding: 7.81vw 0 0;}
@media screen and (min-width:400px) {
	.proLink_inner {
		background: #072b65 url("../img/advantage_link_arrow.jpg") no-repeat center bottom 12px / 12.8%;
	}
}
@media screen and (min-width:665px) {
	.proLink_inner {
		padding: 69px 0 0;
	}
	
	.proLink_inner_2 {
		padding: 52px 0 0;
	}
}
@media screen and (min-width:1280px) {
	.proLink_inner {
		padding: 62px 0 0;
	}
	
	.proLink_inner_2 { 
		padding: 39px 0 0;
	}
}

@media screen and (min-width:960px) {
	.proLink_lists a:hover .proLink_inner {
		background-color: #09367f;
	}
}

.proLink_inner:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 27.4vw 27.56vw 0;
	border-color: transparent #09367f transparent transparent;
	transition: all .3s ease-in-out;
}
@media screen and (min-width:630px) {
	.proLink_inner:before {
		border-width: 0 27.8vw 27.56vw 0;
	}
}
@media screen and (min-width:665px) {
	.proLink_inner:before {
		border-width: 0 27.8vw 184px 0;
	}
}
@media screen and (min-width:720px) {
	.proLink_inner:before {
		border-width: 0 27.99vw 184px 0;
	}
}
@media screen and (min-width:768px) {
	.proLink_inner:before {
		border-width: 0 26.23vw 184px 0;
	}
}
@media screen and (min-width:850px) {
	.proLink_inner:before {
		border-width: 0 26.36vw 184px 0;
	}
}
@media screen and (min-width:870px) {
	.proLink_inner:before {
		bborder-width: 0 26.53vw 184px 0;
	}
}
@media screen and (min-width:960px) {
	.proLink_inner:before {
		border-width: 0 19.34vw 184px 0;
	}
}
@media screen and (min-width:1070px) {
	.proLink_inner:before {
		border-width: 0 19.45vw 184px 0;
	}
}
@media screen and (min-width:1160px) {
	.proLink_inner:before {
		border-width: 0 19.53vw 184px 0;
	}
}
@media screen and (min-width:1230px) {
	.proLink_inner:before {
		border-width: 0 19.67vw 184px 0;
	}
}
@media screen and (min-width:1500px) {
	.proLink_inner:before {
		border-width: 0 19.77vw 184px 0;
	}
}
@media screen and (min-width:1500px) {
	.proLink_inner:before {
		border-width: 0 19.88vw 184px 0;
	}
}
@media screen and (min-width:1680px) {
	.proLink_inner:before {
		border-width: 0 334px 184px 0;
	}
}

@media screen and (min-width:960px) {
	.proLink_lists a:hover .proLink_inner:before { border-color: transparent #072b65 transparent transparent;}
}

.proLink_inner * {
	position: relative;
	z-index: 1;
	color: #fff;
	transition: all .3s ease-in-out;
}

.proLink_txt {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.04em;
}
@media screen and (min-width:560px) {
	.proLink_txt {
		font-size: 1.6rem;
	}
}
@media screen and (min-width:650px) {
	.proLink_txt {
		font-size: 1.8rem;
	}
}
@media screen and (min-width:1120px) {
	.proLink_txt {
		font-size: 2.1rem;
	}
}
@media screen and (min-width:1280px) {
	.proLink_txt {
		font-size: 2.4rem;
	}
}

.secPro_itemWrap { margin-bottom: 6.66vw;}
@media screen and (min-width:1500px) {
	.secPro_itemWrap {
		margin-bottom: 100px;
	}
}

.secPro_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;	
	width: 94%;
	max-width: 1400px;
	margin: auto;
	padding-top: 24px;
}
@media screen and (min-width:560px) {
	.secPro_item {
		width: calc(100% - 100px);
	}
}
@media screen and (min-width:960px) {
	.secPro_item {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;	
		padding: 0;
	}
}
@media screen and (min-width:1600px) {
	.secPro_item {
		width: 100%;
	}
}

.secPro_item.secPro_itemWrap { margin: 0 auto 6.66vw;}
@media screen and (min-width:1500px) {
	.secPro_item.secPro_itemWrap {
		margin: 0 auto 100px;
	}
}

.secPro_item_1 { padding-bottom: 3.9vw;}
@media screen and (min-width:1280px) {
	.secPro_item_1 {
		padding-bottom: 50px;
	}
}
.secPro_item_3 { padding-bottom: 25px;}

.secPro_itemImg {
	position: relative;
	width: 100%;
	max-width: 526px;
	margin-bottom: 10vw;
}
@media screen and (min-width:768px) {
	.secPro_itemImg {
		margin-bottom: 8vw;
	}
}
@media screen and (min-width:960px) {
	.secPro_itemImg {
		width: 54.28%;
		max-width: none;
		margin-bottom: 0;
	}
}

.secPro_item_1 .secPro_itemImg {
	width: 100%;
	max-width: 526px;
}
@media screen and (min-width:960px) {
	.secPro_item_1 .secPro_itemImg {
		width: 56.25%;
		max-width: none;
	}
}
@media screen and (min-width:1200px) {
	.secPro_item_1 .secPro_itemImg {
		width: 62.5%;
	}
}

.secPro_itemImg_item1 { width: 46.71%;}

.secPro_itemImg_item2 {
	position: absolute;
	top: 28.8vw;
	left: 38.15%;
	z-index: -1;
}
@media screen and (min-width:620px) {
	.secPro_itemImg_item2 {
		top: 179px;
	}
}
@media screen and (min-width:1500px) {
	.secPro_itemImg_item2 {
		top: 282px;
		left: 290px;
	}
}

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

.secPro_conts {
	width: 100%;
	padding-bottom: 24px;
}
@media screen and (min-width:960px) {
	.secPro_conts {
		width: 41.14%;
		padding-bottom: 0;
	}
}

.secPro_item_1 .secPro_conts {
	width: 100%;
}
@media screen and (min-width:960px) {
	.secPro_item_1 .secPro_conts {
		width: 40%;
	}
}
@media screen and (min-width:1200px) {
	.secPro_item_1 .secPro_conts {
		width: 32.85%;
	}	
}

.secPro_contsTtl {
	margin-bottom: 32px;
	padding: 0 0 20px 2px;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	background: url("../img/products_contsttl_border.png") no-repeat left bottom;
}
@media screen and (min-width:560px) {
	.secPro_contsTtl {
		font-size: 2.8rem;
	}
}
@media screen and (min-width:600px) {
	.secPro_contsTtl {
		font-size: 3.2rem;
	}
}
@media screen and (min-width:1080px) {
	.secPro_contsTtl {
		font-size: 3.6rem;
		letter-spacing: 0.11em;
	}
}
@media screen and (min-width:1280px) {
	.secPro_contsTtl {
		font-size: 4.0rem;
	}
}

.secPro_item_1 .secPro_contsTtl { margin-bottom: 68px;}

.secPro_contsTtl br {
	display: none;
}
@media screen and (min-width: 960px) {
	.secPro_contsTtl br {
		display: block;
	}
}
@media screen and (min-width: 1440px) {
	.secPro_contsTtl br {
		display: none;
	}
}

.secPro_mt {
	margin-bottom: 25px;
	border-top: 2px solid #072b65;
	background-color: #fff;
}

.secPro_mtCap {
	width: 283px;
	margin: -23px auto 0;
	text-align: center;
	background-color: #072b65;
	-moz-transform: skewX(15deg);
	-webkit-transform: skewX(15deg);
	-o-transform: skewX(15deg);
	-ms-transform: skewX(15deg);
	transform: skewX(15deg);
}
@media screen and (min-width:960px) {
	.secPro_mtCap {
		width: 254px;
	}
}
@media screen and (min-width:1280px) {
	.secPro_mtCap {
		width: 283px;
	}
}

.secPro_mtCap span {
	display: inline-block;
	padding: 14px 0 13px;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.11em;
	color: #fff;	
	-moz-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	transform: skewX(-15deg);
}

.secPro_lists { padding: 22px 27px 24px 27px;}

.secPro_lists ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}

.secPro_lists li {
	width: 200px;
	width: 49.3%;
	margin-bottom: 6px;
	padding: 17px 0;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
	background-color: #0871dc;
}
@media screen and (min-width:560px) {
	.secPro_lists li {
		font-size: 1.6rem;
	}
}

.secPro_txt {
	margin: 0 0 50px 8px;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 0.08em;
}
.secPro_item_1 .secPro_txt { margin-left: 0;}
@media screen and (min-width:560px) {
	.secPro_txt {
		font-size: 1.6rem;
	}
}

.btnPro_index {
	position: relative;
    width: 270px;
    margin: 0 auto;
	text-align: center;
}
@media screen and (min-width:960px) {
	.btnPro_index {
		width: 220px;
	}
}
@media screen and (min-width:1280px) {
	.btnPro_index {
		width: 270px;
	}
}

.btnPro_index:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	width: 31px;
	height: 9px;
	background: url("../img/products_btn_arr.png") no-repeat 0 0;
	transform: translateY(-50%);
}

.btnPro_index a {
	display: block;
	width: 100%;
	padding: 26px 0 25px;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.08em;
	color: #fff;
    background-color: #072b65;
	transition: all .3s ease-in-out;
}

.btnPro_index a:hover { background-color: #9e920e;}

.btnPro_index a:before {

}

.btnPro_index a:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 30px 15px;
	border-color: transparent transparent #9e920e transparent;
}