@charset "utf-8";
/* CSS Document */

#contents {
	padding-bottom: 0;
}

.contentsInr{
	width: 950px;
	margin:40px auto;
}

.headMain{
	width: 100%;
	height: 680px;
	background-color: #000;
	position: relative;
}

.headMain_box {
	width: 590px;
	margin: 0 auto;
	z-index: 50;
	position: relative;
}

.headMain .mainTtl{
	text-align: center;
	padding-top: 38px;
	display: inline-block;
	z-index: 5;
	font-size: 52px;
	float: left;
	font-family:Helvetica Neue !important;
	font-weight: bold;
	letter-spacing: -1px;
	padding-right: 10px;
}

.headMain .mainTtl span {
	letter-spacing: -6px;
}

.headMain_content {
	width: 950px;
	height: 460px;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 140px;
	left: 0;
    right: 0;
    z-index: 4;
    margin: 0 auto;
}

.mainTtl-icon {
	display: inline-block;
	padding-top: 43px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.headMain_box {
		width: 560px;
	}
	.headMain .mainTtl{
		font-family:Helvetica !important;
		letter-spacing: 0;
	}
	.mainTtl-icon {
		padding-top: 45px;
	}
}

@-moz-document url-prefix() {
	.headMain_box {
		width: 560px;
	}
	.headMain .mainTtl{
		font-family:Helvetica !important;
		letter-spacing: 0;
	}
	.mainTtl-icon {
		padding-top: 45px;
	}
}

.tp-style01 {
	font-family: Century !important;
}


.headMain .JS_eelm_fade li{
	position: absolute;
	top: 0;
	width:100%;
	height:680px;
	background-position: center top;
	background-repeat:no-repeat;
}
.headMain .JS_eelm_fade .fade01{
	background-image:url(../img/bg_index_mainvis_02.jpg)
}
.headMain .JS_eelm_fade .fade02{
	background-image:url(../img/bg_index_mainvis_01.jpg)
}
.headMain .JS_eelm_fade .fade03{
	background-image:url(../img/bg_index_mainvis_03.jpg)
}
.headMain .JS_eelm_fade .fade04{
	background-image:url(../img/bg_index_mainvis_04.jpg)
}
.infoArea {
	background: #fff;
}

.infoArea .contentsInr {
	margin: 40px auto 0;
}

.infoArea_list .infoArea_list_title {
	font-weight: bold;
	font-size: 16px;
}

.infoArea_list .infoArea_list_text {
	margin-bottom: 10px;
}

.cont-type_onlytext {
	background: #18162c;
	padding: 6px 0 4px;
}

.cont-type_onlytext .contentsInr {
	margin: 40px auto 20px;
}

.cont-type_onlytext .cont-type_onlytext_title {
	color: #fff;
	font-size: 32px;
	margin-bottom: 10px;
	line-height: 1.4;
	text-align: center;
}

.cont-type_onlytext_text {
	color: #fff;
	font-size: 18px;
	line-height: 1.8 !important;
	text-align: center;
}
.cont-type_pair.point1 {
	background-image: url(../img/content-bg01.png);
}
.cont-type_pair.point2 {
	background-image: url(../img/content-bg02.png);		
}
.cont-type_pair.point2.sgl {
	background-image: url(../img/content-bg02_sgl.png);		
}

.cont-type_pair.point2.aul {
	background-image: url(../img/content-bg02_aul.png);		
}

.cont-type_pair.point3 {
	background-image: url(../img/content-bg03.png);		
}

.cont-type_pair {
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 760px;
}

.wid950 {
	width: 950px;
	margin: 0 auto;
}

.pointCont .txtBox{float:left; width:500px;}
.pointCont .imgBox{float:right; width:340px; padding-top:200px;}

.cont-type_pair_tit {
	padding-top: 110px;
}

.point2 .cont-type_pair_tit {
	padding-top: 154px;
}

.cont-type_pair_tit-sml {
	font-size: 24px;
	line-height: 1.3 !important;
	margin-top: 10px;
	background: url(../img/line-red.png) no-repeat 0 100%;
	padding-bottom: 30px;
}

.cont-type_pair_tit-sml.non {
	line-height: 1.0 !important;
	margin-top: 0;
	padding-bottom: 2;
}

.cont-type_pair_text {
	margin-top: 20px;
	line-height: 2.0 !important;
}

.cont-type_pair_btn {
	margin-top: 40px;
}

.content_btn {
	border: 1px solid #fff;
	color: #fff;
	padding: 10px;
	transition: all 0.3s;
}

.content_btn:hover {
	color: #000;
	/* background: #fff; */
	background-color:rgba(255,255,255,0.2);
	text-decoration: none;
}

.content_btn span {
	background: url(../img/arrow_b_w.png) no-repeat 6px 13px;
	color: #fff;
	padding: 10px 10px 10px 20px;
}

.content_btn:hover span {
	background: url(../img/arrow_b_w.png) no-repeat 6px -68px;
	color: #000;
}

.content_btn.oth span {
	background: url(../img/arrow_b_w_oth.png) no-repeat 6px 11px;
	color: #fff;
	padding: 10px 10px 10px 24px;
}

.content_btn.oth:hover span {
	/*background: url(../img/arrow_b_w_oth.png) no-repeat 6px -68px;
	color: #000;*/
	background: url(../img/arrow_b_w_oth.png) no-repeat 6px 11px;
	color: #fff;
}

.cont-type_diamond {
	background: url(../img/sec4_bg.jpg) no-repeat 50% 0;
	height: 760px;
	width: 100%;
}

.cont-type_diamond .col-left {
	float: left;
	width: 475px;
}

.cont-type_diamond .col-right {
	float: right;
	width: 475px;
}

.cont-type_diamond .col-left .section,
.cont-type_diamond .col-right .section {
	position: relative;
}

.cont-type_diamond .content_btn {
	position: absolute;
	top: 330px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 106px;
	line-height: 1;
}

.cont-type_diamond .logo {
	margin: 174px auto 0;
	width: 100px;
}

.cont-type_diamond_title {
	margin-top: 47px;
	font-size: 42px;
	color: #fff;
	text-align: center;
}

.cont-type_diamond_text {
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.cont-type_cards {
	background: #1fc6cc;
	height: 760px;
}

.cont-type_cards_title {
	color: #18162c;
	font-size: 42px;
	text-align: center;
	padding-top: 70px;
	background: url(../img/line-white.png) no-repeat 50% 100%;
	padding-bottom: 20px;
	margin-bottom: 80px;
}

.cont-type_cards_list-item {
	float: left;
	width: 170px;
	padding-right: 24px;
	background: url(../img/arrow-right-red.png) no-repeat 98% 103px; 
}

.cont-type_cards_list-item.last {
	padding-right: 0;
}

.cont-type_cards_list-item_card {
	width: 170px;
	height: 230px;
	background: url(../img/card_bg.png) no-repeat;
	position: relative;
}

.cont-type_cards_list-item_title {
	font-size: 16px;
	color: #b10000;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-top: 14px;
	padding-bottom: 2px;
}

.cont-type_cards_list-item_title span {
	font-size: 36px;
	display: block;
	font-weight: bold;
	font-family: new century schoolbook;
	line-height: 0.7;
}

.cont-type_cards_list-item_lead {
	position: absolute;
	top: 184px;
	text-align: center;
	color: #fff;
	width: 170px;
	line-height: 1.1 !important;
	padding-top: 14px;
	font-size: 15px;
}

.cont-type_cards_list-item_lead.tworows {
	padding-top: 5px;
}

.cont-type_cards_list-item_card img {
	margin: 0 auto;
	width: 140px;
	display: block;
}

.cont-type_cards_list-item_text {
	padding-top: 16px;
	font-size: 14px;
}

.cont-type_toggle {
	min-height: 475px;
	padding-bottom: 80px;
}

.cont-type_toggle_title,
.cont-type_related_title {
	color: #18162c;
	font-size: 42px;
	text-align: center;
	padding-top: 70px;
	background: url(../img/line-red.png) no-repeat 50% 100%;
	padding-bottom: 20px;
	margin-bottom: 74px;
}

.cont-type_related {
	background-color: #f5f5f5;
	height: 540px;
}

.cont-type_related li a {
	display: block;
}

.cont-type_related li a:hover {
	opacity: 0.7;
}

.fwB {
	font-weight: bold;
}

/* c-accordion
--------------------------------------------------------*/
.c-accordion .text {
	
}

.c-accordion_list_item {
	background: url(../img/icon-desc.png) no-repeat 0 9px;
	padding-left: 10px;
	color: #18162c;
	margin-bottom: 8px;
}

.c-accordion .content_text {
	line-height: 1.8 !important;
	color:#18162c;
}

.c-accordion .content_text a {
	
}

.c-accordion > li { margin-top: 17px; }
.c-accordion > li:first-child { margin-top: 0 }
.c-accordion > li .head {
cursor: pointer;
padding: 0 0 0 62px;
display: table;
height: 41px;
font-size: 14px;
color: #303030;
position: relative;
width: 888px;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out;
text-transform: uppercase;
}
.c-accordion > li .head .accordion_mark { position: absolute; top: 0; left: 0; display: block; width: 39px; height: 39px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #18162c; transition: background-color .3s ease-in-out; box-sizing: border-box; }
.c-accordion > li .head .accordion_mark_icon { display: block; width: 39px; height: 39px; background-image: url(../img/plus.png); background-repeat: no-repeat; background-position: center; }
.c-accordion > li.opened .head .accordion_mark { background-color: #1fc6cc; transition: background-color .3s ease-in-out; }
.c-accordion > li.opened .head .accordion_mark_icon { background-image: url(../img/minus.png); }
.c-accordion > li .head > span { display: table-cell; vertical-align: middle; }
.c-accordion > li .head > p { display: table-cell; vertical-align: middle; font-weight: bold; }
.c-accordion > li .head > p:hover{color: #1fc6cc;}
.c-accordion > li .content { padding: 10px 10px 8px 62px; display: none; color: #818181; }
.c-accordion > li .close_button { display: none; }

/* bx slider
-------------------------------------------------------*/
.bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
}
.custom-pager .bx-pager-item {
	display: inline-block;
	margin: 0 10px;
}
.custom-control {
	position: relative;
	width: 100%;
}
.custom-prev {
	position: absolute;
	top: 0;
	left: 0;
}
.custom-next {
	position: absolute;
	top: 0;
	right: 0;
}
.custom-auto .bx-controls-auto-item {
	display: inline-block;
	margin: 0 10px;
}
#contents2 {
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
}
#slider-wrapper .bx-wrapper .bx-prev {
	left: 50%;
	margin-left: -480px;
}
#slider-wrapper .bx-wrapper .bx-next {
	right: 50%;
	margin-right: -480px;
}
#contents3 {
	width: 100%;
	overflow: hidden;
}
#slider-wrapper2 .bx-viewport {
	overflow: visible !important;
}
#slider-wrapper2 .bx-wrapper .bx-prev {
	left: -40px;
}
#slider-wrapper2 .bx-wrapper .bx-next {
	right: -40px;
}
#hover-area {
	padding: 50px 0;
	text-align: center;
	background: #cccccc;
}
#contents-fix {
	width: 960px;
	margin: 0 auto;
}