@charset "utf-8";

/*
 * File       : rwd-sub.css
 * Author     : STUDIO-JT (HEE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) 1800px
 * 2) 1480px
 * 3) 1023px
 * 4) 860px
 * 5) 540px
 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media(max-width: 1480px){

	/* LOCATION */
	html.ios .location-info__facilities-meta-location:before {top: 0;}
	html.ios .location-info__facilities-meta-call:before {top: 0rem;}

}/* 1480px */



/* **************************************** *
 * 1023px
 * **************************************** */
@media(max-width: 1023px){

	/* ABOUT */
	.about-illua-section {position:relative; width: 100%;}
	.about-illua-section .article-header__visual-bg {background-attachment: fixed;}
	.about-illua-section__bg {background-attachment: fixed;}
	.about-illua-section__title {font-size: 48rem; margin-bottom: 36rem;}
	.about-illua-section__desc { font-size: 17rem;}
	.ios .about-illua-section .article-header__visual-bg {background-attachment: unset;}
	.ios .about-illua-section__bg {background-attachment: unset;}
	.about-illua-fullpage__inner {display: block !important;} /* swiper clear */
	.about-illua-section:not(.about-illua-section-01) {height: 100vh !important;} /* swiper clear */
	.about-illua-section.about-illua-section-05 {height: auto !important;} /* swiper clear */

	.about-illua-info {padding-top: 140rem; padding-bottom: 140rem;}
	.about-illua-info__list {margin-left: -15rem; margin-right: -15rem;}
	.about-illua-info__list-item {width: -webkit-calc(33.33% - 30rem);width: calc(33.33% - 30rem); margin: 0 15rem;}
	.about-illua-info__list-desc br { display: none; }
	.about-illua-info__list-more { margin-top: 35rem; }

	/* LOCATION */
	.location-map-container {height: 500rem;}
	.location-info__title {font-size: 26rem;}
	.location-info__contact-list {margin-top: 36rem;}
	.location-info__facilities-meta-location:before {font-size: 15rem; top: -1rem;}
	.location-info__facilities-meta-call:before {font-size: 14rem; top: -1rem;}
	.location-info__explain { font-size: 15rem; }
	.location-info__content--traffic .jt-accordion__content-inner > p br {display: none;}

	/* SEMINAR */
	.single-guidance {padding-top: 140rem; padding-bottom: 140rem;}
	.single-guidance__list {margin-left: -15rem; margin-right: -15rem;}
	.single-guidance__list-item {width: -webkit-calc(33.33% - 30rem);width: calc(33.33% - 30rem); margin: 0 15rem;}
	.single-guidance__list-desc br { display: none; }
	.single-guidance__list-more { margin-top: 35rem; }

}/* 1023px */



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){
	
	/* ABOUT */
	.about-illua-section__title {font-size: 40rem; margin-bottom: 27rem;}
	.about-illua-section__desc {font-size: 16rem; line-height: 1.67; margin-bottom: 24rem;}

	.about-illua-info {padding-top: 112rem; padding-bottom: 118rem;}
	.about-illua-info__list {margin-left: -10rem; margin-right: -10em;}
	.about-illua-info__list-item {width: -webkit-calc(33.33% - 20rem);width: calc(33.33% - 20rem); margin: 0 10rem;}
	.about-illua-info__list-title {font-size: 23rem;}
	.about-illua-info__list-desc { font-size: 14rem; line-height: 1.67; }
	.about-illua-info__list-more { margin-top: 25rem; }

	/* LOCATION */
	.location-map-container {height: 450rem;}
	.location-map__control { width: 30rem; height: 60rem; top: 24rem; right: 24rem;}
	.location-map__control-btn span:after { width: 12rem; margin-left: -6rem; }
	.location-map__control-btn--zoom-in span:before { height: 12rem; margin-top: -6rem; }

	.location-info {padding-top: 100rem;}
	.location-info__item { margin-bottom: 100rem; }
	.location-info__title { display: block; width: auto; font-size: 24rem; font-weight: 600;}
	.location-info__content { display: block; width: auto; margin-top: 31rem; padding-top: 35rem; }
	.location-info__content--traffic {padding-top: 0;}
	.location-info__contact-list {margin-top: 34rem;}
	.location-info__contact-item { display: block; }
	.location-info__content-txt {font-size: 16rem;}
	.location-info__contact-item { margin-bottom: 20rem; }
	.location-info__contact-item:last-child {margin-bottom: 0;}
	.location-info__contact-title { width: 62rem; margin-right: 0; font-size: 16rem; }
	.location-info__contact-content {font-size: 15rem;}
	.location-info__contact-item--mail .location-info__contact-content {font-size: 16rem; margin-top: 0;}
	.location-info__facilities-title {font-size: 16rem;}
	.location-info__facilities-meta > span { font-size: 13rem; }
	.location-info__facilities-meta-location:before {font-size: 14rem; top: -1rem;}
	.location-info__facilities-meta-call:before {font-size: 14rem; top: -1rem;}
	.location-info__traffic-item {margin-bottom: 32rem;}
	.location-info__traffic-item:before {top: 10rem;}
	.location-info__traffic-title {font-size: 16rem;}
	.location-info__traffic-content {font-size: 16rem;}
	.location-info__explain { font-size: 14rem; }

	html.ios .location-info__contact-item--mail .location-info__contact-content {margin-top: 2rem;}
	
	/* SEMINAR */
	.single-guidance {padding-top: 92rem; padding-bottom: 98rem;}
	.single-guidance__list {margin-left: -10rem; margin-right: -10em;}
	.single-guidance__list-item {width: -webkit-calc(33.33% - 20rem);width: calc(33.33% - 20rem); margin: 0 10rem;}
	.single-guidance__list-title {font-size: 23rem;}
	.single-guidance__list-desc { font-size: 14rem; line-height: 1.67; }
	.single-guidance__list-more { margin-top: 25rem; }

}/* 860px */



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

	/* ABOUT */
	.about-illua-section__title {font-size: 32rem;}
	.about-illua-section__desc {font-size: 15rem;}
	.about-illua-section-05 .about-illua-section__content {display: block;}
	.about-illua-section-05 .about-illua-section__content-inner {display: block;}
	.about-illua-info-wrap {margin-left: 0; margin-right: 0;}
	.about-illua-info {padding-top: 70rem; padding-bottom: 70rem; padding-left: 19rem; padding-right: 19rem;}
	.about-illua-info__list {margin-left: 0; margin-right: 0;}
	.about-illua-info__list-item {width: -webkit-calc(100% - 10rem) !important; width: calc(100% - 10rem) !important; margin: 0 5rem;}
	.about-illua-info__list-item:last-child {margin-bottom: 0;}
	.about-illua-info__list-content { text-align: left; padding-top: 22rem; }
	.about-illua-info__list-title {font-size: 22rem;}
	.about-illua-info__list-desc {font-size: 15rem; margin-top: 6rem;}
	.about-illua-info__list-more { margin-top: 28rem; margin-left: -5rem; }
	.about-illua-info__list-more {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;padding: 17rem 20rem 15rem;font-size: 12rem; min-width: 140rem;font-weight: 300;letter-spacing: 0.05em;color: #000;border: 1rem solid #000;background: transparent;margin-top: 22rem;margin-left: 0;}
	.about-illua-info__list-more span:after { display: none; }
	.about-illua-info__list-more span:before { display: none; }
	.about-illua-info .swiper-control {display: block; margin-top: 32rem; padding: 0 5rem; text-align: center;}

	/* LOCATION */
	.location-map-container {height: 240rem;}
	.location-map__control {top: 10rem; right: 10rem;}
	.location-info {padding-top: 70rem;}
	.location-info__item { margin-bottom: 70rem; }
	.location-info__title {font-size: 22rem;}
	.location-info__content {margin-top: 26rem; padding-top: 30rem;}
	.location-info__content--traffic {padding-top: 0;}
	.location-info__content-txt {font-size: 15rem;}
	.location-info__contact-title {font-size: 15rem;}
	.location-info__contact-content {font-size: 14rem;}
	.location-info__contact-item--mail .location-info__contact-content {font-size: 15rem;}
	.location-info__facilities { margin: 0; }
	.location-info__facilities-item { width: 100%; margin: 0; margin-bottom: 30rem; padding-left: 12rem; }
	.location-info__facilities-item:last-child { margin-bottom: 0; }
	.location-info__facilities-item:before {top: 8rem;}
	html.ios .location-info__facilities-item:before {top: 10rem;}
	.location-info__facilities-title { display: block; width: auto; font-size: 15rem; }
	.location-info__facilities-meta { display: block; max-width: none; margin-top: 12rem; }
	.location-info__facilities-meta > span {display: inline-block; padding-left: 17rem; }
	.location-info__facilities-meta > span + span {margin-top: 0;}
	.location-info__facilities-meta-location {margin-right: 0; width: 55%;}
	.location-info__traffic-item { padding-left: 13rem; }
	.location-info__traffic-item:before { top: 9rem; }
	html.ios .location-info__traffic-item:before {top: 8rem;}
	.location-info__traffic-title { display: block; width: auto; font-size: 15rem; }
	.location-info__traffic-content { display: block; width: auto; margin-top: 5rem; font-size: 15rem; }
	.location-info__explain { font-size: 13rem; }

	.single-guidance {padding-top: 64rem; padding-bottom: 70rem;}
	.single-guidance__list-wrap {margin-left: -24rem; margin-right: -24rem; padding-left: 19rem; padding-right: 19rem;}
	.single-guidance__list {margin-left: 0; margin-right: 0;}
	.single-guidance__list-item {width: -webkit-calc(100% - 10rem) !important; width: calc(100% - 10rem) !important; margin: 0 5rem;}
	.single-guidance__list-item:last-child {margin-bottom: 0;}
	.single-guidance__list-content { text-align: left; padding-top: 22rem; }
	.single-guidance__list-title {font-size: 22rem;}
	.single-guidance__list-desc {font-size: 15rem; margin-top: 6rem;}
	.single-guidance__list-more { margin-top: 28rem; margin-left: -5rem; }
	.single-guidance__list-more {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;padding: 17rem 20rem 15rem;font-size: 12rem; min-width: 140rem;font-weight: 300;letter-spacing: 0.05em;color: #000;border: 1rem solid #000;background: transparent;margin-top: 22rem;margin-left: 0;}
	.single-guidance__list-more span:after { display: none; }
	.single-guidance__list-more span:before { display: none; }
	.single-guidance .swiper-control {display: block; margin-top: 32rem; padding: 0 5rem; text-align: center;}

}/* 540px */
