@charset "utf-8";

/*=====================================================
COMMON-LAYOUT
======================================================*/

#embed_movie iframe{
	position: absolute;
	inset:0;
	width:100%;
	height:100%;
}

/*	reset.css上書き	*/
.top_cont div:after,.top_cont dl:after,.top_cont ul:after{
	content:none;
}

div.contents_wrap{
	background:none;
	overflow: hidden;
}

/*	MAIN	*/

.head_img{
	position: absolute;
	left:0;
	right:0;
	top:0;
	width:100%;
	height:47px;
	background:url("../images/top/head_deco.png") left top repeat-x;
}


.main{
	width:100%;
	margin:0 auto;
	position: relative;
	background:url("../images/top/main_bg.jpg") center top repeat;
}

.main .meiji_logo{
	position: absolute;
	right:40px;
	top:60px;
}

.main .main_in{
	padding:80px 20px 60px;
}

.main_in .main_flex{
	max-width:1024px;
	margin:0 auto 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.main_in .main_flex .main_l{
	width:45.703125%;
}

.main_in .main_flex .main_r{
	width:48.92578125%;
	position: relative;
	padding-bottom:17%;
}


.main_flex .main_r .main_txt{
	font-size:43px;
	line-height: 1.4;
	color:#571302;
	margin-bottom:30px;
}

.main_flex .main_r .main_txt .min{
	font-size:65%;
	display: block;
}

.main_in .main_flex .main_slider{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 200%;
}

.slick-list:before{
	content:"";
	z-index:999;
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:40%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%);
}

.main_in .main_flex .cm_wrap{
	width:100%;
	margin-top:40px;
	text-align: center;
}

.main_in .main_flex .cm_wrap .cm_ttl{
	font-size:30px;
	line-height: 1.4;
	margin-bottom:10px;
	color:#521000;
}

.main_in .main_flex .cm_wrap .cm_sub{
	font-size:22px;
	color:#000;
	margin-bottom:20px;
}




.main_slider .slick-slide{
	padding-right:20px;
	position: relative;
}

.main_slider .image a{
	display: block;
	position: relative;
}

/*
.main_slider .image a::after{
	content:"";
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:50%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%);
	transition:0.3s all ease-in-out 0s;
	pointer-events: none;
	display: block;
}

.main_slider .image.slick-active a::after{
	opacity: 0;
}
*/



.main_tab_area{
	max-width:900px;
	margin:0 auto;
}

.main_tab_area .tab_txt{
	text-align: center;
	font-size:30px;
	color:#571302;
}

.main_tab{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.main_tab li{
	width:24.05%;
	margin-bottom:1.26%;
	position: relative;
}


.main_tab li a{
	display: block;
	font-size:23px;
	color:#FFF;
	position: relative;
	line-height: 53px;
	text-align: center;
	background:url("../images/top/tab_bg.png") center top / cover no-repeat;
}

.main_tab li a .tab_arrow{
	position: absolute;
	right:10px;
	bottom:10px;
	width:13%;
	line-height: 0;
	transition:0.3s all ease-in-out 0s; 
}

body:not(.mobile) .main_tab li a:hover .tab_arrow{
	right:5px;
}

@media screen and (max-width: 1500px){
	
	.slick-list:before{
		right:auto;
		left:500px;
		width:30%;		
	}
	
}



@media screen and (max-width: 768px){
	
	.main_tab li a .tab_arrow{
		width:12%;
		
	}
	
}


@media screen and (max-width: 1100px){
	
	.main_in .main_flex .main_r{
		padding-bottom:0;
	}
	
	.main_in .main_flex .main_slider{
		position: relative;
		max-width: 501px;
		width:100%;
	}
}

@media screen and (max-width: 900px){

	.main_flex .main_r .main_txt{
		font-size:36px;
		line-height: 1.2;
		margin-bottom:20px;
	}
	
	.main_tab li a{
		font-size:18px;
		background-size:100% 100%;
	}
	
}

@media screen and (max-width: 768px){

	.head_img{
		display: none;
	}

	
	.main .main_in{
		padding:80px 20px 40px;
	}
	
	.main .meiji_logo{
		right:10px;
		top:50px;
	}
	
	.slick-list:before{
		content:none;
	}
	
	.main_in .main_flex .cm_wrap .cm_ttl{
		font-size:26px;
	}
	
	.main_in .main_flex .cm_wrap .cm_sub{
		font-size:18px;
	}
	
	.main_tab li a{
		font-size:15px;
		line-height: 40px;
	}
	
	div.contents_wrap{
		padding-top:0;
	}
	
}



@media screen and (max-width: 480px){

	.main .main_in{
		padding:80px 20px 40px;
	}
	
	.main_in .main_flex{
		flex-wrap:wrap;
		margin-bottom:30px;
	}
	
	.main_in .main_flex .main_l{
		order:1;
		width:100%;
		margin-bottom:20px;
	}
	
	.main_in .main_flex .main_r{
		order:3;
		width:100%;
	}
	
	.main_in .main_flex .cm_wrap{
		order:2;
		margin-top:0;
		margin-bottom:20px;
	}
	
	.main_in .main_flex .cm_wrap .cm_ttl{
		font-size:20px;
	}
	
	.main_in .main_flex .cm_wrap .cm_sub{
		font-size:16px;
		line-height: 1.5;
		margin-bottom:10px;
	}
	.main_in .main_flex .cm_wrap .cm_bnr{
		width:70%;
		margin:0 auto;
	}
	
	.main_flex .main_r .main_txt{
		text-align: center;
		margin-bottom:10px;
		font-size:21px;
		line-height: 1.4;
	}
	
	.main_flex .main_r .main_txt .min{
		font-size:80%;
	}
	
	.main_slider .slick-slide{
		width:80vw;
		padding:0 10px;
	}	
	
	
	.main_in .main_flex .main_slider .slick-list{
		overflow: visible;
	}
	
	.main_tab_area .tab_txt{
		font-size:20px;
	}
	
	/*
	.main_tab{
		justify-content: flex-start;
	}
	
	.main_tab li{
		width:32%;
		margin-right:2%;
		margin-bottom:2%;
	}
	*/
	
	.main_tab li:nth-child(3n){
		margin-right:0;
	}
	
	.main_tab li a{
		font-size:11px;
		background: url(../images/top/tab_bg_sp.png) center top / 100% auto no-repeat;
	}
	
	.main_tab li a .tab_arrow{
		right:5px;
		bottom:5px;
	}
	
	
	.main_tab li a .tab_arrow{
		width:20%;
	}
	
	
	
}

@media screen and (max-width: 414px){
}

@media screen and (max-width: 375px){

}


@media screen and (max-width: 320px){

}

/*	MAINここまで	*/


















/*	トップコンテンツ	*/

.wrap:before{
	content: "";
    position: fixed;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
	width: 100%;
    height: 100%;
    z-index: -1;
	background:url("../images/common/common_bg.jpg") bottom center repeat;
}


div.container{
	max-width:100%;
	padding:0;
	position: relative;
}


.presents_wrap{
	padding:80px 20px;
	background:#FFF;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	background-image:url("../images/top/presents_bg.jpg");
}

.presents_wrap .presents{
	max-width: 1200px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	row-gap:30px;
}

.presents_wrap .presents .p_left{
	width:27%;
	margin:0;
	position: relative;
	-webkit-touch-callout:none; /* リンク長押しのポップアップを無効化*/
	-webkit-user-select:none; /* テキスト長押しの選択ボックスを無効化*/
}

.presents_wrap .presents .p_left .photo_deco{
	position: absolute;
	left: 2%;
    top: -7%;
	width:27.17%;
}

.presents_wrap .presents .p_left .photo_deco02{
	position: absolute;
	right: 5%;
    bottom: -8%;
	width:26.24%;
}

.presents_wrap .presents .p_left .photo_cap{
	position: absolute;
	left:10px;
	bottom:10px;
	font-size:15px;
	color:#521000;
}

.presents_wrap .presents .p_right{
	width:67.5%;
	display: flex;
	flex-direction: column;
	row-gap:30px;
	margin-top:-5px;
}

.presents_wrap .presents .p_right .message{
	position: relative;
}

.presents_wrap .presents .p_right .message .fukidashi{
	position: absolute;
	right:calc(100% + 2.5%);
	top:5px;
	bottom:0;
	width:4.198%;
}

.presents_wrap .presents .p_right .message .text{
	font-size:24px;
	color:#df6013;
}

.presents_wrap .presents .p_right .message .text .line{
	background: linear-gradient(transparent 60%, rgba(246,212,59,0.3) 60%, rgba(246,212,59,0.3) 90%, transparent 85%);
}

.presents_wrap .presents .p_right .message02{
	display: flex;
	flex-direction: column;
	row-gap:25px;
}

.presents_wrap .presents .p_right .message02 .profile{
	position: relative;
}

.presents_wrap .presents .p_right .message02 .icon_pen{
	position: relative;
	margin:0;
}

.presents_wrap .presents .p_right .message02 .profile .prof_text{
	position: absolute;
	left:0;
	top:-5px;
	font-size:26px;
	line-height: 1;
	color:#f6b737;
}

.presents_wrap .presents .p_right .message02 .profile .prof_text .small{
	font-size:70%;
}

.presents_wrap .presents .p_right .message02 .text_wrap{
	display: flex;
	flex-direction: column;
	row-gap:20px;
}

.presents_wrap .presents .p_right .message02 .text_wrap .text{
	font-size:15px;
	color:#000;
	line-height: 1.7;
}





.top_cont{
	box-sizing: content-box;
	position: relative;
}

.deco{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.deco01{
	position: absolute;
	left:20%;
	bottom:-5%;
	width:14.3125%;
}

.deco02{
	position: absolute;
	right:15%;
	bottom:-15%;
	width:20.0625%;
}


.container h3{
	font-size:50px;
	color:#E15E15;
	line-height: 1.5;
	text-align: center;
}

.container h4{
	font-size:46px;
	color:#E15E15;
	line-height: 1.4;
	text-align: center;
}



.container .read{
	font-size:18px;
	color:#000;
	text-align: center;
}

.container .button{
	max-width:310px;
	margin:0 auto;
}

.container .button a{
	display: block;
	font-size:25px;
	color:#FFF;
	position: relative;
	text-align: center;
	padding:3px 10px;
	padding:5px 10px 0\0;
	background:#F7B635;
	transition:0.3s all ease-in-out 0s;
}

body:not(.moble) .container .button a:hover{
	background:#E15E15;
}

body:not(.moble) .container .button.movie_btn a:hover{
	background:#cd2967;
}


.container .button a:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    border-right: 6px solid #FFF;
}

.cloud_wrap{
	position: relative;
	z-index:1;
}

.fix{
	line-height: 0;
}

.fix img{
	width:100%;
}

.cloud_in .box_img{
	position: absolute;
	left:0;
	top:-10%;
	width:95.86%;
	max-width:1100px;
}


.cloud .cloud_in{
	background:#FFF;
	padding:50px 20px;
	position: relative;
}

.cloud .cloud_in .cloud_in02{
	position: relative;
}


.recommend_cont{
	padding:60px 20px 0;
}


.age{
	text-align: center;
	overflow: hidden;
	position: relative;
	/*
	padding:5px;
	padding:10px 5px 0px\0;
	*/
	box-sizing:border-box;
	text-align: center;
}

.age span{
	display: inline-block;
	padding:10px 40px;
	position: relative;	
	font-size:30px;
	line-height: 1.4;
	color:#00A559;
	z-index:2;
}

.age span:before{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    height: 90%;
	z-index:-1;
    background: #F0E700;
    transform: skewX(-30deg);
}

.age.big{
	/*
	padding:10px 5px;
	padding:15px 5px 5px\0;
	*/
}

.age.big span{
	font-size:35px;
	line-height: 1.35;
}



.park_wrap{
	background:rgba(255,255,255,0.5);
	padding:150px 20px 100px;
	margin-top:-80px;
	margin-bottom:100px;
	position: relative;
}

.park_wrap .park_txt_wrap{
	display: flex;
	flex-direction: column;
	row-gap:25px;
	margin-bottom:40px;
}

.park_wrap .park_txt_wrap .park_txt{
	font-size:24px;
	text-align: center;
	color:#E15E15;
}

.park_wrap .park_banner{
	max-width:800px;
	margin:0 auto;
	
}


.interview_wrap{
	position: relative;
	padding:0 20px 55px;
}


.interview_wrap .interview_ttl{
	text-align: center;
}




.interview_wrap .bnr_inter{
	max-width:625px;
	margin:0 auto;
}

.interview_wrap .bnr_inter li:not(:first-child){
	margin-top:30px;
}


.work{
	max-width:710px;
	margin:0 auto 100px;
	display: flex;
	
	justify-content: space-between;
	flex-wrap:wrap;
}

.zindex{
	position: relative;
	z-index:2;
}

.work li{
	width:47.33%;
	margin-bottom:40px;
	transition:0.3s all ease-in-out 0s;
}

.work li a{
	display: block;
	transition:0.5s all ease-in-out 0s;
}

body:not(.mobile) .work li:hover a{
	
	transform:translateY(-10px);
	opacity:0.7;
}




.qanda{
	max-width:620px;
	margin:0 auto;
	width:calc(100% - 40px);
}
	
.q_flex{
	display: flex;
	justify-content: space-between;
}

.q_flex .q_img{
	width:56px;
}

.q_flex .q_ttl{
	width:calc(100% - 80px);
	font-size:30px;
	line-height: 1.4;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #333;
}

.q_flex .q_txt{
	width:calc(100% - 80px);
	font-size:15px;
	line-height: 1.8;
}


.qa_wrap{
	background:#FFF;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.qa_wrap .qa_in{
	padding:30px 20px;
	position: relative;
	overflow: hidden;
}

.qa_wrap .qa_in .box_img02{
	position: absolute;
	right:0;
	bottom:-40%;
	width:82.91%;
	max-width:1100px;
	z-index:-1;
}


.abema_wrap{
	padding:80px 20px;
	text-align: center;
}

.abema_wrap .ab_ttl{
	font-size:30px;
	line-height: 1.4;
	margin-bottom:10px;
	color:#521000;
}

.abema_wrap .ab_sub{
	font-size:22px;
	color:#000;
	line-height: 1.4;
	margin-bottom:20px;
}

.abema_wrap .movie_bnr_wrap{
	max-width:694px;
	margin:0 auto;
	cursor:pointer;
	position: relative;
}

.abema_wrap .movie_bnr_wrap:before{
	content:"";
	display: block;
	padding-bottom:56.25%;
}

.abema_wrap .movie_bnr_wrap #embed_movie02{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
}



.abema_wrap .cm_thum{
	max-width:694px;
	margin:0 auto 45px;
	display: flex;
	justify-content: space-between;
}

.abema_wrap .cm_thum li{
	width:18.732%;
	display: flex;
	flex-direction:column;
	cursor:pointer;
}

.abema_wrap .cm_thum li a{
	display: block;
	background:#000;
	margin-bottom:5px;
}

.abema_wrap .cm_thum li a.active{
	pointer-events: none;	
}

.abema_wrap .cm_thum li img{
	transition:0.3s opacity ease-in-out 0s;
}

.abema_wrap .cm_thum li a.active img,
body:not(.mobile) .abema_wrap .cm_thum li:hover a img{
	opacity: 0.7;
}

.abema_wrap .cm_thum li .cm_name{
	font-size: 12px;
    text-align: center;
    line-height: 1.4;
    width: fit-content;
    margin:auto;
}

.abema_wrap .synopsis_wrap{
	max-width:695px;
	margin:0 auto;
	background:#FFF;
	padding:30px;
	box-sizing: border-box;
	border-top:2px solid #df5e13;
	border-bottom:2px solid #df5e13;
	text-align: center;
}

.abema_wrap .synopsis_wrap .sy_title{
	font-size:36px;
	margin-bottom:25px;
}

.abema_wrap .synopsis_wrap .sy_title span{
	display: block;
	line-height: 1.5;
}

.abema_wrap .synopsis_wrap .sy_title .small{
	font-size:61%;
}

.abema_wrap .synopsis_wrap .sy_title .small02{
	font-size:66%;
}

.abema_wrap .synopsis_wrap .sy_title .small.orange{
	color:#df5e13;
}


.abema_wrap .synopsis_wrap .sy_img{
	overflow: hidden;
	text-align: center;
	margin-bottom:20px;
}
.abema_wrap .synopsis_wrap .sy_img	span{
	display: inline-block;
	padding:0 20px;
	position: relative;
}

.abema_wrap .synopsis_wrap .sy_img	span:before,
.abema_wrap .synopsis_wrap .sy_img	span:after{
	content:"";
	position: absolute;
	top:35%;
	height:1px;
	border-top:1px dashed #AAA;
	width:1000px;
}

.abema_wrap .synopsis_wrap .sy_img	span:before{
	right:100%;
}

.abema_wrap .synopsis_wrap .sy_img	span:after{
	left:100%;
}


.abema_wrap .synopsis_wrap .sy_ttl{
	font-size:24px;
	color:#df5e13;
	line-height: 1.6;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed #AAA;
}

.abema_wrap .synopsis_wrap .sy_read{
	font-size:18px;
}








.banner_wrap{
	padding:60px 20px 80px;
	background:#FFF;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.banner_wrap .movie_bnr_wrap{
	max-width:694px;
	margin:0 auto;
	cursor:pointer;
	position: relative;
}

.banner_wrap .movie_bnr_wrap:before{
	content:"";
	display: block;
	padding-bottom:56.25%;
}


.banner_wrap .movie_bnr_wrap #embed_movie{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
}


.download_btn li{
	display: none;
}

/*

.banner_wrap .video_cont{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	transition:0.6s opacity ease-in-out 0s;
	pointer-events: none;
}

.banner_wrap .video_cont.active{
	opacity: 1;
	pointer-events: all;
}

.banner_wrap .video_cont:nth-child(1){
	position: relative;
}


.banner_wrap .movie_bnr_wrap .video_wrap{
	position: relative;
	margin-bottom:30px;
}

.banner_wrap .movie_bnr_wrap .video_wrap:before{
	content:"";
	display: block;
	padding-bottom:56.25%;
}

.banner_wrap .movie_bnr_wrap .video_wrap iframe{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
}
*/


.banner_wrap .movie_thum{
	max-width:694px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}

.banner_wrap .movie_thum li{
	width:18.732%;
	background:#000;
	cursor:pointer;
}

.banner_wrap .movie_thum li a.active{
	pointer-events: none;	
}

.banner_wrap .movie_thum li img{
	transition:0.3s opacity ease-in-out 0s;
}

.banner_wrap .movie_thum li a.active img,
body:not(.mobile) .banner_wrap .movie_thum li:hover a img{
	opacity: 0.7;
}


.banner_wrap .button.movie_btn{
	max-width:310px;
}

.banner_wrap .button.movie_btn a{
	background:#FF7CAE;
	font-size:25px;
	text-align: center;
}

.flag_wrap{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	pointer-events: none;
	z-index:1;
}

.flag_wrap.first{
	z-index:2;
}

.flag{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	pointer-events: none;
}

.flag > p{
	position: absolute;
	pointer-events: none;
	display: block;
}


.flag .f1{
	left: 0;
    top: 8%;
	width:15.12%;
}
.flag .f2{
	right: 0;
    top: 19%;
	width:15.55%;
}
.flag .f3{
	left:0;
	top:24%;
	width:16.494%;
}
.flag .f4{
	right:0;
	top:40%;
	width:28.68%;
}
.flag .f5{
	left:0;
	bottom:40%;
	width:23.58%;
}
.flag .f6{
	right:0;
	bottom:30%;
	width:28.68%;
}


@media screen and (max-width: 1200px){
	
	.presents_wrap .presents .p_right{
		row-gap:20px;
	}
	
	.presents_wrap .presents .p_right .message .text{
		font-size:2vw;
	}	
	
	.presents_wrap .presents .p_right .message02 .profile .prof_text{
		top:5px;
		font-size:2.16vw;
	}
	
	.presents_wrap .presents .p_right .message02 .text_wrap{
		row-gap:10px;
	}
	
	.presents_wrap .presents .p_right .message02 .text_wrap .text{
		font-size:1.25vw;
	}
	
	
	.park_wrap .park_txt_wrap .park_txt{
		font-size:2.4vw;
	}
	
	
}


@media screen and (max-width: 900px){

	.container h3{
		font-size:42px;
	}

	.container h4{
		font-size:38px;
	}

}


@media screen and (max-width: 768px){

	div.container{
		/*padding:40px 0 0;*/
	}
	
	
	.deco01{
		left:3%;
		bottom:-10%;
		width:20.82%;
	}
	.deco02{
		right:1%;
		bottom:-20%;
		width:28%;
	}
	
	.cloud .cloud_in{
		padding:30px 20px;
	}
	
	.recommend_cont{
		padding:40px 20px 0;
	}
	
	.age span{
		font-size:18px;
	}

	.age.big{
		max-width:490px;
		margin:0 auto;
	}
	
	.age.big span{
		font-size:28px;
	}
	
	.flag .f1{
		top:7%;
	}
	
	.flag .f2{
		/*top:7%;*/
	}
	
	.flag .f3{
		top:20%;
	}
	
	.flag .f4{
		top:40%;
	}
	
	.work{
		margin:0 auto 50px;
	}
	
	.q_flex .q_ttl{
		font-size:24px;
	}
	
	.q_flex .q_txt{
		font-size:14px;
	}
	
	.banner_wrap{
		padding:60px 20px;
	}
	
	.qa_wrap .qa_in .box_img02{
		bottom:-20%;
	}
	
	.banner_wrap .button.movie_btn a{
		font-size:20px;
	}
	
	
	
	.container .button a{
		font-size:20px;
	}
	
	.abema_wrap{
		padding:50px 20px;
	}
	
	.abema_wrap .ab_ttl{
		font-size:26px;
	}
	
	.abema_wrap .ab_sub{
		font-size:19px;
	}

	.abema_wrap .synopsis_wrap .sy_title{
		font-size:32px;
	}
	
	.abema_wrap .synopsis_wrap .sy_ttl{
		font-size:22px;
	}
	
	.abema_wrap .synopsis_wrap .sy_read{
		font-size:16px;
	}
	
	
	.presents_wrap{
		padding:50px 20px;
		background-image:url("../images/top/presents_bg_sp.jpg")
	}
	
	.presents_wrap .presents .p_right .message02 .icon_pen{
		width: 50%;
	}
	
	.presents_wrap .presents .p_right .message02 .profile .prof_text{
		font-size:3vw;
		top:-5px;
	}
	
	.presents_wrap .presents .p_right .message02 .text_wrap .text{
		font-size:1.5vw;
	}
	
	
	
}

@media screen and (max-width: 480px){

	/*
	.wrap:before{
		background:url("../images/common/common_bg_sp.jpg") bottom center repeat;
	}
	*/
	
	.container h3{
		font-size:23px;
	}

	.container .read{
		font-size:15px;
	}
	
	.container h4{
		font-size:21px;
	}
	
	
	.age span{
		font-size:15px;
		padding:5px 20px;
	}
	
	.age.big span{
		font-size:21px;
	}

	.flag .f1{
		left: -10%;
    	width: 40%;
	    top: 18.5%;
	}
	
	.flag .f2{
		right: -10%;
    	width: 30%;
	    top: 29.5%;
	}
	
	.flag .f3{
		left:-20%;
		top:20%;
		width:40%;
	}
	
	.flag .f4{
		right:-20%;
		top:70%;
		width:70%;
	}
	
	.flag .f5{
		left:-20%;
		bottom: 54%;
		width: 38%;
	}
	
	.flag .f6{
		width:50%;
		right: -30%;
    	bottom: 52%;
	}
	
	
	.deco01{
		left:0;
		width:20%;
	}
	
	.deco02{
		right:0;
		width:30%;
	}
	
	.cloud_in .box_img{
		top:20%;
		width:150%;
	}
	
	
	.work{
		margin:0 auto 70px;
	}
	
	.work li{
		width:85%;
		margin:0 auto 30px;
	}
	
	.work li:last-child{
		margin-bottom:0;
	}
	
	
	.q_title{
		width:80%;
		margin:0 auto 30px; 
	}
	
	.interview_wrap .interview_ttl{
		width:80%;
		margin:0 auto;
	}
	
	
	.q_flex .q_img{
		width:40px;
	}
	
	.q_flex .q_ttl{
		width:calc(100% - 60px);
		font-size:18px;
	    padding-bottom: 15px;
    	margin-bottom: 15px;
	}
	
	.q_flex .q_txt{
		width:calc(100% - 60px);
	}
	
	.banner_wrap{
		padding:40px 20px;
	}
	
	.qa_wrap .qa_in .box_img02{
		bottom:0%;
	}
	
	.banner_wrap .button.movie_btn{
		max-width:200px;
	}
	
	.banner_wrap .button.movie_btn a{
		font-size:16px;
	}
	
	.container .button{
		max-width:200px;
	}
	
	.container .button a{
		font-size:16px;
	}
	
	.banner_wrap .movie_thum{
		justify-content:center;
		flex-wrap:wrap;
	}

	.banner_wrap .movie_thum li{
		width:31%;
		margin-right:3.5%;
		margin-bottom:3.5%;
	}
	.banner_wrap .movie_thum li:nth-child(3),
	.banner_wrap .movie_thum li:nth-child(5){
		margin-right:0;
	}
	
	
	
	.abema_wrap .ab_ttl{
		font-size:22px;
	}
	
	.abema_wrap .ab_sub{
		font-size:16px;
	}
	
	.abema_wrap .synopsis_wrap{
		padding:30px 15px;
	}

	.abema_wrap .synopsis_wrap .sy_title{
		font-size:5.2vw;
		margin-bottom:15px;
	}
	
	.abema_wrap .synopsis_wrap .sy_img span{
		width:75%;
		margin:0 auto;
		padding:0 10px;
	}
	
	.abema_wrap .synopsis_wrap .sy_ttl{
		font-size:3.8vw;
	}
	
	.abema_wrap .synopsis_wrap .sy_read{
		font-size:14px;
	}
	
	.abema_wrap .cm_thum{
		justify-content: center;
	    flex-wrap: wrap;
		margin:0 auto 20px;
	}
	
	.abema_wrap .cm_thum li{
		width: 31%;
    	margin-right: 3.5%;
    	margin-bottom: 3.5%;
	}
	
	.abema_wrap .cm_thum li:nth-child(3),
	.abema_wrap .cm_thum li:nth-child(5) {
    	margin-right: 0;
	}
	
	.abema_wrap .cm_thum li .cm_name{
		font-size:10px;
	}
	
	.presents_wrap .presents{
		flex-direction: column;
		row-gap:30px;
	}
	
	.presents_wrap .presents .p_left{
		width:100%;
		max-width: 240px;
		margin:0 auto;
	}
	
	.presents_wrap .presents .p_left .photo_cap{
		font-size:12px;
	}
	
	.presents_wrap .presents .p_right{
		width: 100%;
		row-gap:30px;
	}
	
	.presents_wrap .presents .p_right .message .fukidashi{
		display: none;
	}
	
	.presents_wrap .presents .p_right .message .text{
		font-size:4.4vw;
		text-align: center;
	}
	
	.presents_wrap .presents .p_right .message02{
		row-gap:15px;
	}
	
	.presents_wrap .presents .p_right .message02 .icon_pen{
		width: 65%;
	}
	
	.presents_wrap .presents .p_right .message02 .profile .prof_text{
		font-size:5vw;
	}
	
	.presents_wrap .presents .p_right .message02 .text_wrap .text{
		font-size:3.4vw;
	}
	
	
	.park_wrap{
		padding:120px 20px 60px;
		margin-bottom:60px;
	}
	
	.park_wrap .park_txt_wrap{
		row-gap:20px;	
	}
	
	.park_wrap .park_txt_wrap .park_txt{
		font-size:3.8vw;
		text-align: left;
	}
}

@media screen and (max-width: 414px){
	
	
	
	
}

@media screen and (max-width: 375px){


	
}


@media screen and (max-width: 320px){

	
	
	
}












/*	お役立ち情報エリア	*/

.useful_wrap{
	padding: 80px 20px;
}

.useful_wrap .useful_ttl{
	font-size: clamp(40px,7.29vw,70px);
    color: #d55c1b;
    text-align: center;
	line-height: 1;
    font-weight: 500 !important;
}

.useful_wrap .bnr_useful{
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin:0 auto 50px;
}

.useful_wrap .bnr_useful.col2{
	max-width: 800px;
}
.useful_wrap .bnr_useful.col2 a{
	width:47.5%;
}


.useful_wrap .bnr_useful a{
	width:31.67%;
	margin:0;
	display: flex;
	flex-direction: column;
}

body:not(.mobile) .useful_wrap .bnr_useful a:hover .bnr_txt{
	 color: #d55c1b;
}

.useful_wrap .bnr_useful a .bnr_txt{
	font-size: clamp(10px,1.25vw,15px);
	padding: 10px 0;
	line-height: 1.4;
	background:#FFF;
	text-align: center;
	transition:0.3s color ease-in-out 0s;
}

@media screen and (max-width: 768px){

	.useful_wrap{
		padding: 60px 20px;
	}
	
	.useful_wrap .bnr_useful .banner .bnr_txt{
		font-size: 10px;
	}
	
	
}

@media screen and (max-width: 480px){

	.useful_wrap .bnr_useful{
		flex-direction: column;
		row-gap:20px;
	}
	
	.useful_wrap .bnr_useful a{
		width:100%;
	}
	
	.useful_wrap .bnr_useful.col2 a{
		width:100%;
	}


	.useful_wrap .bnr_useful .banner .bnr_txt{
		font-size: 3.5vw;
	}
	

}



















.modal_movie,.modal_movie02,.modal_movie03,
.modal_movie04,.modal_movie05{
	position: fixed;
	z-index: 999999999;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(255,255,255,0.7);
	opacity: 0;
	pointer-events: none;
	transition:0.3s all ease-in-out 0s;
}
.modal_movie .modal_in,.modal_movie02 .modal_in,
.modal_movie03 .modal_in,.modal_movie04 .modal_in,
.modal_movie05 .modal_in{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 1000px;
	margin: auto;
	width: calc(100% - 40px);
	max-width: calc((100vh - 300px)/0.5625);
	height: calc((100vw - 40px) * 0.5625);
	max-height: calc(100vh - 300px);
	transform: scale(0.95);
	opacity: 0;
	transition: all 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.3s;
}

body.loaded .modal_movie,body.loaded .modal_movie02,
body.loaded .modal_movie03,body.loaded .modal_movie04,
body.loaded .modal_movie05{
	transition: all 0.3s ease-in-out 0s;
}

.modal_movie.opened,.modal_movie02.opened,
.modal_movie03.opened,.modal_movie04.opened,
.modal_movie05.opened{
	opacity: 1;
	pointer-events: all;
	cursor: pointer;
}

.modal_movie.opened .modal_in,.modal_movie02.opened .modal_in,
.modal_movie03.opened .modal_in,.modal_movie04.opened .modal_in,
.modal_movie05.opened .modal_in{
	transform: scale(1);
	opacity: 1;
}

.modal_in .video{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

.modal_in .video iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

body:not(.mobile) .modal_close:hover{
	opacity: 0.7;
}

.modal_close,.modal_close02,
.modal_close03,.modal_close04,
.modal_close05{
	display: block;
	cursor: pointer;
	top: 0;
	right:0;
	width:50px;
	line-height: 50px;
	background:#F7B635;
	border:1px solid #FFF;
	border-right:none;
	border-top:none;
	text-align: center;
	font-size:30px;
	color:#FFF;
	position: fixed;
	justify-content: center;
	align-items:center;
	transition: all 0.3s ease-in-out 0s;
}