@charset "UTF-8";
*/
/* 文中の文字や改行させたくないもの */

.notepc{display: none;}
.no_notepc{display: inline;}
@media screen and ( max-width:1440px) {
	.notepc{display: inline;}
	.no_notepc{display: none;}
}

.tbl{display: none;}
.no_tbl{display: inline;}
@media screen and ( max-width:1100px) {
	.tbl{display: inline;}
	.no_tbl{display: none;}
}

.tb{display: none;}
.no_tb{display: inline;}
@media screen and ( max-width:767px) {
	.tb{display: inline;}
	.no_tb{display: none;}
}

.phone{display: none;}
.no_phone{display:inline;}
@media screen and ( max-width:520px) {
	.phone{display: inline;}
	.no_phone{display:none;}
}

.mobile{display: none;}
@media screen and ( max-width:374px) {
	.mobile{display: inline;}
}

/* marginを適応させたいとき */
.tb_b{display: none;}
.no_tb_b{display: block;}
@media screen and ( max-width:767px) {
	.tb_b{display: block;}
	.no_tb_b{display: none;}
}

.phone_b{display: none;}
.no_phone_b{display:block;}
@media screen and ( max-width:520px) {
	.phone_b{display:block;}
	.no_phone_b{display:none;}
}


.p-yasuko {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #1b1b1b;
  font-size: 16px;
  background-color: #fff;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-yasuko {
  }
}

/*----------メインビジュアル---------*/
.mv_area{
	width:100%;
	background-color:#ffd000;
}
.mv_bk{
	position: relative;
	background:repeating-linear-gradient(-25deg, rgba(255,255,0,.34), rgba(255,255,0,.34) 10px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 20px);
	overflow-x: hidden;
}
.mv_cloud{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:min(1340px,140%);
	height:100%;
	margin: auto;
	background-image:url("../images/mv_bk_cloud.webp");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:100%;
}

.mv_box{
	position: relative;
	width: 100%;
	margin: auto;
	background-image:url("../images/mv_bk_confetti.webp");
	background-position:top center;
	background-repeat: no-repeat;
	background-size:100%;
	z-index:5;
}

.mv_title_box{
	position: relative;
	margin:auto;
	max-width:1300px;
}

.mv_comment{
	position:absolute;
	top:10px;
	left:20px;
	width:43%;
}

.mv_title_box h1{
	width: 100%;
	max-width:1080px;
	margin: auto;
	padding:40px 25px 0;
}


/*----------導入---------*/

.intro_white_line{
	padding-top:0;
	background-color:#fff;
}

.intro_area{
	background-color: #fcee21;
	overflow-x: hidden;
}
.intro_dotbk{
	position:relative;
	background-image:url("../images/dot_white.webp");
	background-repeat: repeat;
}

.intro_box{
	position:relative;
	display:flex;
	flex-wrap: wrap;
	min-height:700px;
	margin: auto;
	max-width:1260px;
	padding:100px 50px 100px 190px;
}


.intro_text_box{
	position:relative;
	max-width:800px;
	margin:auto;
	padding:70px;
}
.intro_text_box::before{
	position: absolute;
	content:"";
	display: block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #fff;
	border-radius:20px;
	transform: skewY(-5deg);
	z-index: 0;
}

.intro_text_box p{
	position: relative;
	text-align:center;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight:900;
	line-height:1.65em;
	letter-spacing:-0.05em;
	font-size:24px;
	z-index: 1;
	padding-bottom:35px;
}

.intro_text_box p:last-child{
	padding-bottom: 0;
}

.intro_bkimg_top,.intro_bkimg_bottom{
	position:absolute;
	width:50%;
}
.intro_bkimg_top{top:0;left:0;}
.intro_bkimg_bottom{bottom:0;right:0;}


.intro_img_box_left,.intro_img_box_right{
	position:absolute;
	bottom:0;
}

.intro_img_box_left{
	left:70px;
	max-width:400px;
}
.intro_img_box_right{
	right:20px;
	max-width: 294px;
}
.intro_img_box_left img[src*="plate"],
.intro_img_box_right img[src*="plate"]{
	position:absolute;
	max-width:290px;
	left:50%;
	transform:translateX(-50%);
}
.intro_img_box_left img[src*="plate"]{bottom:30px;}
.intro_img_box_right img[src*="plate"]{max-width:240px;top:-60px;}


/*----------メニュー---------*/

.top_menu_area{
	padding:0 30px;
}
.top_menu_box{
	margin: auto;
	max-width:1200px;
	padding:10px 15px;
	background-color: #fcee21;
	border-radius: 60px;
}

.top_menu{
	display:flex;
	flex-wrap:wrap;
}

.top_menu.four li{width:calc(100% / 4);}
.top_menu.four li:first-child{display:none}

.top_menu.five li{width:calc(100% / 5);}



.top_menu li{border-right:3px dotted #00215b;}


@media screen and (min-width: 861px){
	.top_menu li:last-child{border-right:none;}
}


.top_menu li a{
	position:relative;
	display: block;
	width:100%;
	text-align: center;
	font-size:18px;
	font-weight:600;
	color:#00215b;
	line-height:1.2em;
	padding:15px 10px 30px;
	transition:.2s;
}

.top_menu li:first-child a{border-radius:50px 0 0 50px;}
.top_menu.four li:nth-child(2) a{border-radius:50px 0 0 50px;}
.top_menu li:last-child a{border-radius:0 50px 50px 0;}


.top_menu li a::after{
	position:absolute;
	content: "";
	width:0;
	height:0;
	border-right: 14px solid rgba(255,255,255,0);
	border-left: 14px solid rgba(255,255,255,0);
	border-top: 12px solid #00215b;
	left:50%;
	bottom:10px;
	transform: translateX(-50%);
	font-size:120%;
	transition:.2s;
}

@media screen and (min-width: 768px){
	.top_menu li a:hover{
		color:#333;
		background-color:rgba(255,255,255,.9);
	}
	.top_menu li a:hover::after{
		border-top-color: #333;
	}
}



/*----------ニュース---------*/

.top_news_box{
	padding:60px 30px;
}

.top_news_box h2{
	padding-bottom:10px;
	text-align:center;
	font-size:40px;
	font-weight:600;
	line-height:1.2em;
	color:#00215b;
}

.top_news_list{
	margin: auto;
	max-width:1200px;
	padding:20px 20px;
	border:2px solid #00215b;
	border-radius:40px;
}

.top_news_list ul{
	padding:0 30px;
	max-height:115px;
	overflow-y:scroll;
}

.top_news_list li{
	border-bottom:2px solid #00215b;
}

.top_news_list li:last-child{border-bottom:0;}

.top_news_list li > *{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	text-align: left;
	color:#00215b;
	font-size:18px;
	font-weight:600;
	padding:8px 0 ;
}

.top_news_list li a::after{
	position:absolute;
	content:"";
	display:block;
	width: 10px;
	height: 10px;
	border-top: 3px solid #00215b;
	border-right: 3px solid #00215b;
	transform: rotate(45deg);
	top: calc(50% - 6px);
	right: 1.4em;
	transition: .2s;
}

.top_news_list li > * time{width:150px;}
.top_news_list li > * span{width:calc(100% - 150px);}


/*----------インタビュー---------*/

.interview_area{
	margin-top:80px;
	background-image: url("../images/interview_bk.webp");
	background-repeat: no-repeat;
	background-size:130%;
	background-position: center top;
}

.interview_box{
	padding:120px 0 80px;
	overflow-x: hidden;
}

.interview_wrap{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	max-width: 1340px;
	margin: auto;
	padding:125px 30px 0;
}

.interview_wrap h2{
	position:absolute;
	top:0;
	left:-55px;
	max-width:760px;
}

.interview_text{
	padding:25px 20px 0 50px;
	width:50%;
}
.interview_text h3{
	padding-bottom:10px;
}

.interview_text p{
	padding-left:10px;
	font-size:20px;
	font-weight:600;
	text-align:left;
}

.interview_img{
	position:relative;
	width:50%;
	margin: auto;
	line-height:0;
}
.interview_img::after{
	position: absolute;
	content: "";
	width:100%;
	height:100%;
	top:15px;
	left:15px;
	background-color:#00215b;
	border-radius:30px;
}

.interview_img a{
	cursor:pointer;
	position:relative;
	display:block;
}

.interview_img a::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	width:15%;
	height:auto;
	aspect-ratio:1/1;
	background-image:url("../images/play.svg");
	background-size:100%;
	z-index:5;
	transition:.2s;
}
@media screen and (min-width:768px){
	.interview_img a:hover::after{
		width:12%;
	}
}

.interview_img a img {
	position:relative;
	border-radius:30px;
	z-index:3;	
    display: block;
    width: 100%;
}

.interview_img a:hover {
    opacity: 1;
}

.interview_img_deco{
	position: absolute;
	width:130px;
	top:-130px;
	left:50%;
	transform:translateX(-50%);
}


/*===== 公開前 ======*/
.interview_img.pre a{
	pointer-events: none;
}
.interview_img.pre a::after{
	content:none;
}


/*----------ショート動画---------*/
.white_cloud_bk{
	position:relative;
	padding:130px 0 240px;
}
.short_cloud_img_left,.short_cloud_img_right{
	position:absolute;
	bottom:0;
	width:45%;
}
.short_cloud_img_left{left:0;}
.short_cloud_img_right{right:0;}


.short_area{
	position:relative;
	background-color:#ffd000;
}

.short_bkimg_left,.short_bkimg_right{
	position:absolute;
	top:15%;
	width:45%;
}
.short_bkimg_left{left:0;}
.short_bkimg_right{right:0;}

.short_box{
	width: 100%;
	max-width: 1340px;
	margin: auto;
	padding:0 20px;
}

.short_title{
	max-width: 920px;
	margin: auto;
	padding-top:50px;
}
.short_title h2{
	position:relative;
	margin-bottom:20%;
	
}
.short_title h2 img[src*="yasuko"]{
	position:absolute;
	bottom:-40%;
	left:50%;
	transform:translateX(-50%);
	width:60%;
}

.short_title h3{
	padding-top:10px;
	line-height:1.25em;
	font-size:29px;
	font-weight:600;
}

.short_wrap{
	display:flex;
	flex-wrap:wrap;
	gap:10px 5px;
	padding:40px 0 120px;
}

.short_mv{
	position:relative;
	width:calc((100% - (5px * 6))/ 7);
	z-index:5;
}

.short_mv a{
	cursor:pointer;
	position:relative;
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:9 / 16;
}

.short_mv a::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	width:35%;
	height:auto;
	aspect-ratio:1/1;
	background-image:url("../images/play.svg");
	background-size:100%;
	transition:.2s;
}
@media screen and (min-width:768px){
	.short_mv a:hover::after{
		width:30%;
	}
}


.short_mv.pre a{
	pointer-events:none;
}
.short_mv.pre a::after{
	content:none;
}



.short_bottom{
	position:relative;
	z-index: 3;
}
.short_bottom .short_cloud_img_left{
	bottom:auto;
	top:0;
}

.short_bottom .short_cloud_img_right{
	bottom:auto;
	top:0;
	width:25%;
}


/*----------メイキング---------*/

.making_area{
	position:relative;
	background-image:url("../images/dot_blue.webp");
	background-repeat: repeat;
}

.making_box{
	padding:120px 0;
}

.making_title_box{
	position:relative;
	max-width: 800px;
	margin: auto;
	padding:0 100px 10px;
}

.making_title_icon{
	position:absolute;
	width:70px;
	right:10px;
	bottom:20px;
}

.making_title_sub{
	padding-bottom: 10px;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2em;
	color: #00215b;
}

.making_mv_wrap{
	padding: 0 100px;
}

.making_mv{
	position:relative;
	max-width: 900px;
	margin: auto;
	padding:0 20px;
}
.making_mv a{
	cursor:pointer;
	line-height:0;
	position:relative;
	display:block;
}

.making_mv a::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	width:16%;
	height:auto;
	aspect-ratio:1/1;
	background-image:url("../images/play.svg");
	background-size:100%;
	z-index:5;
	transition:.2s;
}
@media screen and (min-width:768px){
	.making_mv a:hover::after{
		width:13%;
	}
}


.making_mv_img{
	position:absolute;
	width:100px;
	right:-74px;
	bottom:10px;
}

/*===== 公開前 ======*/
.making_mv.pre a{
	pointer-events: none;
}
.making_mv.pre a img{
	border-radius:15px;
}
.making_mv.pre a::after{
	content:none;
}



/*----------やす子さん紹介---------*/

.ambassador_area{
	background-color:#00c0eb;
}
.ambassador_areabk {
	background: repeating-linear-gradient(-25deg, rgba(48,129,239,.34),rgba(48,129,239,.34) 7px,rgba(255,255,255,0) 0,rgba(255,255,255,0) 16px);
	overflow-x: hidden;
	padding: 90px 0;
}

.ambassador_boxwrap{
	padding:120px 50px 200px;
}

.ambassador_box{
	position:relative;
	width: 100%;
	max-width: 940px;
	margin: auto;
	padding:100px 0 0;
}
.ambassador_box::before{
	position: absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#fff;
	border-radius:20px;
	z-index: 2;
}

.ambassador_box::after{
	position: absolute;
	content:"";
	width:100%;
	height:100%;
	top:25px;
	left:25px;
	background-color:#00215b;
	border-radius:20px;
	z-index:1;
}

.ambassador_box > *{
	z-index: 3;
}

.ambassador_box h2{
	position: absolute;
	width:68%;
	top:-120px;
	left:30px;
}

.ambassador_bk_img_left,
.ambassador_bk_img_right{
	position:absolute;
	max-width:230px;
}

.ambassador_bk_img_left{
	bottom:0;
	left:-280px;
}

.ambassador_bk_img_right{
	top:0;
	right:-280px;
}

.ambassador_wrap{
	position:relative;
	display:flex;
	flex-wrap:wrap;
}



.ambassador_text{
	width:58%;
	padding:40px;
}

.ambassador_text p{
	font-size: 18px;
    font-weight: 600;
	text-align: left;
	line-height: 1.6;
}

.ambassador_text p span{
	color:#fff;
	background-color: #00215b;
	padding:0 8px;
	margin-right:5px;
}

.ambassador_text h3{
	margin: auto;
	padding:0 0 10px;
}

.ambassador_img{
	width:calc(45% + 70px);
	position: absolute;
	max-width:700px;
	bottom:-25px;
	right:-70px;
}




/*----------さなる紹介---------*/

.about_top{
	position:relative;
	z-index: 5;
}
.about_top_img_left, .about_top_img_right{
    position: absolute;
    bottom: 0;
    width: 35%;
}
.about_top_img_left{
	left:0;
}
.about_top_img_right{
	right:0;
}


.about_area{
	background-color: #FCFCEB;
	padding:120px 30px;
}

.about_box{
	
}

.about_box h2{
	margin: auto;
	max-width:800px;
	padding-bottom:40px;
}

.about_wrap{
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	max-width: 1340px;
	margin: auto;
	padding:60px 20px;
	background-color:#fff;
}

.about_text{
	width:55%;
	padding:0 50px;
}
.about_text p{
	font-size:19px;
	font-weight:600;
	text-align: left;
	line-height: 1.6;
}
.about_img{
	width:45%;
}

.about_text-link{
	padding-top:10px;
}

.about_text-link a{
	position:relative;
	display:block;
	border-radius:30px;
	background-color:#FFE200;
	padding:8px 20px;
	color:#00215b;
	border:#FFE200 solid 3px;
	font-size:24px;
	font-weight:600;
	transition: .2s;
}
.about_text-link a::after{
	position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 3px solid #00215b;
    border-right: 3px solid #00215b;
    transform: rotate(45deg);
    top: calc(50% - 6px);
    right: 1.4em;
    transition: .2s;
}
@media screen and (min-width:768px){
	.about_text-link a:hover{
		background-color:rgba(255,255,255,0);
		border-color:#00215b;
	}
}


.about_group {
    padding: 30px 0;
}
.about_group_box {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap:20px 35px;
}
.about_group_box h4 {
    width: 100%;
}
.about_group_box h4 span {
    display: block;
    margin: auto;
    max-width: 280px;
}

.about_group_box a {
    display: block;
    width: calc((100% - (35px * 2)) / 3);
    transition: .2s;
}
.about_group_box a[href*="zemi"]{
	width: calc((100% - (35px * 1)) / 2);
}
@media screen and (min-width:768px){
	.about_group_box a:hover{
		opacity:.6;
	}
}


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

@media screen and (max-width: 1260px) {
	.intro_img_box_left{left:-50px;}
	.intro_img_box_right{right:-30px;max-width:250px;}
	.intro_img_box_right img[src*="plate"] {
        max-width: 200px;
    	top: -44px;
	}
	.intro_box{
		max-width:1020px;
		padding: 0px 50px 100px 160px;
	}
	
	.short_bkimg_left,.short_bkimg_right{
		top:30%;
	}
}


@media screen and (max-width: 1100px) {
	
	.intro_img_box_left{
		max-width:450px;
	}
	.intro_img_box_left img[src*="plate"]{
		max-width: 290px;
		bottom: 87px;
	}
	.intro_img_box_right{
		right:auto;
		left:350px;
		width:190px;
		aspect-ratio:3 / 4;
		overflow: hidden;
	}
	.intro_img_box_right img[src*="plate"]{
		top:auto;
		bottom:20px;
	}
	.intro_img_box_right img[src*="intro"]{
		position: absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);
		width:100%;
	}
	.intro_box {
        max-width: 880px;
        padding: 0px 0 160px 240px;
    }
	.intro_text_box{
		padding:60px 40px;
	}
	
	.white_cloud_bk {padding: 130px 0 160px;}
	
/*-------------------------------------*/
	.interview_area{background-size:200%;margin-top:20px;}
	.interview_box {padding: 80px 0 80px;}
	.interview_wrap{max-width:800px;}
	.interview_text{display:contents;}
	.interview_text h3{padding-top:15px;max-width:580px;margin:auto;order:1;}
	.interview_img{width:100%;order:2;margin-top:88px;}
	.interview_text_inner{width:100%;order:3;padding:40px 10px 0;}
	.interview_text p{padding-left:0;}
	
/*-------------------------------------*/
	.short_mv {width: calc((100% - (5px * 5)) / 6);}
	
/*-------------------------------------*/
	.ambassador_boxwrap {padding: 120px 50px 110px;}
	
	.about_area{padding: 90px 30px;}
	
	
}



@media screen and (max-width: 1040px) {
	
	.ambassador_box{padding-top:10vw;}
	.ambassador_box h2 {top:-11vw;}
	
	
/*-------------------------------------*/
	.footer_group_box {max-width:600px;padding:100px 20px;}
	.footer_group_box a{width: calc((100% - (25px * 2)) / 3);}
	
	
}


@media screen and (max-width: 860px) {
	.intro_img_box_left,.intro_img_box_right{
		position:relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
	}
	.intro_img_box_left{
		width:65%;
		max-width: none;
		aspect-ratio:1 / 1;
		overflow: hidden;
		margin-right:-10%;
		margin-top: auto;
	}
	.intro_img_box_left img[src*="plate"]{
		width:60%;
	}
	
	.intro_img_box_left img[src*="intro"]{
		position: absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);
		width:100%;
	}
	.intro_img_box_right{
		max-width:none;
		width:38%;
		margin-top:auto;
	}
	.intro_img_box_right img[src*="plate"]{
		width:60%;
		bottom: 75px;
	}
	
	.intro_box {
		justify-content:center;
		padding:50px 0 0;
		min-height:auto;
	}
	
	.intro_text_box{
		width:calc(100% - 40px);
		max-width:660px;
		margin-bottom:-40px;
	}
	
	.intro_white_line {padding-top:0;}
	.intro_bkimg_top{width:80%;}
	.intro_bkimg_bottom{width:60%;}

/*-------------------------------------*/
	
	.top_menu_box{border-radius:20px;padding:10px;}
	
	.top_menu li a{padding:10px}
	.top_menu li a br{display:none;}
	.top_menu li a::after{content:none;}
	.top_menu li{border-right-width:2px;border-bottom:2px dotted #00215b;}
	.top_menu li:last-child{border-bottom:none;}
	.top_menu li a::before{
		position: absolute;
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-bottom: 3px solid #00215b;
		border-right: 3px solid #00215b;
		transform: rotate(45deg);
		top: calc(50% - 6px);
		left: 1.4em;
		transition: .2s;
	}
	
	.top_menu.four li {width:calc(100% / 2);}
	.top_menu.four li:nth-child(odd){border-right:none;}
	.top_menu.four li:nth-child(4){border-bottom:none;}
	.top_menu.four li:nth-child(2) a{border-radius:10px 0 0 0;}
	.top_menu.four li:nth-child(3) a{border-radius:0 10px 0 0;}
	.top_menu.four li:nth-child(4) a{border-radius:0 0 0 10px;}
	.top_menu.four li:nth-child(5) a{border-radius:0 0 10px 0;}
	
	
	.top_menu.five li {width:calc(100% / 2);}
	.top_menu.five li:nth-child(even){border-right:none;}
	.top_menu.five li:last-child{width:100%;border-right:none;}
	.top_menu.five li:first-child a {border-radius:10px 0 0 0;}
	.top_menu.five li:nth-child(2) a {border-radius:0 10px 0 0;}
	.top_menu.five li:last-child a {border-radius: 0 0 10px 10px;}
	
/*-------------------------------------*/
	
	.white_cloud_bk {padding: 60px 0 140px;}
	
/*-------------------------------------*/
	
	.making_title_icon {width: 60px;right: 32px;bottom: 30px;}
	.making_mv_img {width: 80px;right:-55px;}
	
/*-------------------------------------*/
	
	.ambassador_box h2{width:100%;top:-20vw;left:1vw;}
	.ambassador_text{width:100%;padding:3vw 30px 1vw;}
	.ambassador_text h3{max-width:500px;}
	
	.ambassador_img{
		margin:0 auto -25px;
		width:100%;
		position:relative;
		max-width:530px;
		bottom:auto;
		right:auto;
	}
	
/*-------------------------------------*/
	.about_text{display:contents;}
	.about_text_inner{width:100%;order:1;}
	.about_img{width:100%;order:2;}
	.about_group{width:100%;max-width:500px;margin:auto;order:3;padding:30px 20px;}
	.about_group_box h4 span {max-width: 360px;}
	.about_text-link{width:100%;order:4;padding:10px 0 0;}
	
/*-------------------------------------*/
	.channel_sns_links a {gap: 10px;}
	.channel_sns_links a span {width: 100%;text-align: center;}
	
}

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

	.mv_cloud{display:none;}
	.mv_box{background-image:none;}
	.mv_comment{display:none;}
	.mv_title_box h1{padding:0;}
	
	/*-------------------------------------*/

	.intro_img_box_left {width: 70%;margin-right: -16%;}
	.intro_img_box_left img[src*="plate"]{width: 57%;bottom:13%;}
	
	.intro_img_box_right {width: 42%;}
	.intro_img_box_right img[src*="plate"]{bottom:24%;}
	.intro_text_box {margin-bottom:-7.4vw;padding:10vw 20px;}
	.intro_text_box p {font-size:3.6vw;padding-bottom:4vw;letter-spacing: -0.07em;}
	
	/*-------------------------------------*/
	
	.top_menu_box {padding: 10px 10px 8px;}
	.top_menu li a{font-size:16px;}
	.top_menu li a::before {left: 1em;}
	
	/*-------------------------------------*/
	
	.white_cloud_bk {padding: 80px 0 240px;}
	
	.top_news_list {border-radius:20px;}
	.top_news_list ul{min-height:140px;}
	.top_news_list li > * {font-size:16px;}
	.top_news_list li a::after {right: 1em;}
	.top_news_list li > * time {width: 125px;}
	.top_news_list li > * span {width: calc(100% - 125px);padding-right:1.8em;}
	
	/*-------------------------------------*/
	
	.interview_area {margin-top: 30px;}
	
	/*-------------------------------------*/
	.short_box{padding:0;}
	.short_title h3{font-size:4.5vw;}
	.short_wrap {padding: 40px 20px 80px;}
	.short_mv {width: calc((100% - (5px * 4)) / 5);}
	
	/*-------------------------------------*/
	.channel_sns_links {gap: 20px;}
	.channel_sns_links a {width: calc((100% - 20px) / 2);}
	.channel_sns_links a span {font-size: 14px;}

}


@media screen and (max-width: 650px) {
	
	.head_apply_btn a span{font-size:16px;}
	
	.making_title_icon{width:9%;right:6%;bottom:13%;}
	.making_mv_wrap {padding: 0 60px;}
	
}


@media screen and (max-width: 560px) {
	
	.head_apply_btn a{padding:0 20px 0 30px;}
	
/*-------------------------------------*/
	
	.white_cloud_bk{padding:10vw 0 20vw;}
	
	.top_menu_area {padding:0 20px;}
	.top_menu_box {border-radius:10px;padding:6px 0 0;}
	.top_menu li a{font-size:13px;}
	.top_menu li a::before {border-width:2px;left:1em;width:6px;height:6px;}
	
/*-------------------------------------*/
	
	.top_news_box{padding:8vw 20px 0;}
	.top_news_box h2{line-height:1.1em;font-size:8vw;padding-bottom:0;}
	
	.top_news_list {padding:13px 5px;}
	.top_news_list ul {padding: 0 20px;}
	.top_news_list li > * time{width:100%;font-size:14px;padding-bottom:5px;}
	.top_news_list li > * span{width:100%;font-size:15px;line-height:1.2em;}
	
/*-------------------------------------*/
	
	.interview_area{
		margin-top:0;
		background-image: url(../images/interview_bk_sp.webp);
		background-position: center 5%;
	}
	
	.interview_box{padding: 60px 0 3vw;}
	
	.interview_wrap{padding:20vw 30px 0;}
	
	.interview_img{margin-top:11vw;}
	.interview_img_deco{width:18vw;top:-18vw;}
	
	.interview_img a img {border-radius:10px;}
	.interview_img::after{border-radius:10px;top:10px;left:10px;}
	
	.interview_text_inner{padding: 9vw 0 0;}
	.interview_text p{font-size:15px;}
	
	
/*-------------------------------------*/
	
	.short_cloud_img_left,.short_cloud_img_right {width:50%;}
	
	.making_title_box{padding: 0px 11vw 10px;}
	.short_title h2 {margin-bottom: 27vw;}
	.short_title h2 img[src*="yasuko"]{width:70%;bottom: -54%;}
	.making_title_sub{font-size:8vw;padding-bottom:0;}
	.short_title{padding-top:40px;}
	.making_title_icon {width:8%;right:2%;bottom:16px;}
	.short_wrap{padding:5vw 20px 10vw;}
	.short_mv {width: calc((100% - (5px * 3)) / 4);}
	
	.short_bottom .short_cloud_img_left{width:66%;}
	.short_bottom .short_cloud_img_right {width: 30%;}
	
/*-------------------------------------*/
	
	.making_box{padding:60px 0 18vw;}
	.making_mv_wrap{padding: 0 30px;}
	.making_mv_img {width: 48px;right: -25px;}
	
/*-------------------------------------*/
	
	.ambassador_areabk{padding:calc(40px + 13vw) 0 12vw;}
	.ambassador_boxwrap{padding:16vw 20px;}
	.ambassador_box{padding-top: 13vw;}
	.ambassador_img{margin:0 auto -13px;}
	.ambassador_box::after{top:13px;left:12px;}
	.ambassador_box h2 {width:110%;top:-25vw;left:-4vw;}
	.ambassador_text p{font-size: 14px;}
	
/*-------------------------------------*/
	
	.about_top_img_left, .about_top_img_right {width: 40%;}
	
	.about_area{padding:60px 0 13vw;}
	.about_box h2{padding:0 10px 2.5vw;}
	
	.about_wrap{padding:6vw 0;width:calc(100% - 50px);}
	.about_text_inner{padding:0 25px;}
	.about_text p {font-size: 15px;}
	.about_img{padding:0 10px;}
	
	.about_text-link{padding:10px 20px 0;}
	.about_text-link a{font-size:17px;}
	
	.about_group_box{gap:3vw 4.8vw;justify-content:center;}
	.about_group_box h4 span{width:65%;}
	.about_group_box a {width: calc((100% - (5vw * 2)) / 3);}
	.about_group_box a[href*="zemi"]{width: calc((100% - (5vw * 1)) / 2);}
	
/*-------------------------------------*/
	
	.banner_box{padding:15vw 20px 13vw;}
	
	.channel_sns_links {padding:5vw 0;gap:13px;}
	.channel_sns_links a {width:100%;}
	.channel_sns_links a img {width:36px;}
	.channel_sns_links a span {width:auto;text-align:left;font-size:12px;}
	
	
/*-------------------------------------*/
	.footer_group_box {padding:17vw 20px;gap: 15px 2.8vw;justify-content:center;}
	.footer_group_box h4 span {max-width: 250px;}
	.footer_group_box a{width: calc((100% - (3vw * 1)) / 2);}
	.footer_group_box a span:nth-child(1){font-size:min(3vw,12px);}
	.footer_group_box a span:nth-child(2){font-size:min(2vw,9px);}
	
}


@media screen and (max-width: 520px) {
/*--------ヘッダー----------*/
	.head_apply_btn{display:none;}
	.head-nav .head-logo{height:38px;}
	.header_after{height:38px;}
	
	
/*-------- ショート動画 ----------
	.short_mv {width: calc((100% - (5px * 2)) / 3);}
	*/
	
/*--------下部ボタン----------*/
	.bottom_apply_btn{
		display:block;
		position: fixed;
		width:100%;
		bottom: 0;
		right: 0;
		z-index: 100;
	}
	
	.bottom_apply_btn a{
		display:flex;
		flex-wrap:wrap;
		width:100%;
		background-color: #fcee21;
		padding:9px 0 6vw 5vw;
	}
	
	.bottom_apply_btn a svg{margin:auto 0;width:8vw;}
	.bottom_apply_btn a span{line-height:1em;font-weight:600;}
	.bottom_apply_btn a span.summer{margin:auto 0;font-size:min(30px,6vw);padding:0 .6em 0 .3em;}
	.bottom_apply_btn a span.apply{font-size:min(20px,4vw);background-color:#fff;color:#00215b;padding:6px 20px 3px;border-radius:30px;}
	.bottom_apply_btn a::after {
		position: absolute;
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #00215b;
		border-right: 3px solid #00215b;
		transform: rotate(45deg);
		top: calc(50% - 3.5vw);
		right:5vw;
		transition: .2s;
	}
	
	#page-top{display:none;}
	
	
/*--------フッター----------*/
	footer .logo {
		width:70%;
	}
}

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

	.top_menu li a {font-size: 10px;}
	

}

/* ---------------------------------------------------------
■ ライトボックス
--------------------------------------------------------- */
.featherlight{ padding: 2%}

.lightbox{ 
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: left;
    padding: 25px;
	background-color:#fff;
}
@media screen and (max-width: 767px){
	.lightbox {
	    padding: 25px 20px;
	}
}
/* ---------------------------------------------------------
■ フェードイン
--------------------------------------------------------- */
.fadein {
  visibility: hidden; }

.fadein_delay {
	-webkit-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.fadeInDown {
  visibility: visible !important;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }


/* ---------------------------------------------------------
■ フェードインｊｓ
--------------------------------------------------------- */
.Fade_In{
	opacity: 0;
  	transition: all .5s ease;
	transform: translate(0, 100px);
}

.Fade_In.show{
  opacity: 1;
  transform: none;
}