.con-news .wrp-news { margin-left: auto; margin-right: auto; }
@media only screen and (min-width: 1025px) { .con-news .wrp-news { width: 85.7%; } }
@media print { .con-news .wrp-news { width: 85.7%; } }
.ie8 .con-news .wrp-news, .con-news .ie8 .wrp-news { width: 85.7%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-news .wrp-news { width: 92%; } }
@media only screen and (max-width: 767px) { .con-news .wrp-news { width: 89.3%; } }

/*Animate */
body#top footer { background: url(../images/common/bg_base.jpg) 0 0 repeat; }

/* -----------------------------------------------------------
	.con-mainvisual
----------------------------------------------------------- */
.con-mainvisual { position: relative; width: 100%; height: 220vh; }
.con-mainvisual .box-mainvisual { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; opacity: 0; transition: opacity .5s linear; transition-delay: .8s; }
.con-mainvisual .box-mainvisual.slick-initialized { opacity: 1; }
.con-mainvisual .box-mainvisual .slide { width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
.con-mainvisual .box-mainvisual .slide:nth-child(1) { background-image: url(../images/top/img_mv_slider1.jpg); }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .slide:nth-child(1) { background-image: url(../images/top/img_mv_slider1-sp.jpg); } }
.con-mainvisual .box-mainvisual .slide:nth-child(2) { background-image: url(../images/top/img_mv_slider2.jpg); }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .slide:nth-child(2) { background-image: url(../images/top/img_mv_slider2-sp.jpg); } }
.con-mainvisual .box-mainvisual .slide:nth-child(3) { background-image: url(../images/top/img_mv_slider3.jpg); }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .slide:nth-child(3) { background-image: url(../images/top/img_mv_slider3-sp.jpg); } }
.con-mainvisual .box-mainvisual .slide:nth-child(4) { background-image: url(../images/top/img_mv_slider4.jpg); }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .slide:nth-child(4) { background-image: url(../images/top/img_mv_slider4-sp.jpg); } }
.con-mainvisual .box-mainvisual .slide.img-blur img { filter: blur(15px); }
.con-mainvisual .box-mainvisual .slide img { width: 100%; height: 100vh; object-fit: cover; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
.con-mainvisual .box-mainvisual .slide.add-animation { animation: zoomUp 10s linear 0s normal both; }
.con-mainvisual .box-about { position: absolute; top: 100vh; left: 0; width: 100%; height: 100vh; }
.con-mainvisual .box-about h1 { text-align: right; font-size: 3.4rem; letter-spacing: 0.28em; font-weight: 400; line-height: 1.765; position: absolute; right: 15%; top: 15%; color: #fff; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-about h1 { right: 10%; } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-about h1 { font-size: 2.4rem; position: static; padding-right: 5%; } }
.con-mainvisual .box-about h1 span { writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; }
.con-mainvisual .box-about .box-detail { padding-top: 30%; padding-left: 13%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-about .box-detail { padding-top: 38%; padding-left: 8%; } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-about .box-detail { padding-top: 0; padding-left: 5%; } }
.con-mainvisual .box-about .box-detail .txt { letter-spacing: 0.18em; margin-bottom: 48px; color: #fff; }

@keyframes zoomUp { 0% { transform: scale(1); }
  100% { transform: scale(1.15); } }
/* -----------------------------------------------------------
	.con-business
----------------------------------------------------------- */
.con-business { background: url(../images/common/bg_base.jpg) 0 0 repeat; position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media only screen and (max-width: 767px) { .con-business { z-index: 1; } }
@media only screen and (min-width: 768px) { .con-business .img-business { width: 50%; } }
@media print { .con-business .img-business { width: 50%; } }
.ie8 .con-business .img-business { width: 50%; }
@media only screen and (max-width: 767px) { .con-business .img-business { order: 2; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-business .img-business .img { position: relative; overflow: hidden; }
  .con-business .img-business .img img { max-width: none; width: 150%; margin-left: -25%; } }
@media only screen and (min-width: 768px) { .con-business .fixed-business { width: 50%; height: 100vh; position: -webkit-sticky; position: sticky; top: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 0 0 5% 5%; } }
@media print { .con-business .fixed-business { width: 50%; height: 100vh; position: -webkit-sticky; position: sticky; top: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 0 0 5% 5%; } }
.ie8 .con-business .fixed-business { width: 50%; height: 100vh; position: -webkit-sticky; position: sticky; top: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 0 0 5% 5%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-business .fixed-business { padding-bottom: 10%; } }
@media only screen and (max-width: 767px) { .con-business .fixed-business { order: 1; padding: 25% 0 15%; } }
.con-business .fixed-business .title-basic { margin-bottom: 80px; }
@media only screen and (max-width: 767px) { .con-business .fixed-business .title-basic { margin-bottom: 24px; } }
.con-business .fixed-business .txt { letter-spacing: 0.18em; margin-bottom: 48px; padding-left: 1.5em; }
.con-business .fixed-business .txt-link { padding-left: 1.5em; }

/* -----------------------------------------------------------
	.con-news
----------------------------------------------------------- */
.con-news { overflow: hidden; background: url(../images/common/bg_base.jpg) 0 0 repeat; padding: 180px 0; }
@media only screen and (max-width: 767px) { .con-news { padding: 100px 0; } }
.con-news .wrp-news { position: relative; display: -webkit-flex; display: flex; }
.con-news .wrp-news .title-basic { width: 12.6%; }
@media only screen and (max-width: 767px) { .con-news .wrp-news .title-basic { width: 15%; } }
.con-news .wrp-news .title-basic span { position: relative; z-index: 10; }
.con-news .wrp-news .box-news-slider { width: 87.4%; margin-top: 140px; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-news .wrp-news .box-news-slider { margin-top: 100px; } }
@media only screen and (max-width: 767px) { .con-news .wrp-news .box-news-slider { width: 85%; margin-top: 80px; padding-left: 8%; } }
.con-news .wrp-news .box-news-slider .slick-list { overflow: visible; }
.con-news .wrp-news .box-news-slider .item { position: relative; padding-right: 160px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-news .wrp-news .box-news-slider .item { padding-right: 80px; } }
@media only screen and (max-width: 767px) { .con-news .wrp-news .box-news-slider .item { padding-right: 60px; } }
.con-news .wrp-news .box-news-slider .item a { display: block; }
@media only screen and (min-width: 1025px) { .con-news .wrp-news .box-news-slider .item a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
  .con-news .wrp-news .box-news-slider .item a:hover .img img { transform: scale(1.1); } }
@media print { .con-news .wrp-news .box-news-slider .item a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
  .con-news .wrp-news .box-news-slider .item a:hover .img img { transform: scale(1.1); } }
.ie8 .con-news .wrp-news .box-news-slider .item a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.ie8 .con-news .wrp-news .box-news-slider .item a:hover .img img { transform: scale(1.1); }
.con-news .wrp-news .box-news-slider .item .img { margin-bottom: 24px; overflow: hidden; width: 100%; aspect-ratio: 3 / 4; }
.con-news .wrp-news .box-news-slider .item .img img { object-fit: cover; height: 100%; -webkit-transition: 3s; -moz-transition: 3s; -ms-transition: 3s; -o-transition: 3s; transition: 3s; }
.con-news .wrp-news .box-news-slider .item .date { font-family: "EB Garamond", serif; letter-spacing: 0.18em; position: absolute; top: 2.5em; right: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-news .wrp-news .box-news-slider .item .date { right: 16px; } }
@media only screen and (max-width: 767px) { .con-news .wrp-news .box-news-slider .item .date { right: 8px; } }
.con-news .wrp-news .box-news-slider .item .date span { display: inline-block; transform: rotate(90deg); }
.con-news .wrp-news .box-news-slider .item .box-detail .title { font-size: 1.8rem; letter-spacing: 0.075em; line-height: 1.611; }
@media only screen and (max-width: 767px) { .con-news .wrp-news .box-news-slider .item .box-detail .title { font-size: 1.6rem; } }
.con-news .wrp-news .box-news-slider .item .box-detail ul { margin-top: 16px; }
.con-news .wrp-news .box-news-slider .item .box-detail ul li { display: inline-block; color: #666; }
.con-news .wrp-news .box-news-slider .item .box-detail ul li:not(:last-child) { margin-right: 16px; }
.con-news .wrp-news .box-news-slider .item .box-detail ul li:before { content: "#"; letter-spacing: 0.075em; }
.con-news .wrp-news .box-news-slider .slick-arrow { border: 1px solid #111; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; width: 80px; height: 80px; line-height: 80px; display: block !important; text-align: center; position: absolute; top: calc(50% - 40px); cursor: pointer; z-index: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media only screen and (max-width: 767px) { .con-news .wrp-news .box-news-slider .slick-arrow { width: 56px; height: 56px; line-height: 56px; top: calc(50% - 28px); } }
.con-news .wrp-news .box-news-slider .slick-arrow:hover { background: #111; color: #fff; }
.con-news .wrp-news .box-news-slider .slick-arrow.slick-disabled { opacity: 0; }
.con-news .wrp-news .box-news-slider .slick-arrow.slick-prev { transform: scale(-1, 1); left: -8%; }
.con-news .wrp-news .box-news-slider .slick-arrow.slick-next { right: 0; }
.con-news .wrp-news .txt-link { position: absolute; right: 5%; top: 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-news .wrp-news .txt-link { right: 15%; } }
@media only screen and (max-width: 767px) { .con-news .wrp-news .txt-link { right: 28%; } }