@charset "utf-8";



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



/* award-Bnr
-----------------------------------*/
.award-Bnr{
	max-width: 860px;
	padding: 0 20px;
	margin: 30px auto 0;
}
.award-Bnr .image img{
	width: 100%;
	height: auto;
}
.award-Bnr a{
	display: block;
}
.award-Bnr h3{
	color: #434853;
	font-size: 138.5%;
	line-height: 1.8;
	letter-spacing: .1em;
	text-align: center;
	margin-top: 25px;
}
.award-Bnr p{
	max-width: 720px;
	padding: 0 20px;
	margin: 15px auto 0;
}
.award-Bnr .ico{
	text-align: center;
	margin-top: 45px;
}
.award-Bnr .ico img{
	width: 80%;
	max-width: 300px;
	height: auto;
}
@media only screen and (min-width: 768px){
	.award-Bnr h3{
		font-size: 184%;
		margin-top: 35px;
	}
	.award-Bnr .btn{
		margin-top: 45px;
	}
	.award-Bnr .ico{
		margin-top: 60px;
	}
}
@media only screen and (min-width: 1024px){
}



/* award-Contents
-----------------------------------*/
.award-Contents{
	margin: 60px auto 0;
}
.award-Contents .box{
	position: relative;
}
.award-Contents .box + .box{
	margin-top: 60px;
}
.award-Contents .image img{
	width: 100%;
	height: auto;
}
.award-Contents .comment{
	background: rgba(255,255,255,.9);
	position: relative;
	padding: 25px 0 90px;
	margin: -70px 20px 0;
}
.award-Contents .comment:before{
	content: "";
	width: 45px;
	height: 45px;
	background-image: url("../../asset/img/ico_common_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	position: absolute;
	top: -3px;
	left: -3px;
}
.award-Contents .comment:after{
	content: "";
	width: 1px;
	height: 60px;
	background: #222e53;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.award-Contents .comment h3{
	color: #544524;
	line-height: 1;
	text-align: center;
	margin-top: 5px;
}
.award-Contents .comment h3 .sm{
	font-size: 153%;
}
.award-Contents .comment h3 .lg{
	font-size: 384%;
}
.award-Contents .comment h4{
	color: #544524;
	text-align: center;
	margin-top: 5px;
}
.award-Contents .comment h4 .md{
	font-size: 131%;
	line-height: 1.6;
	margin-top: 10px;
	display: inline-block;
}
.award-Contents .comment h4 .lg{
	font-size: 130%;
	line-height: 1.4;
	display: inline-block;
}
.award-Contents .comment p{
	margin: 20px 20px 0;
}
.award-Contents .note{
	border: 1px solid #222e53;
	padding: 10px 0;
	margin: 30px 50px 0;
}
.award-Contents .note p{
	color: #222e53;
	text-align: center;
}
@media only screen and (min-width: 768px){
	.award-Contents{
		margin: 90px auto 0;
	}
	.award-Contents .box{
		padding-top: 300px;
	}
	.award-Contents .box + .box{
		margin-top: 100px;
	}
	.award-Contents .box:before{
		content: "";
		width: 100%;
		height: 300px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		position: absolute;
		top: 0;
		left: 0;
	}
	.award-Contents .box:first-child:before{
		background-image: url("../img/img_award_01.jpg");
	}
	.award-Contents .box:nth-child(2):before{
		background-image: url("../img/img_award_02.jpg");
	}
	.award-Contents .box:nth-child(3):before{
		background-image: url("../img/img_award_03.jpg");
	}
	.award-Contents .box:nth-child(4):before{
		background-image: url("../img/img_award_04.jpg");
	}
	.award-Contents .image{
		display: none;
	}
	.award-Contents .comment{
		width: 80%;
		padding: 60px 40px 90px;
		margin: -40px auto 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.award-Contents .comment h3 .sm{
		font-size: 184%;
	}
	.award-Contents .comment h3 .lg{
		font-size: 415%;
	}
	.award-Contents .comment h4{
		font-size: 108%;
	}
	.award-Contents .comment h4 .md{
		font-size: 156.8%;
	}
	.award-Contents .note{
		max-width: 640px;
		margin: 30px auto 0;
	}
}
@media only screen and (min-width: 1024px){
	.award-Contents{
		margin: 120px auto 0;
	}
	.award-Contents .box{
		padding: 80px 0;
	}
	.award-Contents .box + .box{
		margin-top: 160px;
	}
	.award-Contents .box:before{
		width: 66.6%;
		height: 100%;
	}
	.award-Contents .box:nth-child(even):before{
		right: 0;
		left: auto;
	}
	.award-Contents .comment{
		width: 50%;
		padding: 60px 40px 120px;
		margin: 0;
		position: relative;
		left: 50%;
	}
	.award-Contents .box:nth-child(even) .comment{
		left: 0;
	}
	.award-Contents .comment h3 .sm{
		font-size: 215%;
	}
	.award-Contents .comment h3 .lg{
		font-size: 446%;
	}
	.award-Contents .comment h4{
		font-size: 123.1%;
	}
	.award-Contents .comment h4 .md{
		font-size: 184%;
	}
	.award-Contents .comment p{
		max-width: 560px;
		margin: 10px auto 0;
	}
	.award-Contents .note{
		margin: 120px auto 0;
	}
}



/* award-Reason
-----------------------------------*/
.award-Reason{
	margin: 80px auto 0;
}
.award-Reason h3{
	color: #222e53;
	font-size: 138.5%;
	line-height: 1.6;
	text-align: center;
}
.award-Reason h3 .lg{
	font-size: 130%;
}
.award-Reason .box{
	margin-top: 18px;
}
.award-Reason .box + .box{
	margin-top: 40px;
}
.award-Reason .box .image img{
	width: 100%;
	height: auto;
}
.award-Reason .box h4{
	color: #222e53;
	line-height: 1;
	text-align: center;
	margin-top: -50px;
}
.award-Reason .box h4 .sm{
	font-size: 153%;
}
.award-Reason .box h4 .lg{
	font-size: 384%;
}
.award-Reason .box h5{
	color: #222e53;
	font-size: 138.5%;
	line-height: 1.8;
	text-align: center;
	margin-top: 10px;
}
.award-Reason .box p{
	margin: 10px 30px 0;
}
.award-Reason .inner02{
	margin: 60px auto 0;
}
.award-Reason .ranking{
	padding: 45px 0 60px;
	margin: 0 20px;
	position: relative;
}
.award-Reason .ranking + .ranking{
	margin-top: 40px;
}
.award-Reason .ranking:before,
.award-Reason .ranking:after{
	content: "";
	width: 168px;
	height: 50px;
	background-image: url("../../asset/img/ico_common_02.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
}
.award-Reason .ranking:before{
	top: 0;
	left: 0;
}
.award-Reason .ranking:after{
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.award-Reason .ranking h4{
	color: #222e53;
	font-size: 138.5%;
	line-height: 1.6;
	text-align: center;
}
.award-Reason .ranking h5{
	color: #222e53;
	font-size: 108%;
	line-height: 1.6;
	text-align: center;
	margin-top: 15px;
}
.award-Reason .ranking ul{
	margin-top: 15px;
}
.award-Reason .ranking ul li{
	text-align: center;
	font-size: 93%;
	list-style: none;
}
.award-Reason .ranking .rankingBox{
	display: none;
}
.award-Reason .ranking .rankingBox ul{
	margin: 0;
}
.award-Reason .ranking .rankingBtn{
	margin-top: 15px;
}
@media only screen and (min-width: 768px){
	.award-Reason{
		margin: 100px auto 0;
	}
	.award-Reason h3{
		font-size: 184%;
	}
	.award-Reason .inner02{
		margin-top: 80px;
	}
	.award-Reason .ranking{
		max-width: 500px;
		padding: 60px 0 80px;
		margin: 0 auto;
	}
	.award-Reason .ranking + .ranking{
		margin-top: 60px;
	}
	.award-Reason .ranking h4{
		font-size: 184%;
	}
	.award-Reason .ranking h5{
		font-size: 138.5%;
	}
	.award-Reason .ranking ul li{
		font-size: 108%;
	}
}
@media only screen and (min-width: 1024px){
	.award-Reason{
		margin: 140px auto 0;
	}
	.award-Reason h3{
		font-size: 215%;
	}
	.award-Reason .inner{
		max-width: 1280px;
		margin: 25px auto 0;
	}
	.award-Reason .inner .box{
		width: 33.33%;
		margin: 0!important;
		float: left;
	}
	.award-Reason .inner02{
		max-width: 1280px;
		padding: 0 40px;
		margin-top: 100px;
	}
	.award-Reason .inner02 .ranking{
		width: 50%;
		max-width: none;
		padding: 80px 0 100px;
		margin: 0!important;
		float: left;
	}
}