@charset "UTF-8";
/* SMACSS + SCSS starter v2.1 Inspired by SMACSS http://smacss.com Author: @jonathanpath Date: 4 August 2015 https://github.com/jonathanpath/SASS-SMACSS See file structure in http://jonathanpath.com/sass+smacss/scss/style.scss Coding rules : https://github.com/necolas/idiomatic-css */
/* settings */
/* fontまわり */
/* メインフォント設定 */
.acc { font-weight: bold; }

.fs_small { font-weight: bold; }

h1 { font-size: 30px; }

h2 { font-size: 25px; }

/* tool */
/* transition */
/* border-box */
@keyframes hurueru { 0% { transform: translate(0px, 0px) rotateZ(0deg); }
  25% { transform: translate(5px, 5px) rotateZ(5deg); }
  50% { transform: translate(0px, 5px) rotateZ(0deg); }
  75% { transform: translate(5px, 0px) rotateZ(-5deg); }
  100% { transform: translate(0px, 0px) rotateZ(0deg); } }

.delay01 { transition-delay: .1s !important; }

.delay02 { transition-delay: .2s !important; }

.delay03 { transition-delay: .3s !important; }

.delay04 { transition-delay: .4s !important; }

.delay05 { transition-delay: .5s !important; }

.delay06 { transition-delay: .6s !important; }

.delay07 { transition-delay: .7s !important; }

.delay08 { transition-delay: .8s !important; }

.delay09 { transition-delay: .9s !important; }

.delay10 { transition-delay: 1s !important; }

.delay11 { transition-delay: 1.1s !important; }

.delay12 { transition-delay: 1.2s !important; }

.delay13 { transition-delay: 1.3s !important; }

.delay14 { transition-delay: 1.4s !important; }

.delay15 { transition-delay: 1.5s !important; }

.delay16 { transition-delay: 1.6s !important; }

.delay17 { transition-delay: 1.7s !important; }

.delay18 { transition-delay: 1.8s !important; }

.delay19 { transition-delay: 1.9s !important; }

.delay20 { transition-delay: 2s !important; }

/* スクロール時のアニメーション */
.laser { position: relative; overflow: hidden; }

.laser::after { content: ""; position: absolute; top: 0; bottom: 0; left: -100%; width: 100%; background: #2e96ef; transition: all 1.2s ease; }

.laser .hide { opacity: 0; transition: all 1.2s ease; transition-delay: .5s; }

.laser.inview-js-on::after { left: 100%; }

.laser.inview-js-on .hide { opacity: 1; }

/* fade in */
.fade-in { opacity: 0; transition: all 1s ease; }

.fade-in.inview-js-on { opacity: 1; }

.inview-js-on .fade-in { opacity: 1; }

/* fade in zoom */
.fade-in-zoom { transform: scale(0.8); opacity: 0; transition: all 1s ease; }

.fade-in-zoom.inview-js-on { transform: scale(1); opacity: 1; }

.inview-js-on .fade-in-zoom { transform: scale(1); opacity: 1; }

/* fade in up */
.fade-in-up { transform: translateY(20px); opacity: 0; transition: all 1s ease; }

.fade-in-up.inview-js-on { transform: translateY(0px); opacity: 1; }

.inview-js-on .fade-in-up { transform: translateY(0px); opacity: 1; }

/* fade in down */
.fade-in-down { transform: translateY(-20px); opacity: 0; transition: all 1s ease; }

.fade-in-down.inview-js-on { transform: translateY(0px); opacity: 1; }

.inview-js-on .fade-in-down { transform: translateY(0px); opacity: 1; }

/* fade in left */
.fade-in-left { transform: translateX(20px); opacity: 0; transition: all 1s ease; }

.fade-in-left.inview-js-on { transform: translateX(0px); opacity: 1; }

.inview-js-on .fade-in-left { transform: translateX(0px); opacity: 1; }

/* fade in right */
.fade-in-right { transform: translateX(-20px); opacity: 0; transition: all 1s ease; }

.fade-in-right.inview-js-on { transform: translateX(0px); opacity: 1; }

.inview-js-on .fade-in-right { transform: translateX(0px); opacity: 1; }

/* fade in up left */
.fade-in-up-left { transform: translateY(20px) translateX(20px); opacity: 0; transition: all 1s ease; }

.fade-in-up-left.inview-js-on { transform: translateY(0px) translateX(0px); opacity: 1; }

.inview-js-on .fade-in-up-left { transform: translateY(0px) translateX(0px); opacity: 1; }

/* fade in up right */
.fade-in-up-right { transform: translateY(20px) translateX(-20px); opacity: 0; transition: all 1s ease; }

.fade-in-up-right.inview-js-on { transform: translateY(0px) translateX(0px); opacity: 1; }

.inview-js-on .fade-in-up-right { transform: translateY(0px) translateX(0px); opacity: 1; }

/* fade in down left */
.fade-in-down-left { transform: translateY(-20px) translateX(20px); opacity: 0; transition: all 1s ease; }

.fade-in-down-left.inview-js-on { transform: translateY(0px) translateX(0px); opacity: 1; }

.inview-js-on .fade-in-down-left { transform: translateY(0px) translateX(0px); opacity: 1; }

/* fade in down right */
.fade-in-down-right { transform: translateY(-20px) translateX(-20px); opacity: 0; transition: all 1s ease; }

.fade-in-down-right.inview-js-on { transform: translateY(0px) translateX(0px); opacity: 1; }

.inview-js-on .fade-in-down-right { transform: translateY(0px) translateX(0px); opacity: 1; }

.hover-bloom { position: relative; overflow: hidden; margin: 0; height: 100%; width: 100%; filter: grayscale(0); }

.hover-bloom::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(0, 0, 0, 0.2); border-radius: 100%; transform: translate(-50%, -50%); opacity: 0; }

.hover-bloom:hover { animation: bloom ease-in-out .75s forwards; }

.hover-bloom:hover::before { animation: circle .75s; }

@keyframes bloom { 0% { filter: grayscale(0); }
  40% { filter: grayscale(0.1); }
  100% { filter: grayscale(0.2); } }

@keyframes circle { 0% { opacity: .5;
    background: rgba(0, 0, 0, 0.1); }
  40% { opacity: 1;
    background: rgba(0, 0, 0, 0.1); }
  100% { width: 200%;
    height: 200%;
    opacity: 0; } }

.hover-verticle, .hover-horizon, .hover-zoom, .hover-slide { overflow: hidden; transition: all 0.3s ease; }

.hover-verticle:hover, .hover-horizon:hover, .hover-zoom:hover, .hover-slide:hover { color: #fff; }

.hover-verticle::after, .hover-horizon::after, .hover-zoom::after, .hover-slide::after { transition: all 0.3s ease; content: ''; background: #000; position: absolute; z-index: -1; }

.hover-verticle::after { height: 0; left: 0; top: 0; width: 100%; }

.hover-verticle:hover::after { height: 100%; }

.hover-horizon::after { height: 100%; left: 0; top: 0; width: 0; }

.hover-horizon:hover::after { width: 100%; }

.hover-zoom::after { height: 0; left: 50%; top: 50%; width: 0; }

.hover-zoom:hover::after { height: 100%; left: 0; top: 0; width: 100%; }

.hover-slide::after { height: 100%; left: -50%; top: 0; transform: skew(50deg); transition-duration: 0.6s; transform-origin: top left; width: 0; }

.hover-slide:hover::after { height: 100%; width: 150%; }

/* layout */
/* =========================== Base =========================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-family: "Open Sans", "Yu Gothic", YuGothic, sans-serif; vertical-align: baseline; font-feature-settings: "palt"; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1.6; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

* { box-sizing: border-box; }

html, body { width: 100%; height: 100%; }

body { background: #fff; }

img { max-width: 100%; display: block; margin: 0; padding: 0; vertical-align: bottom; }

p, li, dt, dd { line-height: 1.6; }

a { text-decoration: none; }

button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

html { font-size: 62.5%; }

@media (max-width: 1500px) { html { font-size: 55%; } }

@media (max-width: 1200px) { html { font-size: 50%; } }

@media (max-width: 992px) { html { font-size: 45%; } }

@media (max-width: 768px) { html { font-size: 40%; } }

body { font-size: 1.6rem; }

body { overflow: hidden; min-height: 100vh; text-align: left !important; background-color: #fff !important; }

body.start { overflow: auto; overflow-x: hidden; }

#wrap { overflow: hidden; }

/* メニュー展開時など */
.body-fixed { position: fixed; width: 100%; height: 100%; }

/* リンクエリアのマウスポインタ指定 */
.link-area { cursor: pointer; }

/* ページトップへ戻るボタン */
.pagetop { display: block; position: fixed; right: 0; bottom: 0; width: 60px; height: 60px; background-color: #000; text-align: center; line-height: 60px; font-size: 30px; z-index: 90; color: #fff; opacity: 0; transition: all 0.2s ease; }

.body-scrolled .pagetop { opacity: 1; }

/* テキストアニメーション */
.txt-animate { display: inline-block; }

/* twitterタイムライン スマホ閲覧時にはみ出るバグ修正 */
.twitter iframe { width: 740px !important; }

/* モーダルウィンドウの挙動 */
.modal-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; z-index: 2000; transition: all 0.5s ease; }

.modal-wrap-on { opacity: 1; pointer-events: auto; }

.modal-cont { display: none; }

.modal-close { position: absolute; top: -50px; right: 0; width: 30px; height: 30px; cursor: pointer; }

.modal-close::before, .modal-close::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; width: 1px; margin: auto; background-color: #fff; }

.modal-close::before { left: 50%; transform: rotate(45deg); }

.modal-close::after { right: 50%; transform: rotate(-45deg); }

.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: rgba(0, 0, 0, 0.7); z-index: 1500; pointer-events: none; opacity: 0; transition: all 0.2s ease; }

.overlay-on { opacity: 1; pointer-events: auto; }

.main { font-size: 2rem; }

.sec { padding: 10rem 0; }

.sec-ttlarea { margin-bottom: 5rem; }

.sec-ttlarea.text-center .sec-catch { margin-left: auto; margin-right: auto; }

.sec-catch { margin-bottom: 2rem; max-width: 400px; }

@media (max-width: 992px) { .sec-catch { max-width: 200px; } }

.sec-ttl { font-size: 4.2rem; font-weight: bold; letter-spacing: .2rem; margin-bottom: 3rem; }

.sec-subttl { font-size: 2.4rem; font-weight: bold; letter-spacing: .2rem; margin-bottom: 2rem; }

.inner { max-width: 1080px; width: 90%; margin: auto; }

.inner-min { max-width: 720px; width: 90%; margin: auto; }

.bg-b { background-color: #0D62AA; }

.bg-db { background-color: #065191; }

.bg-y { background-color: #DFBA29; }

.bg-y .laser::after { background-color: #000; }

.form-txt { border-radius: 10px !important; border: none !important; padding: .7rem 1.2rem !important; margin: 0 !important; box-shadow: none !important; }

@media (max-width: 992px) { .form-txt { border-radius: 5px !important; font-size: 16px !important; } }

.form-txt.col-9 { width: 75% !important; max-width: 100% !important; }

.form-txt.col-12 { width: 100% !important; max-width: 100% !important; }

textarea { height: 150px !important; }

.radio-wrap label, .check-wrap label { position: relative; margin-bottom: 1rem; padding-left: 30px; }

.radio-wrap label::before, .check-wrap label::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 20px; height: 20px; margin: auto; background-color: #fff; }

.radio-wrap label::after, .check-wrap label::after { content: ""; position: absolute; top: 0; bottom: 0; left: 4px; width: 12px; height: 12px; margin: auto; background-color: #DFBA29; opacity: 0; transition: all 0.2s ease; }

.radio-wrap input, .check-wrap input { display: none; }

.radio-wrap input:checked + label::after, .check-wrap input:checked + label::after { opacity: 1; }

.radio-wrap label::before, .radio-wrap label::after { border-radius: 20px; }

.check-wrap label::before, .check-wrap label::after { border-radius: 5px; }

.check-wrap label::after { left: 3px; width: 14px; height: 14px; }

.check-wrap div.mfp_err { width: 34rem !important; margin: auto !important; }

.scroller { background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; padding: 1rem 1rem 0; }

.view-pc { display: block; }

@media (max-width: 992px) { .view-pc { display: none; } }

.view-sp { display: none; }

@media (max-width: 992px) { .view-sp { display: block; } }

div.mfp_err { color: #fff !important; }

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td { padding: 2rem; font-size: 1.6rem; }

.thanks { position: relative; text-align: center; min-height: 100vh; }

.thanks .sec-ttlarea { color: #fff; }

.thanks .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.thanks-btnarea { max-width: 30rem; }

.footer { padding: 2.5rem 0; }

.footer-copy { color: #fff; font-size: 1.2rem; }

.header { position: fixed; width: 100%; z-index: 9999; opacity: 0; transform: translateY(-50px); transition: all 1s ease; }

.header .logo { opacity: 0; pointer-events: none; }

.header-cv .button { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

.header-cv .button:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.start .header { opacity: 1; transform: translateY(0); }

.body-scrolled .header, .body-thanks .header { background-color: rgba(255, 255, 255, 0.95); }

.breadcrumb { background-color: transparent; }

.menu { position: fixed; background-color: #000; top: 0; bottom: 0; right: -300px; width: 300px; z-index: 2000; transition: all 0.2s ease; }

.menu-on { right: 0; }

.menu nav { padding: 50px 30px; }

.menu nav li { margin-bottom: 20px; }

.menu nav a { color: #fff; font-size: 14px; }

.menu-trigger { display: none; position: relative; z-index: 3000; border: none; width: 60px; height: 60px; line-height: 1; vertical-align: middle; text-align: center; outline: none; }

.menu-trigger:hover { cursor: pointer; }

.menu-trigger span { display: inline-block; position: absolute; left: 0; right: 0; width: 20px; height: 2px; margin: auto; background: #000; line-height: 1; vertical-align: middle; }

.menu-trigger span:nth-of-type(1) { top: 22px; transition: all 0.2s ease; }

.menu-trigger span:nth-of-type(2) { top: 50%; margin-top: -1px; transition: all 0.2s ease; }

.menu-trigger span:nth-of-type(3) { bottom: 22px; transition: all 0.2s ease; }

.menu-trigger-on span { background: #fff; }

.menu-trigger-on span:nth-of-type(1) { top: 50%; margin-top: -1px; transform: rotate(-45deg); transition: all 0.2s ease; }

.menu-trigger-on span:nth-of-type(2) { display: none; }

.menu-trigger-on span:nth-of-type(3) { bottom: 50%; margin-bottom: -1px; transform: rotate(45deg); transition: all 0.2s ease; }

.nav a { position: relative; display: block; color: #000; padding-bottom: .3rem; text-decoration: none; transition: all 0.2s ease; }

.nav a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; margin: auto; background-color: #0D62AA; transition: all 0.2s ease; }

.nav a:hover { color: #0D62AA; }

.nav a:hover::after { width: 100%; }

@media (max-width: 992px) { .nav { display: none; } }

/* module */
.button { background: #DFBA29; color: #000; display: block; font-weight: bold; padding: 1rem 5rem 1rem 4rem; position: relative; border-radius: 100px; border: none; transition: all 0.2s ease; cursor: pointer; }

.button:after { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 23px; height: 15px; background-image: url("/assets/images/arrow.svg"); background-repeat: no-repeat; background-size: cover; transition: all 0.2s ease; }

@media (max-width: 992px) { .button:after { width: 12px; height: 8px; } }

.button:hover { text-decoration: none; color: #000; transform: translateY(2px); }

.button:hover:after { right: 10px; }

.button-wrap { position: relative; display: inline-block; cursor: pointer; }

.button-wrap::after { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 23px; height: 15px; background-image: url("/assets/images/arrow-yellow.svg"); background-repeat: no-repeat; background-size: cover; transition: all 0.2s ease; }

.button-wrap:hover::after { top: 3px; right: 10px; }

.button-white { background-color: #fff; }

.button-white:hover { color: #DFBA29; }

.has-tooltip { position: relative; }

.has-tooltip:hover .tooltip { opacity: 1; pointer-events: auto; }

.has-tooltip:hover .tooltip-top { top: 0; transform: translateY(-100%) scale(1); }

.has-tooltip:hover .tooltip-bottom { bottom: 0; transform: translateY(100%) scale(1); }

.has-tooltip:hover .tooltip-left { left: 0; transform: translateY(-50%) translateX(-100%) scale(1); }

.has-tooltip:hover .tooltip-right { right: 0; transform: translateY(-50%) translateX(100%) scale(1); }

.tooltip { position: absolute; font-size: 10px; background-color: #f00; padding: 5px 10px; opacity: 0; pointer-events: none; transition: all 0.1s ease; }

.tooltip a { text-decoration: underline; color: #000; }

.tooltip a:hover { text-decoration: none; }

.tooltip:after { content: ""; position: absolute; width: 7px; height: 7px; margin: auto; box-sizing: border-box; }

.tooltip-top { width: calc(100% + 20px); top: 10px; left: -10px; transform: translateY(-100%) scale(0.9); }

.tooltip-top:after { left: 0; right: 0; bottom: -14px; border: 7px solid transparent; border-top: 7px solid #f00; }

.tooltip-bottom { width: calc(100% + 20px); bottom: 10px; left: -10px; transform: translateY(100%) scale(0.9); }

.tooltip-bottom:after { left: 0; right: 0; top: -14px; border: 7px solid transparent; border-bottom: 7px solid #f00; }

.tooltip-left { width: calc(100% + 20px); top: 50%; left: 10px; transform: translateY(-50%) translateX(-100%) scale(0.9); }

.tooltip-left:after { top: 0; bottom: 0; right: -14px; border: 7px solid transparent; border-left: 7px solid #f00; }

.tooltip-right { width: calc(100% + 20px); top: 50%; right: 10px; transform: translateY(-50%) translateX(100%) scale(0.9); }

.tooltip-right:after { top: 0; bottom: 0; left: -14px; border: 7px solid transparent; border-right: 7px solid #f00; }

/* theme */
.intro { position: fixed; top: calc(50vh - 263px / 2); left: calc(50vw - 350px / 2); width: 350px; height: 263px; z-index: 9999; transform: scale(10); opacity: 0; transition: all 1s cubic-bezier(0.7, 0.6, 0, 1.1); }

.intro img { position: absolute; height: auto; }

.intro img:nth-child(1) { top: 0; left: 52px; transform: translate(100px, -100px); transition: all 1s cubic-bezier(0.7, 0.6, 0, 1.4); }

.intro img:nth-child(2) { top: 30px; left: 152px; transform: translate(-100px, 100px); transition: all 1s cubic-bezier(0.7, 0.6, 0, 1.4); }

.intro img:nth-child(3) { bottom: 0; left: 0; transition: all 1s cubic-bezier(0.7, 0.6, 0, 1.4); }

.intro.inview-js-on { transform: scale(1); opacity: 1; }

@media (max-width: 992px) { .intro.inview-js-on { transform: scale(0.8); } }

.intro.inview-js-on img:nth-child(1), .intro.inview-js-on img:nth-child(2) { transform: translate(0, 0); }

.start .intro { width: 181px; height: 31px; top: 1.8rem; left: 1.5rem; transition: all 1s ease; }

@media (max-width: 992px) { .start .intro { transform: scale(1); } }

.start .intro img:nth-child(1) { width: 31px; left: 0; transition: all 1s ease; }

.start .intro img:nth-child(2) { width: 31px; top: 5px; left: 20px; transition: all 1s ease; }

.start .intro img:nth-child(3) { width: 120px; left: 60px; bottom: 3px; transition: all 1s ease; }

.body-scrolled .intro { transition: 0s !important; }

.body-scrolled .intro img { transition: 0s !important; }

.fv { width: 100vw; height: 100vh; margin-bottom: 20vw; }

.fv-main { position: absolute; top: -30px; right: -28vw; width: 100vw; pointer-events: none; }

@media (max-width: 992px) { .fv { margin-bottom: 0; }
  .fv-main { width: 120vw; top: -20rem; right: auto; left: -5rem; } }

@media (max-width: 544px) { .fv-main { top: 1rem; width: 170vw; } }

.fv-ttlarea { position: absolute; top: 50%; left: 80px; transform: translateY(-50%); }

@media (max-width: 992px) { .fv-ttlarea { width: 70vw; top: auto; left: 5vw; bottom: 5rem; transform: translateY(0%); } }

.fv-ttl { margin-bottom: 4rem; }

@media (max-width: 992px) { .fv-ttl { margin-bottom: 2rem; } }

.about { position: relative; }

@media (max-width: 992px) { .about { padding-bottom: 0; } }

.about .sec-ttl, .about .sec-subttl, .about .sec-txt { color: #fff; }

@media (max-width: 992px) { .about .sec-txt { width: 60%; } }

.about-img { position: absolute; left: 0; bottom: 0; width: 70%; max-width: 944px; }

.about-img-logo { position: absolute; width: 37%; top: 34%; left: 22%; z-index: 2; }

@media (max-width: 992px) { .about-img { position: relative; width: 80%; margin-top: -45rem; margin-left: 20%; }
  .about-img-logo { width: 26%; top: 40%; left: 62%; } }

@media (max-width: 544px) { .about-img { width: 100%; margin-top: -25rem; margin-left: 0; } }

.about .sec-ttlarea { position: relative; margin-left: 50%; z-index: 2; }

@media (max-width: 992px) { .about .sec-ttlarea { margin-left: 0; } }

.service { position: relative; background-color: #fff; }

@media (max-width: 992px) { .service { padding-bottom: 0; } }

.service-row { border-top: 1px solid #ccc; padding: 8rem 0; background-size: cover; background-repeat: no-repeat; }

.service-row:nth-child(odd) { background-image: url("/assets/images/cont_bg_right.svg"); background-position: right center; }

.service-row:nth-child(odd) .inner { transform: translateX(-5rem); }

.service-row:nth-child(even) { background-image: url("/assets/images/cont_bg_left.svg"); background-position: left center; }

.service-row:nth-child(even) .inner { transform: translateX(5rem); }

.service-row-wrap { border-bottom: 1px solid #ccc; }

@media (max-width: 992px) { .service-row { background: none !important; border-top: none; padding: 4rem 0; }
  .service-row .inner { transform: translateX(0rem) !important; }
  .service-row-wrap { border-bottom: none; } }

.service-head { position: relative; z-index: 2; }

.service-num { padding-top: 8rem; }

@media (max-width: 992px) { .service-num { padding-top: 6rem; padding-right: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }

.service-img { transform: translateX(10rem); filter: drop-shadow(0 20px 40px rgba(6, 58, 103, 0.3)); }

@media (max-width: 992px) { .service-img { transform: translateX(5rem); -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } }

.service-body { position: relative; padding: 5rem 4rem 4rem; border-radius: 30px; box-shadow: 0 20px 40px rgba(6, 58, 103, 0.3); margin-top: -12rem; }

.service-body::after { content: ""; position: absolute; top: -18rem; left: 1rem; width: 306px; height: 306px; background-image: url("/assets/images/ttl_bg.svg"); background-size: cover; background-repeat: no-repeat; }

@media (max-width: 1200px) { .service-body::after { top: -25rem; } }

@media (max-width: 992px) { .service-body { margin-top: -4rem; padding: 7rem 5rem 4rem; }
  .service-body::after { top: -5rem; left: -3rem; width: 120px; height: 120px; } }

.service-body-ttl { position: relative; font-size: 3.2rem; color: #fff; z-index: 2; text-shadow: 0 0 30px #0d62aa; margin-bottom: 5rem; font-weight: bold; }

@media (max-width: 992px) { .service-body-ttl { margin-bottom: 3rem; } }

.service-body-list { position: relative; z-index: 2; }

.service-body-list li { position: relative; padding-left: 3rem; margin-bottom: 1.5rem; color: #fff; }

.service-body-list li::after { content: ""; position: absolute; top: 1rem; left: 0; width: 14px; height: 14px; border-radius: 14px; border: 3px solid #fff; }

@media (max-width: 992px) { .service-body-list { display: block !important; }
  .service-body-list ul { max-width: 100%; }
  .service-body-list li::after { top: .6rem; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #fff; } }

@media (max-width: 992px) { .company { padding-bottom: 0; } }

.company .table-row { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px dashed #ccc; }

@media (max-width: 992px) { .company .table-row { display: block; }
  .company .table-row:last-child { border-bottom: none; } }

.company .table-head { color: #0D62AA; font-weight: bold; }

@media (max-width: 992px) { .company .table-head { font-size: 2.4rem; }
  .company .table-head, .company .table-data { max-width: 100%; } }

.contact .sec-ttlarea { padding-top: 4rem; margin-top: -4rem; }

.contact .table-row { margin-bottom: 4rem; }

@media (max-width: 992px) { .contact .table-row { display: block; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-right: -5vw; margin-left: -5vw; } }

.contact .table-head { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.4; padding-top: .7rem; }

.contact .table-head, .contact .table-data { font-weight: bold; }

.contact .table .req, .contact .table .any { padding: .3rem 1.3rem; border-radius: 50px; color: #fff; font-size: 1.6rem; margin-left: 1rem; }

.contact .table .req { background-color: #0D62AA; }

.contact .table .any { background-color: #000; }

.contact .table-btnarea { text-align: center; }

@media (max-width: 992px) { .contact .table-head, .contact .table-data { max-width: 100%; }
  .contact .table-head { -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 1rem; font-size: 2.4rem; } }

.contact .button { padding: 1rem 7rem 1rem 6rem !important; background: #fff !important; border-radius: 100px !important; cursor: pointer !important; border: none !important; margin: 0 !important; max-width: 100% !important; }

.contact .scroller { max-width: 500px; margin: auto; }

.privacy { padding: 1rem 2rem; max-height: 135px; overflow-y: scroll; /*スクロールバー全体*/ /*スクロールバーの軌道*/ /*スクロールバーの動く部分*/ }

.privacy::-webkit-scrollbar { width: 5px; }

.privacy::-webkit-scrollbar-track { border-radius: 5px; background-color: #fff; }

.privacy::-webkit-scrollbar-thumb { background-color: #DFBA29; border-radius: 5px; }

.privacy-row { margin-bottom: 2.5rem; font-size: 1.4rem; }

.privacy-ttl { font-size: 1.6rem; font-weight: bold; margin-bottom: 1rem; }

.result-con .row, .result-con .col-6 { border-radius: 30px; }

.result-img { padding-left: 0; }

.result-img img { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }

.result-con { border-radius: 30px; }

.result-body-ttl { position: relative; font-size: 3.2rem; color: #fff; z-index: 2; text-shadow: 0 0 30px #0d62aa; margin-bottom: 2rem; font-weight: bold; margin-top: 100px; }

.result-body-text { color: white; font-size: 2.5rem; }

.result-btn { width: 60%; margin-top: 20px; }

@media screen and (max-width: 600px) { .result-body-ttl { margin-top: 10px; }
  .text-area { padding: 5rem 5rem 4rem; }
  .result-btn { margin-top: 20px; margin-bottom: 20px; width: 65%; }
  .result-img img { border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: unset; }
  .result-img { padding-right: 0; }
  .sec-ttlarea { margin-bottom: 0; } }

/* utility */
/*余白関係汎用クラス*/
/*margin*/
.mt00 { margin-top: 0px !important; }

.mt05 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mr00 { margin-right: 0px !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom: 0px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

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

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left: 0px !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

/*padding*/
.pt00 { padding-top: 0px !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pr00 { padding-right: 0px !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pb00 { padding-bottom: 0px !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pl00 { padding-left: 0px !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

/*margin (responsive)*/
.mt00r { margin-top: 0px !important; }

.mt05r { margin-top: 5px !important; }

.mt10r { margin-top: 10px !important; }

.mt15r { margin-top: 15px !important; }

.mt20r { margin-top: 20px !important; }

.mt25r { margin-top: 25px !important; }

.mt30r { margin-top: 30px !important; }

.mt35r { margin-top: 35px !important; }

.mt40r { margin-top: 40px !important; }

.mt45r { margin-top: 45px !important; }

.mt50r { margin-top: 50px !important; }

.mr00r { margin-right: 0px !important; }

.mr05r { margin-right: 5px !important; }

.mr10r { margin-right: 10px !important; }

.mr15r { margin-right: 15px !important; }

.mr20r { margin-right: 20px !important; }

.mr25r { margin-right: 25px !important; }

.mr30r { margin-right: 30px !important; }

.mr35r { margin-right: 35px !important; }

.mr40r { margin-right: 40px !important; }

.mr45r { margin-right: 45px !important; }

.mr50r { margin-right: 50px !important; }

.mb00r { margin-bottom: 0px !important; }

.mb05r { margin-bottom: 5px !important; }

.mb10r { margin-bottom: 10px !important; }

.mb15r { margin-bottom: 15px !important; }

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

.mb25r { margin-bottom: 25px !important; }

.mb30r { margin-bottom: 30px !important; }

.mb35r { margin-bottom: 35px !important; }

.mb40r { margin-bottom: 40px !important; }

.mb45r { margin-bottom: 45px !important; }

.mb50r { margin-bottom: 50px !important; }

.ml00r { margin-left: 0px !important; }

.ml05r { margin-left: 5px !important; }

.ml10r { margin-left: 10px !important; }

.ml15r { margin-left: 15px !important; }

.ml20r { margin-left: 20px !important; }

.ml25r { margin-left: 25px !important; }

.ml30r { margin-left: 30px !important; }

.ml35r { margin-left: 35px !important; }

.ml40r { margin-left: 40px !important; }

.ml45r { margin-left: 45px !important; }

.ml50r { margin-left: 50px !important; }

/*padding (responsive)*/
.pt00r { padding-top: 0px !important; }

.pt05r { padding-top: 5px !important; }

.pt10r { padding-top: 10px !important; }

.pt15r { padding-top: 15px !important; }

.pt20r { padding-top: 20px !important; }

.pt25r { padding-top: 25px !important; }

.pt30r { padding-top: 30px !important; }

.pt35r { padding-top: 35px !important; }

.pt40r { padding-top: 40px !important; }

.pt45r { padding-top: 45px !important; }

.pt50r { padding-top: 50px !important; }

.pr00r { padding-right: 0px !important; }

.pr05r { padding-right: 5px !important; }

.pr10r { padding-right: 10px !important; }

.pr15r { padding-right: 15px !important; }

.pr20r { padding-right: 20px !important; }

.pr25r { padding-right: 25px !important; }

.pr30r { padding-right: 30px !important; }

.pr35r { padding-right: 35px !important; }

.pr40r { padding-right: 40px !important; }

.pr45r { padding-right: 45px !important; }

.pr50r { padding-right: 50px !important; }

.pb00r { padding-bottom: 0px !important; }

.pb05r { padding-bottom: 5px !important; }

.pb10r { padding-bottom: 10px !important; }

.pb15r { padding-bottom: 15px !important; }

.pb20r { padding-bottom: 20px !important; }

.pb25r { padding-bottom: 25px !important; }

.pb30r { padding-bottom: 30px !important; }

.pb35r { padding-bottom: 35px !important; }

.pb40r { padding-bottom: 40px !important; }

.pb45r { padding-bottom: 45px !important; }

.pb50r { padding-bottom: 50px !important; }

.pl00r { padding-left: 0px !important; }

.pl05r { padding-left: 5px !important; }

.pl10r { padding-left: 10px !important; }

.pl15r { padding-left: 15px !important; }

.pl20r { padding-left: 20px !important; }

.pl25r { padding-left: 25px !important; }

.pl30r { padding-left: 30px !important; }

.pl35r { padding-left: 35px !important; }

.pl40r { padding-left: 40px !important; }

.pl45r { padding-left: 45px !important; }

.pl50r { padding-left: 50px !important; }

@media screen and (max-width: 480px) { /*margin (responsive)50%*/
  .mt00 { margin-top: 0px  !important; }
  .mt05 { margin-top: 2.5px  !important; }
  .mt10 { margin-top: 5px  !important; }
  .mt15 { margin-top: 7.5px  !important; }
  .mt20 { margin-top: 10px  !important; }
  .mt25 { margin-top: 12.5px  !important; }
  .mt30 { margin-top: 15px  !important; }
  .mt35 { margin-top: 17.5px  !important; }
  .mt40 { margin-top: 20px  !important; }
  .mt45 { margin-top: 22.5px  !important; }
  .mt50 { margin-top: 25px  !important; }
  .mr00 { margin-right: 0px  !important; }
  .mr05 { margin-right: 2.5px  !important; }
  .mr10 { margin-right: 5px  !important; }
  .mr15 { margin-right: 7.5px  !important; }
  .mr20 { margin-right: 10px  !important; }
  .mr25 { margin-right: 12.5px  !important; }
  .mr30 { margin-right: 15px  !important; }
  .mr35 { margin-right: 17.5px  !important; }
  .mr40 { margin-right: 20px  !important; }
  .mr45 { margin-right: 22.5px  !important; }
  .mr50 { margin-right: 25px  !important; }
  .mb00 { margin-bottom: 0px  !important; }
  .mb05 { margin-bottom: 2.5px  !important; }
  .mb10 { margin-bottom: 5px  !important; }
  .mb15 { margin-bottom: 7.5px  !important; }
  .mb20 { margin-bottom: 10px  !important; }
  .mb25 { margin-bottom: 12.5px  !important; }
  .mb30 { margin-bottom: 15px  !important; }
  .mb35 { margin-bottom: 17.5px  !important; }
  .mb40 { margin-bottom: 20px  !important; }
  .mb45 { margin-bottom: 22.5px  !important; }
  .mb50 { margin-bottom: 25px  !important; }
  .ml00 { margin-left: 0px  !important; }
  .ml05 { margin-left: 2.5px  !important; }
  .ml10 { margin-left: 5px  !important; }
  .ml15 { margin-left: 7.5px  !important; }
  .ml20 { margin-left: 10px  !important; }
  .ml25 { margin-left: 12.5px  !important; }
  .ml30 { margin-left: 15px  !important; }
  .ml35 { margin-left: 17.5px  !important; }
  .ml40 { margin-left: 20px  !important; }
  .ml45 { margin-left: 22.5px  !important; }
  .ml50 { margin-left: 25px  !important; }
  /*padding (responsive)50%*/
  .pt00 { padding-top: 0px  !important; }
  .pt05 { padding-top: 2.5px  !important; }
  .pt10 { padding-top: 5px  !important; }
  .pt15 { padding-top: 7.5px  !important; }
  .pt20 { padding-top: 10px  !important; }
  .pt25 { padding-top: 12.5px  !important; }
  .pt30 { padding-top: 15px  !important; }
  .pt35 { padding-top: 17.5px  !important; }
  .pt40 { padding-top: 20px  !important; }
  .pt45 { padding-top: 22.5px  !important; }
  .pt50 { padding-top: 25px  !important; }
  .pr00 { padding-right: 0px  !important; }
  .pr05 { padding-right: 2.5px  !important; }
  .pr10 { padding-right: 5px  !important; }
  .pr15 { padding-right: 7.5px  !important; }
  .pr20 { padding-right: 10px  !important; }
  .pr25 { padding-right: 12.5px  !important; }
  .pr30 { padding-right: 15px  !important; }
  .pr35 { padding-right: 17.5px  !important; }
  .pr40 { padding-right: 20px  !important; }
  .pr45 { padding-right: 22.5px  !important; }
  .pr50 { padding-right: 25px  !important; }
  .pb00 { padding-bottom: 0px  !important; }
  .pb05 { padding-bottom: 2.5px  !important; }
  .pb10 { padding-bottom: 5px  !important; }
  .pb15 { padding-bottom: 7.5px  !important; }
  .pb20 { padding-bottom: 10px  !important; }
  .pb25 { padding-bottom: 12.5px  !important; }
  .pb30 { padding-bottom: 15px  !important; }
  .pb35 { padding-bottom: 17.5px  !important; }
  .pb40 { padding-bottom: 20px  !important; }
  .pb45 { padding-bottom: 22.5px  !important; }
  .pb50 { padding-bottom: 25px  !important; }
  .pl00 { padding-left: 0px  !important; }
  .pl05 { padding-left: 2.5px  !important; }
  .pl10 { padding-left: 5px  !important; }
  .pl15 { padding-left: 7.5px  !important; }
  .pl20 { padding-left: 10px  !important; }
  .pl25 { padding-left: 12.5px  !important; }
  .pl30 { padding-left: 15px  !important; }
  .pl35 { padding-left: 17.5px  !important; }
  .pl40 { padding-left: 20px  !important; }
  .pl45 { padding-left: 22.5px  !important; }
  .pl50 { padding-left: 25px  !important; }
  /*margin (responsive)50%*/
  .mt00r { margin-top: 0px  !important; }
  .mt05r { margin-top: 2.5px  !important; }
  .mt10r { margin-top: 5px  !important; }
  .mt15r { margin-top: 7.5px  !important; }
  .mt20r { margin-top: 10px  !important; }
  .mt25r { margin-top: 12.5px  !important; }
  .mt30r { margin-top: 15px  !important; }
  .mt35r { margin-top: 17.5px  !important; }
  .mt40r { margin-top: 20px  !important; }
  .mt45r { margin-top: 22.5px  !important; }
  .mt50r { margin-top: 25px  !important; }
  .mr00r { margin-right: 0px  !important; }
  .mr05r { margin-right: 2.5px  !important; }
  .mr10r { margin-right: 5px  !important; }
  .mr15r { margin-right: 7.5px  !important; }
  .mr20r { margin-right: 10px  !important; }
  .mr25r { margin-right: 12.5px  !important; }
  .mr30r { margin-right: 15px  !important; }
  .mr35r { margin-right: 17.5px  !important; }
  .mr40r { margin-right: 20px  !important; }
  .mr45r { margin-right: 22.5px  !important; }
  .mr50r { margin-right: 25px  !important; }
  .mb00r { margin-bottom: 0px  !important; }
  .mb05r { margin-bottom: 2.5px  !important; }
  .mb10r { margin-bottom: 5px  !important; }
  .mb15r { margin-bottom: 7.5px  !important; }
  .mb20r { margin-bottom: 10px  !important; }
  .mb25r { margin-bottom: 12.5px  !important; }
  .mb30r { margin-bottom: 15px  !important; }
  .mb35r { margin-bottom: 17.5px  !important; }
  .mb40r { margin-bottom: 20px  !important; }
  .mb45r { margin-bottom: 22.5px  !important; }
  .mb50r { margin-bottom: 25px  !important; }
  .ml00r { margin-left: 0px  !important; }
  .ml05r { margin-left: 2.5px  !important; }
  .ml10r { margin-left: 5px  !important; }
  .ml15r { margin-left: 7.5px  !important; }
  .ml20r { margin-left: 10px  !important; }
  .ml25r { margin-left: 12.5px  !important; }
  .ml30r { margin-left: 15px  !important; }
  .ml35r { margin-left: 17.5px  !important; }
  .ml40r { margin-left: 20px  !important; }
  .ml45r { margin-left: 22.5px  !important; }
  .ml50r { margin-left: 25px  !important; }
  /*padding (responsive)50%*/
  .pt00r { padding-top: 0px  !important; }
  .pt05r { padding-top: 2.5px  !important; }
  .pt10r { padding-top: 5px  !important; }
  .pt15r { padding-top: 7.5px  !important; }
  .pt20r { padding-top: 10px  !important; }
  .pt25r { padding-top: 12.5px  !important; }
  .pt30r { padding-top: 15px  !important; }
  .pt35r { padding-top: 17.5px  !important; }
  .pt40r { padding-top: 20px  !important; }
  .pt45r { padding-top: 22.5px  !important; }
  .pt50r { padding-top: 25px  !important; }
  .pr00r { padding-right: 0px  !important; }
  .pr05r { padding-right: 2.5px  !important; }
  .pr10r { padding-right: 5px  !important; }
  .pr15r { padding-right: 7.5px  !important; }
  .pr20r { padding-right: 10px  !important; }
  .pr25r { padding-right: 12.5px  !important; }
  .pr30r { padding-right: 15px  !important; }
  .pr35r { padding-right: 17.5px  !important; }
  .pr40r { padding-right: 20px  !important; }
  .pr45r { padding-right: 22.5px  !important; }
  .pr50r { padding-right: 25px  !important; }
  .pb00r { padding-bottom: 0px  !important; }
  .pb05r { padding-bottom: 2.5px  !important; }
  .pb10r { padding-bottom: 5px  !important; }
  .pb15r { padding-bottom: 7.5px  !important; }
  .pb20r { padding-bottom: 10px  !important; }
  .pb25r { padding-bottom: 12.5px  !important; }
  .pb30r { padding-bottom: 15px  !important; }
  .pb35r { padding-bottom: 17.5px  !important; }
  .pb40r { padding-bottom: 20px  !important; }
  .pb45r { padding-bottom: 22.5px  !important; }
  .pb50r { padding-bottom: 25px  !important; }
  .pl00r { padding-left: 0px  !important; }
  .pl05r { padding-left: 2.5px  !important; }
  .pl10r { padding-left: 5px  !important; }
  .pl15r { padding-left: 7.5px  !important; }
  .pl20r { padding-left: 10px  !important; }
  .pl25r { padding-left: 12.5px  !important; }
  .pl30r { padding-left: 15px  !important; }
  .pl35r { padding-left: 17.5px  !important; }
  .pl40r { padding-left: 20px  !important; }
  .pl45r { padding-left: 22.5px  !important; }
  .pl50r { padding-left: 25px  !important; } }

@media screen and (min-width: 481px) and (max-width: 768px) { /*margin (responsive)75%*/
  .mt00 { margin-top: 0px  !important; }
  .mt05 { margin-top: 3.75px  !important; }
  .mt10 { margin-top: 7.5px  !important; }
  .mt15 { margin-top: 11.25px  !important; }
  .mt20 { margin-top: 15px  !important; }
  .mt25 { margin-top: 18.75px  !important; }
  .mt30 { margin-top: 22.5px  !important; }
  .mt35 { margin-top: 26.25px  !important; }
  .mt40 { margin-top: 30px  !important; }
  .mt45 { margin-top: 33.75px  !important; }
  .mt50 { margin-top: 37.5px  !important; }
  .mr00 { margin-right: 0px  !important; }
  .mr05 { margin-right: 3.75px  !important; }
  .mr10 { margin-right: 7.5px  !important; }
  .mr15 { margin-right: 11.25px  !important; }
  .mr20 { margin-right: 15px  !important; }
  .mr25 { margin-right: 18.75px  !important; }
  .mr30 { margin-right: 22.5px  !important; }
  .mr35 { margin-right: 26.25px  !important; }
  .mr40 { margin-right: 30px  !important; }
  .mr45 { margin-right: 33.75px  !important; }
  .mr50 { margin-right: 37.5px  !important; }
  .mb00 { margin-bottom: 0px  !important; }
  .mb05 { margin-bottom: 3.75px  !important; }
  .mb10 { margin-bottom: 7.5px  !important; }
  .mb15 { margin-bottom: 11.25px  !important; }
  .mb20 { margin-bottom: 15px  !important; }
  .mb25 { margin-bottom: 18.75px  !important; }
  .mb30 { margin-bottom: 22.5px  !important; }
  .mb35 { margin-bottom: 26.25px  !important; }
  .mb40 { margin-bottom: 30px  !important; }
  .mb45 { margin-bottom: 33.75px  !important; }
  .mb50 { margin-bottom: 37.5px  !important; }
  .ml00 { margin-left: 0px  !important; }
  .ml05 { margin-left: 3.75px  !important; }
  .ml10 { margin-left: 7.5px  !important; }
  .ml15 { margin-left: 11.25px  !important; }
  .ml20 { margin-left: 15px  !important; }
  .ml25 { margin-left: 18.75px  !important; }
  .ml30 { margin-left: 22.5px  !important; }
  .ml35 { margin-left: 26.25px  !important; }
  .ml40 { margin-left: 30px  !important; }
  .ml45 { margin-left: 33.75px  !important; }
  .ml50 { margin-left: 37.5px  !important; }
  /*padding (responsive)75%*/
  .pt00 { padding-top: 0px  !important; }
  .pt05 { padding-top: 3.75px  !important; }
  .pt10 { padding-top: 7.5px  !important; }
  .pt15 { padding-top: 11.25px  !important; }
  .pt20 { padding-top: 15px  !important; }
  .pt25 { padding-top: 18.75px  !important; }
  .pt30 { padding-top: 22.5px  !important; }
  .pt35 { padding-top: 26.25px  !important; }
  .pt40 { padding-top: 30px  !important; }
  .pt45 { padding-top: 33.75px  !important; }
  .pt50 { padding-top: 37.5px  !important; }
  .pr00 { padding-right: 0px  !important; }
  .pr05 { padding-right: 3.75px  !important; }
  .pr10 { padding-right: 7.5px  !important; }
  .pr15 { padding-right: 11.25px  !important; }
  .pr20 { padding-right: 15px  !important; }
  .pr25 { padding-right: 18.75px  !important; }
  .pr30 { padding-right: 22.5px  !important; }
  .pr35 { padding-right: 26.25px  !important; }
  .pr40 { padding-right: 30px  !important; }
  .pr45 { padding-right: 33.75px  !important; }
  .pr50 { padding-right: 37.5px  !important; }
  .pb00 { padding-bottom: 0px  !important; }
  .pb05 { padding-bottom: 3.75px  !important; }
  .pb10 { padding-bottom: 7.5px  !important; }
  .pb15 { padding-bottom: 11.25px  !important; }
  .pb20 { padding-bottom: 15px  !important; }
  .pb25 { padding-bottom: 18.75px  !important; }
  .pb30 { padding-bottom: 22.5px  !important; }
  .pb35 { padding-bottom: 26.25px  !important; }
  .pb40 { padding-bottom: 30px  !important; }
  .pb45 { padding-bottom: 33.75px  !important; }
  .pb50 { padding-bottom: 37.5px  !important; }
  .pl00 { padding-left: 0px  !important; }
  .pl05 { padding-left: 3.75px  !important; }
  .pl10 { padding-left: 7.5px  !important; }
  .pl15 { padding-left: 11.25px  !important; }
  .pl20 { padding-left: 15px  !important; }
  .pl25 { padding-left: 18.75px  !important; }
  .pl30 { padding-left: 22.5px  !important; }
  .pl35 { padding-left: 26.25px  !important; }
  .pl40 { padding-left: 30px  !important; }
  .pl45 { padding-left: 33.75px  !important; }
  .pl50 { padding-left: 37.5px  !important; }
  /*margin (responsive)75%*/
  .mt00r { margin-top: 0px  !important; }
  .mt05r { margin-top: 3.75px  !important; }
  .mt10r { margin-top: 7.5px  !important; }
  .mt15r { margin-top: 11.25px  !important; }
  .mt20r { margin-top: 15px  !important; }
  .mt25r { margin-top: 18.75px  !important; }
  .mt30r { margin-top: 22.5px  !important; }
  .mt35r { margin-top: 26.25px  !important; }
  .mt40r { margin-top: 30px  !important; }
  .mt45r { margin-top: 33.75px  !important; }
  .mt50r { margin-top: 37.5px  !important; }
  .mr00r { margin-right: 0px  !important; }
  .mr05r { margin-right: 3.75px  !important; }
  .mr10r { margin-right: 7.5px  !important; }
  .mr15r { margin-right: 11.25px  !important; }
  .mr20r { margin-right: 15px  !important; }
  .mr25r { margin-right: 18.75px  !important; }
  .mr30r { margin-right: 22.5px  !important; }
  .mr35r { margin-right: 26.25px  !important; }
  .mr40r { margin-right: 30px  !important; }
  .mr45r { margin-right: 33.75px  !important; }
  .mr50r { margin-right: 37.5px  !important; }
  .mb00r { margin-bottom: 0px  !important; }
  .mb05r { margin-bottom: 3.75px  !important; }
  .mb10r { margin-bottom: 7.5px  !important; }
  .mb15r { margin-bottom: 11.25px  !important; }
  .mb20r { margin-bottom: 15px  !important; }
  .mb25r { margin-bottom: 18.75px  !important; }
  .mb30r { margin-bottom: 22.5px  !important; }
  .mb35r { margin-bottom: 26.25px  !important; }
  .mb40r { margin-bottom: 30px  !important; }
  .mb45r { margin-bottom: 33.75px  !important; }
  .mb50r { margin-bottom: 37.5px  !important; }
  .ml00r { margin-left: 0px  !important; }
  .ml05r { margin-left: 3.75px  !important; }
  .ml10r { margin-left: 7.5px  !important; }
  .ml15r { margin-left: 11.25px  !important; }
  .ml20r { margin-left: 15px  !important; }
  .ml25r { margin-left: 18.75px  !important; }
  .ml30r { margin-left: 22.5px  !important; }
  .ml35r { margin-left: 26.25px  !important; }
  .ml40r { margin-left: 30px  !important; }
  .ml45r { margin-left: 33.75px  !important; }
  .ml50r { margin-left: 37.5px  !important; }
  /*padding (responsive)75%*/
  .pt00r { padding-top: 0px  !important; }
  .pt05r { padding-top: 3.75px  !important; }
  .pt10r { padding-top: 7.5px  !important; }
  .pt15r { padding-top: 11.25px  !important; }
  .pt20r { padding-top: 15px  !important; }
  .pt25r { padding-top: 18.75px  !important; }
  .pt30r { padding-top: 22.5px  !important; }
  .pt35r { padding-top: 26.25px  !important; }
  .pt40r { padding-top: 30px  !important; }
  .pt45r { padding-top: 33.75px  !important; }
  .pt50r { padding-top: 37.5px  !important; }
  .pr00r { padding-right: 0px  !important; }
  .pr05r { padding-right: 3.75px  !important; }
  .pr10r { padding-right: 7.5px  !important; }
  .pr15r { padding-right: 11.25px  !important; }
  .pr20r { padding-right: 15px  !important; }
  .pr25r { padding-right: 18.75px  !important; }
  .pr30r { padding-right: 22.5px  !important; }
  .pr35r { padding-right: 26.25px  !important; }
  .pr40r { padding-right: 30px  !important; }
  .pr45r { padding-right: 33.75px  !important; }
  .pr50r { padding-right: 37.5px  !important; }
  .pb00r { padding-bottom: 0px  !important; }
  .pb05r { padding-bottom: 3.75px  !important; }
  .pb10r { padding-bottom: 7.5px  !important; }
  .pb15r { padding-bottom: 11.25px  !important; }
  .pb20r { padding-bottom: 15px  !important; }
  .pb25r { padding-bottom: 18.75px  !important; }
  .pb30r { padding-bottom: 22.5px  !important; }
  .pb35r { padding-bottom: 26.25px  !important; }
  .pb40r { padding-bottom: 30px  !important; }
  .pb45r { padding-bottom: 33.75px  !important; }
  .pb50r { padding-bottom: 37.5px  !important; }
  .pl00r { padding-left: 0px  !important; }
  .pl05r { padding-left: 3.75px  !important; }
  .pl10r { padding-left: 7.5px  !important; }
  .pl15r { padding-left: 11.25px  !important; }
  .pl20r { padding-left: 15px  !important; }
  .pl25r { padding-left: 18.75px  !important; }
  .pl30r { padding-left: 22.5px  !important; }
  .pl35r { padding-left: 26.25px  !important; }
  .pl40r { padding-left: 30px  !important; }
  .pl45r { padding-left: 33.75px  !important; }
  .pl50r { padding-left: 37.5px  !important; } }

.bd-solid1 { border-width: 1px; border-style: solid !important; }

.bd-solid2 { border-width: 2px; border-style: solid !important; }

.bd-solid3 { border-width: 3px; border-style: solid !important; }

.bd-solid4 { border-width: 4px; border-style: solid !important; }

.bd-solid5 { border-width: 5px; border-style: solid !important; }

.bdr-10 { border-radius: 10px !important; }

.bdr-8 { border-radius: 8px !important; }

.bdr-6 { border-radius: 6px !important; }

.bdr-4 { border-radius: 4px !important; }

.bd-tb1 { border-top: 1px solid #ccc; border-bottom: 4px solid #ccc; text-align: center; padding: 0 0.6em; }

.bd-lb1 { border-left: 2px solid #ccc; border-bottom: 4px solid #ccc; text-align: center; }

/*傾ける*/
.rotate-m5 { transform: rotate(-5deg); }

.rotate_m5 { transform: rotate(5deg); }

@media screen and (max-width: 768px) { .deco-spacer { position: relative; display: inline-block; padding: 0 0; max-width: 75%; }
  .deco-spacer:before, .deco-spacer:after { display: inline-block; width: 40px; height: 54px; content: ''; }
  .deco-spacer:before { position: absolute; top: 0; left: -40px; }
  .deco-spacer:after { position: absolute; top: 0; left: 100%; }
  .deco-spacer.single-row { padding-top: 1em; padding-bottom: 1em; } }

@media screen and (min-width: 481px) and (max-width: 768px) { .deco-spacer.double-row { padding-top: 0.8em; padding-bottom: 1em; } }

@media screen and (max-width: 480px) { /* スマホでは非表示にするbrタグには下記クラスを付与 */
  .br-none-max480 { display: none !important; }
  /*スマホ非表示汎用クラス*/
  .elm-none-max480 { display: none !important; }
  .elm-disp-min481 { display: none !important; }
  /*collapsible-block*/
  /*collapsible-block*/ }

@media screen and (min-width: 481px) { .elm-disp-min481 { display: block !important; }
  .elm-disp-max480 { display: none !important; }
  /*collapsible-block*/
  /*内包する要素を横並び（それぞれ50%の均等幅）*/
  .acc-container { display: table; width: 100%; }
  .acc-container .acc-header, .acc-container .acc-content { display: table-cell !important; width: 50%; }
  /*collapsible-block*/ }

@media screen and (max-width: 768px) { .br-none-max768 { display: none !important; }
  .elm-none-max768 { display: none !important; } }

@media screen and (min-width: 769px) { .br-none-min768 { display: none !important; }
  .elm-none-min768 { display: none !important; } }

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

.text-right { text-align: right; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

/*汎用装飾クラス*/
.bold { font-weight: bold; }

/* 画像hover時半透明 */
.hover-opa:hover { opacity: 0.7; }

.fs12 { font-size: 12px; line-height: 18px; }

.fs14 { font-size: 14px; line-height: 20px; }

.fs20 { font-size: 20px; }

.fs24 { font-size: 24px; }

.fs26 { font-size: 26px; }

.fs28 { font-size: 28px; }

.fs30 { font-size: 30px; }

@media screen and (max-width: 480px) { .fs20 { font-size: 16px; } }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 769px) { .a-link { margin-top: -60px; padding-top: 60px; } }