@charset "utf-8";

.description{display: none;}
.main_con00{position:Relative; z-index:99;}
.main_con00 .inner{z-index:10;}
.main_con00 .txt_box{display:table; width:100%; height:100%; }
.main_con00 .txt_box .table{display:table-cell; vertical-align:middle; width:100%; padding-bottom:100px;}
.main_con00 .txt_box span{displaY:block; position:relative; font-size:22px; font-weight:400; letter-spacing:0.025em; color:#ffffff; padding-left:60px; box-sizing:Border-box;}
.main_con00 .txt_box span:before{content:''; position:absolute; left:0; top:50%; width:40px; height:1px; background:#ffffff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.main_con00 .txt_box p{font-size:62px; font-weight:bold; letter-spacing:0.025em; color:#ffffff; line-height:72px; margin-top:20px;}
.main_con00 .link_box{position:absolute; left:0; bottom:0; width:100%; z-index:9}
.main_con00 .link_box:before{content:''; position:absolute; left:0; top:0; width:calc(50% - 700px); height:1px;}
.main_con00 .link_box ul{font-size:0; letter-spacing:-4px; position:relative;}
.main_con00 .link_box ul li{display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); border-right:0; cursor:pointer; position:relative;}
.main_con00 .link_box ul li:last-of-type{border-right:1px solid rgba(255,255,255,0.3)}
.main_con00 .link_box ul li .table{width:100%; height:160px; display:table; position:relative; z-index:10;}
.main_con00 .link_box ul li .table:before{content: ""; position: absolute; z-index: 0;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: #ffffff; text-shadow: none;-webkit-transform: scaleY(0); transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.main_con00 .link_box ul li .text{position:relative; z-index:5; display:table-cell; vertical-align:middle; width:100%; font-size:0; letter-spacing:-4px; padding:0 80px 0 40px; box-sizing:border-box;}
.main_con00 .link_box ul li .text p{display:inline-block; font-size:20px; font-weight:bold; letter-spacing:-0.025em; color:#ffffff; margin-right:10px;}
.main_con00 .link_box ul li .text span{display:inline-block; font-size:16px; font-weight:400; letter-spacing:-0.025em; color:rgbA(255,255,255,0.6)}
.main_con00 .link_box ul li:hover .table:before {transform: scaleY(1);}
.main_con00 .link_box ul li:hover .text{}
.main_con00 .link_box ul li:hover .text p{color:#222222;}
.main_con00 .link_box ul li:hover .text span{color:#888888;}

.main_con00 .vr{z-index:0; position:absolute; left:0; top:0; width:100%; right:0; bottom:0; overflow:hidden;}
.main_con00 .vr div {background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height:100%; position: absolute;left: 0;top: 0;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; -webkit-animation: bgScale 8000ms 1 ease-out; -o-animation: bgScale 8000ms 1 ease-out; animation: bgScale 8000ms 1 ease-out;	-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 
.main_con00 .vr div.on{}

@-webkit-keyframes bgScale {
	0% { -webkit-transform: scale(1.2); }
	100% { -webkit-transform: scale(1); }
}
@-o-keyframes bgScale {
	0% { -o-transform: scale(1.2); }
	100% { -o-transform: scale(1); }
}
@keyframes bgScale {
	0% { transform: scale(1.2); }
	100% { transform: scale(1) rotate(0.02deg); }
}
@media all and (max-width:1400px){
	.main_con00 .link_box ul li .text p{margin-right:0; display:block; margin-bottom:10px;}
	.main_con00 .link_box ul li .text span{display:block;}
}
@media all and (max-width:1000px){
	.main_con00 {padding:100px 0;}
	.main_con00 .txt_box span{font-size:18px;}
	.main_con00 .txt_box p{font-size:48px; line-height:58px;}
	.main_con00 .link_box ul li{width:50%;}
	.main_con00 .link_box ul li:nth-of-type(2){border-right:1px solid rgba(255,255,255,0.3)}
	.main_con00 .link_box ul li:nth-of-type(n+3){border-top:0;}
	.main_con00 .link_box ul li .table{height:120px;}
}

.main_con01{ background:url('/img/main_con02_bg.jpg') no-repeat center center; background-size: cover;}
.main_con01 .txt_box{ position:fixed; left:calc(50% + 100px); top:450px;  width:600px; text-align:right; z-index:10;}
.main_con01 .txt_box span{displaY:inline-block; position:relative; font-size:22px; font-weight:400; letter-spacing:0.025em; color:#ffffff; padding-left:60px; box-sizing:Border-box;}
.main_con01 .txt_box span:before{content:''; position:absolute; left:0; top:50%; width:40px; height:1px; background:#ffffff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.main_con01 .txt_box p{font-size:62px; font-weight:bold; letter-spacing:0.025em; color:#ffffff; line-height:72px; margin-top:20px;}
.main_con01 .left{display:inline-block; max-width:800px; width:100%;}
.main_con01 .left ul{font-size:0; letter-spacing:-4px; margin-top:190px;}
.main_con01 .left ul li{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin-right:40px; position:relative; box-shadow:1px 6px 20px 5px rgbA(0,0,0,0.25); margin-bottom:40px; cursor:pointer;}
.main_con01 .left ul li:nth-of-type(2){margin-top:110px;}
.main_con01 .left ul li:nth-of-type(2n){ margin-right:0;}
.main_con01 .left ul li:nth-of-type(2n-1){margin-top:-110px;}
.main_con01 .left ul li:nth-of-type(1){margin-top:0;}
.main_con01 .left ul li .img_box{}
.main_con01 .left ul li .img_box img{width:100%;}
.main_con01 .left ul li .icon_box{position:Absolute; right:40px; bottom:40px; z-index:5;}
.main_con01 .left ul li .icon_box img{max-width:100%;}
.main_con01 .left ul li .text{position:absolute; left:0; top:40px; width:100%; padding:0 40px; box-sizing:border-box; z-index:5;}
.main_con01 .left ul li .text p{font-size:24px; font-weight:bold; letter-spacing:-0.025em; color:#fff;}
.main_con01 .left ul li:hover:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); box-sizing:border-box; border:4px solid #fff;}

@media all and (max-width:1400px){
	.main_con01 .txt_box{width:40%; left:58%}
	.main_con01 .left{width:58%}
}
@media all and (max-width:1000px){
	.main_con01{padding:100px 0;}
	.main_con01 .txt_box{position:static; width:100%; text-align:left;}
	.main_con01 .txt_box span{font-size:18px;}
	.main_con01 .txt_box p{font-size:48px; line-height:58px;}
	.main_con01 .left{width:100%}
	.main_con01 .left ul{margin-top:40px;}
}