@charset "UTF-8";

@import url("./common.css");
@import url("./font.css");
@import url("./loading.css");

@import url("./form.css");


div#main_vis{
	text-align:center;
	margin-bottom:100px;
	background:#FFF;
	padding:70px 0 120px 0;
}

div#main_vis div.main_vis_img{
	margin:clamp(20px,8vw,70px) 0;
}

div#main_vis div.main_vis_img img{
	max-width:90%;
}

div#main_vis div.main_vis_logo img{
	max-width: 60%;
}

div#main_vis div#title_txt_1{
	font-size:clamp(2rem,5vw,5rem);
	margin:0 auto 40px auto;
	color:#006699;
	line-height:1.2em;
	max-width:90%;
}

div#main_vis div#title_txt_2{
	font-size:clamp(.9rem,1.8vw,2rem);
	letter-spacing:.1em;
	color:#006699;
	line-height:1.5em;
	margin:0 auto;
	max-width: 90%;
}

div.home_contents_block{
	width:100%;
	background:#006699;
	margin:clamp(150px,50vw,300px) 0;
	padding:40px 0;
	color:#FFF;
}

div.home_contents_block h1{
	font-size:clamp(1.4rem,6vw,2rem);
	letter-spacing:.1em;
	text-indent:.1em;
	text-align:center;
}

div.home_contents_block h2{
	margin:clamp(30px,10vw,50px) 0 30px 0;
	font-size:clamp(1.2rem,5vw,1.5rem);
	letter-spacing:.1em;
	text-indent:.1em;
	text-align:center;
	font-weight:normal;
}

div.home_contents_block > div{
	width:80%;
	margin:20px auto;
}

div#balloon_block{
		text-align:center;
}

div#balloon_block img.balloon_img{
	
}

div#about_block{
	border-bottom:1px dotted #FFF;
	width:80%;
	letter-spacing:.1em;
	text-indent:.1em;
	text-align:center;
	font-size:0.9em;
}

div#about_block > div{
	border-top:1px dotted #FFF;
	padding:15px 0;
}

div.service_plan{
	padding-top:30px;
	text-align:center;
}

div.service_plan > div.plan_type{
	background:#FFF;
	color:#006699;
	display:inline-block;
	padding:2px 0;
	line-height:1em;
	letter-spacing:.5em;
	text-indent:.5em;
	width:100%;
	margin:0 auto;
}

div.service_plan > div.plan_name{
	font-size:clamp(1.4rem,6vw,2rem);
	padding:15px 0;
	letter-spacing:.1em;
	text-indent:.1em;
	line-height:1.8em;
}

div.service_plan > div.plan_desc{
	line-height:1.8em;
	padding-bottom:20px;
}

div.service_plan > ul{
	margin:10px auto;
	padding:0;
	text-align:center;
	border-top:dashed 1px #FFF;
}

div.service_plan > ul > li{
	list-style:none;
	border-bottom:dashed 1px #FFF;
	padding:10px 0;
}

div.spot_list{
	margin:20px auto;
}

div.spot_list > table{
	width:100%;
	border:1px solid #FFF;
	border-spacing:0;
	border-collapse:collapse;
	letter-spacing:.1em;
	text-indent:.1em;
	text-align:center;
	line-height:1.5em;
}

div.spot_list > table > tbody > tr > th{
	border:1px solid #FFF;
	padding:10px;
}

div.spot_list > table > tbody > tr > td{
	width:50%;
	border:1px solid #FFF;
	padding:10px;
}

@media screen and (max-width:750px){

	div#main_vis div#title_txt_1 span::after{
		content:"\A";
		white-space:pre;
	}

	div#main_vis div#title_txt_1{
		font-size:clamp(2.2em,10vw,4em);
		margin:0 auto 20px auto;
		color:#006699;
		line-height:1.2em;
		max-width: 90%;
	}

	div#main_vis div#title_txt_2 span::after{
		content:"\A";
		white-space:pre;
	}
	
	div#main_vis div#title_txt_2{
		font-size:clamp(0.5em,3.8vw,1.2em);
		letter-spacing:.1em;
		color:#006699;
		line-height:1.5em;
		margin:0 auto;
		max-width: 90%;
	}
	
	div.spot_list > table > tbody > tr > th,
	div.spot_list > table > tbody > tr > td{
		font-size:clamp(10px,2.5vw,16px);
	}
	
	div#main_vis div.main_vis_logo img{
		max-width:80%;
	}
}