@charset "utf-8";
/*company*/
#company_cate {margin:50px 0;}
#company_cate ul {display:flex;flex-wrap: wrap; justify-content: center;}
#company_cate ul li {padding: 2px;min-width:200px;text-align:center;}
#company_cate ul li a {
	display: block;
    line-height: 28px;
    padding: 7px 15px;
    border-radius: 30px;
    border: 1px solid #d9d9d9;
    color: #454545;font-size:1.2em;}
#company_cate ul li #bo_cate_on {
    z-index: 2;
    background: #e40f0f;
    color: #fff;
    border: 1px solid #e40f0f;
}

#company_wrap {margin:40px auto;}
.company_visual {overflow: hidden;padding:150px 0;text-align:center;position: relative;}
.company_visual .visual-img-con {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: transform 5000ms ease-in-out;
	-moz-transition: transform 5000ms ease-in-out;
	-o-transition: transform 5000ms ease-in-out;
	-ms-transition: transform 5000ms ease-in-out;
	transition: transform 5000ms ease-in-out;
	z-index:1;
	
}
.company_visual.active .visual-img-con {-ms-transform: scale(1.0, 1.0) rotate(0.002deg);
	-o-transform: scale(1.0, 1.0) rotate(0.002deg);
	-moz-transform: scale(1.0, 1.0) rotate(0.002deg);
	-webkit-transform: scale(1.0, 1.0) rotate(0.002deg);
	transform: scale(1.0, 1.0) rotate(0.002deg);}
.company01_visual .visual-img-con {background:url(../images/company_visual01.png) no-repeat center center;;background-size:cover;}
.company02_visual .visual-img-con {background:url(../images/company_visual02.png) no-repeat center center;;background-size:cover;}
.company03_visual .visual-img-con {background:url(../images/company_visual03.png) no-repeat center center;;background-size:cover;}
.company04_visual .visual-img-con {background:url(../images/company_visual04.png) no-repeat center center;;background-size:cover;}
.company_visual .visual-txt-con {
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
	height: 100%;
	letter-spacing: -0.5px;
	color: #fff;
}

.company_visual h4 {color:#fff;font-weight: 600;
	font-size: 60px;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	position:relative;
opacity: 0;
	filter: Alpha(opacity=0);
	-ms-transform: translateY(60px);
	-o-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
	-webkit-transition: opacity 1.0s, transform 1.0s;
	-moz-transition: opacity 1.0s, transform 1.0s;
	-o-transition: opacity 1.0s, transform 1.0s;
	-ms-transition: opacity 1.0s, transform 1.0s;
	transition: opacity 1.0s, transform 1.0s;}
.company_visual.active h4 {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.company_visual h4:after {display:block;margin:40px auto 40px;height:1px;width:80px;background:#fff;content:"";}
.company02_visual h4 {color:#000;}
.company02_visual h4:after {background:#000;}
.company03_visual h4 {color:#000;}
.company03_visual h4:after {background:#000;}
.company04_visual h4 {color:#000;}
.company04_visual h4:after {background:#000;}
.company_visual p {color:#fff;line-height:1.6em;font-size:1.1em;}
.company02_visual p {color:#454545;}
.company03_visual p {color:#454545;}
.company04_visual p {color:#454545;}
.company_visual p.point {color:#d32524;font-size:1.4em;margin-bottom:10px}

.company_title {font-size:30px;font-weight:600;color:#d32524;margin-bottom:25px;}
.company_title1 {font-size:22px;font-weight:600;color:#000000;margin-bottom:25px;background:url(../images/company_subtitle.png) no-repeat 0 0;padding:2px 0 2px 35px;}
.company01_sec01 {padding:85px 0;}
.company_process {display: flex;flex-wrap: wrap;margin-bottom:70px;}
.company_process li {background:#f8f8f8;text-align:center;width:14%;margin-right:2.6666%;margin-bottom:2.6666%;border:1px solid #dadada;padding:30px 0;position:relative;word-break:keep-all;}
.company_process li:after {display:block;content: "\e93e";position:absolute;right:-30px;top:50%;font-family: xeicon;font-size:26px;color:#979797;margin-top:-13px;}
.company_process li:last-child:after {display:none;}
.company_process li p.img {margin-bottom:10px;}
.company_process li p {font-size:1.2em;line-height:1.6em;}
.process_detail {display: flex;flex-wrap: wrap;border-top:1px solid #d32524;border-bottom:1px solid #d32524;}
.process_detail .process_detail_title {width:15%;border-bottom:1px solid #dfdfdf; padding:20px 0;font-size:1.1em;line-height:1.5em;color:#000000;font-weight:500;text-align:center;word-break:keep-all;}
.process_detail .process_detail_info {width:85%;border-bottom:1px solid #dfdfdf;padding:20px 0;font-size:1.1em;line-height:1.5em;color:#676767;word-break:keep-all;}

.company01_sec02 {display: flex;flex-wrap: wrap;}
.company01_sec02 p {width:50%;}
.company01_sec02 p img {max-width:100%;}

.company01_sec03 {padding:85px 0;}
.vr_price_wrap {display: flex;flex-wrap: wrap;justify-content: space-between;}
.vr_price_wrap .vr_price_item {width:32%;border:1px solid #b3c69d;}
.vr_price_wrap .vr_price_item:first-child {border:1px solid #a1b9c8;}
.vr_price_wrap .vr_price_item:last-child {border:1px solid #e6c3c3;}
.vr_price_wrap .vr_price_item .item_title {padding:15px 5px;text-align:center;background:#ceddbb;font-size:1.5em;color:#335d00;font-weight:500;}
.vr_price_wrap .vr_price_item:first-child .item_title {background:#c8ddea;color:#013451;}
.vr_price_wrap .vr_price_item:last-child .item_title {background:#eedddd;color:#980000;}
.vr_price_wrap .vr_price_item ul.dots {padding:20px;}

.company01_sec04 {padding-top:40px;}
.company01_sec04 p {font-size:1.2em;line-height:1.6em;color:#454545;}

.company_portfolio_btn {text-align:center;border:1px solid #dfdfdf;}
.company_portfolio_btn a {display:block;padding:30px 5px;color:#d32524;font-size:1.4em;font-weight:500;}
.company_portfolio_btn a strong {color:#454545;font-weight:500;}
.company_portfolio_btn a img {margin-left:15px;}
.company_portfolio_btn:hover {border:1px solid #222;}

.company01_sec05 {padding:85px 0;text-align:center;border-bottom:1px solid #e2e2e2;}
.company01_sec05 p.black_title {color:#000000;font-size:1.4em;margin-bottom:10px;font-weight:500;}
.company01_sec05 p {font-size:1.2em;line-height:1.6em;color:#454545;word-break:keep-all;}

.leaflet_wrap {display: flex;flex-wrap: wrap;border-top:1px solid #d32524;border-bottom:1px solid #d32524;margin-bottom: 70px;}
.leaflet_wrap .leaflet_item {width:25%;text-align:center;border-bottom:1px solid #e2e2e2;padding:30px 0;}
.leaflet_wrap .leaflet_item p {font-size:1.2em;line-height:1.6em;color:#454545;}
.leaflet_wrap .leaflet_item p img {max-width:100%;}

.leaflet_wrap1 {display: flex;flex-wrap: wrap;border-top:1px solid #d32524;border-bottom:1px solid #d32524;margin-bottom: 70px;}
.leaflet_wrap1 .leaflet_item {width:33.3333%;text-align:center;border-bottom:1px solid #e2e2e2;padding:30px 0;}
.leaflet_wrap1 .leaflet_item p {font-size:1.2em;line-height:1.6em;color:#454545;}
.leaflet_wrap1 .leaflet_item p span {font-size:0.8em;}
.leaflet_wrap1 .leaflet_item p img {max-width:100%;}

.company01_sec06 {display: flex;flex-wrap: wrap;}
.company01_sec06 p {border:1px solid #e2e2e2;width:33.3333%;}
.company01_sec06 p img {max-width:100%;}
.room_table {
    clear: both;
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #e2e2e2;
    min-width: 100%;
    table-layout: fixed;
	border-top: 1px solid #e2e2e2;
}
.room_table thead th {
    border-bottom: 1px solid #e2e2e2;
    background: #ededed;
    border-right: 1px solid #e2e2e2;
    padding: 15px 0;
    text-align: center;
    color: #585858;
    font-size: 1.5em;
    position: sticky;
    left: 0;
    z-index: 1;
}
.room_table thead td {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding: 15px 0;
    text-align: center;
	background: #c8ddea;
    color: #013451;
    font-size: 1.5em;
}
.room_table tbody th {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    background: #fff;
    padding: 15px 0;
    text-align: center;
    font-size:1.2em;line-height:1.6em;color:#454545;
    position: sticky;
    left: 0;
    z-index: 1;
}
.room_table tbody td {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0;
	font-size:1.2em;line-height:1.6em;color:#454545;
    text-align: center;
}

.pdt70 {margin-top:70px;}
.company_txt {margin-bottom:20px;font-size:1.2em;line-height:1.6em;color:#454545;}

.location_flex {display: flex;flex-wrap: wrap;}
.location_item_text {width:40%;}
.location_item_text table {width:100%;border-top:2px solid #222;}
.location_item_text table th {padding:25px 10px;text-align:left;color:#222;font-size:1.1em;border-bottom: 1px solid #e2e2e2;width:20%;font-weight:500;line-height:1.5em;word-break:keep-all;}
.location_item_text table th i {color: #e40f0f;margin-right:10px;}
.location_item_text table td {padding:25px 10px;font-size:1.1em;border-bottom: 1px solid #e2e2e2;line-height:1.5em;word-break:keep-all;}
.location_item_map {width:60%;padding-left:20px;}

ul.dots li {position:relative;padding:4px 0 4px 10px;font-size:1.15em;line-height:1.5em;word-break:keep-all;}
ul.dots li:before {display:block;content:"·";position:absolute;left:0;top:5px;}