@charset "utf-8";

.sec{
	width:800px;
	margin:auto;
	line-height:1.5;
	margin-bottom:5em;
}

.telBox{
	position:relative;
	margin-bottom:6%;
	color:#AE2573;
}
.telBox > div{
	text-align:center;
	font-size:18px;
	position:relative;
	z-index:1;
}
.telBox .imgTelL img{
	position:absolute;
	left:0;
	bottom:0;
}
.telBox .imgTelR img{
	position:absolute;
	right:-5%;
	bottom:0;
}
.telBox h3{
	font-size:35px;
	margin-bottom:0;
	line-height:1.2;
	color:#AE2573;
	font-weight:600;
}
.telBox .tel{
	font-size:42px;
	font-weight:600;
}
.telBox .tel img{
	margin-right:0.3em;
	vertical-align:baseline;
}
.telBox.telBox1{
	background:#FCE6F4;
	padding:3%;
	border-radius:20px;
}
.telBox.telBox1 .imgTelL img{
	left:7%;
	top:50%;
	transform:translateY(-50%);
}
.telBox.telBox2 h3{
	font-size:30px;
	color:#1BA0B2;
	font-weight:600;
}
.telBox.telBox2 .tel{
	font-size:38px;
	color:#AE2573;
}
.telBox.telBox2 > div{
	font-size:14px;
}
.telBox.telBox2{
	color:#002B49;
}

.supportTitle{
	text-align:center;
	border-top:1px solid #AE2573;
	border-bottom:1px solid #AE2573;
	padding:0.5em 0;
	margin-bottom:1.2em;
	font-size:36px;
	font-weight:600;
	color:#AE2573;
	line-height:1.3;
}
.supportTitle span{
	font-size:26px;
	font-weight:300;
}
.supportTitle + .note{
	text-align:left;
	font-size:16px;
	margin:20px;
	margin-bottom:7%;
}
.noteList{
}
.noteList dl{
	border-radius:9px;
	overflow:hidden;
	margin-bottom:7%;
}
.noteList dt{
	background:#FCE6F5;
	font-size:20px;
	font-weight:700;
	text-align:center;
	padding:0.5em;
	color:#AE2573;
}
.noteList dd{
	background:#F4F4F4;
	padding:1.5em 1.2em;
}

.noteBox{
	position:relative;
	border-radius:20px;
	padding:1.2em 1.8em;
	margin-bottom:5%;
	line-height:1.5;
	font-size:16px;
}
.noteBox.note1{
	padding-left:19%;
	background:#FFE6F4;
}
.noteBox.note2{
	padding-right:21%;
	background:#E1F7F3;
	margin-top:15%;
}
.noteBox h3{
	font-size:32px;
	margin-bottom:0.5em;
	line-height:1.5;
}
.noteBox.note1 h3{
	color:#AE2573;
	margin-right:-6%;
}
.noteBox.note2 h3{
	color:#00B398;
}
.noteBox ul{
	margin-left:1em;
	margin-bottom:2%;
}
.noteBox li{
	padding-left:1em;
	text-indent:-1em;
	font-size:18px;
}

.noteBox > img{
	position:absolute;
	bottom:0;
}
.noteBox.note1 > img{
	left:0;
	margin-left:-4%;
}
.noteBox.note2 > img{
	right:0;
	margin-right:-4%;
}
.arrowBox{
	text-align:center;
	margin-bottom:5%;
}
.arrowBox img{
	width:4.4%;
}
.telTitle{
	font-size:30px;
	text-align:center;
	color:#002B49;
	margin-bottom:8%;
	font-weight:normal;
}

.reserveBox{
	text-align:center;
	margin:3em auto;
}
.reserveBox img{
	width:449px;
}

.attentionList li{
	padding-left:1em;
	text-indent:-1em;
	font-size:14px;
}

@media screen and (max-width:768px){
	#pageTitle h1.sptit1 img{
		width:200px;
		margin-top:18px;
		display:inline-block;
	}
	.sec{
		width:auto;
	}
	.telBox > div{
		font-size:3.2vw;
	}
	.telBox h3{
		font-size:5.5vw;
	}
	.telBox .tel{
		font-size:5.5vw;
	}
	
	.telBox.telBox1 .imgTelL img{
		max-width:7%;
		left:3%;
		bottom:0;
		top:auto;
		margin-bottom:3%;
	}
	.telBox.telBox1 .imgTelL img{
		transform:none;
	}
	.telBox.telBox1 .imgTelR img{
		max-width:13%;
		right:0;
	}
	
	.telBox.telBox2 .imgTelL img{
		max-width:20%;
		margin-bottom:-10%;
	}
	.telBox.telBox2 .imgTelR img{
		max-width:20%;
		margin-bottom:-10%;
		right:-2%;
	}
	.telBox.telBox2{
		margin-bottom:15%;
	}
	.telBox.telBox2 h3{
		font-size:30px;
	}
	.telBox.telBox2 .tel{
		font-size:34px;
	}
	.telBox .tel img{
		width:1.7em;
	}
	.supportTitle{
		font-size:24px;
	}
	.supportTitle span{
		font-size:24px;
	}

	.noteBox ul{
		margin-left:0;
	}
	.noteBox h3{
		font-size:26px;
	}
	.noteBox > img{
		max-width:23%;
	}
	
	.noteBox.note1 h3{
		margin-left:-21%;
	}
	.noteBox.note2 h3{
		margin-right:-29%;
	}
	.noteBox.note2 > img{
		margin-right:-2%;
	}
	.telBox a{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:block;
		z-index:1;
	}
	.telBox.telBox2 h3{
		font-size:5.5vw;
	}
	.telBox.telBox2 .tel{
		font-size:8vw;
	}
	.telBox.telBox2 > div{
		font-size:2.8vw;
	}
	.telTitle{
		font-size:26px;
		line-height:1.2;
	}
	.reserveBox img{
		width:100%;
	}
}