@charset "utf-8";



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



/* registration-Intro
-----------------------------------*/
.registration-Intro{
	text-align: center;
	line-height: 2.6;
	padding-bottom: 45px;
	margin-top: 15px;
}
@media only screen and (min-width: 768px){
}
@media only screen and (min-width: 1024px){
	.registration-Intro{
		padding-bottom: 60px;
		margin-top: 30px;
	}
}
@media only screen and (min-width: 1280px){
	.registration-Intro:after{
		width: 360px;
		height: 378px;
		right: auto;
		left: 50%;
		margin-left: 180px;
	}
}



/* registration-Link
-----------------------------------*/
.registration-Link{
	max-width: 600px;
	text-align: center;
	padding: 0 20px;
	margin: 0 auto;
}
.registration-Link a{
	color: #222e53;
	font-size: 131%;
	line-height: 50px;
	width: calc(50% - 10px);
	border: 2px solid #222e53;
	display: block;
	float: left;
}
.registration-Link a:nth-child(even){
	float: right;
}
@media only screen and (min-width: 768px){
	.registration-Link a{
		font-size: 156.8%;
		line-height: 60px;
	}
}
@media only screen and (min-width: 1024px){
}



/* .sw-LoopSlide
-----------------------------------*/
.sw-LoopSlide{
	margin: 65px auto 30px;
}
.sw-LoopSlide .slides div{
	-webkit-transition: none;
	transition: none;
}
.sw-LoopSlide .slides .item{
	list-style: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	margin: 0 15px;
	opacity: 0;
}
.sw-LoopSlide .slides .item img{
	width: 100%;
	height: auto;
}
.sw-LoopSlide .slides.slick-initialized li{
	opacity: 1;
}
.sw-LoopSlide .slides .item.slick-current{
	outline: none;
}
.sw-LoopSlide .slides .slick-list{
	padding: 15px 0;
}
.sw-LoopSlide .slick-dots{
	text-align: center;
	position: absolute;
	bottom: -30px;
}
.sw-LoopSlide .slick-dots li{
	display: inline-block;
}
.sw-LoopSlide .slick-dots li + li{
	margin-left: 10px;
}
@media only screen and (min-width: 768px){
	.sw-LoopSlide{
		margin-top: 95px;
	}
}
@media only screen and (min-width: 1024px){
	.sw-LoopSlide{
	}
}



/* registration-Design
-----------------------------------*/
.registration-Design{
	background-color: #fafafa;
	padding: 60px 0;
	position: relative;
}
.registration-Design:before{
	content: "";
	width: 100%;
	height: 10px;
	background: #222e53;
	position: absolute;
	top: 0;
	left: 0;
}
.registration-Design-birth:before{
	background: #557094;
}
.registration-Design h3{
	color: #222e53;
	font-size: 215%;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 10px;
}
.registration-Design-birth h3{
	color: #557094;
}
.registration-Design h4{
	color: #222e53;
	font-size: 116%;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 20px;
}
.registration-Design-birth h4{
	color: #557094;
}
.registration-Design .inner{
	padding: 0 40px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.registration-Design .pattern{
	margin-top: 40px;
	position: relative;
}
.registration-Design .pattern:before{
	color: #fff;
	font-size: 369%;
	line-height: 1;
	position: absolute;
	top: -.5em;
	left: 10px;
	z-index: 2;
	opacity: .5;
}
.registration-Design .pattern:first-child:before{
	content: "01";
}
.registration-Design .pattern:nth-child(2):before{
	content: "02";
}
.registration-Design .pattern:nth-child(3):before{
	content: "03";
}
.registration-Design .pattern:nth-child(4):before{
	content: "04";
}
.registration-Design .pattern:nth-child(5):before{
	content: "05";
}
.registration-Design .pattern:nth-child(6):before{
	content: "06";
}
.registration-Design .pattern:nth-child(7):before{
	content: "07";
}
.registration-Design .pattern:nth-child(8):before{
	content: "08";
}
.registration-Design .pattern:first-child{
	margin-bottom: 0;
}
.registration-Design .pattern .thumb{
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.3);
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}
.registration-Design .pattern .thumb img{
	width: 100%;
	height: auto;
}
.registration-Design .pattern p{
	text-align: center;
	color: #222e53;
}
.registration-Design-birth .pattern p{
	color: #557094;
}
.registration-Design .pattern p .en{
	font-size: 138.5%;
}
.registration-Design .pattern p .lg{
	font-size: 150%;
}
.registration-Design .pattern p .name{
	font-size: 108%;
}
.registration-Design .contact{
	background: #fff;
	border: 1px solid #222e53;
	padding: 40px 20px;
	margin: 40px 20px 0;
}
.registration-Design-birth .contact{
	border: 1px solid #557094;
}
.registration-Design .contact .pc{
	display: none;
}
.registration-Design .contact .sw-Btn{
	margin-top: 15px;
}
.registration-Design-birth .sw-Btn-01 span{
	color: #557094;
}
.registration-Design-birth .sw-Btn-01 span:after{
	background: #557094;
}
@media only screen and (min-width: 768px){
	.registration-Design{
		padding: 90px 0;
	}
	.registration-Design h3{
		font-size: 292%;
	}
	.registration-Design h4{
		font-size: 123.1%;
		margin-bottom: 40px;
	}
	.registration-Design .inner{
		margin: 20px auto 0;
	}
	.registration-Design .pattern .thumb a{
		position: relative;
		display: block;
	}
	.registration-Design .pattern .thumb a:before{
		content: "";
		width: 100%;
		height: 100%;
		background: #222e53;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		-webkit-transition: all ease .4s;
		transition: all ease .4s;
	}
	.registration-Design .pattern .thumb a:hover:before{
		opacity: .4;
	}
	.registration-Design .pattern p{
		margin-top: 5px;
	}
	.registration-Design .contact{
		text-align: center;
		border: 2px solid #222e53;
		max-width: 600px;
		margin: 40px auto 0;
	}
	.registration-Design-birth .contact{
		border: 2px solid #557094;
	}
	.registration-Design .contact .pc{
		display: inline;
	}
}
@media only screen and (min-width: 1024px){
	.registration-Design{
		padding: 120px 0;
	}
	.registration-Design h3{
		font-size: 338%;
	}
	.registration-Design h4{
		font-size: 156.8%;
		margin-bottom: 60px;
	}
	.registration-Design .inner{
		max-width: 1280px;
		margin: 40px auto 0;
	}
	.registration-Design .pattern{
		width: 30%;
		margin-right: 5%;
		margin-top: 0;
		margin-bottom: 60px;
		float: left;
	}
	.registration-Design .pattern p{
		margin-top: 10px;
	}
	.registration-Design .pattern:nth-child(3n){
		margin: 0;
	}
}



/* registration-Howto
-----------------------------------*/
.registration-Howto{
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 60px auto 0;
	position: relative;
}
.registration-Howto h3{
	color: #222e53;
	font-size: 215%;
	text-align: center;
}
.registration-Howto-birth h3{
	color: #557094;
}
.registration-Howto h4{
	color: #222e53;
	font-size: 108%;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 20px;
}
.registration-Howto-birth h4{
	color: #557094;
}
.registration-Howto .step{
	max-width: 900px;
	padding: 0 20px;
	margin: 0 auto;
}
.registration-Howto .step .item{
	list-style: none;
	border: 1px solid #222e53;
	background: #fff;
	padding: 10px 15px 15px;
	margin-top: 20px;
}
.registration-Howto-birth .step .item{
	border: 1px solid #557094;
}
.registration-Howto .step .item:first-child{
	margin-top: 0;
}
.registration-Howto .step h5{
	line-height: 1.8;
	background-image: url("../img/ico_registration_01.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: right center;
	padding-right: 40px;
	position: relative;
	cursor: pointer;
}
.registration-Howto-birth .step h5{
	background-image: url("../img/ico_registration_02.png");
}
.registration-Howto .step h5 .en{
	color: #d6d6d6;
	margin-left: 2px;
}
.registration-Howto .step h5 .lg{
	font-size: 150%;
}
.registration-Howto .step h5 .ja{
	color: #222e53;
	font-size: 123.1%;
}
.registration-Howto-birth .step h5 .ja{
	color: #557094;
}
.registration-Howto .step .comment{
	border-top: 1px solid #d6d6d6;
	padding-top: 5px;
	margin-top: 5px;
	display: none;
}
.registration-Howto .step .comment h6{
	font-size: 108%;
	color: #222e53;
}
.registration-Howto .step .comment p + h6{
	margin-top: 10px;
}
.registration-Howto .step .comment a{
	text-decoration: underline;
}
.registration-Howto .step .comment ul{
	padding: 5px 0 15px;
}
.registration-Howto .step .comment ul li{
	color: #222e53;
	font-size: 108%;
	list-style: none;
	padding-left: 1em;
	position: relative;
}
.registration-Howto .step .comment ul li:before{
	content: "・";
	position: absolute;
	left: 0;
}
.registration-Howto .step .comment ul li + li{
	margin-top: 5px;
}
.registration-Howto .step .comment .note{
	padding-left: 1em;
	margin-top: 10px;
	position: relative;
}
.registration-Howto .step .comment .note:before{
	content: "※";
	position: absolute;
	left: 0;
}
.registration-Howto .sample{
	text-align: center;
	margin-top: 30px;
}
.registration-Howto .sample a{
	color: #fff;
	font-size: 123.1%;
	line-height: 45px;
	text-align: center;
	width: 260px;
	background: #222e53;
	display: inline-block;
}
.registration-Howto-birth .sample a{
	background: #557094;
}
@media only screen and (min-width: 768px){
	.registration-Howto{
		margin: 90px auto 0;
	}
	.registration-Howto h3{
		font-size: 292%;
	}
	.registration-Howto h4{
		font-size: 123.1%;
		margin-bottom: 20px;
	}
	.registration-Howto .step{
		margin: 20px auto 0;
	}
	.registration-Howto .step .item{
		padding: 20px 30px 30px;
		border: 2px solid #222e53;
	}
	.registration-Howto-birth .step .item{
		border: 2px solid #557094;
	}
	.registration-Howto .step h5 .en{
		font-size: 108%;
	}
	.registration-Howto .step h5 .ja{
		font-size: 138.5%;
	}
	.registration-Howto .step .comment{
		padding-top: 10px;
		margin-top: 10px;
	}
	.registration-Howto .step .comment ul{
		padding: 10px 0 20px;
	}
	.registration-Howto .step .comment ul li{
		font-size: 123.1%;
	}
	.registration-Howto .step .comment ul li + li{
		margin-top: 10px;
	}
	.registration-Howto .step .comment h6{
		font-size: 116%;
	}
	.registration-Howto .step .comment p + h6{
		margin-top: 15px;
	}
	.registration-Howto .sample{
		margin-top: 45px;
	}
	.registration-Howto .sample a{
		line-height: 60px;
		width: 400px;
	}
}
@media only screen and (min-width: 1024px){
	.registration-Howto{
		margin: 120px auto 0;
	}
	.registration-Howto h3{
		font-size: 338%;
	}
	.registration-Howto h4{
		font-size: 138.5%;
	}
	.registration-Howto .step{
		margin: 40px auto 0;
	}
	.registration-Howto .step .item{
		padding: 20px 40px 30px;
	}
	.registration-Howto .step h5 .en{
		font-size: 156.8%;
	}
	.registration-Howto .step h5 .ja{
		font-size: 156%;
	}
	.registration-Howto .step .comment{
		padding-top: 15px;
		margin-top: 15px;
	}
	.registration-Howto .step .comment ul li{
		font-size: 138.5%;
	}
	.registration-Howto .step .comment h6{
		font-size: 138.5%;
	}
}