@charset "utf-8";

/**sect_fview**/
#sect_fview{margin-top:0;}
#sect_fview [class*="wth_"]{position: relative; }
#sect_fview li .alph_layer{display: block; height: 100%; width: 100%; position: relative;}
#sect_fview li .alph_layer:hover{opacity: 1;}
#sect_fview li .alph_layer:after{content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgb(175 175 175 / 25%);}

#sect_fview .fview_toppri{display:flex; position:absolute; top:0; left:0; right:0; width:100%;min-width:450px;height:100%; align-items:flex-start; justify-content:center; flex-direction:column;color:#fff; z-index:10; font-weight:300; letter-spacing:0.02em; line-height:1.5; padding:4rem max(12vw,2rem); gap:2rem;
opacity: 0; transform: translateY(10px); transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out; transition-delay: 0.3s;}
#sect_fview .move_on .fview_toppri{opacity: 1; transform: translateY(0);}

#sect_fview .fview_toppri small{display: block; font-size: 2rem; padding-top: 1rem;}
#sect_fview .fview_toppri .fview_intr{font-size: var(--font-L); color: #000; font-weight:700;}
#sect_fview .fview_toppri .fview_hx{line-height: 1.4;}
#sect_fview .fview_toppri .fview_hx img{ margin: auto; width: 100%;}
#sect_fview .fview_toppri [class*="common_btn"]{ font-size: var(--font-M)!important; }

/**fviewイレギュラー**/
#sect_fview .fv_about .fview_toppri .fview_hx{width:10em;}
#sect_fview .fv_sample01 .fview_toppri{left: auto;}
#sect_fview .fv_sample03 .fview_toppri{left: auto;}
#sect_fview .fview_toppri.branding{justify-content: flex-end;padding:10rem max(4vw, 2rem) 10rem max(8vw, 2rem);} 
#sect_fview .fview_toppri.branding .fview_intr{color:#fff;font-size: var(--font-LL);}
#sect_fview .fv_about .fview_toppri.branding .fview_hx{width:14em;}

#sect_fview .fview_toppri.branding02{width: 100%;;padding:10rem max(4vw, 2rem) 10rem max(4vw, 2rem);justify-content: center;align-items: center;} 
#sect_fview .fview_toppri.branding02 .fview_intr{color:#fff;font-size: var(--font-LL);text-align: center;order: 1;line-height: 1.4;letter-spacing: 0.05em;}
#sect_fview .fview_toppri.branding02 .fview_hx{width:12em;}
#sect_fview .fview_toppri.branding02 .fview_hx img{-webkit-filter:drop-shadow(0px -4px 8px rgba(255, 255, 255, 0.75)) drop-shadow(0px 10px 20px rgba(255, 255, 255, 1)); /* SafariなどのWebkitブラウザ用 */
filter: drop-shadow(0px -4px 8px rgba(255, 255, 255, 0.75)) drop-shadow(0px 10px 20px rgba(255, 255, 255, 1));}
#sect_fview .fview_toppri.branding02:after{/*content: "";*/width:100%; height:100%;background-color: aquamarine;display: block;position: absolute;left: 0;top:0;z-index: -1;}


/**fview slick**/
[class*="kvis"][class*="_SlDes"]{position: relative;margin-bottom: 0;}
[class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide{overflow: hidden; height: calc(100vh - 84px); min-height: 520px; max-height: 70vw;}
[class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide img{}


[class*="kvis"][class*="_SlDes"] .uniq-dots{justify-content: flex-start;bottom: 1.5rem;right: 1.5rem;flex-direction: column;width:fit-content;}
[class*="kvis"][class*="_SlDes"] .uniq-dots li{height: 0.5em;width: 1em;}
[class*="kvis"][class*="_SlDes"] .uniq-dots li button{ background: rgb(0 0 0 / 40%);}


/**sect_seminar**/
#sect_seminar{transform: translateY(-72px);margin-top: 0;}
#sect_seminar .seminar_ul {display: flex;width: calc(100% + 30px);transform: translateX(-15px);gap: 0.5rem;flex-wrap: wrap;}
#sect_seminar .seminar_ul li{width: calc(50% - 0.25rem);}
#sect_seminar .seminar_ul li.colspn100per{width: 100%!important;}
#sect_seminar .seminar_ul li a{background-color: #fff;border-radius: 0.5rem;display: flex;padding:1.5em;flex-direction: column;position: relative;overflow: hidden; border: 3px solid #fff;gap:1em;}
#sect_seminar .seminar_ul li a:hover{opacity:1;}
#sect_seminar .seminar_ul li a:after{width:10rem; padding-top: 2rem; padding-bottom: 0.4rem;position: absolute;top: -1.1rem;right: -4.4rem; ;display: inline-block;color: #FFFFFF;text-align: center;font-size:0.65rem;font-weight:700;content: "受付中";background-color:var(--color-red);transform: rotate(40deg);line-height: 1;}
#sect_seminar .seminar_ul li a .seminar_name{font-size:var(--font-L);color:var(--color-red);display: flex;align-items:flex-start;line-height: 1.3;font-weight:700;}
#sect_seminar .seminar_ul li a .seminar_name *{line-height: 1.3;}
#sect_seminar .seminar_ul li a .seminar_name small{background-color:var(--color-red);font-size:50%;display: inline-block;color: #fff;margin-right:1em;line-height:1;padding:0.5em 0.75em;white-space: nowrap;margin-top: 0.25em;}
#sect_seminar .seminar_ul li a .seminar_lead{}
#sect_seminar .seminar_ul li a .seminar_txt{line-height: 1.6;display: flex; align-items: flex-end;gap: 0.75em;justify-content: space-between; padding-left: 0.35em;}
#sect_seminar .seminar_ul li a .seminar_txt .seminar_info{color:var(--color-red);}
#sect_seminar .seminar_ul li a .seminar_txt [class*="common_btn"]{width: auto; padding: 0.6em 2em 0.6em 1.75em;white-space: nowrap;font-size: var(--font-S);}
#sect_seminar .seminar_ul li a .seminar_imgAri{display: flex;justify-content: space-between;}
#sect_seminar .seminar_ul li a .seminar_imgTxt{width:65%;display: flex;gap:1em;flex-direction: column;}
#sect_seminar .seminar_ul li a .seminar_imgThm{width:33%;}
#sect_seminar .seminar_ul li a .seminar_imgThm img{width:100%;}

#sect_seminar .seminar_ul li.clr_vari01 a .seminar_name{color:var(--color-purple);}
#sect_seminar .seminar_ul li.clr_vari01 a .seminar_name small{background-color:var(--color-purple);}
#sect_seminar .seminar_ul li.clr_vari01 a .seminar_txt .seminar_info{color:var(--color-purple);}
#sect_seminar .seminar_ul li.clr_vari01 a:after{background-color:var(--color-purple);}

#sect_seminar .seminar_ul li.clr_nyukai01 a{background-color:var(--color-red);flex-direction: row; justify-content: space-between;align-items: stretch;border-color:var(--color-red);padding-left: 3em;padding-right: 3em;}
#sect_seminar .seminar_ul li.clr_nyukai01 a .seminar_name{color:#fff;flex: 1;}
#sect_seminar .seminar_ul li.clr_nyukai01 a .seminar_name small{}
#sect_seminar .seminar_ul li.clr_nyukai01 a:after{content:"この時期\A増えてます!";color:var(--color-red); background-color:#fff; white-space: pre-line;top: -0.8rem;right: -3.8rem;}

/**sect_info**/
section[id*="sect_info"]{margin-top: 6rem;}
#sect_seminar+section[id*="sect_info"]{margin-top:2rem;}
section[id*="sect_info"] [class*="news_tab"] .slick-track{display: flex; gap:2px;border-bottom: 0.75em solid var(--color-red);border-radius:0.5rem 0.5rem 0 0; overflow: hidden;}
section[id*="sect_info"] [class*="news_tab"] .slick-track:before,section[id*="sect_info"] [class*="news_tab"] .slick-track:after{display: none;}
section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"]{color: var(--color-red);background-color: #fff; width: 100%; text-align: center;padding:1em 1em 0.5em;font-size: var(--font-Mx);font-weight:700; cursor: pointer;height: auto;}
section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"]:after{content: "";width: 1em;height: 1em;display: block;margin: 0.2em auto 0;background-repeat: no-repeat;background-image:url(../img/arr_RED.svg);background-size: contain;background-position: center center;transform: rotate(90deg);}
section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"].slick-current{background-color: var(--color-red);color: #fff;}
section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"].slick-current:after{background-image: url(../img/arr_WHT.svg);}

section[id*="sect_info"] .news_cont{background-color: #fff;border-radius:0 0 0.5rem 0.5rem; padding: 3em 5em 4em; position: relative;}
section[id*="sect_info"] .news_cont .news_cate{}
section[id*="sect_info"] .news_cont .news_cate .news_name{font-size: var(--font-L); color: var(--color-red); text-align: center; border-bottom: 2px solid var(--color-red); padding-bottom: 1em;font-weight: 600;}


section[id*="sect_info"] .news_cont .news_cate .news_name + ul.news_ul{padding-top: 3em;}
section[id*="sect_info"] .news_cont .news_cate ul.news_ul+.btn_box{padding-top: 3em;}
section[id*="sect_info"] .news_cont .news_cate .btn_box{text-align: left; padding-top:0;}
section[id*="sect_info"] .news_cont .news_cate .btn_box + .news_name{padding-top:4em;}


/**sect_service**/
#sect_service{}
#sect_service [class*="service_ul"]{}
#sect_service [class*="service_ul"] li{}
#sect_service [class*="service_ul"] li a{display:flex;flex-direction: column;border-radius: 0.25rem;background-color:#fff; color:var(--color-red); overflow:hidden;height: 100%;}
#sect_service [class*="service_ul"] li a .service_lower{padding:1em 1.5em;display: flex;gap: 1em;border-bottom:1px solid var(--color-red);height: 100%;}
#sect_service [class*="service_ul"] li a .service_lower .service_txt{flex: 1;background-repeat: no-repeat;background-image: url(../img/arr_RED.svg);background-position: right 0.6em;background-size: 0.65em auto;padding-right:1.5em;}
#sect_service [class*="service_ul"] li a .service_lower .service_txt .service_name{font-size:var(--font-Mx);font-weight:600;line-height: 1.4;}
#sect_service [class*="service_ul"] li a .service_lower img{display:none;height:1.75em;width:auto;}
#sect_service [class*="service_ul"] li a:hover{}
#sect_service [class*="service_ul"]+[class*="service_ul"]{padding-top:4rem;}

#sect_service [class*="service_ul"][class*="Sbox"]{}
#sect_service [class*="service_ul"][class*="Sbox"] li a{background-color: #fff; color:#333;}
#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower{border-style: none;}
#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower img{display: none;height: 1.5em;}
#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower .service_txt .service_name{font-size:var(--font-M);}
#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower .service_txt{background-position: right 0.2em;background-size: 0.5em auto;padding-right:1em;background-image: url(../img/arr_BLK.svg);}

/**sect_sponsor**/
#sect_sponsor{}
#sect_sponsor .sponsor_ul{}
#sect_sponsor .sponsor_ul li a{display:block;border-radius:0.25rem;}
#sect_sponsor .sponsor_ul li p{display: block;padding:0.5em 0.3em;font-size: var(--font-S);line-height: 1.2;}
#sect_sponsor .sponsor_ul li p:before{content:"▲";display:inline-block;margin-right:0.4em;font-size:75%;}
#sect_sponsor .supp_ul{padding-top: 4rem;display: flex; gap: 1.5rem;}
#sect_sponsor .supp_ul li{min-width: 12em;}
#sect_sponsor .supp_ul li a{display: flex;background-color: #fff;border-radius: 0.25rem;padding: 0.4rem 0.75rem;gap: 0.75rem;align-items: center}
#sect_sponsor .supp_ul li a img{display: block; height:2.5em; width: auto;}
#sect_sponsor .supp_ul li a p{font-size: 80%;line-height: 1.2;}

@media only screen and (max-width: 760px) {

	/**sect_fview**/
	#sect_fview{}
	#sect_fview [class*="wth_"]{}
	#sect_fview li .alph_layer{}
	#sect_fview li .alph_layer:hover{}
	#sect_fview li .alph_layer:after{background-color: rgb(175 175 175 / 25%);}

	#sect_fview .fview_toppri{min-width: initial;width: 100%;padding:4vh 10vw 20vh;gap:1rem;}
	#sect_fview .move_on .fview_toppri{}

	#sect_fview .fview_toppri small{}
	#sect_fview .fview_toppri .fview_intr{font-size: var(--font-L);/*order: 1;*/}
	#sect_fview .fview_toppri .fview_hx{}
	#sect_fview .fview_toppri .fview_hx img{}
	#sect_fview .fview_toppri [class*="common_btn"]{ font-size: var(--font-L)!important; }

	/**fviewイレギュラー**/
	#sect_fview .fv_about .fview_toppri .fview_hx{width:15em;}
	#sect_fview .fv_sample01 .fview_toppri{}
	#sect_fview .fv_sample03 .fview_toppri{}
	
	#sect_fview .fview_toppri.branding{padding:4vh 8vw 20vh;}
	#sect_fview .fview_toppri.branding .fview_intr{font-size: 3.75vw;}
	#sect_fview .fv_about .fview_toppri.branding .fview_hx{width:10em;}
	
	#sect_fview .fview_toppri.branding02{width: 100%;padding:10vh 8vw 20vh;justify-content: center;align-items: center;} 
	#sect_fview .fview_toppri.branding02 .fview_intr{font-size: 3.75vw;}
	#sect_fview .fview_toppri.branding02 .fview_hx{width:10em;}
	#sect_fview .fview_toppri.branding02 .fview_hx img{-webkit-filter:drop-shadow(0px -4px 6px rgba(255, 255, 255, 0.75)) drop-shadow(0px 3px 10px rgba(255, 255, 255, 1));
	filter: drop-shadow(0px -4px 6px rgba(255, 255, 255, 0.75)) drop-shadow(0px 3px 10px rgba(255, 255, 255, 1));}

	/**fview slick**/
	[class*="kvis"][class*="_SlDes"]{min-height:600px;}
	[class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide{height:calc(100vh - 65px); min-height: initial; max-height:initial;}
	[class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide img{}
	[class*="kvis"][class*="_SlDes"] .uniq-dots{bottom: 18vh;right: 0;left: 0;margin: auto;flex-direction: row;width: 100%;justify-content: center;margin-bottom: 1em;}
	[class*="kvis"][class*="_SlDes"] .uniq-dots li{height: 1em;width:2em;}
	[class*="kvis"][class*="_SlDes"] .uniq-dots li button{background: rgb(255 255 255 / 75%);}
	[class*="kvis"][class*="_SlDes"] [class*="arrow-"]{ top: auto; bottom:18vh; width: 2.5em; height: 2.5em;}
	
	/**sect_seminar**/
	#sect_seminar{transform: translateY(-22vw);padding-bottom: 0;}
	#sect_seminar .seminar_ul {flex-direction: column;width: calc(100% + 4vw);transform: translateX(-2vw);gap: 0.5rem;}
	#sect_seminar .seminar_ul li{width: 100%;}
	#sect_seminar .seminar_ul li a{padding:1em;}
	#sect_seminar .seminar_ul li a:hover{}
	#sect_seminar .seminar_ul li a:after{}
	#sect_seminar .seminar_ul li a .seminar_name{flex-direction: column;}
	#sect_seminar .seminar_ul li a .seminar_name small{font-size:65%;margin-right:0;margin-top:0;margin-bottom:0.5em;}
	#sect_seminar .seminar_ul li a .seminar_txt{flex-direction: column;gap:1.5em;padding-left:0;align-items: flex-start;}
	#sect_seminar .seminar_ul li a .seminar_txt .seminar_info{}
	#sect_seminar .seminar_ul li a .seminar_txt [class*="common_btn"]{width: auto;font-size: var(--font-M);}
	
	#sect_seminar .seminar_ul li a .seminar_imgAri{display: flex;gap:8vw;flex-direction: column;}
	#sect_seminar .seminar_ul li a .seminar_imgTxt{width:100%;}
	#sect_seminar .seminar_ul li a .seminar_imgThm{width:100%;}
	
	#sect_seminar .seminar_ul li.clr_vari01 a .seminar_name{}
	#sect_seminar .seminar_ul li.clr_vari01 a .seminar_name small{}
	#sect_seminar .seminar_ul li.clr_vari01 a:after{}
	#sect_seminar .seminar_ul li.clr_nyukai01 a{flex-direction: column;padding-left:1em;padding-right:1em;}
	
	
	/**sect_info**/
	section[id*="sect_info"]{margin-top:0;}
	#sect_seminar+section[id*="sect_info"]{margin-top:0;}
	section[id*="sect_info"] [class*="news_tab"] .slick-track{}
	section[id*="sect_info"] [class*="news_tab"] .slick-track:before,section[id*="sect_info"] [class*="news_tab"] .slick-track:after{}
	section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"]{display: flex;flex-direction: column;justify-content: space-between;}
	section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"]:after{width: 1.25em;height: 1.25em;}
	section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"].slick-current{}
	section[id*="sect_info"] [class*="news_tab"] li[id*="tab_"].slick-current:after{}
	section[id*="sect_info"] .news_cont{padding: 2em 1em 3em;}
	section[id*="sect_info"] .news_cont .news_cate{}
	section[id*="sect_info"] .news_cont .news_cate .news_name{}
	section[id*="sect_info"] .news_cont .news_cate ul.news_ul+.btn_box{}
	section[id*="sect_info"] .news_cont .news_cate .news_name + ul.news_ul{}
	section[id*="sect_info"] .news_cont .news_cate .btn_box{}
	section[id*="sect_info"] .news_cont .news_cate .btn_box + .news_name{}
	section[id*="sect_info"]+section[id*="sect_info"]{margin-top: 4rem;}
	
	/**sect_service**/
	#sect_service{}
	#sect_service [class*="service_ul"]{row-gap: 2rem !important;}
	#sect_service [class*="service_ul"] li{}
	#sect_service [class*="service_ul"] li a{}
	#sect_service [class*="service_ul"] li a .service_lower{padding:1.25em 1.5em;align-items: center;font-size:125%;}
	#sect_service [class*="service_ul"] li a .service_lower .service_txt{background-position: right 0.6em center;}
	#sect_service [class*="service_ul"] li a .service_lower .service_txt .service_name{font-size: 110%;}
	#sect_service [class*="service_ul"] li a .service_lower img{}
	#sect_service [class*="service_ul"] li a img.service_upper{aspect-ratio:2 / 1;object-fit: cover;}
	#sect_service [class*="service_ul"] li a:hover{}
	#sect_service [class*="service_ul"]+[class*="service_ul"]{padding-top:2rem;}
	#sect_service [class*="service_ul"][class*="Sbox"]{row-gap: 1rem !important;}
	#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower{padding: 1em;}
	#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower img{}
	#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower .service_txt .service_name{}
	#sect_service [class*="service_ul"][class*="Sbox"] li a .service_lower .service_txt{background-position: right 0.2em;background-size: 0.5em auto;padding-right:1em;}

	/**sect_sponsor**/
	#sect_sponsor{}
	#sect_sponsor .sponsor_ul{}
	#sect_sponsor .sponsor_ul li{width:calc((100% - var(--columnGapfix)*2) / 3)!important;}
	#sect_sponsor .sponsor_ul li a{}
	#sect_sponsor .sponsor_ul li p{padding-top:1em;}
	#sect_sponsor .sponsor_ul li p:before{}
	#sect_sponsor .supp_ul{padding-top: 2rem;justify-content: flex-start;gap: 0.75rem;}
	#sect_sponsor .supp_ul li{min-width: 25vw;}
	#sect_sponsor .supp_ul li a{padding:0.3rem 0.4rem}
	#sect_sponsor .supp_ul li a img{height:2em;}
	#sect_sponsor .supp_ul li a p{font-size:2vw;}

}
