@charset "utf-8";



/* sw-PageIntro
-----------------------------------*/
.sw-PageIntro .image{
	background-image: url("../img/bg_pageintro_01.jpg");
}
.sw-PageIntro .text img{
	width: 260px;
	height: auto;
}
@media only screen and (min-width: 768px){
	.sw-PageIntro .text img{
		width: 373px;
	}
}
@media only screen and (min-width: 1024px){
	.sw-PageIntro .text img{
		width: 486px;
	}
}




/* guests-Photo
-----------------------------------*/
.guests-Photo{
	margin-top: 30px;
}
.guests-Photo h3{
	margin: 0 10px;
}
.guests-Photo h3 a{
	display: inline-block;
}
.guests-Photo h3 img{
	width: 100%;
	height: auto;
}
.guests-Photo .comment{
	padding: 0 20px;
	margin: 15px auto 0;
}
.guests-Photo h4{
	color: #222e53;
	font-size: 116%;
}
.guests-Photo h4 + p{
	margin-top: 10px;
}
.guests-Photo .note{
	padding-left: 1em;
	position: relative;
}
.guests-Photo .note:before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
.guests-Photo .sw-Btn{
	margin-top: 50px;
	position: relative;
}
.guests-Photo .sw-Btn:before{
	content: "";
	width: 24px;
	height: 8px;
	background-image: url("../img/ico_guests_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: absolute;
	top: -10px;
	right: 0;
	left: 0;
}
@media only screen and (min-width: 768px){
	.guests-Photo{
		max-width: 860px;
		padding: 0 20px;
		margin: 45px auto 0;
	}
	.guests-Photo h3{
		margin: 0;
	}
	.guests-Photo .comment{
		max-width: 800px;
	}
	.guests-Photo h4{
		font-size: 138.5%;
		margin-top: 30px;
	}
	.guests-Photo .sw-Btn{
		margin-top: 65px;
	}
}
@media only screen and (min-width: 1024px){
	.guests-Photo{
		margin: 60px auto 0;
	}
	.guests-Photo h4{
		font-size: 184%;
	}
	.guests-Photo .sw-Btn{
		margin-top: 80px;
	}
}



/* guests-Access
-----------------------------------*/
.guests-Access{
	border-top: 1px solid #d3d5dd;
	padding-top: 55px;
	margin: 60px 20px 0;
}
.guests-Access h3{
	color: #222e53;
	font-size: 184%;
	text-align: center;
}
.guests-Access h4{
	color: #aaa;
	font-size: 108%;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 20px;
}
.guests-Access .note{
	position: relative;
	padding-left: 1em;
}
.guests-Access .note:before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
.guests-Access .sw-Btn{
	margin-top: 15px;
}
@media only screen and (min-width: 768px){
	.guests-Access{
		max-width: 1280px;
		padding: 75px 20px 0;
		margin: 80px 20px 0;
	}
	.guests-Access h3{
		font-size: 246%;
	}
	.guests-Access h4{
		font-size: 123.1%;
		margin-bottom: 20px;
	}
	.guests-Access p,
	.guests-Access .note{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: auto;
		margin-left: auto;
	}
	.guests-Access .sw-Btn{
		margin-top: 30px;
	}
}
@media only screen and (min-width: 1024px){
	.guests-Access{
		margin: 80px auto 0;
	}
	.guests-Access h3{
		font-size: 292%;
	}
	.guests-Access h4{
		font-size: 138.5%;
	}
	.guests-Access p,
	.guests-Access .note{
		max-width: 800px;
	}
	.guests-Access .sw-Btn{
		margin-top: 45px;
	}
}


/* guests-Service
-----------------------------------*/
.guests-Service{
	border-top: 1px solid #d3d5dd;
	padding-top: 55px;
	margin: 60px 20px 0;
}
.guests-Service h3{
	color: #222e53;
	font-size: 184%;
	text-align: center;
}
.guests-Service h4{
	color: #aaa;
	font-size: 108%;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 20px;
}
.guests-Service .inner{
	margin: 0 auto -30px;
}
.guests-Service .box{
	line-height: 1.8;
	margin-bottom: 30px;
}
.guests-Service .box .image img{
	width: 100%;
	height: auto;
}
.guests-Service .box h5{
	color: #222e53;
	font-size: 138.5%;
	margin-top: 10px;
}
.guests-Service .box h5 .sm{
	font-size: 70%;
}
@media only screen and (min-width: 768px){
	.guests-Service{
		max-width: 1280px;
		padding: 75px 20px 0;
		margin: 80px 20px 0;
	}
	.guests-Service h3{
		font-size: 246%;
	}
	.guests-Service h4{
		font-size: 123.1%;
	}
	.guests-Service .inner{
		margin: 15px auto -45px;
	}
	.guests-Service .box{
		width: 50%;
		margin-bottom: 45px;
		float: left;
	}
	.guests-Service .box h5{
		padding: 0 10px;
		margin-top: 15px;
	}
	.guests-Service .box p{
		padding: 0 10px;
	}
}
@media only screen and (min-width: 1024px){
	.guests-Service{
		margin: 80px auto 0;
	}
	.guests-Service h3{
		font-size: 292%;
	}
	.guests-Service h4{
		font-size: 138.5%;
	}
	.guests-Service .inner{
		margin: 25px auto -60px;
	}
	.guests-Service .box{
		margin-bottom: 60px;
	}
	.guests-Service .box h5{
		font-size: 184%;
		margin-top: 25px;
	}
}



/* guests-Other
-----------------------------------*/
.guests-Other{
	margin: 80px 20px 0;
}
.guests-Other h3{
	font-size: 153%;
	text-align: center;
}
.guests-Other h4{
	color: #aaa;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 20px;
}
.guests-Other .inner{
	margin: 0 auto -30px;
}
.guests-Other .box{
	width: calc(50% - 10px);
	line-height: 1.8;
	margin-bottom: 30px;
	float: left;
}
.guests-Other .box:nth-child(even){
	float: right;
}
.guests-Other .box .image img{
	width: 100%;
	height: auto;
}
.guests-Other .box h5{
	font-size: 108%;
	margin-top: 10px;
}
@media only screen and (min-width: 768px){
	.guests-Other{
		max-width: 1280px;
		padding: 0 20px;
		margin: 80px 20px 0;
	}
	.guests-Other h3{
		font-size: 246%;
	}
	.guests-Other h4{
		font-size: 123.1%;
	}
	.guests-Other .inner{
		margin: 15px auto -45px;
	}
	.guests-Other .box{
		margin-bottom: 45px;
	}
	.guests-Other .box h5{
		font-size: 123.1%;
		padding: 0 10px;
		margin-top: 15px;
	}
	.guests-Other .box p{
		padding: 0 10px;
	}
	.guests-Other .sw-Btn{
		margin-top: 15px;
	}
}
@media only screen and (min-width: 1024px){
	.guests-Other{
		margin: 120px auto 0;
	}
	.guests-Other h3{
		font-size: 292%;
	}
	.guests-Other h4{
		font-size: 138.5%;
	}
	.guests-Other .inner{
		margin: 25px auto -60px;
	}
	.guests-Other .box{
		margin-bottom: 60px;
	}
	.guests-Other .box h5{
		font-size: 138.5%;
		margin-top: 20px;
	}
	.guests-Other .sw-Btn{
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1280px){
	.guests-Other .inner{
		margin: 25px auto -45px;
	}
	.guests-Other .box{
		width: 22.5%;
		margin: 0 3.33% 45px 0;
		float: left!important;
	}
	.guests-Other .box:nth-child(4n){
		margin: 0;
	}
	.guests-Other .sw-Btn{
		margin-top: 60px;
	}
}