@charset "UTF-8";
.font-en { font-family: "Roboto", serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.375vw; } }

body { color: #1F1F1F; font-family: YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.6rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a { color: #1F1F1F; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.6rem; cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.6rem; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; width: 68px; bottom: 20px; right: 10px; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); }
@media screen and (max-width: 750px) { .pagetop { width: 14.1333333333%; right: 4%; } }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.inner { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 4%; } }

.detail-main { border-bottom: 1px solid #CED4E3; }
.detail-main .main-flex { display: flex; justify-content: space-between; padding: 40px 0 150px; }
@media screen and (max-width: 980px) { .detail-main .main-flex { display: block; padding: 9.3333333333% 0 26%; } }
.detail-main .content { flex: 1; }
.detail-main .sidebar { width: 300px; margin-left: 70px; }
@media screen and (max-width: 980px) { .detail-main .sidebar { display: none !important; } }
.detail-main .sidebar .sidebar-main { position: sticky; top: 0; }
.detail-main .sidebar .sidebar-con { padding-bottom: 30px; background-color: #F2F5F8; }
.detail-main .sidebar .sidebar-top { padding: 15px 20px; order-bottom: 2px solid #fff; }
.detail-main .sidebar .sidebar-top .sidebar-ttl { padding: 5px 0 5px 10px; border-left: 2px solid #282E89; font-size: 1.8rem; font-weight: 700; }
.detail-main .sidebar .sidebar-list { margin-bottom: 10px; }
.detail-main .sidebar .sidebar-list dl { padding: 20px; border-bottom: 2px solid #fff; }
.detail-main .sidebar .sidebar-list dl:last-child { border-bottom: none; }
.detail-main .sidebar .sidebar-list dl dt a { display: flex; align-items: center; text-decoration: none; color: #282E89; font-size: 1.5rem; color: #282E89; font-weight: 700; }
.detail-main .sidebar .sidebar-list dl dt .ico { width: 1.5em; margin-right: 10px; }
.detail-main .sidebar .sidebar-list dl dd { margin-top: 10px; padding-left: 30px; }
.detail-main .sidebar .sidebar-list dl dd button { display: flex; align-items: center; font-size: 1.2rem; color: #282E89; }
.detail-main .sidebar .sidebar-list dl dd .ico { width: 1.5em; margin-right: 10px; }
.detail-main .sidebar ul { width: 90%; margin: 0 auto; }
.detail-main .sidebar ul li { margin-bottom: 5px; }
.detail-main .sidebar ul li:last-child { margin-bottom: 0; }
.detail-main .sidebar ul li a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 20px 10px; background-color: #6B7387; text-align: center; color: #fff; }
.detail-main .sidebar ul li a .ico { width: 1.5em; margin-right: 10px; }

.js-sticky .sidebar .sidebar-main { padding-top: 70px; }

/* ------------------------------ ヘッダー
------------------------------ */
.header .header-main { display: flex; justify-content: space-between; }
@media screen and (max-width: 1400px) { .header .header-main { height: 70px; border-bottom: 1px solid #6B7387; } }
.header .header-main .header-logo { display: flex; align-items: center; width: 196px; margin-right: 10px; padding-left: 30px; }
@media screen and (max-width: 750px) { .header .header-main .header-logo { padding-left: 4%; } }
@media screen and (max-width: 500px) { .header .header-main .header-logo { width: 156px; } }
.header .header-main .header-logo img { width: 100%; }
.header .header-main .header-con { flex: 1; display: flex; justify-content: flex-end; }
@media screen and (max-width: 1400px) { .header .header-main .header-con { display: none; } }
.header .header-main .header-con .header-link { display: flex; align-items: center; justify-content: flex-end; }
.header .header-main .header-con .header-link li { margin-right: 20px; }
.header .header-main .header-con .header-link li a { display: block; text-decoration: none; color: #282E89; }
.header .header-main .header-con .header-link li a .ico { margin-right: 10px; }
.header .header-main .header-con .header-contact { width: 200px; }
.header .header-main .header-con .header-contact a { display: block; text-decoration: none; padding: 25px; background-color: #CED4E3; text-align: center; }
.header .header-main .header-con .header-contact a .ico { margin-right: 10px; }
.header .header-nav { padding: 10px 0; background-color: #F2F5F8; }
@media screen and (max-width: 1400px) { .header .header-nav { display: none; } }
.header .header-nav .header-in { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.header .header-nav .header-con { display: flex; justify-content: space-between; align-items: center; }
.header .header-nav .header-con .header-search { width: 100%; max-width: 482px; margin-right: 10px; }
.header .header-nav .header-con .header-search .header-search-in { display: flex; }
.header .header-nav .header-con .header-search .header-search-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 157px; margin-right: 5px; padding: 15px 10px 15px 20px; background: #fff url("../img/common/ico_select.svg") no-repeat right 15px center; background-size: 9px auto; border: 1px solid #CED4E3; font-size: 1.4rem; border-radius: 10px; }
.header .header-nav .header-con .header-search .header-search-form { flex: 1; display: flex; align-items: center; justify-content: space-between; border: 1px solid #CED4E3; padding: 5px 15px; background-color: #fff; border-radius: 10px; }
.header .header-nav .header-con .header-search .header-search-form input { flex: 1; width: 100%; border: none; font-size: 1.4rem; }
.header .header-nav .header-con .header-search .header-search-form button { width: 18px; margin-left: 10px; cursor: pointer; }
.header .header-nav .header-con .header-search .header-search-form button img { vertical-align: middle; }
.header .header-nav .header-con .gnav { flex: 1; display: flex; justify-content: flex-end; }
.header .header-nav .header-con .gnav li { border-right: 1px solid #CED4E3; }
.header .header-nav .header-con .gnav li:last-child { border-right: none; }
.header .header-nav .header-con .gnav li:last-child a { padding-right: 0; }
.header .header-nav .header-con .gnav li a { display: block; text-decoration: none; padding: 0 20px; font-size: 1.5rem; font-weight: 700; }
.header .header-fixed { display: none; }
.header .header-sp { display: none; }
@media screen and (max-width: 1400px) { .header .header-sp { display: flex; justify-content: flex-end; } }
.header .header-sp .header-sp-con { display: flex; align-items: center; justify-content: flex-end; }
.header .header-sp .header-search { width: 40px; margin-right: 40px; }
@media screen and (max-width: 750px) { .header .header-sp .header-search { width: 35px; margin-right: 30px; } }
@media screen and (max-width: 500px) { .header .header-sp .header-search { width: 25px; } }
.header .header-sp .header-language { width: 40px; margin-right: 40px; }
@media screen and (max-width: 750px) { .header .header-sp .header-language { width: 35px; margin-right: 30px; } }
@media screen and (max-width: 500px) { .header .header-sp .header-language { width: 25px; } }
.header .header-sp .header-menu { display: flex; align-items: center; justify-content: center; width: 70px; height: 100%; background-color: #CED4E3; cursor: pointer; }
.header .header-sp .header-menu button { position: relative; display: block; width: 37px; height: 28px; margin: 0 auto; }
.header .header-sp .header-menu span { position: absolute; right: 0; display: block; width: 100%; height: 2px; background-color: #6B7387; transition: all .4s; }
.header .header-sp .header-menu span:nth-of-type(1) { top: 0; }
.header .header-sp .header-menu span:nth-of-type(2) { top: 50%; margin-top: -2px; }
.header .header-sp .header-menu span:nth-of-type(3) { bottom: 0; }

.js-fixed { position: sticky; top: 0; left: 0; z-index: 99999; width: 100%; height: 70px; background-color: #fff; }
.js-fixed .header-main, .js-fixed .header-nav { display: none; }
.js-fixed .header-fixed { display: flex; justify-content: space-between; height: 100%; }
.js-fixed .header-fixed .header-logo { display: flex; align-items: center; width: 196px; margin-right: 10px; padding-left: 30px; }
@media screen and (max-width: 750px) { .js-fixed .header-fixed .header-logo { padding-left: 4%; } }
@media screen and (max-width: 500px) { .js-fixed .header-fixed .header-logo { width: 156px; } }
.js-fixed .header-fixed .header-logo img { width: 100%; }
.js-fixed .header-fixed .header-con { flex: 1; display: flex; justify-content: flex-end; width: 100%; }
@media screen and (max-width: 1400px) { .js-fixed .header-fixed .header-con { display: none; } }
.js-fixed .header-fixed .header-con .header-box { display: flex; justify-content: flex-end; align-items: center; width: 100%; }
.js-fixed .header-fixed .header-con .header-search { width: 381px; margin-right: 10px; margin: 0 0 0 auto; }
.js-fixed .header-fixed .header-con .header-search .header-search-in { display: flex; justify-content: space-between; }
.js-fixed .header-fixed .header-con .header-search .header-search-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 157px; margin-right: 5px; padding: 15px 10px 15px 20px; background: #fff url("../img/common/ico_select.svg") no-repeat right 15px center; background-size: 9px auto; border: 1px solid #CED4E3; font-size: 1.4rem; border-radius: 10px; }
.js-fixed .header-fixed .header-con .header-search .header-search-form { flex: 1; display: flex; align-items: center; justify-content: space-between; border: 1px solid #CED4E3; padding: 5px 15px; background-color: #fff; border-radius: 10px; }
.js-fixed .header-fixed .header-con .header-search .header-search-form input { flex: 1; width: 100%; border: none; font-size: 1.4rem; }
.js-fixed .header-fixed .header-con .header-search .header-search-form button { width: 18px; margin-left: 10px; cursor: pointer; }
.js-fixed .header-fixed .header-con .header-search .header-search-form button img { vertical-align: middle; }
.js-fixed .header-fixed .header-con .gnav { display: flex; align-items: center; justify-content: flex-end; }
.js-fixed .header-fixed .header-con .gnav li { border-right: 1px solid #CED4E3; }
.js-fixed .header-fixed .header-con .gnav li:last-child { border-right: none; }
.js-fixed .header-fixed .header-con .gnav li a { display: block; text-decoration: none; padding: 0 20px; font-size: 1.5rem; font-weight: 700; }
.js-fixed .header-fixed .header-con .header-contact { width: 73px; height: 100%; }
.js-fixed .header-fixed .header-con .header-contact a { display: flex; align-items: center; justify-content: center; height: 100%; text-decoration: none; background-color: #CED4E3; }
.js-fixed .header-fixed .header-con .header-contact a img { width: 20px; }

.nav-menu { z-index: 99999; display: none; position: fixed; top: 70px; left: 0; width: 100%; height: calc(100% - 70px); background-color: #F2F5F8; }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 140px; overflow-y: auto; }
.nav-menu ul li { border-bottom: 2px solid #fff; }
.nav-menu ul li a { display: block; text-decoration: none; padding: 20px; }

.js-menuopen { overflow: hidden; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(13px) rotate(-45deg); }
.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }
.js-menuopen .header-menu span:nth-child(3) { transform: translateY(-13px) rotate(45deg); }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ ぱんくず
------------------------------ */
.topicpath { position: relative; padding: 10px 0; border-bottom: 1px solid #CED4E3; }
@media screen and (max-width: 750px) { .topicpath { padding: 2% 0; } }
@media screen and (max-width: 750px) { .topicpath .inner { max-width: 100%; padding: 0; } }
.topicpath .topicpath-swiper { width: 100%; margin: 0 auto; padding: 0 4%; overflow: hidden; }
.topicpath .topicpath-slider { display: flex; }
.topicpath .topicpath-slider li { font-size: 1.2rem; color: #6B7387; }
@media screen and (max-width: 750px) { .topicpath .topicpath-slider li { width: auto; font-size: 1.4933333333rem; } }
.topicpath .topicpath-slider li:last-child::after { display: none; }
.topicpath .topicpath-slider li::after { content: '〉'; margin: 0 1em; }
.topicpath .topicpath-slider li a { text-decoration: none; color: #6B7387; }
.topicpath .topicpath-slider li a:hover { text-decoration: underline; }
.topicpath .slide-btn { display: none; position: absolute; top: 50%; z-index: 999; width: 4%; margin-top: -2%; cursor: pointer; }
@media screen and (max-width: 750px) { .topicpath .slide-btn { display: block; } }
.topicpath .slide-btn._next { right: 0; }

/* ------------------------------ お問い合わせ
------------------------------ */
.contact-sec { padding: 35px 0; background-color: #CED4E3; }
@media screen and (max-width: 750px) { .contact-sec { padding: 12% 0 8%; } }
.contact-sec .contact-ttl { margin-bottom: 13.0434782609%; font-size: 2.6666666667rem; text-align: center; font-weight: 700; }
.contact-sec .contact-con { display: flex; justify-content: space-between; gap: 1.6666666667%; }
@media screen and (max-width: 750px) { .contact-sec .contact-con { display: block; } }
.contact-sec .contact-box { width: 49.1666666667%; padding: 40px 30px 30px; background-color: #fff; }
@media screen and (max-width: 750px) { .contact-sec .contact-box { width: 100%; margin-bottom: 4.347826087%; padding: 10.8695652174% 8.6956521739% 7.9710144928%; }
  .contact-sec .contact-box:last-child { margin-bottom: 0; } }
.contact-sec .contact-box .contact-heading { margin-bottom: 15px; font-size: 2.1rem; text-align: center; font-weight: 700; color: #282E89; }
@media screen and (max-width: 750px) { .contact-sec .contact-box .contact-heading { margin-bottom: 7.0175438596%; font-size: 1.8666666667rem; } }
.contact-sec .contact-box .contact-lead { margin-bottom: 30px; font-size: 1.4rem; text-align: center; }
@media screen and (max-width: 750px) { .contact-sec .contact-box .contact-lead { margin-bottom: 7.0175438596%; font-size: 1.4933333333rem; } }
@media screen and (max-width: 750px) { .contact-sec .contact-box .contact-link { width: 80.701754386%; margin: 0 auto; } }
.contact-sec .contact-box .contact-link a { display: flex; align-items: center; justify-content: center; text-decoration: none; height: 100%; padding: 20px 10px; border: 1px solid #282E89; font-size: 1.5rem; font-weight: 700; text-align: center; color: #282E89; }
@media screen and (max-width: 750px) { .contact-sec .contact-box .contact-link a { font-size: 1.3866666667rem; } }
.contact-sec .contact-box .contact-link a .ico { width: 1.5em; margin-right: 10px; }
.contact-sec .contact-box._products .contact-link { display: flex; }
@media screen and (max-width: 750px) { .contact-sec .contact-box._products .contact-link { display: block; } }
.contact-sec .contact-box._products .contact-link li { width: 50%; }
@media screen and (max-width: 750px) { .contact-sec .contact-box._products .contact-link li { width: 100%; } }
.contact-sec .contact-box._products .contact-link li:first-child a { border-right: none; }
@media screen and (max-width: 750px) { .contact-sec .contact-box._products .contact-link li:first-child a { border: 1px solid #282E89; border-bottom: none; } }

/* ------------------------------ フッター
------------------------------ */
.footer .footer-nav { padding: 40px 0 55px; }
@media screen and (max-width: 750px) { .footer .footer-nav { padding: 0 0 6.6666666667%; } }
.footer .footer-nav .footer-in { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-in { padding: 0; } }
.footer .footer-nav .footer-con { display: flex; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con { display: block; } }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con dl { border-bottom: 2px solid #CED4E3; } }
.footer .footer-nav .footer-con dl dt { margin-bottom: 20px; font-weight: 700; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con dl dt { margin-bottom: 0; }
  .footer .footer-nav .footer-con dl dt a { display: block; text-decoration: none; padding: 4.6666666667% 9.3333333333%; font-size: 1.4933333333rem; } }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con dl dd { display: none; } }
.footer .footer-nav .footer-con dl dd > ul > li { margin-bottom: 10px; }
.footer .footer-nav .footer-con dl dd > ul > li:last-child { margin-bottom: 0; }
.footer .footer-nav .footer-con dl dd > ul > li > a { text-decoration: none; padding-left: 15px; background: url("../img/common/ico_arrow02.svg") no-repeat left top 0.5em; background-size: 4px auto; font-size: 1.4rem; }
.footer .footer-nav .footer-con dl dd > ul > li > a:hover { text-decoration: underline; }
.footer .footer-nav .footer-con dl dd > ul > li ul { margin-top: 15px; margin-bottom: 15px; }
.footer .footer-nav .footer-con dl dd > ul > li ul li { margin-bottom: 15px; }
.footer .footer-nav .footer-con dl dd > ul > li ul li a { text-decoration: none; padding-left: 25px; color: #6B7387; }
.footer .footer-nav .footer-con dl dd > ul > li ul li a:hover { text-decoration: underline; }
.footer .footer-nav .footer-con .nav01, .footer .footer-nav .footer-con .nav02, .footer .footer-nav .footer-con .nav03, .footer .footer-nav .footer-con .footer-box { width: 25%; padding-right: 10px; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .nav01, .footer .footer-nav .footer-con .nav02, .footer .footer-nav .footer-con .nav03, .footer .footer-nav .footer-con .footer-box { width: 100%; padding-right: 0; } }
.footer .footer-nav .footer-con .nav01 { padding-left: 3.75%; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .nav01 { padding-left: 0; } }
.footer .footer-nav .footer-con .nav03 { padding-left: 5%; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .nav03 { padding-left: 0; } }
.footer .footer-nav .footer-con .footer-box { display: flex; flex-direction: column; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-box { display: block; } }
.footer .footer-nav .footer-con .nav04 { flex: 1; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .nav04 { margin-bottom: 6.6666666667%; } }
.footer .footer-nav .footer-con .footer-nav-link { width: 100%; max-width: 250px; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-nav-link { max-width: 100%; padding: 0 4%; } }
.footer .footer-nav .footer-con .footer-nav-link li { margin-bottom: 5px; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-nav-link li { width: 86.3768115942%; margin: 0 auto 3.6231884058%; } }
.footer .footer-nav .footer-con .footer-nav-link li:last-child { margin-bottom: 0; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-nav-link li:last-child { margin: 0 auto; } }
.footer .footer-nav .footer-con .footer-nav-link li a { display: block; text-decoration: none; padding: 15px 20px; background: #fff url("../img/common/ico_link.svg") no-repeat right 15px center; background-size: 16px auto; border: 1px solid #282E89; font-size: 1.5rem; font-weight: 700; color: #282E89; }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-nav-link li a { padding: 5.033557047% 8.389261745%; background-position: right 5.033557047% center; background-size: 6.3758389262% auto; border-width: 2px; font-size: 1.4933333333rem; } }
.footer .footer-main { padding: 25px 60px 40px 25px; background-color: #F2F5F8; }
@media screen and (max-width: 750px) { .footer .footer-main { padding: 0; background-color: #fff; } }
.footer .footer-main .footer-main-in { display: flex; align-items: center; justify-content: space-between; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-in { display: block; } }
.footer .footer-main .footer-logo { width: 196px; margin-right: 20px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-logo { width: 100%; padding: 10% 4%; background-color: #F2F5F8; }
  .footer .footer-main .footer-logo img { width: 54.6376811594%; } }
.footer .footer-main .footer-main-box { flex: 1; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-box { padding: 2.6666666667% 4%; } }
.footer .footer-main .footer-main-box ul { display: flex; justify-content: flex-end; margin-bottom: 15px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-box ul { justify-content: center; margin-bottom: 2.8985507246%; } }
.footer .footer-main .footer-main-box ul li { padding: 0 35px; border-right: 1px solid #1F1F1F; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-box ul li { width: 50%; padding: 0 1em; } }
.footer .footer-main .footer-main-box ul li:first-child { text-align: right; }
.footer .footer-main .footer-main-box ul li:last-child { padding-right: 0; border-right: none; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-box ul li:last-child { padding-left: 1em; } }
.footer .footer-main .footer-main-box ul li a { text-decoration: none; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-box ul li a { font-size: 1.12rem; } }
.footer .footer-main .footer-main-box .copy { font-size: 1.4rem; text-align: right; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-box .copy { font-size: 1.2266666667rem; text-align: center; } }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

@media screen and (max-width: 980px) { .scroll { overflow-x: auto; white-space: nowrap; }
  .scroll::-webkit-scrollbar { height: 5px; }
  .scroll::-webkit-scrollbar-track { background-color: #ddd; }
  .scroll::-webkit-scrollbar-thumb { background-color: #282E89; } }

.section { margin-bottom: 60px; }

.lnav { display: flex; justify-content: center; padding: 10px; background-color: #6B7387; }
@media screen and (max-width: 750px) { .lnav { display: block; padding: 0; } }
.lnav li { border-right: 1px solid #fff; }
@media screen and (max-width: 750px) { .lnav li { border-right: none; border-bottom: 1px solid #fff; } }
.lnav li:last-child { border-right: none; }
.lnav li a { display: block; text-decoration: none; padding: 0 40px; font-size: 1.7rem; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { .lnav li a { padding: 3.6231884058% 10.8695652174%; background: #6B7387 url("../img/common/ico_arrow_w_b.svg") no-repeat left 4.347826087% center; background-size: 3.1884057971% auto; font-size: 1.76rem; text-align: left; } }
.lnav li a .ico { margin-left: 10px; }
@media screen and (max-width: 750px) { .lnav li a .ico { display: none; } }

.lnav02 { display: flex; justify-content: center; padding: 0 10px; border: 2px solid #CED4E3; border-radius: 0.5em; }
@media screen and (max-width: 750px) { .lnav02 { display: block; padding: 0; } }
.lnav02 li { border-right: 1px solid #fff; }
@media screen and (max-width: 750px) { .lnav02 li { border-right: none; border-bottom: 1px solid #fff; } }
.lnav02 li:last-child { border-right: none; }
.lnav02 li a { display: block; text-decoration: none; padding: 25px 20px; font-size: 1.5rem; text-align: center; }
@media screen and (max-width: 750px) { .lnav02 li a { padding: 3.6231884058% 10.8695652174%; background: url("../img/common/ico_arrow_g_b.svg") no-repeat left 4.347826087% center; background-size: 3.1884057971% auto; font-size: 1.76rem; text-align: left; } }
.lnav02 li a .ico { margin-left: 10px; }
@media screen and (max-width: 750px) { .lnav02 li a .ico { display: none; } }

.heading { position: relative; margin-bottom: 30px; padding-left: 15px; padding-bottom: 15px; border-bottom: 1px solid #CED4E3; font-size: 2.8rem; font-weight: 400; color: #6B7387; }
@media screen and (max-width: 750px) { .heading { font-size: 2.9866666667rem; } }
.heading::before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 1em; margin-top: 0.2em; background-color: #6B7387; }

.subheading { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #CED4E3; font-size: 2.2rem; font-weight: 700; color: #6B7387; }
@media screen and (max-width: 750px) { .subheading { font-size: 2.0266666667rem; } }

.txtheading { margin-bottom: 30px; padding: 15px 20px; background-color: #CED4E3; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .txtheading { font-size: 1.7066666667rem; } }

.txt { line-height: 2; }
.txt a { color: #0080EB; }
.txt span { color: #FF1F1F; }
.txt strong { font-weight: 700; }

.caption { margin-top: 10px; font-size: 1.4rem; }

.type span { padding: 5px 20px; border: 1px solid #CED4E3; font-size: 1.3rem; font-weight: 700; color: #6B7387; border-radius: 2em; }
@media screen and (max-width: 750px) { .type span { font-size: 1.3866666667rem; } }

.txtfig { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .txtfig { display: block; } }
.txtfig._reverse { flex-direction: row-reverse; }
.txtfig._reverse .txtfig-fig { margin-right: 0; margin-left: 7.2289156627%; }
@media screen and (max-width: 750px) { .txtfig._reverse .txtfig-fig { margin: 0 auto 20px; } }
.txtfig._figR .txtfig-fig { margin-right: 0; margin-left: 7.2289156627%; }
@media screen and (max-width: 750px) { .txtfig._figR .txtfig-fig { width: 100%; margin: 20px auto 0; } }
.txtfig .txtfig-fig { width: 46.265060241%; margin-right: 7.2289156627%; }
@media screen and (max-width: 750px) { .txtfig .txtfig-fig { width: 100%; margin: 0 auto 20px; } }
.txtfig .txtfig-txt { flex: 1; }

.txtfig02 { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .txtfig02 { display: block; } }
.txtfig02._reverse { flex-direction: row-reverse; }
.txtfig02._reverse .txtfig-fig { margin-right: 0; margin-left: 4.8192771084%; }
@media screen and (max-width: 750px) { .txtfig02._reverse .txtfig-fig { margin: 0 auto 20px; } }
.txtfig02 .txtfig-fig { width: 30.6024096386%; margin-right: 4.8192771084%; }
@media screen and (max-width: 750px) { .txtfig02 .txtfig-fig { width: 100%; margin: 0 auto 20px; } }
.txtfig02 .txtfig-txt { flex: 1; }

.txtfig-list li { border-bottom: 1px solid #CED4E3; }
.txtfig-list li:first-child a { padding-top: 0; }
.txtfig-list li a { display: flex; justify-content: space-between; text-decoration: none; padding: 30px 0; }
.txtfig-list li .txtfig-fig { width: 19.2771084337%; margin-right: 3.0120481928%; }
.txtfig-list li .txtfig-txt { flex: 1; }
.txtfig-list li .txtfig-txt .txtfig-ttl { margin-bottom: 20px; font-size: 2.0rem; font-weight: 700; }
.txtfig-list li .txtfig-txt .type { margin-bottom: 20px; }

.fig_01 { width: 100%; margin: 0 auto 40px; }
.fig_01 li { margin-bottom: 70px; }
.fig_01 li:last-child { margin-bottom: 0; }
.fig_01 li .caption { text-align: left; }
.fig_01 li .txt { margin-top: 10px; }
.fig_01 p { margin-top: 30px; }

.fig_02 { display: flex; flex-wrap: wrap; margin: 0 auto; gap: 40px 7.2289156627%; }
.fig_02 li { width: 46.265060241%; }

.fig_03 { display: flex; flex-wrap: wrap; margin: 0 auto; gap: 40px 3.6144578313%; }
.fig_03 li { width: 30.6024096386%; }

.movie { width: 100%; max-width: 560px; margin: 0 auto; }
.movie .movie-main { width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.movie .movie-main iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.table { width: 100%; margin: 0 auto; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .table { font-size: 1.6rem; } }
.table._column th { width: 10em; padding: 20px 30px; text-align: left; border-left: none; border-right: none; }
.table._column td { padding: 20px 30px; border-left: none; border-right: none; }
.table._row th:first-child { border-left: none; }
.table._row th:last-child { border-right: none; }
.table._row td:first-child { border-left: none; }
.table._row td:last-child { border-right: none; }
.table._matrix thead th:first-child { border-left: none; }
.table._matrix thead th:last-child { border-right: none; }
.table._matrix tbody th { width: 15em; text-align: left; vertical-align: middle; }
.table._matrix tbody th:first-child { border-left: none; }
.table._matrix tbody td { border-right: none; }
@media screen and (max-width: 750px) { .table._v { border-bottom: 1px solid #B5B9C3; }
  .table._v th, .table._v td { display: block; width: 100%; border-top: none; border-bottom: none; }
  .table._v th:first-child, .table._v td:first-child { border-top: 1px solid #B5B9C3; } }
.table tr th { padding: 20px; border: 1px solid #B5B9C3; background-color: #F2F5F8; font-weight: 400; vertical-align: top; }
.table tr th a { color: #1f94eb; }
.table tr td { padding: 20px; border: 1px solid #B5B9C3; background-color: #fff; vertical-align: middle; }
.table tr td a { color: #1f94eb; }

.frame { padding: 45px 30px; border: 1px solid #8DA5B9; background-color: #fff; }
.frame._bg { border: none; background-color: #F4F6F8; }

.list { counter-reset: hoge; }
.list._number { counter-reset: number 0; }
.list._number li { padding-left: 2em; text-indent: -2em; }
.list._number li::before { margin-right: 1.2em; counter-increment: number 1; content: counter(number) "."; font-size: 100%; color: #282E89; font-weight: 700; }
.list._link li { padding-left: 0; text-indent: 0; }
.list._link li::before { content: ''; margin: 0; }
.list._link li a { display: flex; align-items: center; text-decoration: none; width: fit-content; }
.list._link li a:hover { text-decoration: underline; }
.list._link li a .ico { margin-right: 1em; }
.list._link li a span { flex: 1; }
.list li { margin-bottom: 0.5em; padding-left: 1.2em; text-indent: -1.2em; }
.list li:last-child { margin-bottom: 0; }
.list li::before { content: '●'; margin-right: 1em; font-size: 100%; color: #282E89; }

.newslist { border-bottom: 1px solid #CED4E3; }
.newslist li a { display: block; text-decoration: none; padding: 20px 0; }
.newslist li a:hover .newslist-main .newslist-con .newslist-ttl { text-decoration: underline; }
.newslist li .newslist-top { display: flex; align-items: center; margin-bottom: 10px; }
.newslist li .newslist-top .newslist-date { margin-right: 2em; font-size: 1.3rem; }
@media screen and (max-width: 750px) { .newslist li .newslist-top .newslist-date { margin-bottom: 10px; margin-right: 0; font-size: 1.3866666667rem; } }
.newslist li .newslist-top .newslist-cate { width: 10em; padding: 5px; border: 1px solid #6B7387; background-color: #fff; font-size: 1.4rem; text-align: center; }
@media screen and (max-width: 750px) { .newslist li .newslist-top .newslist-cate { margin-bottom: 10px; font-size: 1.3866666667rem; } }
.newslist li .newslist-main { display: flex; justify-content: space-between; }
.newslist li .newslist-main figure { width: 100px; margin-right: 20px; }
.newslist li .newslist-main .newslist-con { flex: 1; }
.newslist li .newslist-main .newslist-con .newslist-ttl { margin-bottom: 10px; font-size: 1.5rem; }
.newslist li .newslist-main .newslist-con .newslist-period { font-size: 1.4rem; color: #282E89; }

.btn { display: block; text-decoration: none; width: 100%; max-width: 354px; padding: 15px; background: #282E89 url("../img/common/ico_arrow_w.svg") no-repeat right 20px center; background-size: 14px auto; font-weight: 700; color: #fff; text-align: center; transition: all .6s; }
@media screen and (max-width: 750px) { .btn { font-size: 1.6rem; } }
.btn._pdf { background-image: url("../img/common/ico_pdf.svg"); background-size: 16px auto; }
.btn._file { background-image: url("../img/common/ico_link_w.svg"); background-size: 15px auto; }
.btn._tac { margin: 0 auto; }
.btn:hover { opacity: 0.7; }

.more .more-box { position: relative; }
.more .more-box::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 178px; background: linear-gradient(to top, #fff, transparent); pointer-events: none; }
.more.is-open .more-box::before { display: none; }
.more.is-open .more-item { margin-bottom: 60px; height: auto; }
.more.is-open .more-btn::after { content: '閉じる'; }
.more .more-item { height: 250px; overflow: hidden; }
@media screen and (max-width: 750px) { .more .more-item { height: 300px; } }
.more .more-btn { display: block; text-decoration: none; width: 100%; max-width: 300px; margin: 0 auto; padding: 15px; background: #282E89 url("../img/common/ico_more.svg") no-repeat right 20px center; background-size: 17px auto; text-align: center; color: #fff; font-weight: 700; border-radius: 2em; cursor: pointer; outline: none; }
.more .more-btn::after { content: 'もっと見る'; }

.case-sec { padding: 55px 0; background-color: #F2F5F8; border-bottom: 1px solid #CED4E3; }
@media screen and (max-width: 750px) { .case-sec { padding: 13.3333333333% 0; } }
.case-sec .case-ttl { position: relative; margin-bottom: 60px; font-size: 2.8rem; text-align: center; font-weight: 400; color: #282E89; }
@media screen and (max-width: 750px) { .case-sec .case-ttl { margin-bottom: 15.9420289855%; font-size: 2.9866666667rem; } }
.case-sec .case-ttl::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 40px; height: 1px; margin-left: -20px; margin-bottom: -30px; background-color: #282E89; }
@media screen and (max-width: 750px) { .case-sec .case-ttl::after { width: 11.5942028986%; margin-left: -5.7971014493%; margin-bottom: -7.2463768116%; } }
@media screen and (max-width: 750px) { .case-sec .case-main .inner { padding-right: 0; } }
.case-sec .case-main .case-swiper { overflow: hidden; }
.case-sec .case-main .case-swiper .swiper-slide { height: auto; }
@media screen and (max-width: 750px) { .case-sec .case-main .case-swiper .swiper-slide { width: 77.7777777778%; margin-right: 6.9444444444%; } }
.case-sec .case-main .case-swiper .case-box { height: 100%; }
.case-sec .case-main .case-swiper .case-box a { display: block; height: 100%; text-decoration: none; padding: 20px 20px 30px; background-color: #fff; border: 1px solid #CED4E3; border-radius: 10px; }
.case-sec .case-main .case-swiper .case-box figure { margin-bottom: 15px; }
.case-sec .case-main .case-swiper .case-box .case-box-category { margin-bottom: 20px; }
.case-sec .case-main .case-swiper .case-box .case-box-category span { padding: 5px 20px; border: 1px solid #CED4E3; font-size: 1.3rem; font-weight: 700; color: #6B7387; border-radius: 2em; }
@media screen and (max-width: 750px) { .case-sec .case-main .case-swiper .case-box .case-box-category span { font-size: 1.3866666667rem; } }
.case-sec .case-main .case-swiper .case-box .case-box-heading { margin-bottom: 15px; font-weight: 700; }
@media screen and (max-width: 750px) { .case-sec .case-main .case-swiper .case-box .case-box-heading { font-size: 1.7066666667rem; } }
.case-sec .case-main .case-swiper .case-box .case-box-name { font-size: 1.4rem; }
@media screen and (max-width: 750px) { .case-sec .case-main .case-swiper .case-box .case-box-name { font-size: 1.4933333333rem; } }
.case-sec .case-main .case-tool { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.case-sec .case-main .case-tool .slide-btn { width: 7px; cursor: pointer; }
.case-sec .case-main .case-tool .slide-btn img { vertical-align: middle; }
.case-sec .case-main .case-tool .swiper-pagination-bullets { position: static; width: auto; margin: 0 10px; }
.case-sec .case-main .case-tool .swiper-pagination-bullet { width: 8px !important; height: 8px !important; margin: 0 3px !important; background: #CED4E3; opacity: 1; }
.case-sec .case-main .case-tool .swiper-pagination-bullet-active { background: #282E89; }
.case-sec .case-main .case-tool .pause-btn { width: 33px; margin-left: 15px; }

.related_products-sec { padding: 55px; border-bottom: 1px solid #CED4E3; }
@media screen and (max-width: 750px) { .related_products-sec { padding: 13.3333333333% 0; } }
.related_products-sec .rp-ttl { position: relative; margin-bottom: 60px; font-size: 2.8rem; text-align: center; font-weight: 400; color: #282E89; }
@media screen and (max-width: 750px) { .related_products-sec .rp-ttl { margin-bottom: 15.9420289855%; font-size: 2.9866666667rem; } }
.related_products-sec .rp-ttl::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 40px; height: 1px; margin-left: -20px; margin-bottom: -30px; background-color: #282E89; }
@media screen and (max-width: 750px) { .related_products-sec .rp-ttl::after { width: 11.5942028986%; margin-left: -5.7971014493%; margin-bottom: -7.2463768116%; } }
.related_products-sec .rp-main .rp-in { width: 100%; max-width: 1365px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .related_products-sec .rp-main .rp-in { padding: 0 4%; } }
.related_products-sec .rp-main .rp-swiper { overflow: hidden; }
@media screen and (max-width: 750px) { .related_products-sec .rp-main .rp-swiper .swiper-slide { width: 55.5555555556%; margin-right: 6.9444444444%; } }
.related_products-sec .rp-main .rp-swiper .rp-box a { display: block; text-decoration: none; background-color: #fff; }
.related_products-sec .rp-main .rp-swiper .rp-box figure { margin-bottom: 15px; }
.related_products-sec .rp-main .rp-swiper .rp-box .rp-box-heading { margin-bottom: 15px; font-size: 1.5rem; font-weight: 700; }
@media screen and (max-width: 750px) { .related_products-sec .rp-main .rp-swiper .rp-box .rp-box-heading { font-size: 1.6rem; } }
.related_products-sec .rp-main .rp-swiper .rp-box .rp-box-type { margin-bottom: 20px; }
.related_products-sec .rp-main .rp-swiper .rp-box .rp-box-type span { padding: 5px 20px; border: 1px solid #CED4E3; font-size: 1.3rem; font-weight: 700; color: #6B7387; border-radius: 2em; }
@media screen and (max-width: 750px) { .related_products-sec .rp-main .rp-swiper .rp-box .rp-box-type span { font-size: 1.3866666667rem; } }
.related_products-sec .rp-main .rp-tool { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.related_products-sec .rp-main .rp-tool .slide-btn { width: 7px; cursor: pointer; }
.related_products-sec .rp-main .rp-tool .slide-btn img { vertical-align: middle; }
.related_products-sec .rp-main .rp-tool .swiper-pagination-bullets { position: static; width: auto; margin: 0 10px; }
.related_products-sec .rp-main .rp-tool .swiper-pagination-bullet { width: 8px !important; height: 8px !important; margin: 0 3px !important; background: #CED4E3; opacity: 1; }
.related_products-sec .rp-main .rp-tool .swiper-pagination-bullet-active { background: #282E89; }
.related_products-sec .rp-main .rp-tool .pause-btn { width: 33px; margin-left: 15px; }

.search-nav { position: relative; padding: 65px 0 130px; }
@media screen and (max-width: 750px) { .search-nav { padding: 20% 0 8.6666666667%; } }
.search-nav .search-list { display: flex; justify-content: center; width: 100%; max-width: 1110px; margin: 0 auto; padding: 15px 0; border: 1px solid #CED4E3; background-color: #fff; border-radius: 4em; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.3); overflow: hidden; }
@media screen and (max-width: 750px) { .search-nav .search-list { flex-wrap: wrap; padding: 0; border-radius: 0.5em; } }
.search-nav .search-list li { border-right: 1px solid #CED4E3; }
@media screen and (max-width: 750px) { .search-nav .search-list li { width: 50%; border-bottom: 1px solid #CED4E3; }
  .search-nav .search-list li:nth-child(2n) { border-right: none; } }
.search-nav .search-list li:last-child { border-right: none; }
.search-nav .search-list li a { display: block; text-decoration: none; padding: 10px 25px; font-size: 2.0rem; text-align: center; color: #282E89; }
@media screen and (max-width: 750px) { .search-nav .search-list li a { padding: 11.5942028986% 2.8985507246%; font-size: 1.4933333333rem; } }
@media screen and (max-width: 750px) { .search-nav .search-list li a .ico { display: none; } }
.search-nav .search-list li a:hover, .search-nav .search-list li a._active { position: relative; font-weight: 700; color: #282E89; }
.search-nav .search-list li a:hover span, .search-nav .search-list li a._active span { border-bottom: 2px solid #282E89; }

.dllist-sec { position: fixed; bottom: 2rem; left: 0; z-index: 9999; }
.dllist-sec .dllist-btn { width: 255px; margin-left: 2rem; }
@media screen and (max-width: 750px) { .dllist-sec .dllist-btn { display: none; } }
.dllist-sec .dllist-btn button { position: relative; display: block; text-decoration: none; width: 100%; padding: 20px; background: #1F1F1F url("../img/common/ico_dllist_w.svg") no-repeat left 25px center; background-size: 25px auto; font-size: 1.4rem; color: #fff; text-align: center; border-radius: 2em; }
.dllist-sec .dllist-btn button::after { content: ''; position: absolute; top: 50%; right: 0; width: 13px; height: 7px; background: url("../img/common/ico_arrow_w_t.svg"); margin-top: -4px; margin-right: 35px; }
.dllist-sec .dllist-btn button span { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: 28px; height: 28px; margin-top: -7px; margin-right: -7px; background-color: #DD1F30; font-size: 1.4rem; color: #fff; text-align: center; line-height: 1; border-radius: 50%; }
.dllist-sec .dllist-popup { display: none; position: relative; width: 100%; margin-top: 1rem; }
.dllist-sec .dllist-popup .dllist-popup-in { width: 100%; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .dllist-sec .dllist-popup .dllist-popup-in { padding: 0 4%; } }
.dllist-sec .dllist-popup .dllist-popup-con { border: 1px solid #1F1F1F; border-radius: 10px; background-color: #fff; overflow: hidden; }
.dllist-sec .dllist-popup .dllist-popup-top { display: flex; align-items: center; background: url("../img/common/ico_arrow_g_b.svg") no-repeat right 20px center; background-size: 13px auto; border-bottom: 1px solid #1F1F1F; }
.dllist-sec .dllist-popup .dllist-popup-top p { display: flex; align-items: center; justify-content: center; width: 60px; padding: 10px 0; background-color: #1F1F1F; }
.dllist-sec .dllist-popup .dllist-popup-top p img { width: 25px; margin: 0 auto; }
.dllist-sec .dllist-popup .dllist-popup-top .dllist-popup-ttl { flex: 1; margin-left: 1em; font-weight: 700; }
.dllist-sec .dllist-popup .dllist-popup-top .dllist-popup-ttl span { margin-left: 1em; font-weight: 400; }
.dllist-sec .dllist-popup .dllist-popup-main { padding: 25px 20px; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-main-in { position: relative; display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 4px solid #CED4E3; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-main-in::after { content: ''; position: absolute; bottom: 0; left: 0; width: 30%; height: 4px; margin-bottom: -4px; background: #282E89; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-list { flex: 1; display: flex; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-list li { position: relative; display: flex; width: 33.724340176%; margin-right: 2.4437927664%; border-right: 1px solid #CED4E3; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-list li:last-child { margin-right: 0; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-list li .dllist-popup-close { position: absolute; top: 0; right: 0; width: 11.5942028986%; margin-right: 5.7971014493%; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-list li figure { width: 26.9565217391%; margin-right: 4.347826087%; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-list li .dllist-popup-list-ttl { flex: 1; padding-right: 20.2898550725%; font-size: 1.4rem; font-weight: 700; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-btn { width: 19.3348801237%; margin-left: 1.5467904099%; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-btn ._all { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 10px; padding: 25px 10px; background-color: #282E89; font-size: 1.5rem; font-weight: 700; text-align: center; color: #fff; border-radius: 0; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-btn ._all .ico { width: 1em; margin-right: 1em; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-btn ._delete { display: flex; align-items: center; justify-content: center; width: 100%; padding: 25px 10px; background-color: #fff; font-size: 1.5rem; text-align: center; color: #6B7387; border-radius: 0; }
.dllist-sec .dllist-popup .dllist-popup-main .dllist-popup-btn ._delete .ico { width: 2em; margin-left: 1em; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-arrow::before { content: url("../img/common/ico_arrow.svg"); }

.ico-arrow-w-b::before { content: url("../img/common/ico_arrow_w_b.svg"); }

.ico-arrow-g-b::before { content: url("../img/common/ico_arrow_g_b.svg"); }

.ico-link::before { content: url("../img/common/ico_link.svg"); }

.ico-link-g::before { content: url("../img/common/ico_link_g.svg"); }

.ico-dl::before { content: url("../img/common/ico_dl.svg"); }

.ico-dl-w::before { content: url("../img/common/ico_dl_w.svg"); }

.ico-language::before { content: url("../img/common/ico_language.svg"); }

.ico-contact::before { content: url("../img/common/ico_mail_h.svg"); }

.ico-contact-w::before { content: url("../img/common/ico_mail_w.svg"); }

.ico-contact-g::before { content: url("../img/common/ico_mail_g.svg"); }

.ico-contact-g02::before { content: url("../img/common/ico_mail_g02.svg"); }

.ico-phone-w::before { content: url("../img/common/ico_phone_w.svg"); }

.ico-phone-g::before { content: url("../img/common/ico_phone_g.svg"); }

.ico-support-w::before { content: url("../img/common/ico_support.svg"); }

.ico-support-g::before { content: url("../img/common/ico_support_g.svg"); }

.ico-catalog::before { content: url("../img/common/ico_catalog.svg"); }

.ico-catalog-g::before { content: url("../img/common/ico_catalog_g.svg"); }

.ico-manual::before { content: url("../img/common/ico_manual.svg"); }

.ico-software::before { content: url("../img/common/ico_software.svg"); }

.ico-software-g::before { content: url("../img/common/ico_software_g.svg"); }

.ico-dllist::before { content: url("../img/common/ico_dllist.svg"); }

.ico-pdf::before { content: url("../img/common/ico_pdf.svg"); }

.ico-file::before { content: url("../img/common/ico_file.svg"); }

.ico-close::before { content: url("../img/common/ico_close.svg"); }

.ico-close-w::before { content: url("../img/common/ico_close_w.svg"); }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100% !important; }

.tac { text-align: center; }

.mab20 { margin-bottom: 20px !important; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

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