@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
}
body{
	background-color : #fff;
}
.wrap{
	/*max-width : 1180px;*/
	/*max-width : 1500px;*/
	max-width : 1200px;
	margin-left : auto;
	margin-right : auto;
}
@media(max-width: 767px){
	.wrap{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	.wrap{
		padding-left : calc( 50 * 100% / 1280 );
		padding-right : calc( 50 * 100% / 1280 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	.row{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
}
@media(min-width: 1200px){
	.row{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
}
.text sup{
	line-height : 1;
	vertical-align : baseline;
	display : inline-block;
}
@media(max-width: 767px){
	.text{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 45 * 100vw / 768 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	.text{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : calc( 30 * 100vw / 1200 );
	}
	.text sup{
		line-height : 1;
		vertical-align : baseline;
		display : inline-block;
	}
}
@media(min-width: 1200px){
	.text{
		font-size : 16px;
		line-height : 30px;
	}
}
/*--------------------------------------------
HEADER
---------------------------------------------*/
#header{
	position : fixed;
	width : 100%;
	top : 0;
	left : 0;
	background-color : #fff;
	z-index : 10;
}
#header .wrap{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	max-width: 1350px;
}
@media(max-width: 767px){
	#header .wrap{
		height : calc( 120 * 100vw / 768 );
	}
	#header h1{
		width : calc( 136 * 100% / 768 );
	}
	#header #menuBtn{
		position : relative;
		width : calc( 80 * 100% / 720 );
		height : calc( 48 * 100vw / 768 );
	}
	#header #menuBtn span{
		position : absolute;
		left : 0;
		width : 100%;
		height : calc( 8 * 100vw / 768 );
		display : block;
		background-color : #666;
		-webkit-transition : all .4s;
		        transition : all .4s;
	}
	#header #menuBtn span:nth-of-type(1){
		top : 0;
	}
	#header #menuBtn span:nth-of-type(2){
		top : calc( 20 * 100vw / 768 );
	}
	#header #menuBtn span:nth-of-type(3){
		top : calc( 20 * 100vw / 768 );
	}
	#header #menuBtn span:nth-of-type(4){
		bottom : 0;
	}
	#header #menuBtn.is-open span:nth-of-type(1){
		-webkit-transform : translateY(  calc( 20 * 100vw / 768 ) ) scale(0);
		        transform : translateY(  calc( 20 * 100vw / 768 ) ) scale(0);
	}
	#header #menuBtn.is-open span:nth-of-type(2){
		-webkit-transform : rotate(-45deg);
		        transform : rotate(-45deg);
	}
	#header #menuBtn.is-open span:nth-of-type(3){
		-webkit-transform : rotate(45deg);
		        transform : rotate(45deg);
	}
	#header #menuBtn.is-open span:nth-of-type(4){
		-webkit-transform : translateY(  calc( -20 * 100vw / 768 ) ) scale(0);
		        transform : translateY(  calc( -20 * 100vw / 768 ) ) scale(0);
	}
	#header nav{
		max-height : 0;
		overflow : hidden;
		position : fixed;
		top : calc( 120 * 100vw / 768 );
		left : 0;
		width : 100%;
		z-index : 10;
		background-color : #666;
		-webkit-transition : max-height .5s ease-in;
		        transition : max-height .5s ease-in;
	}
	#header nav .scroll{
		overflow-y : scroll;
		padding-top : calc( 30 * 100vw / 768 );
		padding-bottom : calc( 280 * 100vw / 768 );
		height : calc( 100vh - calc( 120 * 100vw / 768 ) );
	}
	#header nav ul{
		padding-left : calc( 64 * 100% / 768 );
		padding-right : calc( 64 * 100% / 768 );
	}
	#header nav a{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		font-size : calc( 40 * 100vw / 768 );
		color : white;
		height : calc( 136 * 100vw / 768 );
	}
	#header nav a sup{
		line-height : 1;
		vertical-align : baseline;
		display : inline-block;
	}
	#header nav li:not(:first-child):not(:last-child) a{
		border-top : solid #fff 1px;
	}
	#header nav a.link02{
		color: #e60012;
		border: 2px solid #e60012!important;
	}
	#header nav li:last-child a,
	#header nav li:nth-child(6) a.link02{
		border-radius : calc( 12 * 100vw / 768 );
		width : 100%;
		height : calc( 100 * 100vw / 768 );
		margin-top : calc( 10 * 100vw / 768 );
	}
	#header nav button{
		display : block;
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 37 * 100vw / 768 );
		width : calc( 65 * 100% / 640 );
	}
	#header #menuBtn.is-open + nav{
		max-height : calc( 100vh - calc( 120 * 100vw / 768 ) );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	/*#header .wrap{
		height : calc( 100 * 100vw / 1280 );
		-webkit-box-pack : start;
		-ms-flex-pack : start;
		justify-content : flex-start;
		padding-left: calc( 10 * 100% / 1280 );
    	padding-right: calc( 10 * 100% / 1280 );
	}
	#header h1{
		width : calc( 106 * 100% / 1200 );
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	#header nav{
		-webkit-box-flex : 1;
		-ms-flex-positive : 1;
		flex-grow : 1;
		margin-left : calc( 100 * 100% / 1200 );
	}
	#header ul{
		width : 100%;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	#header ul a:not(.link),
	#header ul a:not(.link02){
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		padding-left: 0.5em;
    	padding-right: 0.5em;
		height : calc( 54 * 100vw / 1280 );
		font-size : calc( 16 * 80vw / 1280 );
	}
	#header ul a:not(.link) sup{
		line-height : 1;
		vertical-align : baseline;
		display : inline-block;
	}
	#header .link,
	#header .link02{
		width : calc( 180 * 100vw / 1280 );
		height : calc( 54 * 100vw / 1280 );
		color : white;
		font-size : calc( 16 * 80vw / 1280 );
	}

	#header .link02{
		color: #e60012;
	}*/
	#header .wrap{
		height : calc( 100 * 100vw / 1200 );
	}
	#header h1{
		width : calc( 106 * 100% / 1200 );
	}
	#header #menuBtn{
		position : relative;
		width : calc( 80 * 100% / 1200 );
		height : calc( 60 * 90vw / 1200 );
	}
	#header #menuBtn span{
		position : absolute;
		left : 0;
		width : 100%;
		height : calc( 5 * 100vw / 1200 );
		display : block;
		background-color : #666;
		-webkit-transition : all .4s;
		        transition : all .4s;
	}
	#header #menuBtn span:nth-of-type(1){
		top : 5px;
	}
	#header #menuBtn span:nth-of-type(2){
		top: calc( 20 * 130vw / 1200 );
	}
	#header #menuBtn span:nth-of-type(3){
		top: calc( 20 * 130vw / 1200 );
	}
	#header #menuBtn span:nth-of-type(4){
		bottom : 0;
	}
	#header #menuBtn.is-open span:nth-of-type(1){
		-webkit-transform : translateY(  calc( 20 * 100vw / 1200 ) ) scale(0);
		        transform : translateY(  calc( 20 * 100vw / 1200 ) ) scale(0);
	}
	#header #menuBtn.is-open span:nth-of-type(2){
		-webkit-transform : rotate(-45deg);
		        transform : rotate(-45deg);
	}
	#header #menuBtn.is-open span:nth-of-type(3){
		-webkit-transform : rotate(45deg);
		        transform : rotate(45deg);
	}
	#header #menuBtn.is-open span:nth-of-type(4){
		-webkit-transform : translateY(  calc( -20 * 100vw / 1200 ) ) scale(0);
		        transform : translateY(  calc( -20 * 100vw / 1200 ) ) scale(0);
	}
	#header nav{
		max-height : 0;
		overflow : hidden;
		position : fixed;
		top: calc( 100 * 100vw / 1200 );
		left : 0;
		width : 100%;
		z-index : 10;
		background-color : #666;
		-webkit-transition : max-height .5s ease-in;
		        transition : max-height .5s ease-in;
	}
	#header nav .scroll{
		overflow-y : scroll;
		padding-top : calc( 30 * 100vw / 1200 );
		padding-bottom : calc( 280 * 100vw / 1200 );
		height : calc( 100vh - calc( 120 * 100vw / 1200 ) );
	}
	#header nav ul{
		padding-left : calc( 64 * 100% / 1200 );
		padding-right : calc( 64 * 100% / 1200 );
	}
	#header nav a{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		font-size : calc( 40 * 100vw / 1200 );
		color : white;
		height : calc( 136 * 100vw / 1200 );
	}
	#header nav a sup{
		line-height : 1;
		vertical-align : baseline;
		display : inline-block;
	}
	#header nav li:not(:first-child):not(:last-child) a{
		border-top : solid #fff 1px;
	}
	#header nav a.link02{
		color: #e60012;
		border: 2px solid #e60012!important;
	}
	#header nav li:last-child a,
	#header nav li:nth-child(6) a.link02{
		border-radius : calc( 12 * 100vw / 1200 );
		width : 100%;
		height : calc( 100 * 100vw / 1200 );
		margin-top : calc( 10 * 100vw / 1200 );
	}
	#header nav button{
		display : block;
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 37 * 100vw / 1200 );
		width : calc( 65 * 100% / 640 );
	}
	#header #menuBtn.is-open + nav{
		max-height : calc( 100vh - calc( 120 * 100vw / 1200 ) );
	}
}
@media(min-width: 1200px){
	#header .wrap{
		height : 100px;
	}
	#header h1{
		width : 106px;
	}
	#header ul{
		/*width : 1000px;*/
		/*width : 1080px;*/
		width : 1200px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	#header ul a:not(.link),
	#header ul a:not(.link02){
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		padding-left : 1em;
		padding-right : 1em;
		height : 54px;
		/*font-size : 18px;*/
		font-size : 16px;
	}
	#header ul a:not(.link) sup{
		line-height : 1;
		vertical-align : baseline;
		display : inline-block;
	}
	#header .link,
	#header .link02{
		width : 180px;
		height : 54px;
		color : white;
		font-size : 16px;
	}

	#header .link02{
		color: #e60012;
	}
}
/*--------------------------------------------
seminar
---------------------------------------------*/
#seminar{
	background-color : white;
	color : black;
}

#seminar h2{
	margin-bottom: 1.3em;
}

#seminar div{
	padding-top:40px;
}

#seminar ul li{
	margin-bottom: 20px;
}

#seminar ul li:last-of-type{
	margin-bottom: 0;
}

#seminar ul a{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	padding-left : 1em;
	padding-right : 1em;
	/*height : 54px;*/
	font-size : 18px;
}

#seminar ul a sup{
	line-height : 1;
	vertical-align : baseline;
	display : inline-block;
}

@media(max-width: 767px){
	#seminar{
		/*margin-top : calc( 73 * 100vw / 768 );*/
		margin-top : 0;
	}
	#seminar .wrap{
		padding-top : calc( ( 90 - 6 ) * 100vw / 768 );
		/*padding-bottom : calc( 80 * 100vw / 768 );*/
		padding-bottom : 0;
		padding-left : calc( 14 * 100% / 768 );
		padding-right : calc( 14 * 100% / 768 );
	}

	#seminar ul a{
		line-height: 2;
		font-size : calc( 28 * 100vw / 768 );
		/*margin-top : calc( ( 21 - 8.5 ) * 100vw / 768 );*/
		margin-top : 0;
		margin-bottom : calc( ( 30 - 8.5 ) * 100vw / 768 );
	}

	/*#seminar h2:after{
		margin-top : calc( ( 41 - 6 ) * 100vw / 1280 );
		width : calc( 600 * 100% / 740 );
	}*/

	/*
	#seminar .wrap > p:nth-of-type(1){
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
		margin-bottom : calc( ( 30 - 7.5 ) * 100vw / 768 );
		padding-top: calc( ( 118 - 6 - 5 ) * 100vw / 768 );
		padding-left : calc( 24 * 100% / 740 );
		padding-right : calc( 24 * 100% / 740 );
	}
*/
	#seminar em{
		font-size : calc( 24 * 100vw / 768 );
		line-height : calc( 30 * 100vw / 768 );
		margin-top : calc( ( 14 - 3 ) * 100vw / 768 );
		padding-left : calc( 6 * 100% / 738 );
		padding-right : calc( 6 * 100% / 738 );
	}

}

@media(min-width: 768px) and (max-width:1199px){
	#seminar .wrap{
		padding-top : calc( ( 54 - 9 ) * 100vw / 1200 );
		padding-bottom : calc( 80 * 100vw / 1200 );
	}

	/*#seminar h2:after{
		margin-top : calc( ( 28 - 9 ) * 100vw / 1280 );
	}*/
	#seminar ul a{
		font-size : calc( 25 * 100vw / 1280 );
		margin-top : calc( ( 80 - 4 ) * 100vw / 1280 );
	}
}

@media(min-width: 1200px){
	#seminar .wrap{
		padding-top : calc( 54px - 9px );
		/*padding-bottom : 80px;*/
	}
	#seminar h2{
		line-height : 1.6;
		margin-bottom : 1.3em;
	}
	#seminar h2:after{
		margin-top : calc( 28px - 9px );
	}
	#seminar p{
		text-align : center;
	}
	#seminar .wrap > p:nth-of-type(1){
		font-size : 16px;
		margin-bottom : 27px;
	}
	#seminar em{
		font-size : 16px;
		margin-top : 7px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	#seminar em:before , #seminar em:after{
		font-size : 18px;
	}
	
}
/*--------------------------------------------
CAMPAGIN
---------------------------------------------*/
#campagin{
	background-color : #3a3554;
	color : white;
}
#campagin .box{
	border : 1px solid #fff;
	background-color : rgba(255,255,255,.1);
}
#campagin h3{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	background : url("../images/campagin/border.png") left bottom / 100% auto no-repeat;
}
#campagin em{
	display : block;
}
#campagin em:before{
	content : "［";
}
#campagin em:after{
	content : "］";
}
#campagin sup{
	line-height : 1;
	vertical-align : baseline;
	display : inline-block;
}
#campagin .link{
	font-weight : 500;
	position : relative;
	background-color : transparent;
	z-index : 2;
	overflow : hidden;
}
#campagin .link:before{
	content : "";
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	z-index : -1;
	background-color : #fff;
}
#campagin .link:after{
	content : "";
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	z-index : -1;
	background-color : #e60012;
	-webkit-transition : opacity .4s ease-in;
	        transition : opacity .4s ease-in;
}
#campagin .link:hover:after{
	opacity : .6;
}
@media(max-width: 767px){
	#campagin{
		margin-top : calc( 73 * 100vw / 768 );
	}
	#campagin .wrap{
		padding-top : calc( ( 90 - 6 ) * 100vw / 768 );
		padding-bottom : calc( 80 * 100vw / 768 );
		padding-left : calc( 14 * 100% / 768 );
		padding-right : calc( 14 * 100% / 768 );
	}
	#campagin h2{
		margin-bottom : calc( ( 34 - 7.5 ) * 100vw / 768 );
	}
	#campagin h2:after{
		margin-top : calc( ( 41 - 6 ) * 100vw / 1280 );
		width : calc( 600 * 100% / 740 );
	}
	#campagin dl{
		margin-bottom : calc( ( 36 - 7.5 - 7.5 ) * 100vw / 768 );
	}
	#campagin dl dt:before{
		content : "＜";
		margin-right : 1em;
	}
	#campagin dl dt:after{
		content : "＞";
		margin-left : 1em;
	}
	#campagin dt , #campagin dd{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
		text-align : center;
	}
	#campagin .wrap > p:nth-of-type(1){
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.5;
		margin-bottom : calc( ( 30 - 7.5 ) * 100vw / 768 );
		padding-left : calc( 24 * 100% / 740 );
		padding-right : calc( 24 * 100% / 740 );
	}
	#campagin .box{
		width : 100%;
		height : calc( 272 * 100vw / 768 );
		padding-top : calc( ( 37 - 3 ) * 100vw / 768 );
		margin-bottom : calc( ( 29 - 5 ) * 100vw / 768 );
	}
	#campagin h3{
		padding-bottom : calc( ( 28 - 3 ) * 100vw / 768 );
		margin-bottom : calc( 19 * 100vw / 768 );
		width : calc( 668 * 100% / 738 );
		margin-left : auto;
		margin-right : auto;
	}
	#campagin h3 .text{
		margin-right : calc( 21 * 100% / 668 );
		text-align : right;
		font-size : calc( 24 * 100vw / 768 );
		line-height : calc( 30 * 100vw / 768 );
	}
	#campagin h3 .text span{
		display : inline-block;
		letter-spacing : .05em;
	}
	#campagin h3 .img{
		width : calc( 184 * 100% / 668 );
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	#campagin .box p{
		font-size : calc( 24 * 100vw / 768 );
		text-align : center;
	}
	#campagin em{
		font-size : calc( 24 * 100vw / 768 );
		line-height : calc( 30 * 100vw / 768 );
		margin-top : calc( ( 14 - 3 ) * 100vw / 768 );
		padding-left : calc( 6 * 100% / 738 );
		padding-right : calc( 6 * 100% / 738 );
	}
	#campagin .sub{
		font-size : calc( 20 * 100vw / 768 );
		line-height : 1.5;
		margin-bottom : calc( ( 33 - 5 ) * 100vw / 768 );
		text-align : center;
	}
	#campagin .link{
		width : calc( 640 * 100% / 740 );
		height : calc( 124 * 100vw / 768 );
		color : white;
		margin-left : auto;
		margin-right : auto;
		font-size : calc( 34 * 100vw / 768 );
		line-height : calc( 40 * 100vw / 768 );
		-webkit-box-shadow : 0 calc( 2 * 100vw / 768 ) calc( 4 * 100vw / 768 ) rgba(51,51,51,.3);
		        box-shadow : 0 calc( 2 * 100vw / 768 ) calc( 4 * 100vw / 768 ) rgba(51,51,51,.3);
		text-align : center;
		text-shadow : 0 calc( 2 * 100vw / 768 ) calc( 4 * 100vw / 768 ) rgba(51,51,51,.4);
		border-radius : calc( 6 * 100vw / 768 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	#campagin .wrap{
		padding-top : calc( ( 54 - 9 ) * 100vw / 1200 );
		padding-bottom : calc( 80 * 100vw / 1200 );
	}
	#campagin h2{
		line-height : 1.6;
		margin-bottom : calc( 51 * 100vw / 1200 );
	}
	#campagin h2:after{
		margin-top : calc( ( 28 - 9 ) * 100vw / 1280 );
	}
	#campagin dl{
		margin-bottom : calc( 23 * 100vw / 1200 );
	}
	#campagin dl div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		font-size : calc( 18 * 100vw / 1200 );
	}
	#campagin dl div:before{
		content : "＜";
		margin-right : 1em;
	}
	#campagin dl div:after{
		content : "＞";
		margin-left : 1em;
	}
	#campagin dt , #campagin dd{
		font-size : calc( 18 * 100vw / 1200 );
	}
	#campagin dt:after{
		content : "：";
	}
	#campagin p{
		text-align : center;
	}
	#campagin .wrap > p:nth-of-type(1){
		font-size : calc( 16 * 100vw / 1200 );
		margin-bottom : calc( 27 * 100vw / 1200 );
	}
	#campagin .box{
		width : calc( 740 * 100% / 1080 );
		height : calc( 230 * 100vw / 1200 );
		margin-left : auto;
		margin-right : auto;
		padding-left : calc( 34 * 100% / 1080 );
		padding-right : calc( 34 * 100% / 1080 );
		padding-top : calc( ( 38 - 3 ) * 100vw / 1200 );
		margin-bottom : calc( ( 40 - 3 ) * 100vw / 1200 );
	}
	#campagin h3{
		padding-bottom : calc( ( 28 - 3 ) * 100vw / 1200 );
		margin-bottom : calc( 28 * 100vw / 1200 );
	}
	#campagin h3 .text{
		margin-right : calc( 21 * 100% / 738 );
		text-align : right;
		font-size : calc( 24 * 100vw / 1200 );
		line-height : calc( 30 * 100vw / 1200 );
	}
	#campagin h3 .text span{
		display : inline-block;
		letter-spacing : .05em;
	}
	#campagin h3 .img{
		width : calc( 184 * 100% / 738 );
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	#campagin .box p{
		font-size : calc( 14 * 100vw / 1200 );
	}
	#campagin em{
		font-size : calc( 16 * 100vw / 1200 );
		margin-top : calc( 7 * 100vw / 1200 );
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	#campagin em:before , #campagin em:after{
		font-size : calc( 18 * 100vw / 1200 );
	}
	#campagin .sub{
		font-size : calc( 12 * 100vw / 1200 );
		line-height : 1.5;
		margin-bottom : calc( ( 9 - 2.4 ) * 100vw / 1200 );
	}
	#campagin .link{
		width : calc( 746 * 100% / 1200 );
		height : calc( 64 * 100vw / 1200 );
		color : white;
		margin-left : auto;
		margin-right : auto;
		font-size : calc( 24 * 100vw / 1200 );
		-webkit-box-shadow : 0 calc( 2 * 100vw / 1200 ) calc( 4 * 100vw / 1200 ) rgba(51,51,51,.3);
		        box-shadow : 0 calc( 2 * 100vw / 1200 ) calc( 4 * 100vw / 1200 ) rgba(51,51,51,.3);
		text-shadow : 0 calc( 2 * 100vw / 1200 ) calc( 4 * 100vw / 1200 ) rgba(51,51,51,.4);
		border-radius : calc( 6 * 100vw / 1200 );
	}
}
@media(min-width: 1200px){
	#campagin .wrap{
		padding-top : calc( 54px - 9px );
		padding-bottom : 80px;
	}
	#campagin h2{
		line-height : 1.6;
		margin-bottom : 51px;
	}
	#campagin h2:after{
		margin-top : calc( 28px - 9px );
	}
	#campagin dl{
		margin-bottom : 23px;
	}
	#campagin dl div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	#campagin dl div:before{
		content : "＜";
		margin-right : 1em;
	}
	#campagin dl div:after{
		content : "＞";
		margin-left : 1em;
	}
	#campagin dt , #campagin dd{
		font-size : 18px;
	}
	#campagin dt:after{
		content : "：";
	}
	#campagin p{
		text-align : center;
	}
	#campagin .wrap > p:nth-of-type(1){
		font-size : 16px;
		margin-bottom : 27px;
	}
	#campagin .box{
		width : 740px;
		height : 230px;
		margin-left : auto;
		margin-right : auto;
		padding-left : 34px;
		padding-right : 34px;
		padding-top : calc( 38px - 3px );
		margin-bottom : calc( 40px - 3px );
	}
	#campagin h3{
		padding-bottom : calc( 28px - 3px );
		margin-bottom : 28px;
	}
	#campagin h3 .text{
		margin-right : 21px;
		text-align : right;
		font-size : 24px;
		line-height : 30px;
	}
	#campagin h3 .text span{
		display : inline-block;
		letter-spacing : .05em;
	}
	#campagin .box p{
		font-size : 14px;
	}
	#campagin em{
		font-size : 16px;
		margin-top : 7px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	#campagin em:before , #campagin em:after{
		font-size : 18px;
	}
	#campagin .sub{
		font-size : 12px;
		line-height : 1.5;
		margin-bottom : calc( 9px - 2.4px );
	}
	#campagin .link{
		width : 746px;
		height : 64px;
		color : white;
		margin-left : auto;
		margin-right : auto;
		font-size : 24px;
		-webkit-box-shadow : 0 2px 4px rgba(51,51,51,.3);
		        box-shadow : 0 2px 4px rgba(51,51,51,.3);
		text-shadow : 0 2px 4px rgba(51,51,51,.4);
		border-radius : 6px;
	}
}
/*--------------------------------------------
CTA
---------------------------------------------*/
.cta h3{
	text-align : center;
}
.cta h3 sup{
	line-height : 1;
	vertical-align : baseline;
	display : inline-block;
}
.cta a{
	margin-left : auto;
	margin-right : auto;
	color : white;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	font-weight : 500;
	-webkit-transition : opacity .4s ease-in , -webkit-box-shadow .3s ease-in;
	        transition : opacity .4s ease-in , -webkit-box-shadow .3s ease-in;
	        transition : opacity .4s ease-in , box-shadow .3s ease-in;
	        transition : opacity .4s ease-in , box-shadow .3s ease-in , -webkit-box-shadow .3s ease-in;
}
.cta a:hover{
	-webkit-box-shadow : none;
	        box-shadow : none;
	opacity : .8;
}
.cta a sup{
	line-height : 1;
	vertical-align : baseline;
	display : inline-block;
}
@media(max-width: 767px){
	.cta{
		padding-top : calc( ( 40 - 5 ) * 100vw / 768 );
		padding-bottom : calc( 86 * 100vw / 768 );
	}
	.cta h3{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 40 * 100vw / 768 );
	}
	.cta a{
		margin-top : calc( ( 21 - 5 ) * 100vw / 768 );
		width : calc( 640 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		-webkit-box-shadow : 0 calc( 2 * 100vw / 768 ) calc( 4 * 100vw / 768 ) rgba(51,51,51,.3);
		        box-shadow : 0 calc( 2 * 100vw / 768 ) calc( 4 * 100vw / 768 ) rgba(51,51,51,.3);
		text-shadow : 0 calc( 2 * 100vw / 768 ) calc( 4 * 100vw / 768 ) rgba(51,51,51,.4);
		font-size : calc( 34 * 100vw / 768 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	.cta .wrap{
		padding-top : calc( 140 * 100vw / 1280 );
		padding-bottom : calc( 100 * 100vw / 1280 );
	}
	.cta h3{
		font-size : calc( 30 * 100vw / 1280 );
	}
	.cta a{
		margin-top : calc( 61 * 100vw / 1280 );
		width : calc( 998 * 100% / 1200 );
		height : calc( 96 * 100vw / 1280 );
		-webkit-box-shadow : 0  calc( 2 * 100vw / 1280 )  calc( 4 * 100vw / 1280 ) rgba(51,51,51,.3);
		        box-shadow : 0  calc( 2 * 100vw / 1280 )  calc( 4 * 100vw / 1280 ) rgba(51,51,51,.3);
		text-shadow : 0  calc( 2 * 100vw / 1280 )  calc( 4 * 100vw / 1280 ) rgba(51,51,51,.4);
		font-size : calc( 36 * 100vw / 1280 );
	}
}
@media(min-width: 1200px){
	.cta .wrap{
		padding-top : 140px;
		padding-bottom : 100px;
	}
	.cta h3{
		font-size : 30px;
	}
	.cta a{
		margin-top : 61px;
		width : 998px;
		height : 96px;
		-webkit-box-shadow : 0 2px 4px rgba(51,51,51,.3);
		        box-shadow : 0 2px 4px rgba(51,51,51,.3);
		text-shadow : 0 2px 4px rgba(51,51,51,.4);
		font-size : 36px;
	}
}
@media(max-width: 767px){
	#join{
		padding-top : calc( ( 84 - 5 ) * 100vw / 768 );
		padding-bottom : calc( 126 * 100vw / 768 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	#join .wrap{
		padding-top : calc( 151 * 100vw / 1280 );
		padding-bottom : calc( 163 * 100vw / 1280 );
	}
	#join h3{
		font-size : calc( 36 * 100vw / 1280 );
	}
}
@media(min-width: 1200px){
	#join .wrap{
		padding-top : 151px;
		padding-bottom : 163px;
	}
	#join h3{
		font-size : 36px;
	}
}
/*--------------------------------------------
MORE02
---------------------------------------------*/
#more02{
	background : #e6e7eb;
}
#more02 h3{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	background-color : #bbbcc0;
	font-weight : 500;
}
#more02 li:nth-child(1) a{
	background : url("../images/more/bg01.png") left top / 100% 100% no-repeat;
}
#more02 li:nth-child(2) a{
	background : url("../images/more/bg02.png") left top / 100% 100% no-repeat;
}
#more02 a{
	display : block;
	width : 100%;
	height : 100%;
	text-align : center;
}
#more02 li:nth-child(1) a{
	-webkit-transition : opacity .3s ease-in;
	        transition : opacity .3s ease-in;
}
#more02 li:nth-child(1) a:hover{
	opacity : .7;
}
#more02 li:nth-child(2) a{
	-webkit-transition : opacity .3s ease-in;
	        transition : opacity .3s ease-in;
}
#more02 li:nth-child(2) a:hover{
	opacity : .7;
}
#more02 span{
	display : block;
}
#more02 li:nth-child(1) span{
	letter-spacing : .025em;
}
@media(max-width: 767px){
	#more02 .wrap{
		padding-bottom : calc( 71 * 100vw / 768 );
	}
	#more02 h3{
		height : calc( 100 * 100vw / 768 );
		font-size : calc( 34 * 100vw / 768 );
	}
	#more02 ul{
		margin-top : calc( 44 * 100vw / 768 );
	}
	#more02 li{
		margin-left : auto;
		margin-right : auto;
		width : calc( 580 * 100% / 720 );
		height : calc( 175 * 100vw / 768 );
		-webkit-box-shadow : 0  calc( 10 * 100vw / 768 )  calc( 12 * 100vw / 768 ) rgba(102,102,102,.2);
		        box-shadow : 0  calc( 10 * 100vw / 768 )  calc( 12 * 100vw / 768 ) rgba(102,102,102,.2);
	}
	#more02 li:not(:first-child){
		margin-top : calc( 30 * 100vw / 768 );
	}
	#more02 li:nth-child(1) a{
		padding-top : calc( 44 * 100vw / 768 );
	}
	#more02 li:nth-child(1) a img{
		margin-bottom : calc( 14 * 100vw / 768 );
		width : calc( 229 * 100% / 580 );
	}
	#more02 li:nth-child(2) a{
		padding-top : calc( 54 * 100vw / 768 );
	}
	#more02 li:nth-child(2) a img{
		width : calc( 184 * 100% / 580 );
		margin-bottom : calc( 11 * 100vw / 768 );
	}
	#more02 span{
		font-size : calc( 18 * 100vw / 768 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	#more02 .wrap{
		padding-bottom : calc( 44 * 100vw / 1280 );
	}
	#more02 h3{
		height : calc( 100 * 100vw / 1280 );
		font-size : calc( 30 * 100vw / 1280 );
	}
	#more02 ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	#more02 li{
		width : calc( 580 * 100% / 1200 );
		height : calc( 175 * 100vw / 1280 );
		-webkit-box-shadow : 0  calc( 10 * 100vw / 1280 )  calc( 12 * 100vw / 1280 ) rgba(102,102,102,.2);
		        box-shadow : 0  calc( 10 * 100vw / 1280 )  calc( 12 * 100vw / 1280 ) rgba(102,102,102,.2);
	}
	#more02 li:nth-child(1) a{
		padding-top : calc( 44 * 100vw / 1280 );
	}
	#more02 li:nth-child(1) a img{
		margin-bottom : calc( 14 * 100vw / 1280 );
		width : calc( 229 * 100% / 580 );
	}
	#more02 li:nth-child(2) a{
		padding-top : calc( 54 * 100vw / 1280 );
	}
	#more02 li:nth-child(2) a img{
		width : calc( 184 * 100% / 580 );
		margin-bottom : calc( 11 * 100vw / 1280 );
	}
	#more02 span{
		font-size : calc( 18 * 100vw / 1280 );
	}
}
@media(min-width: 1200px){
	#more02 .wrap{
		padding-bottom : 44px;
	}
	#more02 h3{
		height : 100px;
		font-size : 30px;
	}
	#more02 ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
	#more02 li{
		width : 580px;
		height : 175px;
		-webkit-box-shadow : 0 10px 12px rgba(102,102,102,.2);
		        box-shadow : 0 10px 12px rgba(102,102,102,.2);
	}
	#more02 li:nth-child(1) a{
		padding-top : 44px;
	}
	#more02 li:nth-child(1) a img{
		margin-bottom : 14px;
	}
	#more02 li:nth-child(2) a{
		padding-top : 54px;
	}
	#more02 li:nth-child(2) a img{
		margin-bottom : 11px;
	}
	#more02 span{
		font-size : 18px;
	}
}
/*--------------------------------------------
FOOTER
---------------------------------------------*/
#footer{
	position : relative;
}
#footer:before{
	content : "";
	display : block;
	width : 100%;
	background : url("../images/footer/line.png") center top no-repeat;
	height : 5px;
	position : absolute;
	left : 0;
	top : 0;
	z-index : 5;
}
#footer #toTop{
	position : fixed;
	bottom : 0;
}
#footer #toTop.is-absolute{
	position : absolute;
}
#footer .bg01{
	background-color : #666;
}
#footer .copyright{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	background-color : #535353;
}
#footer a , #footer p{
	color : white;
}
@media(max-width: 767px){
	#footer #toTop{
		right : calc( 21 * 100% / 768 );
		width : calc( 72 * 100% / 768 );
		height : calc( 72 * 100vw / 768 );
	}
	#footer ul{
		display : none;
	}
	#footer .wrap{
		padding-top : calc( 42 * 100vw / 768 );
		padding-bottom : calc( 32 * 100vw / 768 );
		padding-left : calc( 62 * 100% / 768 );
		padding-right : calc( 62 * 100% / 768 );
	}
	#footer .wrap > div{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}
	#footer h2{
		width : calc( 232 * 100% / 720 );
		-ms-flex-negative : 0;
		flex-shrink : 0;
	}
	#footer .wrap p{
		font-size : calc( 20 * 100vw / 768 );
		line-height : calc( 25 * 100vw / 768 );
	}
	#footer .copyright{
		font-size : calc( 30 * 100vw / 768 );
		line-height : calc( 48 * 100vw / 768 );
		height : calc( 78 * 100vw / 768 );
	}
}
@media(min-width: 768px) and (max-width:1199px){
	#footer #toTop{
		right : 0;
		width : calc( 50 * 100vw / 1280 );
		height : calc( 50 * 100vw / 1280 );
	}
	#footer h2{
		width : calc( 232 * 100vw / 1200 );
		margin-left : auto;
	}
	#footer .row{
		padding-top : calc( 36 * 100vw / 1280 );
		padding-bottom : calc( 36 * 100vw / 1280 );
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	#footer .row > div{
		text-align : right;
	}
	#footer .row p{
		margin-top : calc( 21 * 100vw / 1280 );
		font-size : calc( 12 * 100vw / 1280 );
	}
	#footer ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		padding-top : calc( 22 * 100vw / 1280 );
	}
	#footer ul a{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		font-size : calc( 14 * 100vw / 1280 );
	}
	#footer li:not(:first-child) a:before{
		content : "";
		display : inline-block;
		background : url("../images/footer/border.png") left top no-repeat;
		width : 1px;
		height : calc( 16 * 100vw / 1280 );
		margin-right : calc( 26 * 100vw / 1280 );
		margin-left : calc( 26 * 100vw / 1280 );
	}
	#footer .copyright{
		height : calc( 78 * 100vw / 1280 );
		font-size : calc( 14 * 100vw / 1280 );
		line-height : 1.2;
	}
}
@media(min-width: 1200px){
	#footer #toTop{
		/*left : calc( 50% + 540px );*/
		left : calc( 50% + 610px );
	}
	#footer #toTop.is-absolute{
		-webkit-transform : translateY( -348px );
		        transform : translateY( -348px );
	}
	#footer .row{
		padding-top : 36px;
		padding-bottom : 36px;
		-webkit-box-orient : horizontal;
		-webkit-box-direction : reverse;
		-ms-flex-direction : row-reverse;
		    flex-direction : row-reverse;
		-webkit-box-align : start;
		-ms-flex-align : start;
		align-items : flex-start;
	}
	#footer .row > div{
		text-align : right;
	}
	#footer .row p{
		margin-top : 21px;
		font-size : 12px;
	}
	#footer ul{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		padding-top : 22px;
	}
	#footer ul a{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		font-size : 14px;
	}
	#footer li a:after{
		content : "";
		display : inline-block;
		background : url("../images/footer/border.png") left top no-repeat;
		width : 1px;
		height : 16px;
		margin-right : 26px;
		margin-left : 26px;
	}
	#footer .copyright{
		height : 78px;
		font-size : 14px;
		line-height : 1.2;
	}
}