@charset 'utf-8';



/*



 * name:top.css



 * author: Nulo Lab



*/







/* visual



===================================*/



#visual { display: block; position: relative; width: 100vw; height: calc(100vh - 13em); padding: 0; }



.visual__desc { width: 100%; position: absolute; left: 50%; top: calc( 50% - 5em ); transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; z-index: 2; }



.visual__desc img { width: 100%; height: auto; }



.visual__desc--logo { max-width: 43vw; }



.visual-slide { display: block; position: relative; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }



.visual-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }



.visual-slide .swiper-container { display: block; overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }



.visual-slide .swiper-slide { width: 100vw; height: 100vh; }



.visual-slide .swiper-slide img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }



.visual-slide .swiper-slide-prev img,



.visual-slide .swiper-slide-active img { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 6000ms linear; transition: all 6000ms linear; }



.visual-slide .swiper-progress-bar { font-size: inherit; position: absolute; left: 50%; bottom: 5.9em; width: 12.4em; display: block; z-index: 1; height: 1px; transform: translateX(-50%); }



.visual-slide .swiper-progress-bar .slide_progress-bar { position: absolute; height: 1px; background: #F5EAD1; width: 100%; clear: both; opacity: 0; left: 0; top: 0; }



.visual-slide .swiper-progress-bar .slide_progress-bar:after { content: ''; position: absolute; top: 0; left: 0; background: #CEA248; height: 100%; width: 0; }



.visual-slide .swiper-progress-bar.active .slide_progress-bar { opacity: 1; }



.visual-slide .swiper-progress-bar.active.animate .slide_progress-bar:after { transition: width linear; transition-delay: unset; width: 100%; transition: 0.1s width linear; transition-duration: 4s; }



.visual-slide .swiper-pagination { position: absolute; top: auto; left: 50%; bottom: 5.15em; width: auto; transform: translateX(-50%); }



.visual-slide .swiper-pagination span { font-family: 'Questrial', sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1; color: #fff; display: inline-block; }



.visual-slide .swiper-pagination span:first-child { margin-right: 16.1em; }



.visual-slide .swiper-button { font-size: 1em; margin: 0; width: auto; height: auto; left: calc( 50% - 1.8em ); top: auto; right: auto; bottom: 4em; }



.visual-slide .swiper-button:after { content: ''; font-family: inherit; font-size: 1em; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; width: 1em; height: 1em; background: url(../../img/icon/arrow1.svg) no-repeat; background-size: 100% 100%; background-position: center; }



.visual-slide .swiper-button svg { display: block; width: 3.8em; height: 3.8em; transform: rotate(270deg); }



.visual-slide .swiper-button svg circle { fill: transparent; stroke: #E8E8E8; stroke-width: 2; cx: 1.8em; cy: 1.8em; r: 1.7em; stroke-dasharray: 22em; stroke-dashoffset: 0; transition: stroke-dashoffset 500ms; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }



.visual-slide .swiper-button svg:last-child { position: absolute; left: 0; top: 0; z-index: 2; }



.visual-slide .swiper-button svg:last-child circle { stroke: #CEA248; stroke-dashoffset: 22em; }



.visual-slide .swiper-button-next { left: calc( 50% + 13.5em ); }



.visual-slide .swiper-button-prev { left: calc( 50% - 17.5em ); transform: rotate(180deg); }



.visual-slide .swiper-button-next:after{ margin-bottom: .1em; }



.visual-slide .swiper-button-prev:after{ margin-top: .1em; }



.visual-slide .swiper-button:hover svg:last-child circle { stroke-dashoffset: 0; transition: stroke-dashoffset 1000ms; }



.visual-scroll{ position: absolute; left: 5em; bottom: 5em; font-size: 1.3em; font-weight: bold; color: #fff; font-family: var(--ff-lato); writing-mode: vertical-rl; text-orientation: mixed; -webkit-text-orientation: mixed; letter-spacing: .025em; line-height: calc(17/13); z-index: 2; }



.visual-scroll i {margin-top: 1.5384em; }



.visual-scroll svg{ width: .8461em; height: 3.5384em; }







/* Animate each path */



.visual-scroll .path1 {



  animation: fade 1.5s infinite;



}







.visual-scroll .path2 {



  animation: fade 1.5s infinite;



  animation-delay: 0.3s;



}







.visual-scroll .path3 {



  animation: fade 1.5s infinite;



  animation-delay: 0.6s;



}







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



  .visual-scroll{ visibility: hidden; }



}







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



  #visual { height: 43.3em; }



  .visual-scroll{ display: none; }



  .visual-slide .swiper-slide { height: 37.5em; }



  .visual__desc { top: calc( 50% - 3em ); }



  .visual-slide .swiper-slide{ overflow: hidden; }



  .visual-slide .swiper-button{ bottom: 0; }



  .visual-slide .swiper-button svg{ width: 3.6em; height: 3.6em; }



  .visual-slide .swiper-button:after{ background: url(../../img/icon/arrow2.svg) no-repeat; }



  .visual-slide .swiper-button-prev{ left: calc(36/375 * 100%); }



  .visual-slide .swiper-button-next{ left: unset; right: calc(36/375 * 100%); }



  .visual-slide .swiper-pagination{ bottom: 1.3em; width: 19.4em; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }



  .visual-slide .swiper-pagination span{ color: var(--main-color); }



  .visual-slide .swiper-pagination span:first-child{ margin: 0; }



  .visual-slide .swiper-progress-bar{ bottom: 1.9em; width: 10em; }



}







/*



Top Topics



==================================================== */



.top-topics-txt{ font-size: 1.8em; text-align: center; line-height: calc(32/18); }



.top-topics-txt2{ margin-top: 1.6666em; font-size: 1.2em; text-align: center; line-height: calc(18/12); }



.top-topic-title{ font-size: inherit; }



.top-topic-title svg{ width: 12em; height: 4.4em; }







.top-topics-box{ margin: 9em auto 0; }



.top-topics-box-title{ display: block; font-size: 2.6em; font-weight: bold; color:var(--dark-gold-color); }



.top-topics-box-col-txt{ margin-top: 0.75em; font-size: 1.6em; line-height: calc(27/16); color:var(--main-color); }



.top-topics-box-desc{ display: block; font-size: 1.6em; font-weight: 400; color:var(--ff-main); }



.top-topics-box-cols{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; }











@media only screen and (min-width: 769px) {



  .top-topics{ padding-top: 14em; }



  .top-topics-box > a{ display: flex; flex-wrap: wrap; align-items: center; min-height: 18.2em; padding: 1em 4.5em 1em 5.5em; position: relative; border: 5px solid var(--gold-color); overflow: hidden; border-radius: 9.2em; -webkit-border-radius: 9.2em; -moz-border-radius: 9.2em; -ms-border-radius: 9.2em; -o-border-radius: 9.2em; transition: background-color var(--transition-hover-fast); }



  .top-topics-box-col-head{ width: calc(184/1050 * 100%);}



  .top-topics-box-col-desc{ padding-left: 5em; width: calc(730/1050 * 100%); border-left: 1px solid var(--gold-color); }



  .top-topics-box .btn-1-icon{ right: 7.5em; }



	.top-topics-box > a:hover{ background-color: #FAF8F2; }



}







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



  .top-topics{ padding-top:3.3em; }



  .top-topics-txt{ padding: 0 .625em; font-size: 1.6em; text-align: left; }



  .top-topics-txt2{ padding: 0 .8333em; margin-top:1.1666em; text-align: left; }



  .top-topic-title{ margin-bottom: 1em; }



  .top-topic-title svg{ width: 11.8em; height: 4.2em; }



  .top-topics-box{ margin-top: 3.6em; }



  .top-topics-box > a{ display: block; position: relative; }



  .top-topics-box-title{ font-size: 1.6em; line-height: calc(27/16); }



  .top-topics-box-col-txt{ font-size: 1.4em; padding-right: 2.5714em; line-height: calc(24/14); }



  .top-topics-box-cols{ flex-direction: column; }



  .top-topics-box-col-desc{ position: relative; padding: 2.5em 2em 1.8em 0; }



  .top-topics-box-col-desc:before,



  .top-topics-box-col-desc:after{ content: ''; width: calc(100% + 5em); position: absolute; left: -2.5em; height: .3em; background-color: var(--gold-color); }



  .top-topics-box-col-desc:before{ top: 0; }



  .top-topics-box-col-desc:after{ bottom: 0; }



  .top-topics-box .btn-1-icon{ right: 0; bottom: 4.8em; }



}







/*



Top Floor Guide



-----------------------------------------------------*/



.top-floor{ padding-top: 14em; }



.top-floor--head{ padding: 0 2em 4.7em; text-align: center; }



.top-floor--head-title{ margin: 0 auto; width: 58.4em; position: relative; top: -2.5em; margin-bottom: -2.5em; font-size: inherit; line-height: 1; }



.top-floor--head-txt{ margin-top: 1.66666666667em; font-size: 1.8em; font-weight: bold; line-height: calc(27/18); }



.top-floor-block{ padding-top: 2.5em; }



.top-floor-block:nth-of-type(1){ margin-top: 5em; }



.top-floor--logo{ padding-top: 8em; margin:0 auto; }



.top-floor--logo.logo-txt-1{ padding-top: .8125em; font-size:8em; text-align: center; line-height: calc(104/80); }



.top-floor--logo.logo-txt-2{ padding-top: 1em; font-size:6.5em; text-align: center; line-height: calc(84/65); }







.top-menu{ padding: 13em 0; margin-top: 5em; background-repeat:no-repeat; background-position:center 0; background-size: cover; }



.top-menu.menu1{ color:#CEA248; }



.top-menu.menu2{ color:#E1DBC2; }



.top-menu.menu3{ background-color:#FAF8F2; }



.top-menu.menu4{ background-color:#FAFAFA; }



.top-menu-title1{ font-size:5em; font-weight: bold; text-align: center; line-height: calc(75/50); }



.top-menu-title2{ margin-top: 1.25em; font-size: 3.2em; line-height: calc(48/32); }



.top-menu-list{ margin-top: 4em; display: flex; flex-wrap: nowrap; justify-content: space-between; }



.top-menu-list.two-row{ margin-top:0; }



.top-menu-list.two-row .top-menu-title1 { margin-bottom: 0.8em; }



.top-menu-txt{ margin-top: .625em; font-size:1.6em; line-height:calc(27/16); }



.top-menu-extract-link{ margin: 3.8em auto 0; width: 35em; }











  







        



@media only screen and (min-width: 769px) {



	.top-menu.menu4{ padding-top: 10em; }



}







@media only screen and (min-width: 769px) {



  .top-floor-block:not(:nth-of-type(1)){ margin-top: 14em; }



  .top-menu.menu1{ min-height: 177.5em; background: url(../../img/top/menu_frame1-min.png) no-repeat 8.5em 12em / 20em, url(../../img/top/menu_frame1-2-min.png) no-repeat calc(100% - 8.5em) calc(100% - 12em) / 20em, url(../../img/top/menu_bg_1-min.png) no-repeat center center / cover; }



  .top-menu.menu2{ min-height: 101.3em; background: url(../../img/top/menu_frame2-min.png) no-repeat 8.5em 12em / 20em, url(../../img/top/menu_frame2-2-min.png) no-repeat calc(100% - 8.5em) calc(100% - 12em) / 20em, url(../../img/top/memu_bg_2-min.png) no-repeat center center / cover;}



  .top-menu.menu2-2{ margin: 0; padding: 9em 0 2.5em; }



  .top-menu-list > li{ width: calc(550/1160 * 100%); }



  .top-menu-group:not(:nth-child(-n+1)){ margin-top: 11.8em; }



  .top-tenshin-haciroku--logo{ width:51.2em; }



  .top-bake-hachiroku--logo{ width: 43.7em; }



}







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



  .top-floor{ padding-top: 6em; }



  .top-floor--head{ padding: 0 2em 3.3em; }



  .top-floor--head-title{ width: 100%; max-width: 29.4em; top:-1.6em; margin-bottom: -1.6em; }



  .top-floor--head-txt{ margin-top: 1.5625em; font-size: 1.6em; line-height: calc(24/16); }



  .top-floor-block{ padding-top: 1.6em; }



  .top-floor-block:nth-of-type(1){ margin-top: 2.3em; }



  .top-floor-block:not(:nth-of-type(1)){ margin-top: 6em; }



  .top-floor--logo{ padding-top: 4em; }



  .top-floor--logo.logo-txt-1{ padding-top: 1.2em; font-size: 3em; line-height: calc(45/30); }



  .top-floor--logo.logo-txt-2{ padding-top: 1.2em; font-size: 3em; line-height: calc(45/30); }



  .top-tenshin-haciroku--logo{ width:24.2em; }



  .top-bake-hachiroku--logo{ width: 20.6em; }



  .top-menu{ padding: 6em 0 5em; margin-top: 2em; }



  .top-menu.menu1{ 



    padding-bottom: 9em;



    min-height: 119.8em; 



    background: url(../../img/top/menu_frame1-min.png) no-repeat 1em 1em / 8.6em auto, 



    url(../../img/top/menu_frame1-3-min.png) no-repeat calc(100% - 1em) 1em / 8.6em auto, 



    url(../../img/top/menu_frame1-2-min.png) no-repeat calc(100% - 1em) calc(100% - 1em) / 8.6em auto, 



    url(../../img/top/menu_frame1-4-min.png) no-repeat 1em calc(100% - 1em) / 8.6em auto, 



    url(../../img/top/menu_bg_1_sp-min.jpg) no-repeat center center / cover; }



  .top-menu.menu2{



    padding-bottom: 8.4em;



    min-height: 63.6em; 



    background: 



    url(../../img/top/menu_frame2-min.png) no-repeat 1em 1em / 8.6em, 



    url(../../img/top/menu_frame2-3-min.png) no-repeat calc(100% - 1em) 1em / 8.6em auto, 



    url(../../img/top/menu_frame2-2-min.png) no-repeat calc(100% - 1em) calc(100% - 1em) / 8.6em auto, 



    url(../../img/top/menu_frame2-4-min.png) no-repeat 1em calc(100% - 1em) / 8.6em auto, 



    url(../../img/top/memu_bg_2_sp-min.jpg) no-repeat center center / cover; }



  .top-menu.menu2-2{ margin-top: 0; padding-top: 5em; padding-bottom: 0; }



  .top-menu.menu4 .top-menu-list{ margin-top: 0; }



  .top-menu-group{ padding: 0; max-width: calc(100% - 3em); margin: 0 auto; position: relative; }



  .top-menu-group:not(:nth-child(-n+1)){ margin-top: 6em; }


.top-menu-title1{ font-size: 2.1em; }
  .top-menu-title1-img{font-size: inherit;width: calc(100% + 3em);margin-left: -1.5em;}



  .top-menu-title1.large-width{ width:calc(100% + .4761em); margin-left: -.238em; }



  .top-menu-title2{ margin-top: 1.388em; font-size: 1.8em; }



  



  .top-menu-list{ margin-top: 1.5555em; width: 56em; }



  .top-menu-list > li{ width: calc(270/560 * 100%); scroll-snap-align: center; }



  .top-menu-list.two-row{ flex-direction: column; width: 100%; }



  .top-menu-list.two-row > li{ width: 100%; }



  .top-menu-list.two-row li:not(:nth-child(-n+1)){ margin-top:4em; }



  .top-menu-list.two-row .top-menu-title1{ margin-bottom: .7142em; }



  .top-menu-extract-link{ margin-top: 2em; margin-bottom: 1em; width: 100%; }



  .top-menu-scrollx{



    padding-bottom: 2em;



    overflow-x: auto;



    scroll-snap-type: x mandatory;



    width: calc(100% + 7.9em);



    margin-left: -3.95em;



    scrollbar-width: none;        /* Firefox */



    -ms-overflow-style: none;     /* IE 10+ */



  }



  .top-menu-scrollx .top-menu-list{



    width: 63.9em;



    padding: 0 3.94em;



  }



  .top-menu-scrollx::-webkit-scrollbar {



    display: none;                /* Chrome, Safari, Edge */



  }



  /* .top-menu-scrollx.scrollx-have-btn{ position: relative; padding-bottom: 12em; } */



}







/*



top-opening



----------------------------------------*/



.top-opening{ padding-top: 14em; }



.opening-desc{ margin-top: 4em; }



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



  .top-opening{ padding-top: 6em; }



  .opening-desc{ margin-top: 2em; }



}

/*
top-access
----------------------------------------*/
.top-access{ padding-top: 14em; }
.top-access-map{ margin-top: 5em; position: relative; }
.top-access-map iframe{ width:100%; height:50em; }

.top-access-desc{ background-color: #fff; border-radius: 1em; box-shadow: 1em 1em 2.5em rgba(34,34,34,.2); }
.top-access-desc p{ position: relative; font-size: 1.6em; line-height: calc(27/16); }
.top-access-desc-block:not(:nth-child(-n+1)){ margin-top: 2em; }
.top-access-desc-block b{ display: block; margin-bottom: .4375em; }
.top-access-desc-block .text-indent{ display: block; padding-left: 4em; text-indent: -4em; }
.top-access-desc-title {
  position: relative;
  margin-bottom: .7em;
  padding-left: 1.75em;
  font-size: 2em;
  line-height: calc(27 / 20);
}
.top-access-desc-title i{ position: absolute; left: 0; top: 0; width: 1.2em; height: 1.2em; }
.top-access-btn{ position: relative; transition: var(--trs-3); padding: 1em 3.4em; min-height: 7em; display: flex; flex-wrap: wrap; align-items: center; background-color: #fff; border-radius: 5em; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border:1px solid var(--gold-color); }
.top-access-btn span{ transition: var(--trs-3); }
.top-access-btn svg path{ transition: var(--trs-3); }
.top-access--txt{ font-size: 1.8em; font-weight: 700; font-family: var(--ff-lato); color:var(--main-color); line-height: calc(20/26); }
.top-access--icon{ margin-right: 1em; line-height: 1; }
.top-access-time{ position: absolute; right: 0; top: 50%; font-size: 1.2em; font-weight: 400; line-height: calc(18/12); color: var(--main-color); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transition: translate(-50%, -50%); -ms-transition: translate(-50%, -50%); -o-transition: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

@media only screen and (min-width: 1681px) {
  .top-access-desc{ right: 30em; }
}

@media only screen and (max-width: 1680px) and (min-width: 1441px) {
  .top-access-desc{ right: 18.1em; }
}

@media only screen and (min-width: 1441px) {
  .top-access-desc{ position: absolute; top: 50%; transform: translateY(-50%); }
}

@media only screen and (max-width: 1440px) {
  .top-access-desc{position: relative; top:-5em; margin: 0 auto -5em;}
}

@media only screen and (min-width: 769px) {
  .top-access-desc{ padding: 4.5em 6em; width: 48em;}
  .top-access-desc p+p{ margin-top: 1.25em; }
  .top-access-list li+li{ margin-top: 1.5em; }
	.top-access-btn:not(.no-hover):hover{ background-color: var(--main-color); }
	.top-access-btn:not(.no-hover):hover svg path{ fill: #fff; }
	.top-access-btn:not(.no-hover):hover .top-access--txt{ color:#fff; }
	.top-access--icon .svg-email-2{ width: 2.277em; height: 1.788em; }
	.top-access--icon .svg-tel-2{ width: 2.3em; height: 2.6em; }
}

@media only screen and (max-width: 768px) {
  .top-access{ padding-top: 6em; }
  .top-access-desc{ padding: 3em 2.5em 3.5em; max-width: 32.5em; top:-3em; margin-bottom: -3em; }
  .top-access-desc-title{ margin-bottom: .5em; padding-left: 1.4375em; font-size: 1.6em; background-size: 1.125em; background-position: 0 .125em; }
  .top-access-desc-title i{ top: 1px; }
  .top-access-desc-block:not(:nth-child(-n+1)){ margin-top: 3em; }
  .top-access-desc-block p+p{ margin-top: 1em; }
  .top-access-map{ margin-top: 2.6em; }
  .top-access-map iframe{ height: 27em; }
  .top-access--icon{ margin-right: 0.5em; }
	.top-access--icon .svg-email{ width: 1.9em; height: 1.5em; }
	.top-access--icon .svg-tel{ width: 2em; height: 2.2em; }
	.top-access--txt{ font-size: 1.5em; line-height: calc(20/15); }
	.top-access-time{ font-size: 1.1em; line-height: calc(14/11); }
	.top-access-btn{ min-height: 6em; padding: 0 2em; }
  .top-access-list li+li{ margin-top: 1em; }
}

/*
top-recruit
----------------------------------------*/
.top-recruit{ padding-top: 14em; padding-bottom: 5em; }
.top-recruit-desc{ margin-top: 5em; padding:4.5em 2em 3.5em; text-align: center; }
.top-recruit-title{ padding-bottom: 1.0833em; font-size: 2.4em; font-weight: bold; line-height: calc(36/24); background: url(../../img/icon/border1.png) no-repeat center bottom / 25em auto; }
.top-recruit-desc p{ margin-top: 1em; font-size: 1.6em; line-height: calc(27/16); }

@media only screen and (min-width: 769px) {
  .top-recruit--list{ margin-top: 8em; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .top-recruit--list li{ width: calc(630/1320 * 100%); }
}

@media only screen and (max-width: 768px) {
  .top-recruit{ padding-top: 6em; padding-bottom: 0; }
  .top-recruit-title{ display: table; margin: 0 auto; font-size: 2em; line-height: calc(30/20); }
  .top-recruit-desc{ padding: 3em 2.5em 5em; margin-top: 2.5em; }
  .top-recruit-desc p{ margin-top: .4375em; text-align: left; }
  .top-recruit--list{ margin-top: 4em; }
  .top-recruit--list li+li{ margin-top: 2em; }
}

/*
top-about
--------------------------------------- */
.top-about{ padding-top:14em; }
.top-about-content{ position: relative; margin-top: 5em; padding-top: 8em; }
.top-about-content:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 20.3em; background-color: #ccc; background-image: url(../../img/share/bg_dot_gray.jpg); background-repeat: repeat; background-position: 0 0; background-size: 3.2em 3.2em; z-index: -1; }
.top-about-columns{ border-radius: 1em; overflow: hidden; background-color: #fff; box-shadow: 1em 1em 2.5em rgba(34,34,34,.2); }
.top-about-column-s{ background-color: #fff; box-shadow: 0 .3em 1em rgba(204,204,204,.16); }
.top-about-column-l.bg-gray{ background-color: #F8F8F8; }
.top-about-column-desc1{ margin: 0 auto; }
.top-about-column-txt{ font-size: 1.6em; line-height: calc(27/16); }
.top-about-column-txt+.top-about-column-txt{ margin-top: 2.875em; }
.top-about-column-txt.txt-box{ position: relative; margin-top: 3.4375em; padding: 1em 1.8125em; border-radius: 0.3125em; }
.top-about-column-txt.txt-box {
  /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="330" height="141" viewBox="0 0 330 141"><g fill="none" stroke="%23ccc" stroke-linecap="round" stroke-width="2" stroke-dasharray="1 6"><rect width="330" height="141" rx="5" stroke="none"/><rect x="1" y="1" width="328" height="139" rx="10" fill="none"/></g></svg>'); */
  background-image: url('../../img/top/dots_bg.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.top-about-column-logo{ width:36em; margin:0 auto; }
.top-about-column-title{ margin-bottom: .875em; font-size: 3.2em; line-height: calc(48/32); }
.top-about-column-title-sub{ position: relative; display: block; margin-bottom: .5em; padding-left: 1.75em; font-size: 2em; font-weight: bold; font-family: var(--ff-lato); letter-spacing: 0.07em; line-height: calc(24 / 20); }
.top-about-column-title-sub i{ position: absolute; left: 0; top: -3px; width: 1.2em; height: 1.2em; }
.top-about-column-pht{ overflow: hidden; height: 100%; }
.top-about-column-pht img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.top-about-table{ padding-top: 12em; }

@media only screen and (min-width: 769px) {
  .top-about-columns{ display: flex; flex-wrap: wrap; min-height: 60em; }
  .top-about-columns+.top-about-columns{ margin-top: 8em; }
  .top-about-column-l{ display: inline-flex; align-items: center; width: calc(800/1320 * 100%); }
  .top-about-column-s{ display: inline-flex; align-items: center; width: calc(520/1320 * 100%); }
  .top-about-column-desc1{ max-width: calc(330/520 * 100%); }
  .top-about-column-desc2{ padding: 1em 8em; }
}

@media only screen and (max-width: 768px) {
  .top-about{ padding-top: 6em; }
  .top-about-content{ padding-top: 3em; margin-top: 2.5em; }
  .top-about-columns{ max-width: calc(100% - 5em); }
  .top-about-columns+.top-about-columns{ margin-top: 4em; }
  .top-about-columns:nth-child(odd){ margin-left: 5em; border-radius: 1em 0 0 1em; }
  .top-about-columns:nth-child(even){ border-radius: 0 1em 1em 0; }
  .top-about-content:before{ height: 15.8em; }
  .top-about-column-desc1{ padding: 3em 2.5em 4em; }
  .top-about-column-txt+.top-about-column-txt{ margin-top: 1.7812em; }
  .top-about-column-txt.txt-box{ max-width: 275px; margin: 1.4285em auto 0; padding: 1.2857em 1.7857em; font-size: 1.4em; border-radius: .3571em; line-height: calc(21/14); }
  .top-about-column-pht{ height: 21.4em; }
  .top-about-column-logo{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 21.4em; width: 100%; }
  .top-about-column-logo img{ width: 25.3em; }
  .top-about-column-desc2{ padding: 3em 2.5em 4em; }
  .top-about-column-title-sub{ padding-left: 1.5em; font-size: 1.6em; background-size: 1.125em; background-position: 0 .05em; }
  .top-about-column-title{ font-size: 2.1em; line-height: calc(31.5/21); }
  .top-about-column-limit{ padding-bottom: 3em; position: relative; overflow: hidden; max-height: 22em;}
  .top-about-column-limit.on{ max-height: 100%; margin-bottom: 0; padding-bottom: 0; }
  .top-about-column-limit-btn{ padding: 0; cursor: pointer; position: absolute; right: 0; bottom: 0; font-size: 1.6em; color:var(--main-color); line-height: 1; border:0; border-bottom: 1px solid var(--main-color); background: none; }
  .top-about-column-limit:not(.on):before{ content: ''; position: absolute; right: 0; bottom: -.1em; width: 100%; height: 3.5em; background-color: #F8F8F8; }
  .top-about-table{ padding-top: 5em; }
}

/* professor */



.wrap_inner{/*background:url(../../img/top/bg-professor.png) no-repeat;*/background: linear-gradient(90deg, #cb9b0c 0%, #ffedad 48.26%, #cb9b0c 100%, #f3e18b 100%);background-size:100%;background-position:center top;padding: 3em 5em 8em;margin-top:70px;border-radius:1em}



.top-professor-list{display:flex;flex-wrap:nowrap;justify-content:space-between;max-width:114em;margin: 5em auto 0;}



.top-professor-list > li{width:calc(550 / 1160 * 100%)}



.professor-col-right-wrap{display:flex;flex-wrap:wrap;align-items:center;width:100%;height:100%}



.top-professor-txt{margin-top:.625em;font-size:1.6em; font-weight: bold; line-height:calc(27 / 16);color:#222}



.top-professor-extract-link{margin: 4.5em 0 5em;max-width: 35em;}



.accordion-container{max-width: 52em;background:rgba(255,255,255,.3);border-radius:10px;padding: 2.5em 3.5em;display:flex;align-items:center;justify-content:space-between;cursor:pointer}



.accordion-container.active{border-radius:10px 10px 0 0}



.profile-label{font-size:2.4em;font-weight:700;color:#CEA248;flex:1;font-family: var(--ff-lato);}



.profile-name{font-size:2.4em;font-weight:700;color:#222}



.profile-romanized{font-size: 1.2em;color:#222;font-family: var(--ff-lato);}



.profile-section{display:flex;align-items:center;gap:12px;flex:2;justify-content:flex-end;padding-right:20px}



.plus-button{width: 26px;height:26px;background-color:#C8000C;color:#fff;font-size:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .4s ease;}



.accordion-content{transform:scaleY(0);transform-origin:top;opacity:0;height:auto;border-top:none;padding:0 20px;transition:transform .4s ease,opacity .4s ease;background:rgba(255, 255, 255, .3);border-radius:0 0 10px 10px;display:none;max-width: 52em;}



.accordion-content.open{transform:scaleY(1);opacity:1;padding: 0 3.5em 2.5em;display:block}



.accordion-list-txt li{color:#222;font-size:1.6em;position:relative;padding-left:.75em;padding-bottom:4px}
.accordion-list-txt li+li{ margin-top: 0.25em; }


.accordion-list-txt li:nth-of-type(even){border-bottom:1px solid #CEA248;padding-bottom:10px;margin-bottom:.9375em;}



.accordion-list-txt li::before{content:'';position:absolute;left:0;top:.625em;width: .375em; height: .375em; border-radius: 50%; background-color:#CEA248;line-height:1;}



.top-product-link{margin: 10em auto 0;width: 62.2em;}



.top-product-link .btn-2 span{font-size: 2.6em;}



.top-product-link .btn-2-icon{margin-right:16px;background-color:#fff}
.top-product-link .btn-2{background-color: #C8000C;color: #fff;height: 12em;border-radius: 6em;}
.top-product-link .btn-2-icon svg path {fill: #C8000C;transition: fill 0.3s ease; }
.top-product-link .btn-2:hover{color: #fff;background-color: #333333;}
.top-product-link:hover .btn-2-icon svg path {fill: #333333;}
.profile_wrap_in{display:flex;align-items:center;justify-content:space-between}
.only-sp{display:none}

.commitment-interview-title{ display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; height: 12em; text-align: center; background: url(../../img/top/frame_gold_1.png) no-repeat 1em 1em / 3em 3em, url(../../img/top/frame_gold_2.png) no-repeat calc(100% - 1em) 1em / 3em 3em, url(../../img/top/frame_gold_4.png) no-repeat 1em calc(100% - 1em) / 3em 3em, url(../../img/top/frame_gold_3.png) no-repeat calc(100% - 1em) calc(100% - 1em) / 3em 3em; background-color: #222; }
.commitment-interview-title .interview-title{ font-size: 3.2em; line-height: calc(48/32); color:#CEA248; }
.commitment-interview-title .interview-title small{ font-size: .6875em; }
.commitment-interview-title--badge{ display: flex; flex-wrap: wrap; justify-content: center; }
.commitment-interview-title--badge span{ margin: 0 -.12em; display: inline-flex; align-items: center; justify-content: center; width: 1.625em; height: 1.625em; font-size: 1.6em; font-weight: bold; line-height: 1; color: #fff; border-radius: 50%; }
.commitment-interview-title--badge .badge-group-02{ margin-left: 1em; }
.commitment-interview-title--badge .badge-group-02 span{ background-color: #C8000C; }
.commitment-interview-title--badge .badge-group-01 span{ color:#222; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.commitment-interview-title--badge .badge-group-01{ min-width: 9.2em; background: url(../../img/top/commitment_tlt_bg.png) no-repeat center / 100% 100%; }
/* .commitment-interview-title--badge .badge-group-01 span:nth-child(1){ background-image: url(../../img/top/round_1.png); }
.commitment-interview-title--badge .badge-group-01 span:nth-child(2){ background-image: url(../../img/top/round_2.png); }
.commitment-interview-title--badge .badge-group-01 span:nth-child(3){ background-image: url(../../img/top/round_3.png); }
.commitment-interview-title--badge .badge-group-01 span:nth-child(4){ background-image: url(../../img/top/round_4.png); } */


@media only screen and (min-width: 769px) {
.commitment-interview-title--badge{ margin-top: 1em; }
}
@media only screen and (max-width: 768px) {
  .wrap_inner .top-menu-group{max-width: 100%;}
  .wrap_inner{margin-top: 6em;background:url(../../img/top/bg-professor-sp.png) no-repeat;background-size: cover;background-position: center bottom;padding:2em 0 4em;max-width: calc(100% - 3em);}
  .accordion-container{display:block}
  .top-professor-list{display:block;max-width:unset;margin:3.5em auto 0}
  .top-professor-list > li{width:100%}
  .top-professor-list > li:first-child { max-width: 25em; margin: 0 auto 1em;}
  .top-professor-txt{padding: 0 2.1875em;}
  .top-professor-extract-link{margin:3.2em auto 4em;max-width: 27.5em;}
  .top-professor-extract-link a{padding: 1.6em 0;}
  .profile-section{justify-content: flex-start;}
  .profile-label{font-size:1.4em;line-height:14px}
  .profile-name{font-size:2em}
  .profile-romanized{font-size:11px;margin-left:0}
  .accordion-container {padding: 10px 2em 4px;margin: 0 auto 0;max-width: 32.5em;}
  .accordion-container,
  .accordion-content {background: rgb(255 255 255 / 42%);}
  .accordion-content.open {padding: 5px 2em 15px;margin: 0 auto 0em;max-width: 32.5em;}
  .top-product-link{margin:3em auto 0;width:auto;padding:0 3em}
  .top-product-link .btn-2 span{font-size:1.6em;text-align:left;line-height:1.4}
  .top-product-link .btn-2{background-color:#C8000C;color:#fff;padding:15px}
  .only-pc{display:none}
  .only-sp{display:block}
  .plus-button{margin-top: -20px;}
  .commitment-interview-title{ padding: 1.4em 1em 1.1em; height: auto; width: calc(100% + 3em); margin-left: -1.5em; background: url(../../img/top/frame_gold_1.png) no-repeat .5em .5em / 3em 3em, url(../../img/top/frame_gold_2.png) no-repeat calc(100% - .5em) .5em / 3em 3em, url(../../img/top/frame_gold_4.png) no-repeat .5em calc(100% - .5em) / 3em 3em, url(../../img/top/frame_gold_3.png) no-repeat calc(100% - .5em) calc(100% - .5em) / 3em 3em; background-color: #222; }
  .commitment-interview-title .interview-title{ font-size: 2.6em;  }
  .commitment-interview-title .interview-title small{ font-size: .6923em;  }
}
@media only screen and (max-width: 460px) {
  .top-product-link{margin: 3em auto 0;width: 27.5em;padding: 0;}
  .top-product-link .btn-2{text-align:left;flex-wrap:nowrap;justify-content:flex-start}
  .top-product-link .btn-2{padding: 0 2.4em;height: 7em;}
  .top-product-link .btn-2-icon{width: 3em;}
}

@media only screen and (min-width: 769px) {
  .custom-scrollbar{ display: none; }
}

/* Custom scrollbar track */
 .custom-scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #443B29;
  border-radius: 3px;
}
/* custom scrollbar thumb */
.custom-thumb {
  height: 100%;
  background:#C8000C;
  border-radius: 3px;
  width: 60px; /* default */
  transform: translateX(0px);
  transition: background 0.3s;
}
.custom-scrollbar.white-bar{ background: rgba(255, 255, 255, .13); }
.custom-scrollbar.gold-bar{ background: #ECE1C8; }
.custom-scrollbar.gray-bar{ background: #E8E8E8; }
.btn-line{position: fixed;right:50px;bottom:20px;z-index:1}
.btn-line a img{display:block;width: 19em;height:auto}
.btn-line-sp{display:none}
@media only screen and (min-width: 769px) {
  .btn-line a img:hover{opacity: .8;}
  .top-footer{ margin-top: 17em !important;}
}
@media only screen and (max-width: 768px) {
  .btn-line{display: none !important;}
  .btn-line-sp{display:block;position: fixed;bottom: 0;z-index: 1;}
  .btn-line-sp a{display: block;}
}
.top-instagram{margin-top:3.5em;}
.title-instagram{text-transform: none;}
.link-instagram{margin: 4.7em auto 3.0em;}
.link-instagram .btn-2 span{    padding-left: 1em;}

@media only screen and (max-width: 768px) {
.link-instagram {max-width: 27em;margin: 4em auto 3.0em;}
.link-instagram .btn-2 {min-height: 6em;}
#footer.top-footer{margin-top: 7em;}     

}