/*-------------------- common --------------------*/
.skpg_ad1903_wrap {width:720px; margin:0 auto; font:13px/1.231 "ヒラギノ角ゴ Pro W3 Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande","ＭＳ Ｐゴシック","Osaka",Helvetica,verdana,arial,sans-serif;color:#000000;text-align:center;background:#ffffff;line-height:1.6;}
.skpg_ad1903_wrap object{margin:0;padding:0;}
html,body{background: #fff;color: #111; }
.skpg_ad1903_wrap img {display: block;}

/*-------------------- contents --------------------*/

.skpg_ad1903_wrap .button01{
background: url(../image/button01_bg.png) repeat-x top;
padding: 4% 0 2%;
}
.skpg_ad1903_wrap .button02{
background-color:#fceded;
padding: 9% 0 7%;
}
.skpg_ad1903_wrap .button01 div,
.skpg_ad1903_wrap .button02 div{
background: url(../image/button_bg.png) no-repeat bottom;
background-size: 100%;
text-align: center;
margin: 0 auto;
padding: 0 6%;
}
.skpg_ad1903_wrap .button01 div img,
.skpg_ad1903_wrap .button02 div img{
display: block;
text-align: center;
width: 100%;
height: auto;
padding: 3% 0 8% 0;
}



/*-------------------- cv --------------------*/
.cv01 {
	position:relative;
}

.btn01 {
	width:94% !important;
	position:absolute;
	bottom:2%;
	left:3%;
}

.btn02 {
	width:94% !important;
	position:absolute;
	bottom:2%;
	left:3%;
}



/*-------------------- counseling --------------------*/
.counseling {
	position:relative;
}

.btn03 {
	width:94% !important;
	position:absolute;
	bottom:3%;
	left:3%;
}



/*-------------------- movie --------------------*/
.movie01 {
	background-color:#f2f2f2;
	padding:0 0 9% 0 !important;
}
.movie01 .movie01_inner {
width:590px;
margin:0 auto;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
.movie01 .movie01_inner iframe {
	border:1px solid #605F64;
position: absolute;
top: 0;
left: -1px;
width: 100%;
height: 82%;
}

.movie02 {
	background-color:#fceded;
	padding:0 0 9% 0 !important;
}
.movie02 .movie02_inner {
width:594px;
margin:0 auto;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
.movie02 .movie02_inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 82.4%;
}



/*-------------------- footer --------------------*/
#footer.skpg_ad1903_wrap  {
	padding: 10% 0 5%;
}
#footer.skpg_ad1903_wrap .flo_c a {
	color: #111;
	text-decoration: none;
	font-size: 13px;
}


/* ---------------------------------------------------------------
	Footer
--------------------------------------------------------------- */
footer{
	margin-top: 2em;
	text-align: center;
}
.logo{
	margin: 9% auto 6%;
}
.info{
	text-align: left;
	list-style: none;
	width: 90%;
	max-width: 600px;
	margin: auto;
	font-weight: normal;
	font-size: 26px;
	line-height: 1.25;
}
.info li{
	margin-bottom: 0.4em;
}
.info a{
	text-decoration: none;
}
.info a:hover{
	text-decoration: underline;
}
/* SPのみ */
@media all and (max-width: 750px) {
	.logo{
		width: calc(280vw / 750 * 100);
	}
	.info{
		font-size: min(calc(26vw / 750 * 100), 26px);
	}
}

.foot_nav{
	list-style: none;
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	margin: 7% auto 5%;
}
.foot_nav li{
	border-right: 1px solid;
	padding: 0 1em;
}
.foot_nav li:first-child{
	padding-left: 0;
}
.foot_nav li:last-child{
	padding-right: 0;
}
.foot_nav li:last-child{
	border: none;
}
/* SPのみ */
@media all and (max-width: 750px) {
	.foot_nav{
		font-size: calc(20vw / 750 * 100);
	}
}

address{
	font-style: normal;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 7%;
}
/* SPのみ */
@media all and (max-width: 750px) {
	address{
		font-size: calc(20vw / 750 * 100);
	}
}
