@charset "UTF-8";

.main_contents_box{max-width:100% !important;}
/*======*/
.room_info{width:100%;height:auto;margin:0px auto;padding-bottom:50px;}
.box{width:100%;height:auto;margin:0px auto;padding:12px 0px;border-bottom:1px solid #e7d9c7;max-width:1200px;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items: center;}
.recruit .box:nth-of-type(1){padding:0px 0px 12px 0px;}
.box h3{display:inline-block;width:30%;height:auto;margin:0px auto;padding:0px 0px 1px 1%;text-align:left;vertical-align:middle;border-left:6px solid #ffa9b0;box-sizing:border-box;}
.box h3 span.point{display:inline-block;width:auto;height:auto;margin:0px 0px 0px 10px;padding:0px;text-align:left;line-height:100%;font-size:10px;}
.box .box_right{display:inline-block;width:70%;height:auto;margin:0px auto;padding:0px;text-align:left;}
.box .box_right p{width:auto;height:auto;margin:0px auto;padding:0px;}
	@media all and (max-width: 1024px) {
		.box{width:95%;}
		.box h3{width:100%;padding:0px 0px 0px 1%;}
		.box .box_right{width:100%;padding:10px 0px 0px 0px;}
		.box .s{display:inline-block;width:100%;height:auto;margin:0px auto;padding-top:6px;}
		.attetion{padding:20px 0px;}
	}
	@media all and (max-width: 480px) {
		.box h3{width:100%;padding:0px 0px 0px 2%;}
		.box .box_right{width:100%;padding:8px 0px 0px 0px;}
	}

/*======*/
body, html{height: 100%;}
.room_a{padding:50px 0px;width:100%;min-height:100px;background: url("../img_new/common/bg_message.webp");background-size:cover;background-attachment: fixed;background-repeat: no-repeat;background-position: top center;}
.room_a h3 , .room_b h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
.room_a h3 span , .room_b h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 40px 3px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#b49f69;color:#ffffff;font-size:13px;}
.room_a p , .room_b p{padding:0px 0px 15px 0px;font-size:14px;}
	@media all and (max-width: 1024px) {
		.room_a{background: url("../img_new/common/bg_message.webp") no-repeat;background-size:auto 100%;background-position: top center;}
	}

.access_info{width:100%;margin:0px auto;padding-bottom:12px;font-size:13px;}
	@media all and (max-width: 1024px) {
		.access_info{font-size:12px;}
	}

/*======*/
ul.tabs{max-width:1200px;width:100%;height:auto;margin:0px auto;padding:0px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
ul.tabs li{width:25%;height:auto;margin:0px auto;padding:0px;display:inline-block;cursor:pointer;background:#c1e5ff;}
ul.tabs li a{text-align:center;width:100%;}
ul.tabs li a{height:auto;margin:0px auto;padding:0px;display:inline-block;line-height:310%;}
ul.tabs li.active a{height:auto;margin:0px auto;padding:0px;display:inline-block;background:#93d3ff;}
ul.tabs li.active{background:#93d3ff;}
ul.tabs li a .ja{letter-spacing:1px;vertical-align:1px;margin:0px auto;display:inline-block;color:#1b1d38;}
ul.tabs li.active a .ja{letter-spacing:1px;vertical-align:1px;color:#1b1d38;margin:0px auto;display:inline-block;}
ul.tabs li span{}
ul.tabs li.active span{}
	@media all and (max-width: 1024px) {
		ul.tabs{width:95%;}
		ul.tabs li.active a .ja{font-size:11px;letter-spacing:0px;}
		ul.tabs li a .ja{font-size:11px;letter-spacing:0px;}
	}

/*======*/
.tab_content{max-width:1200px;width:100%;height:auto;margin:0px auto;padding:10px 0px;background:#ffa9b0;}
.access_map{width:98%;height:auto;margin:0px auto;padding:0px;}
	@media all and (min-width: 1025px) {
	}
	@media all and (max-width: 1024px) {
		.tab_content{width:95%;}
		.access_map{width:95%;}
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}

/*======*/
	@media all and (min-width: 1025px) {
		a.link:link{color:#d64881;text-decoration:none;}
		a.link:visited{color:#d64881;text-decoration:none;}
		a.link:hover{color:#d64881;text-decoration:underline;}
		a.link:active{color:#d64881;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		a.link{color:#d64881;text-decoration:none;}
	}