@charset "UTF-8";

.contents_space{padding:80px 0;}
.contents_space > section{max-width:900px;margin-right:auto;margin-left:auto;}
.contents_space .area{max-width:782px;margin-right:auto;margin-left:auto;}

.space_guide h2{margin-bottom:40px;}
.space_guide .area{padding-bottom:80px;}
.space_guide .map{margin-bottom:45px;text-align:center;}
.space_guide .in_map{position:relative;display:inline-block;}
.space_guide .in_map a{position:absolute;top:0;left:0;width:100%;height:100%;}
.space_guide .link{margin:20px auto 0;max-width:240px;}
.space_guide .link a{padding:8px;display:block;text-align:center;color:#fff;-webkit-border-radius: 5px;border-radius: 5px;background-color:#379d5a;font-size:1.125rem;}

.space_guide dl{max-width:460px;margin-right:auto;margin-left:auto;}
.space_guide dt{padding-left:27px;font-size:1.1875rem;position:relative;}
.space_guide dt::after{content:"";width:20px;height:20px;display:block;position:absolute;top:5px;left:0;background-color:#a5d3b5;}
.space_guide dd{padding-left:27px;padding-bottom:10px;}

.space_guide .btn{max-width:520px;margin:45px auto 0;display:-webkit-flex;display:flex;justify-content: space-between;}
.space_guide .btn li{width:45.7%;}
.space_guide .btn li a{text-align:center;font-size:1rem;display:block;padding:12px 8px;color:#fff;background-color:#379d5a;border:1px solid #2b9b41;
-webkit-border-radius: 5px;border-radius: 5px;}

.space_fee .area{padding-bottom:65px;}
.space_fee h2{margin-bottom:55px;}
.space_fee table{width:calc(100% - 1px);border-left:1px solid #2b9b41;border-top:1px solid #2b9b41;}
.space_fee th,
.space_fee td{border-right:1px solid #2b9b41;border-bottom:1px solid #2b9b41;padding:8px;}
.space_fee th{font-size:0.875rem;background-color:#eef7f1;text-align:center;color:#2b9b41;min-width:12%;width:195px;}
.space_fee td{font-size:0.8125rem;}
.space_fee td.en{font-size:0.875rem;text-align:center;}
.space_fee .note{font-size:0.75rem;margin-top:15px;}

.space_method .area{padding-bottom:75px;}
.space_method h2{margin-bottom:45px;}
.space_method .steps{text-align:center;}
.space_method .step{padding-bottom:45px;position:relative;}

.space_method .step_01::after,
.space_method .step_02::after,
.space_method .step_02::before,
.space_method .step_03::after,
.space_method .step_03::before{transform: scaleX(1.33);width:40px;line-height:1;margin-left:-20px;bottom:9px;position:absolute;content:"▼";color:#2b9b41;font-size:2rem;}

.space_method .step_01::after{left:50%;}
.space_method .step_02::after,
.space_method .step_03::after{left:25%;}
.space_method .step_02::before,
.space_method .step_03::before{left:75%;}

.space_method .step_04{padding-bottom:0;}


.space_method  p.label{font-size:0.75rem;margin-bottom:15px;}
.space_method .frame_single a{display:block;border:2px solid #2b9b41;background-color:#ffffc8;padding:8px;}
.space_method .frame_single a span{color:#2b9b41;padding:0 36px;display:inline-block;background:url(../img/blank.svg) 100% 50% no-repeat;-webkit-background-size:auto 16px;background-size:auto 16px;}
.space_method .frame_double{display:-webkit-flex;display:flex;justify-content: space-between;}
.space_method .frame_double .in_frame{width:46.4%;text-align:left;border:2px solid #2b9b41;display:-webkit-flex;display:flex;align-items: center;}
.space_method .frame_double .in_frame .num{width:45px;text-align:center;color:#fff;background-color:#2b9b41;font-size:1.125rem;font-weight:bold;height:100%;position:relative;}
.space_method .frame_double .in_frame .num > span{display:block;position:absolute;width:20px;height:20px;text-align:center;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);line-height:100%;}
.space_method .frame_double .in_frame .txt{font-size:0.75rem;padding:8px;}
.space_method .frame_double .in_frame .label{font-weight:bold;color:#2b9b41;}

.space_method .frame_single_edge{background:#2b9b41;padding:10px;text-align:center;color:#fff;}

.space_calendar h2{margin-bottom:55px;}
.space_calendar .g_map{ width: 100%;position: relative;margin-bottom:10px; }
.space_calendar .g_map:before{ padding-top: 60.22%;content:"";display: block; }
.space_calendar .g_map > div{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.space_calendar .g_map > div iframe{width:100%;height:100%;}
.space_calendar dl{max-width:420px;margin:65px auto 0;text-align:center;}
.space_calendar dt,
.space_calendar dd{padding:8px;}
.space_calendar dt{background-color:#2b9b41;text-align:center;color:#fff;}
.space_calendar dd{font-size:0.75rem;background-color:#f2f2f2;}


@media screen and (min-width:768px) {
	a.phone{pointer-events: none;}
	.space_guide .btn li a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.space_guide .btn li a:hover{background-color:#eef7f1;color:#2b9b41;}
}
@media screen and (max-width:767px) {
	.contents_space{padding:30px 0;}
	.contents_space .wrapper{padding:0 20px;}
	
	.space_guide h2,
	.space_fee h2,
	.space_method h2,
	.space_calendar h2{margin-bottom:30px;}
	
	.space_guide .area{padding-bottom:40px;}
	.space_guide .link a{font-size:1rem;}
	.space_guide dt{font-size:1rem;font-weight:bold;padding-left:22px;}
	.space_guide dt::after{width:16px;height:16px;}
	
	.space_guide .map{margin-bottom:30px;}
	
	.space_guide .btn{margin-top:30px;}
	.space_fee .area{overflow-x:hidden;padding-bottom:40px;}
	.space_fee .worn{width:100%;margin-bottom:20px;text-align:center;font-weight:bold;}
	.space_fee table{width:650px;}
	
	
	.space_method .area{padding-bottom:40px;}
	.space_calendar dl{margin-top:30px;}
	
}