@charset "UTF-8";



/*****************************************************
　共通 
*****************************************************/
.inner{
	max-width:1500px;
	width:90%;
	margin:0 auto;
}
/* fadein
------------------------------------------------- */
.fadein{
	opacity:0;
}
.fadein.show{
	opacity:1;
	-moz-transition:all 1.2s ease-out;
	-webkit-transition:all 1.2s ease-out;
	-o-transition:all 1.2s ease-out;
	-ms-transition:all 1.2s ease-out;
}
/* jumpin
------------------------------------------------- */
.jumpin{
	opacity:0;
}
.jumpin.show{
	opacity:1;
	animation-duration:1s;	/*実行する時間。「s」は秒の事。*/
	animation-name:jumpin;
}
@keyframes jumpin{
	0%{
		opacity:0;
		transform:translate(0,60px);
	}
	30%{
		opacity:1;
		transform:translate(0,-60px);
	}
	100%{
		opacity:1;
		transform:translate(0,0);
	}
}
/* フォント
------------------------------------------------- */
.f-lobster{font-family: 'Lobster', cursive;}
.f-default{font-family:Meiryo,YuGothic,'Yu Gothic','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;}


/*****************************************************
　ヘッダー 
*****************************************************/
#header{
	/*min-height:1080px;*/
	height:100vh;
	padding:25px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
/* LINE@ ENTRY
------------------------------------------------- */
#line-entry{
	max-width:140px;
	width:8%;
	position:fixed;
	top:40px;
	right:40px;
	z-index:60;
}
/* head-inner
------------------------------------------------- */
#header > .inner{
	/*min-height:inherit;*/
	height:100%;
	text-align:center;
	display:table;
}
#header .head-inner{
	display:table-cell;
	vertical-align:middle;
}
#header .mainimg{
	max-width:579px;
	width:39%;
	margin:0 auto;
}
#header .scrollicon{
	max-width:38px;
	width:3%;
	margin:42px auto 0;
	display:block;
}
/* スライダー
------------------------------------------------- */
#slide-wrap{
	width:100%;
	/*min-height:inherit;*/
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
#slide{
	height:100%;
	position:relative;
	overflow:hidden;
}
#slide .slidebox{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	/*animation:slide 6s 0s;*/
}
#slide .slidebox.active{
	animation:slide_scale 12s 0s,slide_opacity 6s 0s;
	z-index:5;
}
#slide .slidebox.next{
	z-index:3;
	opacity:1;
}
/*@keyframes slideactive{
	0%{opacity:1;transform:scale(1);}
	90%{opacity:1;}
	100%{opacity:0;transform:scale(1.2);}
}*/
@keyframes slide_scale{
	0%{transform:scale(1);}
	100%{transform:scale(1.2);}
}
@keyframes slide_opacity{
	0%{opacity:1;}
	80%{opacity:1;}
	100%{opacity:0;}
}


/*****************************************************
　スクロールで固定「go to internship」 
*****************************************************/
#goto-internship-icon{
	position:fixed;
	top:35px;
	left:30px;
	z-index:10;
	display:none;
}


/*****************************************************
　Travel guide 
*****************************************************/
#travel-guide{
	padding:85px 0 137px;
}
#travelguide-ttl{
	font-size:80px;
	font-size:8.0rem;
	text-align:center;
	margin:0 0 30px;
}
.travelguide-box{
	max-width:1080px;
	width:100%;
	margin:0 auto;
	display:flex;
	align-items:flex-end;
}
.travelguide-box .img{
	max-width:420px;
	width:39%;
	margin:0 7% 0 0;
}
.travelguide-box .text{
	max-width:585px;
	width:54%;
}
.travelguide-box .text .name{
	text-align:center;
	margin:0 0 35px;
}
.travelguide-box .text .subttl{
	text-align:center;
	margin:0 0 20px;
}
.travelguide-box .text p{
	line-height:1.5;
}


/*****************************************************
　青島でドローンを飛ばす1日の旅 
*****************************************************/
.travel-ttl .spimg{
	display:none;
}
/* travel-block
------------------------------------------------- */
.travel-block .contents{
	display:flex;
}
.travel-block .contents .textarea{
	margin-top:30px;
	display:flex;
}
.travel-block .contents .textarea .text{
	text-align:left;
}
.travel-block .contents .textarea .text p{
	/*max-height:380px;*/
	max-height:515px;
	font-size:18px;
	font-size:1.8rem;
	/*font-size:0.93vw;*/
	line-height:1.6;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
}
.travel-block .contents .textarea .text .icon{
	margin:0 auto 25px;
}
/* ----- 奇数 ----- */
.travel-block:nth-of-type(odd) .contents{
	flex-direction:row-reverse
}
.travel-block:nth-of-type(odd) .time{
	text-align:right;
	margin:0 40px 18px 0;
}
.travel-block:nth-of-type(odd) .contents .textarea{
	flex-direction:row-reverse
}
.travel-block:nth-of-type(odd) .contents .textarea .text p{
	margin:0 0 0 auto;
}
/* ----- 偶数 ----- */
.travel-block:nth-of-type(even) .time{
	margin:0 0 18px 40px;
}
.travel-block:nth-of-type(even) .contents .textarea .text p{
	margin:0 auto 0 0;
}
/* ----- travel-block1 ----- */
#travel-block1{
	margin:0 0 205px;
}
#travel-block1 .time img{
	max-width:229px;
	width:16%;
}
#travel-block1 .contents .img{
	max-width:800px;
	width:54%;
}
#travel-block1 .contents .textarea{
	width:43%;
	margin-right:3%;
}
#travel-block1 .contents .textarea .ttl{
	max-width:75px;
	width:12%;
	margin-top:50px;
	margin-left:7%;
}
#travel-block1 .contents .textarea .text .icon{
	max-width:118px;
	width:6.14vw;
	/*width:27%;*/
}
/* ----- travel-block2 ----- */
#travel-block2{
	margin:0 0 190px;
}
#travel-block2 .time img{
	max-width:225px;
	width:15%;
}
#travel-block2 .contents .img{
	max-width:1000px;
	width:67%;
}
#travel-block2 .contents .textarea{
	width:30%;
	margin-left:3%;
}
#travel-block2 .contents .textarea .ttl{
	max-width:75px;
	width:17%;
	margin-top:30px;
	margin-right:10%;
}
#travel-block2 .contents .textarea .text .icon{
	max-width:120px;
	width:6.25vw;
}
/* ----- travel-block3 ----- */
#travel-block3{
	margin:0 0 190px;
}
#travel-block3 .time img{
	max-width:229px;
	width:16%;
}
#travel-block3 .contents .img{
	max-width:800px;
	width:54%;
}
#travel-block3 .contents .textarea{
	width:43%;
	margin-right:3%;
}
#travel-block3 .contents .textarea .ttl{
	max-width:76px;
	width:12%;
	margin-top:30px;
	margin-left:5.4%;
}
#travel-block3 .contents .textarea .text .icon{
	max-width:124px;
	width:6.45vw;
}
/* ----- travel-block4 ----- */
#travel-block4{
	margin:0 0 200px;
}
#travel-block4 .time img{
	max-width:223px;
	width:15%;
}
#travel-block4 .contents .img{
	max-width:640px;
	width:43%;
}
#travel-block4 .contents .textarea{
	width:54%;
	margin-top:50px;
	margin-left:3%;
}
#travel-block4 .contents .textarea .ttl{
	max-width:76px;
	width:10%;
	margin-top:20px;
	margin-right:6%;
}
#travel-block4 .contents .textarea .text .icon{
	max-width:120px;
	width:6.25vw;
}
/* ----- travel-block5 ----- */
#travel-block5{
	margin:0 0 185px;
}
#travel-block5 .time img{
	max-width:233px;
	width:16%;
}
#travel-block5 .contents .img{
	max-width:800px;
	width:54%;
}
#travel-block5 .contents .textarea{
	width:43%;
	margin-top:62px;
	margin-right:3%;
}
#travel-block5 .contents .textarea .ttl{
	max-width:115px;
	width:18%;
	margin-top:0;
	margin-left:7%;
}
#travel-block5 .contents .textarea .text .icon{
	max-width:120px;
	width:6.25vw;
}
/* ----- travel-block6 ----- */
#travel-block6{
	margin:0 0 85px;
}
#travel-block6 .time{
	text-align:center;
	margin:0 0 18px;
}
#travel-block6 .time img{
	max-width:225px;
	width:15%;
}
#travel-block6 .contents{
	display:block;
}
#travel-block6 .contents .img{
	max-width:1000px;
	width:67%;
	margin:0 auto;
}
#travel-block6 .contents .textarea{
	margin-top:60px;
	justify-content:center;
}
#travel-block6 .contents .textarea .ttl{
	max-width:116px;
	width:8%;
	margin-right:2.8%;
}
#travel-block6 .contents .textarea .text .icon{
	max-width:120px;
	width:6.25vw;
}


/*****************************************************
　旅の声、先輩の声 
*****************************************************/
#voice{
	background:#f2f2f2;
}
/* voice-top
------------------------------------------------- */
#voice-top{
	text-align:center;
	padding:0 0 70px;
	position:relative;
	z-index:0;
}
#voice-top:before{
	content:'';
	background:url('../img/leaning_bg.png') no-repeat center bottom;
	background-size:cover;
	-webkit-background-size:cover;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
}
/* voice-bottom
------------------------------------------------- */
#voice-bottom{
	margin:-20px 0 0;
	padding:0 0 110px;
}
/* ----- voice-block ----- */
.voice-block{
	border-radius:10px;
	background:#fff;
	max-width:680px;
	width:46%;
	margin:100px 0 0;
	padding:50px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.voice-block:nth-child(2){
	margin:0;
	float:right;
}
.voice-block .voice-ttl{
	font-size:50px;
	font-size:5.0rem;
	text-align:center;
	margin:0 0 35px;
}
.voice-block .voice-ttl span{
	font-size:26px;
	font-size:2.6rem;
	margin:10px 0 0;
	display:block;
}
.voice-block .img{
	text-align:center;
	margin:0 0 50px;
}
.voice-block .name{
	text-align:center;
	margin:0 0 38px;
}
.voice-block .voice-subttl{
	text-align:center;
	margin:0 0 20px;
}
.voice-block p{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
}


/*****************************************************
　インターンシップ概要、応募対象者 
*****************************************************/
#info{
	border-top:1px solid #cfcfcf;
}
/* info-block
------------------------------------------------- */
#info .infoblock-area{
	display:flex;
}
#info .infoblock-area .info-block{
	width:50%;
	padding:65px 20px;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#info .infoblock-area .info-block + .info-block{
	border-left:1px solid #ccc;
}
#info .infoblock-area .info-block .infoblock-ttl{
	font-size:50px;
	font-size:5.0rem;
	margin:0 0 55px;
}
#info .infoblock-area .info-block .infoblock-ttl span{
	font-size:16px;
	font-size:1.6rem;
	margin:10px 0 0;
	display:block;
}
#info .infoblock-area .info-block p{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
}
#info .infoblock-area .info-block p span{
	font-size:30px;
	font-size:3.0rem;
	font-weight:bold;
}


/*****************************************************
　Flow 
*****************************************************/
#flow{
	border-top:1px solid #ccc;
	background:#fcf8e8;
	padding:70px 0;
}
#flow-ttl{
	font-size:80px;
	font-size:8.0rem;
	text-align:center;
	margin:0 0 5px;
}
#flow-ttl span{
	margin:10px 0 0;
	display:block;
}
/* 応募はカンタン3step!
------------------------------------------------- */
#step-ttl{
	text-align:center;
	margin:0 0 55px;
}
#step{
	display:flex;
}
#step .stepbox{
	width:33%;
	text-align:center;
}
#step .stepbox:nth-child(1),
#step .stepbox:nth-child(2){
	margin:0 0.5% 0 0;
}
#step .stepbox dt{
	margin:0 0 28px;
}
#step .stepbox dd{
	max-width:341px;
	width:69%;
	margin:0 auto;
	/*padding:0 15%;*/
}
#step .stepbox dd p{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	text-align:left;
	line-height:1.2;
	margin:0 auto;
}
#step .stepbox:nth-child(1) dd p,
#step .stepbox:nth-child(3) dd p{
	margin:0 auto 1.2em;
}
#step .stepbox dd img{
	margin:20px 0 0;
}
/* ご応募はこちら
------------------------------------------------- */
#entry{
	text-align:center;
	margin:65px 0 0;
}
#entry-ttl{
	margin:0 0 20px;
}
#entry p{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.2;
	margin:0 0 30px;
}
#entry-btn a{
	border-radius:55px;
	background:#00b900;
	max-width:540px;
	width:100%;
	color:#fff;
	margin:0 auto;
	display:block;
	box-shadow:0px 8px 0px #048c04;
}
#entry-btn a:hover{
	opacity:1;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	-ms-transition:none;
	box-shadow:none;
	-ms-transform:translateY(8px);
    -webkit-transform:translateY(8px);
    transform:translateY(8px);
}
#entry-btn a span{
	background:url('../img/entry_btn_icon.png') no-repeat left center;
	font-size:44px;
	font-size:4.4rem;
	font-weight:bold;
	line-height:100px;
	padding:0 0 0 82px;
	display:inline-block;
}


/*****************************************************
　フッター 
*****************************************************/
/* foot-top
------------------------------------------------- */
#foot-top{
	background:url('../img/foottop_bg.jpg') no-repeat center top;
	background-size:cover;
	-webkit-background-size:cover;
	text-align:center;
	padding:95px 0 100px;
}
/* ----- mainimg ----- */
#foot-top .foot-mainimg{
	max-width:577px;
	width:39%;
	margin:0 auto 40px;
}
/* ----- バナー ----- */
#foot-top .banner{
	max-width:1920px;
	width:100%;
	margin:85px auto 0;
	padding:0 40px 0 36px;
	display:flex;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#foot-top .banner li:nth-child(1){
	max-width:580px;
	width:31%;
	margin:0 3% 0 0;
}
#foot-top .banner li:nth-child(2){
	max-width:580px;
	width:31%;
	margin:0 4% 0 0;
}
#foot-top .banner li:nth-child(3){
	max-width:560px;
	width:30%;
}
/* foot-bottom
------------------------------------------------- */
#foot-bottom{
	background:#111;
	text-align:center;
	color:#fff;
	padding:30px 0;
}
#foot-logo{
	margin:0 0 16px;
}
#copyright{
	font-size:14px;
	font-size:1.4rem;
}


@media screen and (max-width:1080px){
	/*****************************************************
	　ヘッダー 
	*****************************************************/
	/* head-inner
	------------------------------------------------- */
	#header .mainimg{
		width:50%;
	}
	#header .scrollicon{
		width:5%;
		margin:35px auto 0;
	}
}


@media screen and (max-width:1000px){
	/*****************************************************
	　Flow 
	*****************************************************/
	/* 応募はカンタン3step!
	------------------------------------------------- */
	#step .stepbox dd p{
		font-size:20px;
		font-size:2.0rem;
	}
}


@media screen and (max-width:768px){
	/*****************************************************
	　ヘッダー 
	*****************************************************/
	#header{
		height:168.75vw;
		padding:27.34vw 0 12.81vw;
	}
	/* LINE@ ENTRY
	------------------------------------------------- */
	#line-entry{
		max-width:100px;
		width:15.62vw;
		top:20px;
		right:20px;
	}
	/* head-inner
	------------------------------------------------- */
	#header .mainimg{
		width:100%;
	}
	#header .scrollicon{
		width:7%;
		margin:6.25vw auto 0;
	}

	/*****************************************************
	　スクロールで固定「go to internship」 
	*****************************************************/
	#goto-internship-icon{
		top:20px;
		left:20px;
	}

	/*****************************************************
	　Travel guide 
	*****************************************************/
	#travel-guide{
		padding:12.81vw 0 13.28vw;
	}
	#travelguide-ttl{
		font-size:12.5vw;
	}
	.travelguide-box{
		display:block;
	}
	.travelguide-box .img{
		max-width:none;
		width:100%;
		text-align:center;
		margin:0 0 6.56vw;
		padding:0 12.5vw;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.travelguide-box .text{
		max-width:none;
		width:100%;
	}
	.travelguide-box .text .name{
		margin:0 0 5.46vw;
	}
	.travelguide-box .text .subttl{
		margin:0 0 3.12vw;
	}

	/*****************************************************
	　青島でドローンを飛ばす1日の旅 
	*****************************************************/
	.travel-ttl{
		margin:0 0 10.93vw;
	}
	.travel-ttl .pcimg{
		display:none;
	}
	.travel-ttl .spimg{
		margin:0 auto;
		display:block;
	}
	/* travel-block
	------------------------------------------------- */
	.travel-block .contents{
		display:block;
	}
	.travel-block .contents .textarea{
		/*margin-top:55px;*/
		margin-top:8.59vw;
		justify-content:center;
	}
	.travel-block .contents .textarea .text p{
		max-height:none;
		font-size:3.75vw;
		line-height:1.3;
	}
	/* ----- 奇数 ----- */
	.travel-block:nth-of-type(odd) .time{
		margin:0 30px 10px 0;
	}
	.travel-block:nth-of-type(odd) .contents .img{
		margin:0 0 0 auto;
	}
	/* ----- 偶数 ----- */
	.travel-block:nth-of-type(even) .time{
		margin:0 0 10px 30px;
	}
	/* ----- travel-block1 ----- */
	#travel-block1{
		/*margin:0 0 105px;*/
		margin:0 0 16.4vw;
	}
	#travel-block1 .time img{
		width:39%;
	}
	#travel-block1 .contents .img{
		width:78%;
	}
	#travel-block1 .contents .textarea{
		width:78%;
		margin-right:0;
		margin-left:auto;
	}
	#travel-block1 .contents .textarea .ttl{
		width:11.71vw;
		margin-left:7.03vw;
	}
	#travel-block1 .contents .textarea .text .icon{
		width:19vw;
	}
	#travel-block1 .contents .textarea .text p{
		/*max-height:500px;*/
		height:78.12vw;
	}
	/* ----- travel-block2 ----- */
	#travel-block2{
		/*margin:0 0 120px;*/
		margin:0 0 18.75vw;
	}
	#travel-block2 .time img{
		width:38%;
	}
	#travel-block2 .contents .img{
		width:87%;
	}
	#travel-block2 .contents .textarea{
		width:87%;
		margin-left:0;
	}
	#travel-block2 .contents .textarea .ttl{
		width:11.71vw;
		margin-right:7.03vw;
	}
	#travel-block2 .contents .textarea .text .icon{
		width:18.75vw;
	}
	#travel-block2 .contents .textarea .text p{
		/*max-height:750px;*/
		height:117.18vw;
	}
	/* ----- travel-block3 ----- */
	#travel-block3{
		/*margin:0 0 120px;*/
		margin:0 0 18.75vw;
		padding:0 4.68vw 0 0;
	}
	#travel-block3 .time img{
		width:40%;
	}
	#travel-block3 .contents .img{
		width:82%;
	}
	#travel-block3 .contents .textarea{
		width:82%;
		margin-right:0;
		margin-left:auto;
	}
	#travel-block3 .contents .textarea .ttl{
		width:11.87vw;
		margin-left:6.25vw;
	}
	#travel-block3 .contents .textarea .text .icon{
		width:19.37vw;
	}
	#travel-block3 .contents .textarea .text p{
		/*max-height:530px;*/
		height:82.81vw;
	}
	/* ----- travel-block4 ----- */
	#travel-block4{
		/*margin:0 0 120px;*/
		margin:0 0 18.75vw;
		padding:0 0 0 4.68vw;
	}
	#travel-block4 .time img{
		width:39%;
	}
	#travel-block4 .contents .img{
		width:73%;
	}
	#travel-block4 .contents .textarea{
		width:73%;
		margin-top:7.81vw;
		margin-left:0;
	}
	#travel-block4 .contents .textarea .ttl{
		width:11.4vw;
		margin-right:5.46vw;
	}
	#travel-block4 .contents .textarea .text .icon{
		width:18.75vw;
	}
	#travel-block4 .contents .textarea .text p{
		/*max-height:705px;*/
		height:110.15vw;
	}
	/* ----- travel-block5 ----- */
	#travel-block5{
		/*margin:0 0 120px;*/
		margin:0 0 18.75vw;
	}
	#travel-block5 .time img{
		width:40%;
	}
	#travel-block5 .contents .img{
		width:78%;
	}
	#travel-block5 .contents .textarea{
		width:78%;
		margin-top:9.37vw;
		margin-right:0;
		margin-left:auto;
	}
	#travel-block5 .contents .textarea .ttl{
		width:17.96vw;
		margin-left:6.25vw;
	}
	#travel-block5 .contents .textarea .text .icon{
		width:20.31vw;
	}
	#travel-block5 .contents .textarea .text p{
		/*max-height:630px;*/
		height:98.43vw;
	}
	/* ----- travel-block6 ----- */
	#travel-block6{
		/*margin:0 0 120px;*/
		margin:0 0 18.75vw;
	}
	#travel-block6 .time img{
		width:39%;
	}
	#travel-block6 .contents .img{
		width:87%;
	}
	#travel-block6 .contents .textarea{
		width:87%;
		margin:8.59vw auto 0;
	}
	#travel-block6 .contents .textarea .ttl{
		width:17.96vw;
		margin-right:5.46vw;
	}
	#travel-block6 .contents .textarea .text .icon{
		width:18.75vw;
	}
	#travel-block6 .contents .textarea .text p{
		/*max-height:675px;*/
		height:105.46vw;
	}

	/*****************************************************
	　旅の声、先輩の声 
	*****************************************************/
	/* voice-top
	------------------------------------------------- */
	#voice-top{
		padding:0 0 5.46vw;
	}
	/* voice-bottom
	------------------------------------------------- */
	#voice-bottom{
		margin:0;
		padding:0 0 9.37vw;
	}
	/* ----- voice-block ----- */
	.voice-block{
		width:100%;
		margin:8.59vw 0 0;
		padding:7.81vw 5.46vw 5.46vw;
		float:none;
	}
	.voice-block:nth-child(2){
		margin:9.37vw 0 0;
		float:none;
	}
	.voice-block .voice-ttl{
		font-size:7.81vw;
		margin:0 0 5.46vw;
	}
	.voice-block .voice-ttl span{
		font-size:4.06vw;
		margin:1.56vw 0 0;
	}
	.voice-block .img{
		margin:0 0 7.81vw;
		padding:0 7.81vw;
	}
	.voice-block .name{
		margin:0 0 5.46vw;
	}
	.voice-block .voice-subttl{
		margin:0 0 3.12vw;
	}
	.voice-block p{
		font-size:3.75vw;
	}

	/*****************************************************
	　インターンシップ概要、応募対象者 
	*****************************************************/
	/* info-block
	------------------------------------------------- */
	#info .infoblock-area{
		display:block;
	}
	#info .infoblock-area .info-block{
		width:100%;
		padding:9.37vw 2.81vw 7.81vw;
	}
	#info .infoblock-area .info-block + .info-block{
		border-top:1px solid #ccc;
		border-left:none;
	}
	#info .infoblock-area .info-block .infoblock-ttl{
		font-size:7.81vw;
		margin:0 0 7.03vw;
	}
	#info .infoblock-area .info-block .infoblock-ttl span{
		font-size:2.5vw;
		margin:1.56vw 0 0;
	}
	#info .infoblock-area .info-block p{
		font-size:3.75vw;
	}
	#info .infoblock-area .info-block p span{
		font-size:4.68vw;
	}

	/*****************************************************
	　Flow 
	*****************************************************/
	#flow{
		padding:10.93vw 0;
	}
	#flow-ttl{
		font-size:12.5vw;
	}
	#flow-ttl span{
		font-size:2.5vw;
		margin:1.56vw 0 0;
	}
	/* 応募はカンタン3step!
	------------------------------------------------- */
	#step-ttl{
		margin:0 0 7.81vw;
	}
	#step{
		display:block;
	}
	#step .stepbox{
		width:100%;
	}
	#step .stepbox:nth-child(1),
	#step .stepbox:nth-child(2){
		margin:0 0 9.37vw;
	}
	#step .stepbox dt{
		margin:0 0 3.9vw;
	}
	#step .stepbox dt img{
		max-width:495px;
		width:86%;
	}
	#step .stepbox dd{
		max-width:none;
		width:auto;
		padding:0 18.75vw;
	}
	#step .stepbox dd p{
		font-size:3.75vw;
	}
	/* ご応募はこちら
	------------------------------------------------- */
	#entry{
		margin:10.15vw 0 0;
	}
	#entry-ttl{
		margin:0 0 3.12vw;
	}
	#entry p{
		font-size:3.12vw;
	}
	#entry-btn a span{
		font-size:6.87vw;
		line-height:2.3em;
	}

	/*****************************************************
	　フッター 
	*****************************************************/
	/* foot-top
	------------------------------------------------- */
	#foot-top{
		padding:14.84vw 0 15.62vw;
	}
	/* ----- mainimg ----- */
	#foot-top .foot-mainimg{
		width:100%;
		margin:0 auto 6.25vw;
	}
	/* ----- バナー ----- */
	#foot-top .banner{
		width:90%;
		margin:13.28vw auto 0;
		padding:0;
		display:block;
	}
	#foot-top .banner li{
		margin:0 auto;
	}
	#foot-top .banner li:nth-child(1),
	#foot-top .banner li:nth-child(2){
		margin:0 auto 4.68vw;
	}
	#foot-top .banner li:nth-child(1),
	#foot-top .banner li:nth-child(2),
	#foot-top .banner li:nth-child(3){
		width:auto;
	}
	/* foot-bottom
	------------------------------------------------- */
	#foot-bottom{
		padding:4.68vw 0;
	}
	#foot-logo{
		margin:0 0 2.34vw;
	}
	#foot-logo img{
		max-width:204px;
		width:32%;
	}
	#copyright{
		font-size:2.18vw;
	}
}


@media screen and (max-width:640px){
	body #lightcase-overlay{
		opacity:0.9!important;
	}
}


@media screen and (max-width:480px){
	/*****************************************************
	　Flow 
	*****************************************************/
	/* ご応募はこちら
	------------------------------------------------- */
	#entry-btn a span{
		background-size:20% auto;
		-webkit-background-size:20% auto;
		padding:0 0 0 12.81vw;
	}
}






