@charset "UTF-8";

/* sass */

.top-movie-wrap { display: block; height: 0; position: relative; padding-bottom: 56.25%; transition: opacity .2s; }

.top-movie-wrap:hover { opacity: .7; }

.top-movie-wrap .top-main { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }

.mv-wrap { position: relative; }

.mv-main { height: 100%; }

.mv-hdg { display: none; }

.mv-lst { display: flex; flex-wrap: wrap; }

.mv-lst > li { width: 50%; }

.mv-lst > li > a { display: block; position: relative; height: calc(50vh - 25px); overflow: hidden; }

.mv-lst > li:nth-child(odd) .mv-content { background-position: right top; }

.mv-lst > li:nth-child(even) .mv-content { background-position: left top; }

.mv-lst .active { opacity: 1; }

.UA-SP .mv-lst > li:nth-child(odd) .mv-content { background-position: center; }

.UA-SP .mv-lst > li:nth-child(even) .mv-content { background-position: center; }

.mv-content { display: block; height: 100%; background-repeat: no-repeat; background-position: center; transition: all 1.5s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; background-size: contain; z-index: 1; }

.UA-SP .mv-content { background-size: cover; }

.mv-lightbox { height: 100%; position: relative; transition: all 3s; opacity: 0; }

.mv-lightbox.active { opacity: 1; }

.mv-lightbox-wrap { height: 100%; position: relative; padding-top: 50px; }

.mv-lightbox-wrap .slide { height: 100%; min-height: calc(100vh - 50px); position: relative; }

.slide-pt1 { background: url(/image/lb1_sp.jpg) no-repeat center top/cover; }

.slide-pt2 { background: url(/image/lb2_sp.jpg) no-repeat center top/cover; }

.slide-pt3 { background: url(/image/lb3_sp.jpg) no-repeat center top/cover; }

.slide-pt4 { background: url(/image/lb4_sp.jpg) no-repeat center top/cover; }

.lightbox-close { top: 53px; right: 12px; position: absolute; }

.lightbox-close > a { position: fixed; display: block; width: 45px; height: 45px; right: 5px; padding: 10px; }

.lightbox-close > a::before, .lightbox-close > a::after { content: ''; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: inline-block; width: 24px; height: 1px; background-color: #000; }

.lightbox-close > a::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.lightbox-close > a::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.lightbox-close > a.slide3::before, .lightbox-close > a.slide3::after { background-color: #fff; }

@-webkit-keyframes scrollanime { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes scrollanime { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

.scroll-btn { position: absolute; left: 0; right: 0; bottom: 55px; margin: auto; font-weight: normal; text-align: center; z-index: 10; }

.scroll-btn > a { display: inline-block; text-decoration: none; font-size: 1.6rem; color: #fff; position: relative; padding-bottom: 14px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); }

.scroll-btn > a > span { position: absolute; top: 20px; left: 50%; width: 20px; height: 20px; margin-left: -6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: scrollanime 2s infinite; animation: scrollanime 2s infinite; opacity: 0; }

.scroll-btn > a > span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }

.scroll-btn > a > span:nth-of-type(2) { top: 32px; -webkit-animation-delay: .15s; animation-delay: .15s; }

.scroll-btn > a > span:nth-of-type(3) { top: 46px; -webkit-animation-delay: .3s; animation-delay: .3s; }

.mv-lightbox .slick-dots { bottom: 5px; }

.mv-lightbox .slick-dots li { margin: 0 2px; }

.mv-lightbox .slick-dots li button:before { color: #eee; font-size: 13px; opacity: 1; }

.mv-lightbox .slick-dots li.slick-active button:before { color: #C70133; }

.mv-lightbox .slick-prev, .mv-lightbox .slick-next { top: 50px; bottom: 0; margin: auto; width: 20px; height: 45px; z-index: 10; opacity: .7; }

.mv-lightbox .slick-prev::before, .mv-lightbox .slick-next::before { content: none; }

.mv-lightbox .slick-prev { left: 0; background: url(/image/btn_prev_sp.png) no-repeat left top/20px auto; }

.mv-lightbox .slick-next { right: 0; background: url(/image/btn_next_sp.png) no-repeat left top/20px auto; }

.mv-lightbox .slick-prev:hover, .mv-lightbox .slick-prev:focus { background: url(/image/btn_prev_sp.png) no-repeat left top/20px auto; }

.mv-lightbox .slick-next:hover, .mv-lightbox .slick-next:focus { background: url(/image/btn_next_sp.png) no-repeat left top/20px auto; }

.slide-inner-wrap { display: flex; flex-direction: column; padding: 40px 40px 50px; }

.lb-thum-list { position: relative; display: none; }

.lb-thum-list li { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: all 3s; }

.lb-thum-list li.active { opacity: 1; }

.lb-thum-list li img { width: 100%; height: auto; }

.slide-hdg { text-align: center; }

.slide-hdg img { display: block; height: 60px; }

.slide-hdg.pt1, .slide-hdg.pt2, .slide-hdg.pt3, .slide-hdg.pt4 { padding: 120px 17px 30px 5px; }

.slide-hdg.pt1, .slide-hdg.pt2 { border-bottom: 1px solid #000; }

.slide-hdg.pt1 img, .slide-hdg.pt2 img { margin: 0 auto; }

.slide-hdg.pt3, .slide-hdg.pt4 { border-bottom: 1px solid #fff; }

.slide-txt { margin-top: 16px; font-size: 1.4rem; line-height: 1.7; }

.slide-pt3 .slide-txt, .slide-pt4 .slide-txt { color: #fff; }

.slide-btn { margin-top: 25px; text-align: center; }

.slide-btn > a { background-color: #EEEEEE; display: block; padding: 10px 20px; font-size: 1.4rem; line-height: 1.5; text-decoration: none; color: #000; border-radius: 40px; }

.slide-btn > a > span { padding-left: 16px; position: relative; }

.slide-btn > a > span::before { font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: #C70133; content: '\003009'; }

.slide-thum-link { display: flex; justify-content: center; margin: 24px -20px 0; }

.slide-thum-link > li { margin: 0 10px; }

.slide-thum-link > li a { display: block; color: #000; text-decoration: none; }

.slide-thum-link > li a img { width: 100%; height: auto; }

.slide-thum-link > li a p { margin-top: 5px; font-size: 1.2rem; line-height: 1.2; position: relative; padding-left: 13px; }

.slide-thum-link > li a p::before { position: absolute; top: 1px; left: 0; color: #C70133; content: '\003009'; }

.top-sec1 { background: #eae5e2 url(/image/bg_top01.jpg) no-repeat center 60%/550px auto; padding: 30px 0 156px; }

.top-sec1 .sec-inner { width: 81%; margin: 0 auto; }

.top-sec-bn .top-bn-wrap { overflow: hidden; margin-left: -20px; margin-right: -20px; }

.top-sec-bn .top-bn-wrap a { transition: opacity .2s; position: relative; display: block; }

.top-sec-bn .top-bn-wrap a > img { width: 100%; height: auto; }

.top-sec-bn .top-bn-wrap a:hover { opacity: .7; }

.top-sec-bn .top-bn-wrap .btn { max-width: 30%; display: inline-block; position: absolute; right: 15%; bottom: 8%; }

.top-sec-bn .top-bn-wrap .btn a { display: inline-block; font-size: 0; line-height: 0; transition: opacity .2s; }

.top-sec-bn .top-bn-wrap .btn a:hover { opacity: .7; }

.top-sec-bn .top-bn-wrap .btn img { max-width: 100%; height: auto; }

.top-sec2 { background: #eee; padding: 40px 20px; }

.top-sec3 { background: #fff; padding: 45px 20px 54px; }

.top-sec4 { padding-top: 36px; padding-bottom: 55px; background: url(/image/bg_top03_sp.jpg) no-repeat top center/cover; }

.top-sec5 { padding-top: 95px; padding-bottom: 45px; background: #eeeeee; }

.top-sec6 { padding-top: 25px; padding-bottom: 45px; background: #fff; border-top: 1px solid #CED0DA; }

.hdg-std { text-align: center; font-weight: 500; }

.hdg-std .main { display: inline-block; position: relative; font-size: 3.4rem; line-height: 1.2; padding-bottom: 10px; }

.hdg-std .main::after { content: ''; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; background: #CED0DA; height: 1px; width: calc(100% - 60px); }

.hdg-std .sub { font-size: 1.4rem; line-height: 1.2; margin-top: 15px; }

.hdg-std.pt2 { color: #fff; }

.hdg-unique1 { text-align: center; font-weight: 700; }

.hdg-unique1 .main { padding-bottom: 15px; display: inline-block; border-bottom: 1px solid #000; }

.hdg-unique1 .main img { max-width: 65%; height: auto; }

.hdg-unique1 .sub { margin-top: 12px; font-size: 2rem; }

.lead-unique1 { font-size: 1.6rem; margin-top: 15px; text-align: center; line-height: 1.5; }

.lst-btn { margin-top: 30px; }

.lst-btn > li { margin-top: 16px; }

.lst-btn > li a { text-decoration: none; padding: 16px; font-weight: 700; border: 2px solid #000; font-size: 1.6rem; line-height: 1.2; text-align: center; display: block; background: rgba(255, 255, 255, 0.8); color: #000; }

.top-sec2 .lst-btn, .top-sec3 .lst-btn, .top-sec4 .lst-btn, .top-sec6 .lst-btn { margin: 35px 10px 0; }

.top-sec5 .lst-btn { margin: 35px 10px 0; }

.cta-wrap { margin-top: 90px; padding: 0 10px 0; background: url(/image/bg_top02_sp.png) no-repeat center bottom/cover; }

.lst-cta-pdt > li { position: relative; padding-top: 80%; }

.lst-cta-pdt > li + li { margin-top: 10px; }

.lst-cta-pdt > li > .inner { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.lst-cta-pdt > li.pt1 > .inner { background: #B5B6B6 url(/image/img_sec1_1.png) no-repeat center bottom/contain; }

.lst-cta-pdt > li.pt2 > .inner { background: #B5B6B6 url(/image/img_sec1_2.png) no-repeat center bottom/contain; }

.lst-cta-pdt > li.pt3 { padding-top: 95%; }

.lst-cta-pdt > li.pt3 > .inner { background: #B5B6B6 url(/image/img_sec1_3.png) no-repeat center bottom 25px/contain; }

.lst-cta-pdt > li.pt4 { padding-top: 93.333%; }

.lst-cta-pdt > li.pt4 > .inner { background: #B5B6B6 url(/image/img_sec1_4.png) no-repeat center bottom 20px/contain; }

.lst-cta-pdt > li .txt { font-weight: 700; margin-top: 15px; font-size: 2rem; line-height: 1.5; text-align: center; color: #fff; }

.lst-cta-pdt > li .btn { margin-top: 12px; font-size: 1.4rem; line-height: 1.2; text-align: center; }

.lst-cta-pdt > li .btn > a { display: inline-block; text-decoration: none; position: relative; border: 1px solid #fff; padding: 9px 15px 9px 40px; color: #fff; border-radius: 30px; min-width: 145px; }

.lst-cta-pdt > li .btn > a::after { font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 28px; color: #C70133; content: '\003009'; }

.top-sec-block { margin-top: 82px; }

.top-sec-block + .top-sec-block { margin-top: 43px; }

.top-sec-block .figure { margin: 0 -20px; position: relative; padding-top: 109.375%; }

.top-sec-block .figure::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top-sec-block.pt1 .figure { background: url(/image/img_sec2_1_sp.jpg) no-repeat center/cover; }

.top-sec-block.pt2 .figure { background: url(/image/img_sec2_2_sp.jpg) no-repeat center/cover; }

.top-sec-block.pt3 .figure { background: url(/image/img_sec2_3_sp.jpg) no-repeat center/cover; }

.top-sec-block .inner { padding: 20px 20px 25px; position: relative; margin-top: -30px; background-color: #fff; }

.top-sec-block .hdg { font-weight: 700; font-size: 2.2rem; line-height: 1.3; }

.top-sec-block .lead { margin-top: 10px; font-weight: 500; font-size: 1.6rem; line-height: 1.5; }

.top-sec-block .txt { margin-top: 20px; font-size: 1.4rem; line-height: 1.5; }

.top-sec-block .btn > a { color: #fff; text-align: center; font-size: 1.3rem; background-color: #C70133; display: inline-block; text-decoration: none; padding: 10px; border-radius: 30px; min-width: 145px; margin-top: 25px; }

.top-sec-block .btn > a > span { position: relative; padding-left: 20px; }

.top-sec-block .btn > a > span::after { font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 5px; content: '\003009'; }

.lst-news { margin-top: 45px; }

.lst-news .inner { padding: 10px 0; }

.lst-news .inner + .inner { border-top: 1px solid #DEDEDE; }

.lst-news .inner strong { font-weight: 700; }

.lst-news dt { display: flex; align-items: flex-start; align-items: center; }

.lst-news dd { font-size: 1.4rem; line-height: 1.5; margin-top: 5px; }

.lst-news dd > a { display: inline-block; position: relative; padding-left: 15px; text-decoration: none; color: #000; }

.lst-news dd > a::before { position: absolute; font-weight: normal; top: 0; left: 2px; color: #C70133; content: '\003009'; }

.lst-news dd > a:visited { color: #717171; }

.lst-news .date { width: 9em; font-size: 1.4rem; line-height: 1.5; }

.lst-news .tag { text-align: center; display: inline-block; font-size: 1rem; line-height: 1.1; min-width: 56px; padding: 4px; }

.lst-news .tag.pt1 { color: #9D82B4; border: 1px solid #9D82B4; }

.lst-news .tag.pt2 { color: #4A90E2; border: 1px solid #4A90E2; }

.lst-news .tag.pt3 { color: #C70133; border: 1px solid #C70133; }

.lst-news .tag.pt4 { color: #8B572A; border: 1px solid #8B572A; }

.lst-news .tag.pt5 { color: #CB82A1; border: 1px solid #CB82A1; }

.lst-news .tag.pt6 { color: #6C9937; border: 1px solid #6C9937; }

.top-sec6 .lst-news { margin-top: 25px; border-top: 1px solid #DEDEDE; }

.lst-card { margin-top: 40px; }

.lst-card > li { margin-top: 20px; }

.lst-card > li > a { display: block; text-decoration: none; color: #4A4A4A; }

.lst-card > li img { width: 100%; height: auto; }

.lst-card > li .dtl { background: #fff; padding: 15px 12px; }

.lst-card > li .dtl dt { font-size: 1.4rem; line-height: 1.2; }

.lst-card > li .dtl dd { margin-top: 5px; font-size: 1.6rem; line-height: 1.2; font-weight: 700; }

.lst-card-pt2 { margin-top: 85px; margin-left: -10px; display: flex; flex-wrap: wrap; }

.lst-card-pt2 > li { width: calc(50% - 10px); margin-left: 10px; margin-top: 5px; }

.lst-card-pt2 > li a { display: block; overflow: hidden; text-decoration: none; color: #000; }

.lst-card-pt2 > li img { width: 100%; height: auto; }

.lst-card-pt2 > li .txt-wrap { position: relative; background: #fff; text-align: center; padding: 6px 10px 10px; min-height: 60px; }

.lst-card-pt2 > li .txt-wrap::before { top: -12px; right: 0; left: 0; width: 100%; position: absolute; content: ''; height: 7px; background: #fff; padding: 20px 15px; -webkit-transform: skew(0deg, -5deg); transform: skew(0deg, -5deg); z-index: 1; }

.lst-card-pt2 > li .txt-wrap .txt { z-index: 2; position: relative; font-size: 2rem; line-height: 1.2; font-weight: 500; }

.lst-card-pt2 > li .txt-wrap .sub { margin-top: 5px; z-index: 2; position: relative; font-size: 1.2rem; line-height: 1.2; }

.hdg-note { text-align: center; font-weight: 700; font-size: 3rem; line-height: 1.2; }

.hdg-note > span { display: inline-block; padding-top: 55px; background: url(/image/icn_hdg_note.png) no-repeat center top; }

.icn-pdf { padding-left: 20px; position: relative; display: inline-block; }

.icn-pdf::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 16px; height: 16px; background: url(/shared_v3/image/icn_pdf.png) no-repeat left top/16px auto; }

.top-slide-blk-wrap { color: #000; text-decoration: none; display: block; }

.top-slide-blk { margin-top: 10px; }

.top-slide-blk img { width: 100%; height: auto; }

.top-slide-blk .slick-prev, .top-slide-blk .slick-next { display: none !important; }

.top-slide-blk .slick-dots { bottom: 5px; }

.top-slide-blk .slick-dots li { margin: 0 2px; }

.top-slide-blk .slick-dots li button:before { color: #eee; font-size: 13px; opacity: 1; }

.top-slide-blk .slick-dots li.slick-active button:before { color: #C70133; }

.top-slide-cap { background-color: #fff; padding: 24px 20px 7px; }

.top-slide-cap > p { font-size: 2.2rem; text-align: center; line-height: 1.5; }

.lst-cta > li + li { margin-top: 20px; }

.lst-cta > li.pt1 .inner { background: url(/image/img_card1.png) no-repeat center/cover; }

.lst-cta > li.pt2 .inner { background: url(/image/img_card2.png) no-repeat center/cover; }

.lst-cta > li.pt3 .inner { background: url(/image/img_card3.png) no-repeat center/cover; }

.lst-cta > li.pt4 .inner { background: url(/image/img_card4.png) no-repeat center/cover; }

.lst-cta > li .inner { display: block; position: relative; padding-top: 107.7235%; text-decoration: none; color: #000; }

.lst-cta > li .inner::before { content: ''; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.lst-cta > li .inner .wrap { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.lst-cta > li .inner .hdg { font-weight: 700; position: relative; font-size: 1.8rem; line-height: 1.2; padding: 0 40px 10px; }

.lst-cta > li .inner .hdg::after { content: ''; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; background: #000; height: 1px; width: 100%; }

.lst-cta > li .inner .sub { font-weight: 500; margin-top: 10px; display: inline-block; position: relative; font-size: 1.8rem; line-height: 1.2; }

.top-bn-btn { margin-bottom: 20px; }

.top-bn-btn .top-bn-btn-list { margin-top: 20px; }

.top-bn-btn .top-bn-btn-list > li { margin-top: 20px; }

.top-bn-btn .top-bn-btn-list > li a { display: block; }

.top-bn-btn .top-bn-btn-list > li img { width: 100%; height: auto; }

.l-inner-ful-img { margin: 0; }

.top-bn-wrap .slick-dots { bottom: 10px; }

.top-bn-wrap .slick-prev, .top-bn-wrap .slick-next { z-index: 100; display: none !important; }

.top-bn-wrap .slick-prev:before, .top-bn-wrap .slick-next:before { content: none; font-family: 'slick'; font-size: 20px; line-height: 1; opacity: 1; display: block; z-index: 100; }

.top-bn-wrap .slick-prev:before { border-bottom: 2px solid #666666; border-right: 2px solid #666666; width: 20px; height: 20px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.top-bn-wrap .slick-next::before { border-bottom: 2px solid #666666; border-right: 2px solid #666666; width: 20px; height: 20px; -webkit-transform: rotate(315deg); transform: rotate(315deg); }

.top-bn-wrap .slick-prev::before, .top-bn-wrap .slick-next::before { z-index: 100; }

.top-bn-wrap .slick-prev { left: 60px; }

.top-bn-wrap .slick-next { right: 60px; }

@media all and (min-width: 1220px) { body { overflow: hidden; } }

@media all and (min-width: 769px) { .mv-wrap { height: 100%; } .mv-hdg { display: block; }
  .mv-hdg img { position: absolute; left: 30px; right: 0; bottom: 17%; margin: auto; z-index: 10; max-width: 80px; width: 25%; }
  .mv-hdg _:lang(x)::-ms-backdrop, .mv-hdg img { top: 61%; bottom: auto; } .mv-lst > li { width: 25%; }
  .mv-lst > li .mv-content { background-size: cover; }
  .mv-lst > li:nth-child(odd) .mv-content { background-position: center top; }
  .mv-lst > li:nth-child(even) .mv-content { background-position: center top; }
  .mv-lst > li > a { height: calc(100vh - 70px); transition: opacity .2s; }
  .mv-lst > li > a:hover { opacity: .5; } .mv-content { background-size: cover; } .mv-lightbox { min-width: 1220px; margin: 0 auto; } .mv-lightbox-wrap { padding-top: 70px; }
  .mv-lightbox-wrap .slide { min-height: calc(100vh - 70px); } .slide-pt1 { background: none; } .slide-pt2 { background: none; } .slide-pt3 { background: none; } .slide-pt4 { background: none; } .lightbox-close { top: 76px; }
  .lightbox-close > a.slide3::before, .lightbox-close > a.slide3::after { background-color: #000; } .scroll-btn { bottom: 60px; }
  .scroll-btn > a { font-size: 1.9rem; color: rgba(0, 0, 0, 0.5); padding-bottom: 20px; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8); }
  .scroll-btn > a > span { top: 30px; border-left: 2px solid #7f7f7f; border-bottom: 2px solid #7f7f7f; }
  .scroll-btn > a > span:nth-of-type(2) { top: 42px; -webkit-animation-delay: .15s; animation-delay: .15s; }
  .scroll-btn > a > span:nth-of-type(3) { top: 56px; -webkit-animation-delay: .3s; animation-delay: .3s; } .mv-lightbox .slick-prev, .mv-lightbox .slick-next { width: 45px; }
  .mv-lightbox .slick-prev { background: url(/image/btn_prev_pc.png) no-repeat left top/45px auto; }
  .mv-lightbox .slick-next { background: url(/image/btn_next_pc.png) no-repeat left top/45px auto; }
  .mv-lightbox .slick-prev:hover, .mv-lightbox .slick-prev:focus { background: url(/image/btn_prev_pc.png) no-repeat left top/45px auto; }
  .mv-lightbox .slick-next:hover, .mv-lightbox .slick-next:focus { background: url(/image/btn_next_pc.png) no-repeat left top/45px auto; }
  .mv-lightbox .slick-list { min-height: 670px; } .slide-inner-wrap { height: calc(100vh - 70px); padding: 40px 0; } .slide-inner { display: flex; height: calc(100vh - 70px); } .lb-thum-list { display: block; width: 743px; }
  .lb-thum-list img { max-width: 100%; height: auto; } .slide-pt1 .slide-content, .slide-pt2 .slide-content, .slide-pt3 .slide-content, .slide-pt4 .slide-content { width: calc(100% - 783px); margin-bottom: 50px; -ms-grid-row-align: center; align-self: center; } .slide-pt1 .slide-content, .slide-pt3 .slide-content { margin-left: 40px; } .slide-pt2 .slide-content, .slide-pt4 .slide-content { margin-right: 40px; } .slide-hdg.pt1, .slide-hdg.pt3 { text-align: left; }
  .slide-hdg.pt1 img, .slide-hdg.pt3 img { margin: 0; height: 60px; }
  .slide-hdg.pt2, .slide-hdg.pt4 { text-align: right; }
  .slide-hdg.pt2 img, .slide-hdg.pt4 img { margin: 0 0 0 auto; height: 60px; }
  .slide-hdg.pt3, .slide-hdg.pt4 { border-bottom: 1px solid #000; } .slide-txt { font-size: 1.8rem; line-height: 1.8; } .slide-pt2 .slide-txt, .slide-pt4 .slide-txt { text-align: right; } .slide-pt3 .slide-txt, .slide-pt4 .slide-txt { color: #000; } .slide-btn { text-align: left; }
  .slide-btn > a { text-align: center; display: inline-block; min-width: 220px; transition: opacity .2s; }
  .slide-btn > a:hover { opacity: .5; } .slide-pt2 .slide-btn, .slide-pt4 .slide-btn { text-align: right; } .slide-thum-link { justify-content: flex-end; margin: 24px 0 0 40px; }
  .slide-thum-link > li a { transition: opacity .2s; }
  .slide-thum-link > li a:hover { opacity: .5; } .top-sec1 { background: #eae5e2 url(/image/bg_top01.jpg) no-repeat center -750px/1600px auto; padding-top: 190px; padding-bottom: 230px; }
  .top-sec1 .sec-inner { width: 550px; margin: 0 auto; } .top-sec2 { padding: 40px 0; } .top-sec3 { padding-top: 90px; padding-bottom: 95px; padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); } .top-sec4 { background: url(/image/bg_top03_pc.jpg) no-repeat top center/cover; padding-top: 70px; padding-bottom: 70px; } .top-sec5 { padding-top: 90px; padding-bottom: 80px; } .top-sec6 { padding-top: 65px; padding-bottom: 80px; } .hdg-std .main { display: block; }
  .hdg-std .main::after { width: 190px; } .hdg-unique1 { margin: 0; }
  .hdg-unique1 .main { padding-bottom: 10px; }
  .hdg-unique1 .main img { max-width: 85%; }
  .hdg-unique1 .sub { margin-top: 15px; font-size: 3rem; } .lead-unique1 { font-size: 2rem; margin-top: 25px; } .lst-btn { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; margin-left: -20px; }
  .lst-btn > li { width: calc(50% - 20px); margin-left: 20px; }
  .lst-btn > li:only-child { width: auto; }
  .lst-btn > li a { min-width: 260px; display: inline-block; transition: all .2s; }
  .lst-btn > li a:hover { background: #000; color: #fff; } .top-sec2 .lst-btn, .top-sec3 .lst-btn, .top-sec4 .lst-btn, .top-sec6 .lst-btn { text-align: center; margin-top: 84px; } .top-sec5 .lst-btn { text-align: center; margin-top: 57px; } .cta-wrap { margin-top: 170px; padding: 50px 0 40px; background: url(/image/bg_top02_pc.png) no-repeat center bottom/cover; } .lst-cta-pdt { width: 1090px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .lst-cta-pdt > li { width: 23%; padding-top: 0; }
  .lst-cta-pdt > li + li { margin-top: 0; }
  .lst-cta-pdt > li > .inner { padding: 1px; position: static; height: 270px; }
  .lst-cta-pdt > li.pt1 > .inner { background: #B5B6B6 url(/image/img_sec1_1.png) no-repeat center bottom/220px auto; }
  .lst-cta-pdt > li.pt2 > .inner { background: #B5B6B6 url(/image/img_sec1_2.png) no-repeat center bottom/220px auto; }
  .lst-cta-pdt > li.pt3 { padding-top: 0; }
  .lst-cta-pdt > li.pt3 > .inner { background: #B5B6B6 url(/image/img_sec1_3.png) no-repeat center bottom 20px/220px auto; }
  .lst-cta-pdt > li.pt4 { padding-top: 0; }
  .lst-cta-pdt > li.pt4 > .inner { background: #B5B6B6 url(/image/img_sec1_4.png) no-repeat center bottom 20px/220px auto; }
  .lst-cta-pdt > li .txt { margin-top: 20px; margin: 20px 10px 0; line-height: 1.3; height: 2.5em; display: flex; flex-direction: column; justify-content: center; }
  .lst-cta-pdt > li .btn { margin-top: 15px; }
  .lst-cta-pdt > li .btn > a { transition: opacity .2s; }
  .lst-cta-pdt > li .btn > a:hover { opacity: .5; } .top-sec-block { height: 500px; width: 1090px; margin: 70px auto 0; display: flex; }
  .top-sec-block + .top-sec-block { margin-top: 70px; }
  .top-sec-block.pt1 { background: url(/image/img_sec2_1_pc.jpg) no-repeat left top; justify-content: flex-end; }
  .top-sec-block.pt2 { background: url(/image/img_sec2_2_pc.jpg) no-repeat right top; justify-content: flex-start; }
  .top-sec-block.pt3 { background: url(/image/img_sec2_3_pc.jpg) no-repeat left top; justify-content: flex-end; }
  .top-sec-block .figure { display: none; }
  .top-sec-block .inner { width: 426px; margin-top: 73px; padding: 35px 32px 50px; }
  .top-sec-block .hdg { font-size: 3rem; }
  .top-sec-block .lead { font-size: 1.8rem; }
  .top-sec-block .txt { margin-top: 30px; }
  .top-sec-block .btn > a { margin-top: 35px; transition: opacity .2s; }
  .top-sec-block .btn > a:hover { opacity: .5; } .top-sec3 .lst-news dd { width: 65%; } .lst-news { margin-top: 40px; margin: 40px 30px 0 195px; }
  .lst-news .inner { padding: 0; display: flex; align-items: flex-start; }
  .lst-news .inner + .inner { margin-top: 35px; border-top: none; }
  .lst-news dd { font-size: 1.6rem; margin-top: 0; margin-left: 15px; }
  .lst-news dd > a:hover > span { text-decoration: underline; }
  .lst-news .date { font-size: 1.6rem; }
  .lst-news .tag { font-size: 1.3rem; min-width: 94px; } .top-sec6 .lst-news { margin-top: 50px; border-top: none; } .lst-card { margin-top: 45px; margin-left: -30px; display: flex; flex-wrap: wrap; }
  .lst-card > li { margin-top: 0; margin-left: 30px; width: calc(33.333% - 30px); }
  .lst-card > li > a img { transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }
  .lst-card > li > a .wrap { overflow: hidden; }
  .lst-card > li > a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .lst-card-pt2 { margin-top: 60px; margin-left: -22px; padding: 0; }
  .lst-card-pt2 > li { width: calc(25% - 22px); margin-left: 22px; margin-top: 0; }
  .lst-card-pt2 > li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .lst-card-pt2 > li img { transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }
  .lst-card-pt2 > li .wrap { overflow: hidden; }
  .lst-card-pt2 > li .txt-wrap { padding: 20px 10px 20px; min-height: 100px; }
  .lst-card-pt2 > li .txt-wrap::before { top: -12px; right: 0; left: 0; width: 100%; position: absolute; content: ''; height: 7px; background: #fff; padding: 20px 15px; -webkit-transform: skew(0deg, -5deg); transform: skew(0deg, -5deg); z-index: 1; }
  .lst-card-pt2 > li .txt-wrap .txt { font-size: 2.8rem; }
  .lst-card-pt2 > li .txt-wrap .sub { margin-top: 8px; font-size: 1.6rem; } .hdg-note { padding-top: 0; }
  .hdg-note > span { display: inline-block; padding-left: 32px; padding-top: 0; background: url(/image/icn_hdg_note.png) no-repeat left top; } .top-slide-blk-wrap:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .top-slide-blk { margin-top: 20px; }
  .top-slide-blk .top-slide-inner { overflow: hidden; }
  .top-slide-blk .top-slide-inner img { transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .top-slide-cap { padding: 21px 20px 10px; }
  .top-slide-cap > p { font-size: 2.6rem; } .lst-cta { width: 1090px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .lst-cta > li { width: 23%; }
  .lst-cta > li + li { margin-top: 0; }
  .lst-cta > li .inner { transition: opacity .2s; }
  .lst-cta > li .inner:hover { opacity: .5; } .top-bn-btn { margin-bottom: 20px; }
  .top-bn-btn .top-bn-btn-list { display: flex; flex-wrap: wrap; margin-left: -20px; margin-top: 0; }
  .top-bn-btn .top-bn-btn-list > li { width: calc(50% - 20px); margin-left: 20px; }
  .top-bn-btn .top-bn-btn-list > li a { transition: opacity .2s; }
  .top-bn-btn .top-bn-btn-list > li a:hover { opacity: .7; } .l-inner-ful-img { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); max-width: auto; max-width: initial; } .top-bn-wrap .slick-prev, .top-bn-wrap .slick-next { width: 20px; height: 20px; z-index: 100; display: block !important; overflow: visible; }
  .top-bn-wrap .slick-prev:before, .top-bn-wrap .slick-next:before { content: ''; } }

@media (orientation: landscape) { .UA-SP .mv-lst > li:nth-child(odd) .mv-content { background-position: right top; }
  .UA-SP .mv-lst > li:nth-child(even) .mv-content { background-position: left top; } .UA-SP .mv-content { background-size: contain; } .UA-SP .top-sec1 { background: #eae5e2 url(/image/bg_top01.jpg) no-repeat center -25%/768px auto; } }

@media all and (orientation: landscape) and (min-width: 769px) { .UA-SP .mv-lst > li { width: 50%; }
  .UA-SP .mv-lst > li:nth-child(1) span { background-image: url(/image/mv1_1_sp.jpg) !important; }
  .UA-SP .mv-lst > li:nth-child(2) span { background-image: url(/image/mv2_1_sp.jpg) !important; }
  .UA-SP .mv-lst > li:nth-child(3) span { background-image: url(/image/mv3_1_sp.jpg) !important; }
  .UA-SP .mv-lst > li:nth-child(4) span { background-image: url(/image/mv4_1_sp.jpg) !important; }
  .UA-SP .mv-lst > li .mv-hdg { display: none; }
  .UA-SP .mv-lst > li > a { height: 66vh; } }

@media all and (max-height: 740px) { .UA-PC .mv-lst > li .mv-content { background-size: contain; }
  .UA-PC .mv-lst > li .mv-hdg img { width: 20%; bottom: 10%; } }

@media all and (max-width: 1280px) and (max-height: 740px) { .UA-PC .mv-lst > li .mv-content { background-size: contain; } }

@media all and (max-height: 360px) { .UA-PC .mv-lst > li .mv-hdg _:lang(x)::-ms-backdrop, .UA-PC .mv-lst > li .mv-hdg img { top: 10%; width: 15%; bottom: auto; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .UA-TB .mv-lst > li > a { height: calc(100vh - 90px); } }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { .UA-TB .mv-lst > li > a { height: calc(100vh - 100px); } }

@media (orientation: portrait) { .UA-TB .scroll-btn { bottom: 100px; }
  .UA-TB .scroll-btn > a { font-size: 1.9rem; color: rgba(0, 0, 0, 0.5); padding-bottom: 20px; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8); }
  .UA-TB .scroll-btn > a > span { top: 30px; border-left: 2px solid #7f7f7f; border-bottom: 2px solid #7f7f7f; }
  .UA-TB .scroll-btn > a > span:nth-of-type(2) { top: 42px; -webkit-animation-delay: .15s; animation-delay: .15s; }
  .UA-TB .scroll-btn > a > span:nth-of-type(3) { top: 56px; -webkit-animation-delay: .3s; animation-delay: .3s; } }

@media all and (min-width: 768px) and (max-width: 1199px) { .top-sec3 { padding-left: 65px; padding-right: 65px; } }

@media all and (min-width: 769px) and (max-width: 1199px) { .l-inner-ful-img { margin-left: -65px; margin-right: -65px; } }

@media all and (max-width: 768px) { .slick-prev::before, .slick-next::before { display: none; } }