@charset "utf-8";


@media all and (max-width:1750px) {
	.art_sec01 p.img {
		width:50%;
}
}

@media all and (max-width:1440px) {

}

@media all and ( max-width: 1366px ) {

}

@media all and ( max-width: 1240px ) {
.company_process li {
    width: 21%;
    margin-right: 4%;
    margin-bottom: 4%;
    padding: 25px 0;
}
}

@media all and ( max-width: 1200px ) {
 
}
@media all and ( max-width: 1100px ) {
#company_cate ul li {
    min-width: 140px;
}
}
@media all and ( max-width: 950px ) {
.company_visual {
    padding: 100px 0;
}
.company_process li {
    width: 29%;
    margin-right: 4.333%;
    margin-bottom: 4.333%;
    padding: 15px 0;
}
}
@media all and ( max-width: 850px ) {
.company_visual h4 {
	font-size: 40px;}
.company_title {
    font-size: 25px;
    margin-bottom: 20px;
}
.company_title1 {font-size:20px;margin-bottom:15px;background-size:auto 20px;padding:0px 0 0px 25px;}
}
@media all and ( max-width: 800px ) {

.location_item_text {width:100%;margin-bottom:20px;}
.location_item_text table th {padding:15px 10px;width:30%;}
.location_item_text table td {padding:15px 10px;}
.location_item_map {width:100%;padding-left:0px;}
}

@media all and ( max-width: 650px ) {
.company_visual {
    padding: 60px 30px;
	word-break:keep-all;
}
.company_visual h4 {
    font-size: 30px;
}
.company_visual h4:after {
    margin: 20px auto 20px;
    width: 40px;
}
.company01_visual p {
    font-size: 1em;
}
.company01_visual .visual-img-con {
    background: url(../images/company_visual01.png) no-repeat right center;
}
.company02_visual .visual-img-con {
    background: url(../images/company_visual02.png) no-repeat 80% center;
}
.company03_visual .visual-img-con {
    background: url(../images/company_visual03.png) no-repeat 80% center;
}
.company04_visual .visual-img-con {
    background: url(../images/company_visual04.png) no-repeat 80% center;
}
.company01_sec01 {
    padding: 45px 0;
}
.company_title {
    font-size: 20px;
    margin-bottom: 10px;
}
.company_title1 {font-size:16px;margin-bottom:10px;background-size:auto 16px;padding:0px 0 0px 22px;}
.company_process li {
    width: 40%;
    margin-right: 10%;
    margin-bottom: 5%;
}
.process_detail .process_detail_title {
    width: 35%;
    padding: 15px 0;text-align:left;
}
.process_detail .process_detail_info {
    width: 65%;
    padding: 15px 0;
	
}
	.company01_sec02 p {
    width: 100%;
}
	.company01_sec03 {
    padding: 45px 0;
}
	.vr_price_wrap .vr_price_item {
    width: 100%;
		margin-bottom:10px;
}
	.vr_price_wrap .vr_price_item .item_title {
    padding: 10px 5px;
    font-size: 1.2em;
}
	ul.dots li {
    font-size: 1em;
}
	.company_portfolio_btn a {
    padding: 20px 5px;
    font-size: 1.2em;
}
	.company_portfolio_btn a img {
    width:50px;
}
	#company_cate {
    margin: 25px 0;
}
	#company_cate ul li a {
    padding: 3px 15px;
    font-size: 1.1em;
}
.company01_sec04 {padding-top:20px;}
.company01_sec04 p {font-size:1em;}
	.company_process li p {
    font-size: 1.1em;
    line-height: 1.4em;
}
.company_visual p.point {
    font-size: 1.1em;
    margin-bottom: 5px;
}
.company_visual p {
    line-height: 1.4em;
    font-size: 1em;
}
.company01_sec05 p.black_title {
    font-size: 1.1em;
    margin-bottom: 5px;
}
.company01_sec05 p {
    line-height: 1.4em;
    font-size: 1em;
}
.company01_sec05 {
    padding: 45px 0;
}
.leaflet_wrap .leaflet_item {
    width: 50%;
    padding: 15px 0;
}
.leaflet_wrap .leaflet_item p {
    font-size: 1em;
    line-height: 1.4em;
}
.leaflet_wrap1 .leaflet_item {
    width: 50%;
    padding: 15px 0;
}
.leaflet_wrap1 .leaflet_item p {
    font-size: 1em;
    line-height: 1.4em;
}
	.company01_sec06 p {
    width: 100%;
}
	.company_txt {
    margin-bottom: 10px;
    font-size: 1em;
    line-height: 1.4em;
}
	.room_table thead th {
    padding: 10px 0;
    font-size: 1.1em;
}
	.room_table thead td {
    padding: 10px 0;
    font-size: 1.1em;
}
	.room_table tbody th {
    padding: 10px 0;
    font-size: 1em;
    line-height: 1.4em;
}
	.room_table tbody td {
    padding: 10px 0;
    font-size: 1em;
    line-height: 1.4em;
}
}

@media all and ( max-width: 480px ) {

}