@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700|Poppins:300i,400,500,600,700&display=swap");
.f_sans-serif { font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 700; }

/*各ページの共通*/
body { font-family: 'Poppins','Noto Sans TC', sans-serif; }

.self { overflow: hidden; overflow: hidden; padding: 20px; background: url(/zh-hant/_assets/img/self/self_mv_sp.jpg) no-repeat center center; background-size: cover; width: 100%; height: 225px; position: relative; }
@media print, screen and (min-width: 750px) { .self { min-width: 1180px; } }
.self .inner { padding: 0 20px; }
@media print, screen and (min-width: 750px) { .self .inner { padding: 0; } }
@media print, screen and (min-width: 1180px) { .self .inner { width: 1180px; padding: 0; margin: 0 auto; } }
@media print, screen and (min-width: 750px) { .self { padding: 40px; } }
.self .inner { height: 100%; border: 5px solid #fff; padding: 20px; }
@media print, screen and (min-width: 750px) { .self .inner { border: 10px solid #fff; padding: 40px; } }
@media print, screen and (min-width: 750px) { .self { background: url(/zh-hant/_assets/img/self/self_mv.jpg) no-repeat top center; background-size: cover; height: 510px; } }
.self:after { content: ""; position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: solid 5px #fff; transition: transform 0.5s; }
@media print, screen and (min-width: 750px) { .self:after { border: solid 10px #fff; width: calc(100% - 80px); height: calc(100% - 80px); } }
.self:hover:after { transform: scale(1.5, 1.5); }
.self .inner { padding: 10px; width: 100%; border: none; }
.self__ttl { text-align: center; color: #fff; line-height: 1; padding-top: 25px; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 700; }
@media print, screen and (min-width: 750px) { .self__ttl { text-align: left; padding-top: 120px; padding-left: 150px; } }
.self__ttl .title { font-size: 4rem; padding-right: 30px; background: url("/zh-hant/_assets/img/self/self_arrow.png") no-repeat right 50%; background-size: 20px; display: inline-block; }
@media print, screen and (min-width: 750px) { .self__ttl .title { font-size: 7rem; padding-right: 60px; margin-bottom: 20px; background-size: 42px; } }
.self__ttl .title span { font-size: 40px; }
@media print, screen and (min-width: 750px) { .self__ttl .title span { font-size: 65px; } }
.self__ttl .ja { font-size: 15px; }
@media print, screen and (min-width: 750px) { .self__ttl .ja { font-size: 22px; } }
.self__ttl .text { font-size: 12px; margin-top: 10px; }
@media print, screen and (min-width: 750px) { .self__ttl .text { font-size: 16px; margin-top: 10px; } }

.company_scale-info { overflow: hidden; padding: 25px 0px; }
@media print, screen and (min-width: 750px) { .company_scale-info { min-width: 1180px; } }
.company_scale-info .inner { padding: 0 20px; }
@media print, screen and (min-width: 750px) { .company_scale-info .inner { padding: 0; } }
@media print, screen and (min-width: 1180px) { .company_scale-info .inner { width: 1180px; padding: 0; margin: 0 auto; } }
@media print, screen and (min-width: 750px) { .company_scale-info { padding: 50px 0 100px; } }
.company_scale-info__ttl { line-height: 1; text-align: center; }
.company_scale-info__ttl .title { color: #1A3A85; font-size: 2.8rem; font-weight: 600; line-height: 1; margin-bottom: 15px; }
@media print, screen and (min-width: 750px) { .company_scale-info__ttl .title { font-size: 5.0rem; margin-bottom: 25px; } }
@media print, screen and (min-width: 750px) { .company_scale-info__list ul { display: flex; justify-content: space-between; align-items: center; margin-bottom: 70px; font-weight: 500; } }
.company_scale-info__list li { text-align: center; font-weight: 600; padding: 20px 0; }
@media print, screen and (min-width: 750px) { .company_scale-info__list li { padding: 60px 55px 30px; } }
.company_scale-info__list li:nth-of-type(2) { border-top: solid 1px #707070; border-bottom: solid 1px #707070; }
@media print, screen and (min-width: 750px) { .company_scale-info__list li:nth-of-type(2) { border-top: none; border-bottom: none; border-left: solid 1px #707070; border-right: solid 1px #707070; } }
.company_scale-info__list li .num { color: #00B4EB; font-size: 4rem; line-height: 1; }
@media print, screen and (min-width: 750px) { .company_scale-info__list li .num { font-size: 9.2rem; margin-bottom: 30px; } }
.company_scale-info__list li .num span { display: block; font-size: 2rem; }
@media print, screen and (min-width: 750px) { .company_scale-info__list li .num span { font-size: 4rem; } }
.company_scale-info__list li .text { color: #1A3A85; font-size: 1.8rem; }
@media print, screen and (min-width: 750px) { .company_scale-info__list li .text { font-size: 2.4rem; } }
.company_scale__btn { width: 100%; margin: 0 auto; }
@media print, screen and (min-width: 750px) { .company_scale__btn { width: 570px; } }
.company_scale__btn ._btn-arrow { text-align: center; font-weight: 700; }
.company_scale__btn ._btn-arrow span { font-weight: 400; font-size: 1.2rem; }
@media print, screen and (min-width: 750px) { .company_scale__btn ._btn-arrow span { font-size: 1.6rem; } }

.news { overflow: hidden; padding: 20px; position: relative; background: #EEF1F8 url(/_assets/img/index/index_news_bg.png) no-repeat 90% 50px; background-size: 20% auto; }
@media print, screen and (min-width: 750px) { .news { min-width: 1180px; } }
@media print, screen and (min-width: 1180px) { .news { min-width: auto; } }
.news .inner { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 20px; zoom: 1; }
.news .inner:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .news .inner { width: 100%; padding: 0 40px; margin: 0 auto; } }
@media print, screen and (min-width: 750px) { .news { padding: 40px; } }
.news .inner { height: 100%; border: 5px solid #fff; padding: 20px; }
@media print, screen and (min-width: 750px) { .news .inner { border: 10px solid #fff; padding: 40px; } }
@media print, screen and (min-width: 750px) { .news { background: #EEF1F8 url(/_assets/img/index/index_news_bg.png) no-repeat 40px 60px; background-size: 120px auto; } }
.news__btn { width: 100%; margin: 40px auto 0; }
@media print, screen and (min-width: 750px) { .news__btn { width: 570px; } }
.news__btn ._btn-arrow { text-align: center; font-weight: 700; }
.news__btn ._btn-arrow span { font-weight: 400; font-size: 1.2rem; }
@media print, screen and (min-width: 750px) { .news__btn ._btn-arrow span { font-size: 1.6rem; } }

.contact_us-info { overflow: hidden; padding: 25px 0px; }
@media print, screen and (min-width: 750px) { .contact_us-info { min-width: 1180px; } }
.contact_us-info .inner { padding: 0 20px; }
@media print, screen and (min-width: 750px) { .contact_us-info .inner { padding: 0; } }
@media print, screen and (min-width: 1180px) { .contact_us-info .inner { width: 1180px; padding: 0; margin: 0 auto; } }
@media print, screen and (min-width: 750px) { .contact_us-info { padding: 90px 0; } }
.contact_us-info__ttl { line-height: 1; text-align: center; }
.contact_us-info__ttl .title { color: #1A3A85; font-size: 2.8rem; font-weight: 700; line-height: 1; margin-bottom: 15px; }
@media print, screen and (min-width: 750px) { .contact_us-info__ttl .title { font-size: 7.0rem; font-weight: 600; margin-bottom: 50px; } }
.contact_us-info__ttl .text { font-size: 1.2rem; font-weight: 500; line-height: 1; margin-bottom: 15px; }
@media print, screen and (min-width: 750px) { .contact_us-info__ttl .text { font-size: 1.6rem; margin-bottom: 50px; } }
.contact_us__btn { width: 100%; margin: 0 auto; }
@media print, screen and (min-width: 750px) { .contact_us__btn { width: 570px; } }
.contact_us__btn ._btn-arrow { text-align: center; font-weight: 700; }
.contact_us__btn ._btn-arrow span { font-weight: 400; font-size: 1.2rem; }
@media print, screen and (min-width: 750px) { .contact_us__btn ._btn-arrow span { font-size: 1.6rem; } }

/*=================*/
._news-line { margin-bottom: 20px; }
@media print, screen and (min-width: 750px) { ._news-line { zoom: 1; width: 860px; margin: 0 auto; }
  ._news-line:after { content: ""; display: block; clear: both; } }
._news-line:last-child { margin-bottom: 0; }
@media print, screen and (min-width: 750px) { ._news-line a { display: table; position: relative; } }
._news-line .date { display: inline; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 300; font-style: italic; font-size: 1.0rem; margin-right: 10px; }
@media print, screen and (min-width: 750px) { ._news-line .date { display: table-cell; width: 90px; font-size: 1.4rem; margin-right: 0; } }
._news-line .tag { display: inline; color: #1A3A85; }
@media print, screen and (min-width: 750px) { ._news-line .tag { width: 120px; display: table-cell; } }
._news-line .tag span { background: #fff; border-radius: 10px; padding: 3px 6px; font-weight: 400; font-size: 1.0rem; }
@media print, screen and (min-width: 750px) { ._news-line .tag span { padding: 0 6px; text-align: center; font-size: 1.2rem; font-weight: 500; display: block; } }
._news-line .text { font-size: 1.2rem; padding: 1em 0; }
@media print, screen and (min-width: 750px) { ._news-line .text { display: table-cell; width: 650px; padding-left: 20px; font-size: 1.4rem; font-weight: 400; } }
._news-line.new a:before { content: "NEW"; background: #E9583E; color: #fff; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 700; font-style: italic; padding: 2px 10px 0; border-radius: 8px; font-size: 1.0rem; }
@media print, screen and (min-width: 750px) { ._news-line.new a:before { position: absolute; top: 17px; left: -50px; } }
._news-line:hover .date { color: #000; }
._news-line:hover .text { text-decoration: underline; color: #000; }

/*# sourceMappingURL=index.css.map */