@charset "utf-8";

header {background-color: rgb(0 0 0 / 25%);transition: all 300ms ease;}
#header_nav a{color:#fff;}
#header_nav #main_menu a:before{background-color:#fff;}
main{ padding-top:0!important;}
main>section:first-child>*:first-child{padding-top: 0;}

#backtotop{transform: translateY(3em); opacity:0;transition:all 0.4s ease-in-out;z-index: 0;}
#backtotop.totop_on{transform: translateY(0px);transition:all 0.4s ease-in-out;z-index: 2; opacity:1;}


/**事業再構築補助金により作成文言**/
main::after {content: "事業再構築補助金により作成"; display: block; background: #fff;z-index:35;width: fit-content; border: 1px solid #bbbbbb; border-radius: 0.25em; padding:0.5em 1em; position: fixed;right: 1rem; bottom: 1rem;margin-left: auto; font-size: var(--font-SS);line-height: 1;}

/**sect_fview**/
#sect_fview{--FvBot:70px; padding:0;}

#sect_fview [class*="wth_"]{position: relative; background-image: url(/com/img/musume_bg.webp); background-repeat: no-repeat; background-size: cover; background-position: bottom;}
#sect_fview [class*="wth_"]:after{ position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 100%; height: var(--FvBot); z-index: 0; background-image: url(/com/img/musume_fviewR.webp); background-repeat: no-repeat;background-size: 100% 100%; background-position: center bottom;}
#sect_fview [class*="wth_"] .fview_logo{position: absolute; bottom:0; width: 100%}
#sect_fview [class*="wth_"] .fview_logo img{width:30vw;min-width: 300px;max-width: 400px; margin-left: auto; margin-right: auto;margin-bottom:calc(var(--FvBot) * 0.3);position: relative;z-index: 2;}

/**fview slick**/
[class*="kvis"][class*="_SlDes"]{ overflow: hidden; position: relative; margin-bottom: 0;z-index: 1;height: 100vh;min-height:600px;}
[class*="kvis"][class*="_SlDes"] .slick-list{height: 100%;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-track{display: flex!important;height: 100%;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide{display:flex;align-items: center;position: relative;justify-content: center;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide{}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .img-wrap {width:50%; transition: all 320ms ease;height: 100%; display: flex;justify-content: center;align-items: center;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .img-wrap img {display:block; transition: all 320ms ease; }

/**表示エリア**/
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active{width: 18vw!important;transition: all 320ms ease;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active .img-wrap{width:fit-content;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active .img-wrap img{width:auto; -ms-filter: blur(2px);filter: blur(2px);opacity:0.6;max-height:95%;}
/**表示エリア_中央**/
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center{width:64vw!important;transition: all 320ms ease;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center .img-wrap img{-ms-filter: blur(0);filter: blur(0);opacity:1;width: auto;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center .img-wrap img.allmember{}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .musume_prof{text-shadow: 0px 0px 8px rgb(0 9 95);transition: all 320ms ease;opacity:0;position: absolute;top:0;bottom:0;margin: auto; padding:0.5rem 1.5rem 1rem 2.5rem;color: #fff;font-size:var(--font-M);border-bottom: 1px #FFF solid;border-right: 1px #FFF solid; right:0;left:0;text-align: center;width:0.1%;height:0.1%;overflow:hidden;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .musume_prof small{display: block;font-size:70%;}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .musume_prof [class*="common_btn"]{margin-top: 1rem;padding: 0.6em 2em 0.8em 1.75em;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center .musume_prof{transform:translate(15vw,-3vw);opacity:1;font-size:var(--font-L);height: fit-content;width: fit-content;}

[class*="kvis"][class*="_SlDes"] .uniq-dots{justify-content: flex-start;bottom: calc(var(--FvBot) + 10px);right: 1.5rem;width:fit-content;}
[class*="kvis"][class*="_SlDes"] .uniq-dots li{height: 0.5em;width: 2em;}
[class*="kvis"][class*="_SlDes"] .uniq-dots li button{ background: rgb(255 255 255 / 100%);}


/**sect_project**/
#sect_project{padding-top: 3rem;}
#sect_project img.ins_img{width:30%;}
#sect_project .collab_box{border: 8px solid #F0F0F0;border-radius: 1rem;padding: 1rem; margin-top: 2rem;}
#sect_project .collab_box img:first-child{width:35%;}
#sect_project .collab_box img.collab_batsu{width:3%;}
#sect_project .collab_box img:last-child{width:30%;}

/**sect_story**/
#sect_story{background-color: #F9F5F8; position: relative;}
#sect_story:after{position:absolute;top: 0;left: 0; content:"";width: 55%; min-width: 620px; height:100%; display: block; background-image: url(/com/img/musume_Top02.webp); background-position: right center; background-repeat: no-repeat; background-size:cover;z-index: 0;}
#sect_story .story_box{width: 65%;position: relative;z-index: 1;text-shadow:0px 0px 8px rgb(255 255 255),0px 0px 8px rgb(255 255 255);}
#sect_story .story_box [class*="common_btn"]{text-shadow:0px 0px 0px rgba(0, 0, 0, 0);}

/**sect_news**/
#sect_news{}


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

	#header_btn_sp span { background-color: #fff;}
	main{ padding-top:0!important;}
	
	/**事業再構築補助金により作成文言**/
	main::after {right:2vw; bottom:2vw;font-size: var(--font-SS);}

	/**sect_fview**/
	#sect_fview{--FvBot:60px;}
	#sect_fview [class*="wth_"]{}
	#sect_fview [class*="wth_"]:after{height: var(--FvBot);}
	#sect_fview [class*="wth_"] .fview_logo{}
	#sect_fview [class*="wth_"] .fview_logo img{width:70vw;min-width: initial;max-width:300px; margin-left: auto; margin-right: auto;margin-bottom:calc(var(--FvBot) * 0.3);position: relative;z-index: 2;}

	/**fview slick**/
	[class*="kvis"][class*="_SlDes"]{ }
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-track{}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide{}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide{}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .img-wrap {}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .img-wrap img {-ms-filter: blur(1px);filter: blur(1px);opacity:0.6;}
	/**表示エリア**/
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active{width: 50vw!important;transition: all 320ms ease;transform: translateX(-50%);}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center+.slick-active{transform: translateX(50%);}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active .img-wrap{width:100%;z-index: 10;}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active .img-wrap img{position: absolute;z-index: 10;max-height: initial;}
	/**表示エリア_中央**/
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center{width:0vw!important;transform: translateX(0);}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center .img-wrap{position: relative;width: 100%;padding-bottom: 27vh;z-index: 20;}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center .img-wrap img{left: 50%;transform: translateX(-50%);z-index: 20;width: 85vw;max-width: 400px;}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center .img-wrap img.allmember{width:115vw;top:0;margin: auto;bottom:0; max-width:initial;}

	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .musume_prof{transform:translate(-50%,0);opacity:0;border-style:none;padding:1.25rem 0 1.5rem;font-size:var(--font-Mx); text-align: center;overflow:hidden;top:auto;bottom:160px;z-index: 24;}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .musume_prof small{display: inline-block;font-size:80%;padding-left: 0.5rem;}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide .musume_prof [class*="common_btn"]{display: block;width:fit-content;margin: 1rem auto 0;padding: 0.6em 2em 0.8em 1.75em;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
	[class*="kvis"][class*="_SlDes"] .slick-list .slick-slide.slick-active.slick-center .musume_prof{transform:translate(-50%,0);opacity:1;padding:1.25rem 0 1.5rem;font-size:var(--font-Mx);width:70vw;        max-width: 400px;background-color: rgba(0,0,0,0.3);border-radius: 0.5rem;top:auto;bottom:160px;}


	[class*="kvis"][class*="_SlDes"] .uniq-dots{justify-content: center;bottom: calc(var(--FvBot) + 8vh);right: 0;left: 0;width:100vw;padding: 0;gap:1rem 2vw;}
	[class*="kvis"][class*="_SlDes"] .uniq-dots li{height: 0.75em;width:2em;}
	[class*="kvis"][class*="_SlDes"] .uniq-dots li button{}

	/**sect_project**/
	#sect_project{padding-top:5rem;}
	#sect_project img.ins_img{width:80%;margin: auto;}
	#sect_project .collab_box{padding:1.5rem 0; }
	#sect_project .collab_box img:first-child{width:85%;}
	#sect_project .collab_box img.collab_batsu{width:6vw;margin-bottom:1rem;}
	#sect_project .collab_box img:last-child{width:80%;}

	/**sect_story**/
	#sect_story{padding-top: 110vw;}
	#sect_story:after{width:100%; min-width: initial; height:90vw; background-position: center top; background-size:150% ;}
	#sect_story .story_box{width: 100%;}
	#sect_story .story_box [class*="common_btn"]{}

}