@charset "UTF-8";
/* @use 'variables' as *; */
/*----------------------------------------
    top page
------------------------------------------*/
/* fv
------------------------------------------*/
#fv {position: relative;width: 100%;height: 100lvh;}
#fv .top_fv_swiper_outer {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: min(800px, 80vw);max-width: 85lvh;}

#fv .top_fv_swiper_outer .top_fv_swiper {position: relative;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner {position: relative;display: block;width: 100%;padding-top: 100%;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner .title {position: absolute;bottom: 0;left: 5%;display: block;width: 83%;transform: translateY(100%);font-size: clamp(12px, 1vw, 15px);font-weight: 800;color: var(--keyc);line-height: 1.3em;letter-spacing: 0.05em;text-align: left; padding-top: 1em;}


#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner .background_mesh {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;overflow: hidden;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner .background_mesh img {position: relative;display: block;width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;filter: blur(0) ;opacity: 0.2;}



#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner .kv {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%; /*border: 1px solid #928765;*/ overflow: hidden;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner .kv img {position: relative;display: block;width: 100%;height: 100%;-o-object-fit: contain;   object-fit: contain;transition: 0.4s;}

#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner.icon_latest::after {position: absolute;display: block;content: "";top: 5%;right: 5%;width: 17%;min-width: 70px;height: 17%;min-height: 70px;transform: translate(50%, -50%);}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner:hover .kv img {transform: scale(1.02);}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide.swiper-slide-active {z-index: 2;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-prev, #fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-next {width: 12%;height: 30%;margin-top: 0;transition: 0.2s;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-prev {left: 0;transform: translateX(-120%) translateY(-50%);}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-prev::after {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center right url(../images/svg/fv_slider_prev.svg);background-size: contain;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-prev:hover {transform: translateX(-124%) translateY(-50%);}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-next {right: 0;transform: translateX(120%) translateY(-50%);}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-next::after {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center right url(../images/svg/fv_slider_next.svg);background-size: contain;}
#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-next:hover {transform: translateX(124%) translateY(-50%);}

@media only screen and (max-width: 835px) {
	#fv {  height: auto;  padding: 25vw 0 15vw;}
  	#fv .top_fv_swiper_outer {  position: relative;  top: initial;  left: initial;  transform: initial;  margin: 0 auto;}
  	#fv .top_fv_swiper_outer .top_fv_swiper {  position: relative;}
  	#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-prev, #fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-next {  width: 12%;  height: 30%;}
  	#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-prev {  transform: translateX(-85%) translateY(-50%);}
  	#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-prev:hover {  transform: translateX(-85%) translateY(-50%);}
  	#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-next {  transform: translateX(85%) translateY(-50%);}
  	#fv .top_fv_swiper_outer .top_fv_swiper .swiper_controller .swiper-button-next:hover {  transform: translateX(85%) translateY(-50%);}
	
	
	#fv .top_fv_swiper_outer .top_fv_swiper .swiper-wrapper .swiper-slide .slide_inner{ padding-top: 141%;}
	
}

/* news
-------------------------------*/
#news {position: relative;padding: calc(var(--main_distance) * 1) 0;}
#news .news_wrap {}
#news .news_wrap .h_title_outer { text-align: center; margin-bottom: 20px;}
#news .news_wrap .news_list_outer {}
#news .news_wrap .news_list_outer .cmn_news_list {margin-bottom: 30px;}

@media only screen and (max-width: 835px) {
	#news .news_wrap {  flex-direction: column;  gap: calc(var(--main_gap) * 2);}
  	#news .news_wrap .h_title_outer {  width: 100%;}
  	#news .news_wrap .news_list_outer {  width: 100%;}
  	#news .news_wrap .official_x {  width: 100%;  margin: 0 auto;  padding: 16px 19px;}
  	#news .news_wrap .official_x .iframe_outer {  height: 500px;}
  	#news .news_wrap .official_x .iframe_outer iframe {  height: 500px !important;}
}

.cmn_news_list {--thumbnail_size: min(125px , 16vw);--icon_size: clamp(30px , 3vw , 40px);position: relative;display: flex;flex-direction: column;gap: var(--main_gap); }

.cmn_news_list li .news_link {position: relative;display: flex;justify-content: flex-start;align-items: flex-start; gap:2%; width: 100%;height: auto;background-color: var(--bgc);padding: 2%;transition: 0.3s;}
.cmn_news_list li .news_link:hover{ opacity: 0.9;}


.cmn_news_list li .news_link::after {position: absolute;display: block;content: "";bottom: 0;right: 0;width: var(--icon_size);height: var(--icon_size);}
.cmn_news_list li .news_link .thumbnail {display: block;width: var(--thumbnail_size);height: var(--thumbnail_size);background-color: #000;}
.cmn_news_list li .news_link .thumbnail img {display: block;width: 100%;height: 100%;-o-object-fit: contain;   object-fit: contain;}
.cmn_news_list li .news_link .main {display: block;width: calc(100% - var(--main_gap) - var(--thumbnail_size));text-align: left;}

.cmn_news_list li .news_link .main .date {font-size: clamp(12px, 2vw, 15px);line-height: 1em; color: var(--keyd);font-weight: bold;margin-bottom: 0.3em;}

.cmn_news_list li .news_link .main .title {color: #474747;font-weight: 800;font-size: clamp(14px, 2vw, 18px);line-height: 1.3em;letter-spacing: 0.05em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;transition: 0.2s;}
.cmn_news_list li .news_link .main .lead_content {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: clamp(12px, 1.5vw, 14px);color: #474747;line-height: 1.4em;}
.cmn_news_list li .news_link.disactive::after {display: none;}
.cmn_news_list.style_in_news_list {--thumbnail_size: min(180px , 16vw);gap: calc(var(--main_gap) * 2);}
.cmn_news_list.style_in_news_list li .news_link {padding: calc(var(--main_gap) * 2);padding-left: calc(var(--main_gap) * 2 + 4px);padding-right: calc(var(--main_gap) * 2 + var(--icon_size) / 2);gap: calc(var(--main_gap) * 2);}
.cmn_news_list.style_in_news_list li .news_link .title {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 0.5em;}

@media only screen and (max-width: 835px) {
	.cmn_news_list.style_in_news_list {  gap: calc(var(--main_gap) * 2);}
  	.cmn_news_list.style_in_news_list li .news_link {  padding: calc(var(--main_gap) * 1);  padding-left: calc(var(--main_gap) * 1 + 4px);  padding-right: calc(var(--main_gap) * 1 + var(--icon_size) / 2);  gap: calc(var(--main_gap) * 1);}
	
	.cmn_news_list li .news_link{    gap: 15px;}
}
/* about
-------------------------------*/
#about, #about_stage {--logo_space: min(125px , 10vw);--corner_size: min(60px , 6vw);position: relative;padding: calc(var(--main_distance) * 3) 0 calc(var(--main_distance) * 1);}
.back_textline {position: absolute;top: calc(var(--main_distance) * 1);left: 0;width: 100%;height: min(270px, 50vw);display: flex;}
.back_textline img {display: block;height: 100%;width: auto;max-width: initial;animation: hor_move_l 60s linear infinite;}
.about_box {position: relative;display: block;height: auto;}

.about_box .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: 1px solid var(--keyc2);}

.about_box .bg::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.7;}

.about_box .bg span {position: absolute;display: block;width: var(--corner_size);height: var(--corner_size);background: no-repeat center url(../images/svg/parts_frame_corner_01.svg);background-size: contain;}

.about_box .bg span:nth-of-type(1) {top: 0;left: 0;transform: translate(-20%, -20%);}
.about_box .bg span:nth-of-type(2) {top: 0;right: 0;transform: translate(20%, -20%) rotate(90deg);}
.about_box .bg span:nth-of-type(3) {bottom: 0;right: 0;transform: translate(20%, 20%) rotate(180deg);}
.about_box .bg span:nth-of-type(4) {bottom: 0;left: 0;transform: translate(-20%, 20%) rotate(270deg);}

.about_box .main {position: relative;display: block;width: 100%;height: auto;padding: 10% 5% 7.5%;}
.about_box .title_logo {display: block;width: min(650px, 80%);margin: 0 auto calc(var(--main_distance) / 2); position: absolute; transform: translate(-50%, -50%); left: 50%; top: 0;}
.about_box .title_logo img {display: block;width: 100%;height: auto;}
.about_box .main .sub_title {font-weight: 500;font-size: clamp(20px, 3vw, 32px);line-height: 1.4em;color: var(--keyc);letter-spacing: 0em; text-align: center;}
.about_box .main p {font-weight: 400;font-size: clamp(14px, 3vw, 17px); line-height: 3em;letter-spacing: 0em;}

@media only screen and (max-width: 835px) {
	#about, #about_stage { padding: 20vw 0;}
	.about_box .main{ padding: 15% 7% 5%;}
	.about_box .main p {font-size: 14px; line-height: 2em;letter-spacing: 0em; text-align: left;}
}

/* officail sns
-------------------------------*/
#official_sns {position: relative;padding: calc(var(--main_distance) * 1) 0;}
#official_sns .sns_content {margin: 0 auto;}
#official_sns .sns_content .cmn_h_title {margin-bottom: 0.4em;text-align: center;}
#official_sns .sns_content .sns_outer {display: flex;justify-content: center;align-items: center;gap: 1%;}
#official_sns .sns_content .sns_outer li {display: block;width: clamp(50px, 12vw, 60px);height: auto;transition: 0.2s;}

/* in news
-------------------------------*/
#in_news .news_wrap .cmn_news_list {margin-bottom: calc(var(--main_gap) * 4);}
#in_news .news_wrap .paging {margin-bottom: calc(var(--main_gap) * 2);}
#in_news .news_wrap .news_article {margin-bottom: calc(var(--main_gap) * 5);}
#in_news .news_wrap .news_article .title_area {position: relative;width: 100%;height: auto; text-align: left;margin-bottom:1em;}

#in_news .news_wrap .news_article .title_area .date {font-size: clamp(12px, 2vw, 15px);line-height: 1em; color: var(--keyc);font-weight: bold;margin-bottom: 0.5em;}
#in_news .news_wrap .news_article .title_area .title {font-weight: 900;font-size: clamp(15px, 2vw, 19px);line-height: 1.4em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;transition: 0.2s;}
#in_news .news_wrap .news_article .article_main {background-color: var(--bgc); color: #000; padding: calc(clamp(12px, 3vw, 40px) * 1.3) clamp(12px, 3vw, 40px);}


@media only screen and (max-width: 835px) {
	#in_news .news_wrap .news_article .article_main { padding: 5% 6%;}
}

/* in archive
-------------------------------*/
#in_archive .cmn_inpage_h_title_outer {max-width: 1400px;}
#in_archive .archive_list {display: flex;justify-content: space-flex-start;align-items: flex-start;flex-wrap: wrap;gap: calc(var(--main_gap) * 4);}
#in_archive .archive_list li {display: block;width: calc((100% - var(--main_gap) * 4 * 2) / 3);}
#in_archive .archive_list li .archive_link {position: relative;display: block;width: 100%;height: auto;text-align: left;}
#in_archive .archive_list li .archive_link .kv_outer {position: relative;display: block;width: 100%;height: auto;padding-top: 100%;margin-bottom: 1em;}
#in_archive .archive_list li .archive_link .kv_outer .background_mesh {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;overflow: hidden;    border: 1px solid var(--keyc2);}
#in_archive .archive_list li .archive_link .kv_outer .background_mesh img {position: relative;display: block;width: 100%;height: 100%;-o-object-fit: cover;   object-fit: cover;filter: blur(10px) saturate(3);opacity: 0.2;}
#in_archive .archive_list li .archive_link .kv_outer .background_mesh::after {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center url(../images/svg/archive_grid_mesh.svg);background-size: contain;}
#in_archive .archive_list li .archive_link .kv_outer .kv {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 95%;height: 95%;}
#in_archive .archive_list li .archive_link .kv_outer .kv img {position: relative;display: block;width: 100%;height: 100%;-o-object-fit: contain;   object-fit: contain;transition: 0.4s;}
#in_archive .archive_list li .archive_link .title {font-size: clamp(12px, 1vw, 15px);font-weight: 800;color: var(--keyc);line-height: 1.3em;letter-spacing: 0.05em;text-align: left;}
#in_archive .archive_list li .archive_link:hover .kv_outer .kv img {transform: scale(1.03);}

@media only screen and (max-width: 835px) {
	#in_archive .archive_list {  gap: calc(var(--main_gap) * 4) calc(var(--main_gap) * 2); justify-content: center;}
  	#in_archive .archive_list li {  width: 90%;}
}/*# sourceMappingURL=pages.css.map */