.section {padding: 6rem 0}

/**   main visual   **/
.main-visual {position: relative;padding: 0}
.main-visual-inn {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2rem;height: 100vh;background: url('/assets/images/main/visual.jpg') center/cover no-repeat;text-shadow: 2px 2px 6px rgba(0,0,0,0.18)}
.main-visual__title {font-size: 4.375rem;color: #fff;line-height: 1.2}
.main-visual__text {font-size: 2.5rem;font-weight: bold;color: #fff;text-align: center}
.main-visual__text strong {color: #FF0000}
@media screen and (max-width: 425px){
	.main-visual__title {font-size: 3.5rem}
	.main-visual__text {font-size: 1.5rem}
}

/**   main section mini-notice   **/
.mini-notice {z-index: 90;transition: all .5s;position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;border-top: 1px solid rgba(255,255,255,.3)}
.mini-notice__inn {display: flex;width: 100%;max-width: 1200px;height: 100%;margin: 0 auto;box-sizing: border-box}
.mini-notice__title {width: 15rem;height: 60px;box-sizing: border-box;color: #fff;font-size: 1rem;font-weight: 600;border-left: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3)}
.mini-notice__title a {display: flex;align-items: center;justify-content: center;position: relative;height: 100%;color: #fff}
.mini-notice__title span {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);margin-left: 10px}
.mini-notice__slide-area {float: left;width: calc(100% - 15rem);box-sizing: border-box}
.mini-notice__slide-area .slick-list {width: calc(100% - 120px)}
.mini-notice__slide-area .slick-arrow {width: 60px;height: 60px;position: absolute;top: 0;overflow: hidden;text-indent: -9999em;border-left: 1px solid rgba(255,255,255,.3);box-sizing: border-box;cursor: pointer}
.mini-notice__slide-area .slick-arrow.slick-prev {right: 60px;background: url('/assets/images/main/mini-notice--prev.png') no-repeat center}
.mini-notice__slide-area .slick-arrow.slick-next {right: 0;background: url('/assets/images/main/mini-notice--next.png') no-repeat center;border-right: 1px solid rgba(255,255,255,.3)}
.mini-notice__board {padding: 0 1em;box-sizing: border-box}
.mini-notice__board__item {display: flex;justify-content: space-between}
.mini-notice__board__title {box-sizing: border-box;padding-left: 2.5rem;padding-right: 0.5rem;width: calc(100% - 150px);text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;text-align: left}
.mini-notice__board__title,
.mini-notice__board__title a,
.mini-notice__board__date {display: flex;align-items: center;height: 60px;color: #fff}
.mini-notice__board__date {padding-right: 35px}
.mini-notice li p.no-post {position: absolute;top: 50%;transform: translateY(-50%);padding-left: 35px;padding-right: 10px;color: #fff}
.mini-notice.is-active {background-color: #4266a7}
.mini-notice.is-active .mini-notice__inn {border-bottom: 1px solid rgba(255,255,255,.3)}
@media screen and (max-width: 768px) {
    .mini-notice {position: absolute;bottom: 0 !important}
    .mini-notice__slide-area {width: calc(100% - 100px)}
    .mini-notice__slide-area .slick-arrow {display: none !important}
    .mini-notice__slide-area .slick-list {width: 100%}
	.mini-notice__title {width: 90px}
	.mini-notice__title span {position: static;transform: none}
    .mini-notice__board__title {width: 100%}
	.mini-notice__board__title a {}
    .mini-notice__board__date {display: none}
}

/**  section2   **/
.section2 {position: relative;overflow: hidden}
.section2 .wrap {width: 100%;max-width: 1200px;margin: 0 auto}
.section2__title {text-align: center;font-size: 3.75rem;margin: .5em 0 1.5em 0;color: #333}
.product-slide__item {text-align: center;box-sizing: border-box;padding-right: 20px}
.product-slide__item__figure {position: relative;overflow: hidden;max-height: 250px}
.product-slide__item__img {transition: all .5s;display: block;max-width: 100%;height: 250px}
.product-slide__item__title {display: block;text-align: center;margin: 1em 0 .5em;font-size: 28px;color: #333;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.product-slide__item__text {font-size: 1.125rem;color: #666;line-height: 1.4;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.product-slide .slick-list {overflow: visible}
.product-slide .slick-slide {opacity: .4}
.product-slide .slick-slide.slick-active {opacity: 1}
.product-slide .slick-arrow {z-index: 100;width: 70px;height: 70px;position: absolute;top: 50%;overflow: hidden;text-indent: -9999em;box-sizing: border-box;cursor: pointer;background-repeat: no-repeat;background-position: center}
.product-slide .slick-arrow.slick-prev {left: 10px;background-image: url('/assets/images/main/slick-arrow--prev.png')}
.product-slide .slick-arrow.slick-next {right: 10px;background-image: url('/assets/images/main/slick-arrow--next.png')}
.product-slide.slick-slider {position: static}
.product-slide .slick-dots {display: none !important}
.product-slide__item a:hover .product-slide__item__img {transform: scale(1.05)}
.product-slide__item a:hover .product-slide__item__text {text-decoration: underline}
@media screen and (max-width: 1200px) {
	.section2 .wrap {max-width: 768px}
	.section2__title {font-size: 2.75rem}
	.product-slide__item__title {font-size: 2rem}
	.product-slide__item__text {font-size: 1.125rem}
}
@media screen and (max-width: 768px) {
	.section.section2 {padding: 50px 0}
	.section2 .wrap {margin-left: 16px}
	.section2__title {font-size: 2rem;margin: 0 0 20px 0}
	.section2 .slick-track {left: -40px}
	.product-slide__item {padding-right: 15px}
	.product-slide__item__figure {margin-right: 0;max-height: 100%}
	.product-slide__item__img {width: 100%}
	.product-slide__item__title {font-size: 1.5rem}
	.product-slide__item__text {width: 80%;margin: 0 auto}
	.product-slide .slick-list {overflow: hidden}
	.product-slide .slick-arrow {width: 45px;height: 45px;background-size: 45px}
}

/**   section3  bg-article   **/
.bg-article {background: url('/assets/images/main/banner.jpg') no-repeat center;text-align: center;background-size: cover;background-attachment: fixed}
.bg-article__title {font-size: 2.5rem;color: #fff;font-weight: 600;padding: 8rem 0;line-height: 1.2}
@media screen and (max-width: 1200px) {
	.bg-article__title {font-size: 3rem}
}
@media screen and (max-width: 768px) {
	.bg-article__title {font-size: 1.875rem;line-height: 1.5;padding: 2em 0}
}

/**   section4  circle-layout   **/
.section--circle-layout {text-align: center;background: #4266a7}
.circle-layout {display: flex}
.circle-layout__item {width: calc(100% / 3);box-sizing: border-box;text-align: center}
.circle-layout__item__figure {display: block}
.circle-layout__item__img {max-width: 100%;transform: scale(1);transition: .7s}
.circle-layout__item__img:hover {transform: scale(1.1)}
.circle-layout__item__text {position: relative;font-size: 1.5rem;color: #fff;line-height: 1.4;margin-top: 2em}
.circle-layout__item + .circle-layout__item .circle-layout__item__text:after {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 1px;background-color: #fff;opacity: 0.5}
.circle-layout__button {display: inline-block;text-align: center;margin-top: 4em;border: 2px solid #fff;border-radius: 1rem;padding: 1em 4em;color: #fff;font-size: 1.125rem}
.circle-layout__button:hover {background-color: #fff;color: #333}
@media screen and (max-width: 1024px) {
	.circle-layout {gap: 1rem}
	.circle-layout__item__text {font-size: 1.25rem}
}
@media screen and (max-width: 768px) {
	.circle-layout {flex-direction: column;align-items: center;gap: 4rem}
	.circle-layout__box p {margin-top: 0;word-break: keep-all}
	.circle-layout__item {width: 80%}
	.circle-layout__item + .circle-layout__item .circle-layout__item__text:after {display: none}
	.circle-layout__item__img {max-width: 100%;margin: 0 auto}
	.circle-layout__item__text {font-size: 1.5rem}
}

/**   section5  direct   **/
.direct__list {display: flex}
.direct__item {width: 24%;margin-left: 1%;padding: 1em 1em;box-sizing: border-box}
.direct__item:hover {background-color: #f3f3f3}
.direct__item:first-child {margin-left: 0}
.direct__link {display: block;text-align: center}
.direct__title {padding-top: 8rem;font-size: 1.5rem;line-height: 1.3;color: #333;background-repeat: no-repeat;background-position: center top;background-size: 5rem;transition: transform .3s}
.direct__text {padding-top: 1em;font-size: 1.125rem;line-height: 1.4;color: #666}
.direct__item:nth-child(1) .direct__title {background-image: url('/assets/images/main/ico-register.svg')}
.direct__item:nth-child(2) .direct__title {background-image: url('/assets/images/main/ico-add.svg')}
.direct__item:nth-child(3) .direct__title {background-image: url('/assets/images/main/ico-search.svg')}
.direct__item:nth-child(4) .direct__title {background-image: url('/assets/images/main/ico-data.svg')}
.direct__item:hover .direct__title {transform: rotateY(1turn)}
@media screen and (max-width: 1200px) {
	.direct__item {width: 50%;margin-left: 0;min-height: 20rem}
}
@media screen and (max-width: 768px) {
	.section-direct {padding: 0}
	.section-direct .wrap {width: 100%}
	.direct__list {flex-wrap: wrap}
	.direct__item {padding: 0;display: flex;align-items: center;justify-content: center;width: 50%}
	.direct__item {margin-left: 0}
	.direct__item:hover .link__title {background-size: 125px}
	.direct__text {padding: 0 1rem}
	.direct__text br {display: none}
}

.main-map {width: 100%;height: 500px;vertical-align: bottom}
@media screen and (max-width: 768px) {
	.main-map {height: 50vw}
}