@charset "UTF-8";
/* common
================================================ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

html { font-size: 62.5%; word-break: break-all; }

body { -webkit-text-size-adjust: 100%; }

@media all and (min-width: 768px) and (hover: none) { body { -webkit-text-size-adjust: none; } }

article, aside, details, figcaption, figure, main, footer, header, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { word-break: break-word; line-break: strict; overflow-wrap: break-word; word-wrap: break-word; }

ul:not([class]), ol:not([class]) { padding-left: 1.25em; }

ul[class], ol[class] { list-style: none; }

_:-ms-lang(x)::-ms-backdrop, ol:not([class]) { padding-left: 1.6em; }

span { font-weight: inherit; }

blockquote, q { quotes: none; }

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

a { color: inherit; }

@media all and (min-width: 768px) { a:hover { text-decoration: none; } }

a[class] { text-decoration: none; }

ins { background-color: #ff9; text-decoration: none; }

mark { background-color: #ff9; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

address { font-style: normal; }

table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ededed; margin: 1em 0; padding: 0; }

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

/* form
================================================== */
input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option { display: block; width: 100%; max-width: 100%; font-family: inherit; outline: none; border: 1px solid; border-radius: 0; background: none; }

@media all and (max-width: 767px) { input[type="text"], input[type="email"], input[type="tel"], textarea, button, select, option { font-size: 1.6rem; } }

input[type="text"], input[type="email"], input[type="tel"], textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

input[type="radio"], input[type="checkbox"] { margin: 0; padding: 0; vertical-align: middle; }

select { color: inherit; }

textarea { resize: vertical; }

button { color: inherit; font-weight: normal; cursor: pointer; }

/* 02_base
================================================ */
html { overflow: auto; }

html:not([lang="ja"]) { word-break: break-word; }

body { overflow: hidden; min-width: 320px; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; color: #222; font-size: 1.4rem; line-height: 2; letter-spacing: .08em; }

@media all and (min-width: 768px) { body { min-width: 1180px; font-size: 1.6rem; } }

.logo01-black { fill: #414241; }

.logo01-green { fill: #2FB38A; }

.logo01-blue { fill: #127AC0; }

.logo02-blue { fill: #127AC0; }

.l-wrapper { position: relative; }

@media all and (min-width: 768px) { .l-container.is-col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1100px; margin: 0 auto; }
  .l-container.is-col2 .l-contents { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(100% - 250px - 20px); }
  .l-container.is-col2 .l-sidebar { width: 250px; } }

/* utility
================================================ */
/* pc <--> sp
-------------------------------------- */
.u-media-query { display: none; font-family: 'sp'; }

@media all and (min-width: 768px) { .u-media-query { font-family: 'tb'; } }

@media all and (min-width: 1180px) { .u-media-query { font-family: 'pc'; } }

@media all and (max-width: 1179px) { .u-view-pc { display: none !important; } }

@media all and (max-width: 767px) { .u-view-tb { display: none !important; } }

@media all and (min-width: 1180px) { .u-view-tb { display: none !important; } }

@media all and (min-width: 768px) { .u-view-sp { display: none !important; } }

@media all and (min-width: 1180px) { .u-view-under-tb { display: none !important; } }

@media all and (max-width: 767px) { .u-view-upper-tb { display: none !important; } }

/* text
-------------------------------------- */
.u-uppercase { text-transform: uppercase; }

.u-font-bold { font-weight: 700; }

.u-font-roboto { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; letter-spacing: 0; }

.u-font-catamaran { font-family: 'Catamaran', sans-serif; font-weight: 700; }

/* link
-------------------------------------- */
a.u-alpha { display: block; text-decoration: none; }

@media all and (min-width: 768px) { a.u-alpha { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  a.u-alpha:hover { opacity: .7; } }

a.u-zoom { display: block; text-decoration: none; }

a.u-zoom .u-zoom__img { display: block; }

a.u-zoom .u-zoom__img-wrap { display: block; overflow: hidden; }

@media all and (min-width: 768px) { a.u-zoom .u-zoom__img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  a.u-zoom:hover .u-zoom__img { -webkit-transform: scale(1.1); transform: scale(1.1); } }

/* layout
-------------------------------------- */
.u-inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }

@media all and (min-width: 768px) { .u-inner { width: 100%; max-width: 1100px; margin: auto; padding-left: 0; padding-right: 0; } }

@media all and (min-width: 768px) { .u-inner.is-pc-wide { max-width: calc(1400px + 80px); padding-left: 40px; padding-right: 40px; } }

/* component
================================================ */
/* .c-bg-dots
================================================ */
.c-bg-dots { background: #F9F9F9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAG0lEQVQoU2M8ceLEfwsLC0YGHACnBEz98FAAABlEBAmZbiHaAAAAAElFTkSuQmCC") repeat; }

/* .c-bg-blue
================================================ */
.c-bg-blue { background-color: #e7f4fd; color: #222;}


/* .c-btn03
================================================ */
.c-btn03 { max-width: 285px; width: 100%; margin-left: auto; margin-right: auto; }

.c-btn03__link { line-height: 1.75; position: relative; display: block; padding: 22px 0; border-radius: 50px; -webkit-box-shadow: 5px 5px 10px rgba(0, 152, 236, 0.25); box-shadow: 5px 5px 10px rgba(0, 152, 236, 0.25); background: -webkit-gradient(linear, left top, right top, from(#0288D4), to(#1A67D9)); background: linear-gradient(90deg, #0288D4 0%, #1A67D9 100%); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 1.5rem; font-weight: 700; text-align: center; overflow: hidden; z-index: 1; }

.c-btn03__link:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0453a3; opacity: 0; z-index: -1; }

.c-btn03__link:after { content: ''; position: absolute; top: 50%; right: 27px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (max-width: 360px) { .c-btn03__link:after { right: 20px; } }

@media all and (min-width: 768px) { .c-btn03 { max-width: 500px; }
  .c-btn03__link { padding: 32px 0; border-radius: 100px; -webkit-box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.25); box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.25); font-size: 2.6rem; }
  .c-btn03__link:before { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .c-btn03__link:after { right: 42px; width: 13px; height: 13px; border-width: 3px; }
  .c-btn03__link:hover:before { opacity: 1; } }

/* .c-btn02
================================================ */
.c-btn02 { max-width: 285px; width: 100%; margin: 26px auto 0; }

.c-btn02__link {  height: auto; line-height: 1.75; position: relative; display: block; padding: 14px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #0682cf; border-radius: 50px; -webkit-box-shadow: 5px 4px 10px rgba(0, 152, 236, 0.2); box-shadow: 5px 4px 10px rgba(0, 152, 236, 0.2); background-color: #fff; color: #0682cf; font-weight: 700; text-align: center; }

.c-btn02__link:after { content: ''; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 9px; height: 9px; border-top: 2px solid #0682cf; border-right: 2px solid #0682cf; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (min-width: 768px) { .c-btn02 { max-width: 470px; margin: 46px auto 0; }
  .c-btn02__link { padding: 23px 0; border-radius: 100px; -webkit-box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.2); box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.2); font-size: 1.8rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .c-btn02__link:after { right: 40px; width: 12px; height: 12px; border-width: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .c-btn02__link:hover { background-color: #0682cf; color: #fff; }
  .c-btn02__link:hover:after { border-color: #fff; } }

/* .c-cards01
================================================ */
.c-cards01__item { padding: 20px 20px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; background-color: #fff; }

.c-cards01__img { margin-bottom: 20px; text-align: center; }

.c-cards01__header { line-height: 1.5; position: relative; margin-bottom: 18px; padding-left: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-cards01__header:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; margin: 0 0 -2px; background-color: #0682cf; }

.c-cards01__header-head { font-size: 1.6rem; font-weight: 700; letter-spacing: .08em; }

.c-cards01__header-sub { margin-top: 5px; color: #0682cf; font-size: 1.3rem; letter-spacing: .08em; }

.c-cards01__header-link-line { text-decoration: underline; }

@media all and (min-width: 768px) { .c-cards01__item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 60px; border-radius: 20px; }
  .c-cards01__img { min-width: 500px; width: 500px; margin: 0 50px 0 0; }
  .c-cards01__area-txt { width: 100%; }
  .c-cards01__header { margin-bottom: 32px; padding-left: 32px; }
  .c-cards01__header:before { margin: 0; }
  .c-cards01__header-head { font-size: 2.4rem; }
  .c-cards01__header-sub { margin-top: 15px; font-size: 1.6rem; }
  .c-cards01__header-link:hover .c-cards01__header-link-line { text-decoration: none; } }

/* .c-color-black
================================================== */
.c-color-black { color: #222; }

/* .c-color-blue
================================================== */
.c-color-blue { color: #0682cf; }

/* .c-color-yellow
================================================ */
.c-color-yellow { color: #ffea59; }

/* .c-cv01
================================================ */
.c-cv01 { background: url(../img/common/c-cv/bg_cv01_sp.jpg) no-repeat center/cover; }

.c-cv01__inner { padding-top: 30px; padding-bottom: 35px; }

.c-cv01-content { position: relative; padding: 24px 26px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; -webkit-box-shadow: 5px 4px 10px rgba(13, 44, 95, 0.35); box-shadow: 5px 4px 10px rgba(13, 44, 95, 0.35); background-color: #fff; }

.c-cv01-content__deco { position: absolute; top: -18px; right: -20px; width: 107.5px; pointer-events: none; }

.c-cv01-content__head { line-height: 1.5; margin-bottom: 18px; font-size: 2rem; font-weight: 700; letter-spacing: .08em; text-align: center; }

.c-cv01-content__check-item { line-height: 1.5; position: relative; padding-left: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.3rem; font-weight: 700; }

.c-cv01-content__check-item + .c-cv01-content__check-item { margin-top: 6px; }

.c-cv01-content__check-item:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url(../img/common/ico_check01.png) no-repeat 0 0/contain; }

.c-cv01-content__btn { margin-top: 24px; }

@media all and (min-width: 768px) { .c-cv01 { background-image: url(../img/common/c-cv/bg_cv01_pc.jpg); }
  .c-cv01__inner { padding-top: 80px; padding-bottom: 80px; }
  .c-cv01-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 66px 80px 80px; border-radius: 20px; -webkit-box-shadow: 5px 8px 20px rgba(13, 44, 95, 0.35); box-shadow: 5px 8px 20px rgba(13, 44, 95, 0.35); }
  .c-cv01-content__deco { top: -55px; right: -80px; width: 300px; }
  .c-cv01-content__head { width: 100%; margin-bottom: 38px; font-size: 3.8rem; }
  .c-cv01-content__check { width: calc(100% - 500px); }
  .c-cv01-content__check-item { padding-left: 35px; font-size: 1.8rem; }
  .c-cv01-content__check-item + .c-cv01-content__check-item { margin-top: 12px; }
  .c-cv01-content__check-item:before { top: 1px; width: 25px; height: 25px; }
  .c-cv01-content__btn { margin: 0 0 0 auto; max-width: none; width: 500px; } }

/* .c-head01.is-white
================================================ */
.c-head01.is-white { color: #fff; }

.c-head01.is-white .c-head01__en { color: #fff; }

/* .c-head01
================================================ */
.c-head01 { margin-bottom: 20px; text-align: center; }

.c-head01__head { line-height: 1.5; font-size: 2.2rem; font-weight: 700; letter-spacing: .08em; }

.c-head01__en { line-height: 1.2; margin-top: 6px; color: #0682cf; }

.c-head01__lead { margin-top: 20px; font-weight: normal; }

@media all and (min-width: 768px) { .c-head01 { margin-bottom: 34px; }
  .c-head01__head { font-size: 4rem; }
  .c-head01__en { font-size: 2.6rem; }
  .c-head01__lead { margin-top: 35px; font-size: 1.8rem; } }

/* .c-marker-yellow
================================================== */
.c-marker-yellow { background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, #ffea59)); background: linear-gradient(transparent 55%, #ffea59 55%); }

/* .c-marker-blue
================================================== */
.c-marker-blue { background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, rgba(46, 187, 252, 0.2))); background: linear-gradient(transparent 55%, rgba(46, 187, 252, 0.2) 55%); }

/* common
================================================ */
/* .l-footer
================================================ */
/*.l-footer { position: relative; background: #222; }

@media all and (max-width: 767px) { .l-footer { padding-top: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } }*/

/* .l-footer__pagetop
================================================ */
/*.l-footer__pagetop-link { position: relative; width: 45px; height: 45px; margin: 0 auto; border-radius: 50%; background: rgba(119, 161, 195, 0.7); text-decoration: none; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.l-footer__pagetop-link:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin: 2px 0 0 1px; width: 7px; height: 7px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (min-width: 768px) { .l-footer__pagetop { opacity: 0; visibility: hidden; overflow: hidden; position: fixed; right: 0; bottom: 0; z-index: 10; width: 60px; height: 60px; margin: 0 20px 20px 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
  .l-footer__pagetop.is-view { opacity: 1; visibility: visible; }
  .l-footer__pagetop-link { width: 100%; height: 100%; margin: 0; }
  .l-footer__pagetop-link:before { margin: 2px 0 0 1px; width: 9px; height: 9px; border-width: 2px; } }*/

/* .l-footer-info
================================================ */
/*.l-footer-info__inner { padding: 30px 25px 40px; }

.l-footer-info__bnr { max-width: 325px; width: 100%; margin: 0 auto 10px; }

.l-footer-info__txt { margin-bottom: 18px; color: #fff; font-size: 1.2rem; }

.l-footer-info__mark { text-align: center; }

.l-footer-info__mark-img { max-width: 135px; width: 100%; margin: 0 auto 4px; }

.l-footer-info__mark-txt { line-height: 1.5; color: #fff; font-size: 1rem; letter-spacing: 0; }

@media all and (min-width: 768px) { .l-footer-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 0; }
  .l-footer-info__area-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 130px); }
  .l-footer-info__bnr { max-width: 400px; margin: 0 40px 0 0; }
  .l-footer-info__txt { margin-bottom: 0; font-size: 1.3rem; }
  .l-footer-info__mark { width: 130px; margin-left: auto; }
  .l-footer-info__mark-img { max-width: 130px; margin-bottom: 6px; }
  .l-footer-info__mark-txt { margin: 0 -10px; } }*/

/* .l-footer-site
================================================ */
/*.l-footer-site { border-top: 1px solid rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-footer-site__inner { padding: 40px 45px 85px; }

.l-footer-site__logo { margin-bottom: 8px; text-align: center; }

.l-footer-site__logo-link { display: inline-block !important; }

.l-footer-site__logo-link .logo01 { display: block; width: 120px; height: 34px; }

.l-footer-site__logo-link .logo01-black { fill: #fff; }

.l-footer-site__logo-link .logo01-green { fill: #fff; }

.l-footer-site__logo-link .logo01-blue { fill: #fff; }

.l-footer-site-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; }

.l-footer-site-nav__item { line-height: 1.75; width: calc(50% - 10px); margin-bottom: 10px; }

.l-footer-site-nav__item-link { display: inline-block; color: #fff; font-size: 1.2rem; }

.l-footer-site__cr { margin-top: 24px; color: rgba(255, 255, 255, 0.3); font-size: 1.2rem; letter-spacing: .08em; text-align: center; }

@media all and (min-width: 768px) { .l-footer-site__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 28px 0 20px; }
  .l-footer-site__logo { margin-bottom: 0; text-align: left; }
  .l-footer-site__logo-link .logo01 { width: 153px; height: 44px; }
  .l-footer-site-nav { margin: -8px 0 0 25px; }
  .l-footer-site-nav__item { width: auto; margin: 0 22px; }
  .l-footer-site-nav__item-link { font-size: 1.4rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .l-footer-site-nav__item-link:hover { color: #0682cf; }
  .l-footer-site__cr { margin-top: -6px; font-size: 1.3rem; text-align: right; } }*/

/* .l-header
================================================ */
/*.l-header { position: fixed; top: 0; left: 0; width: 100%; min-width: 320px; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2000; }

@media all and (min-width: 768px) { .l-header { min-width: 1180px; padding: 20px; }
  .l-header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1400px; width: 100%; height: 80px; margin: 0 auto; padding: 8px 8px 8px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 40px; -webkit-box-shadow: 5px 8px 30px rgba(6, 130, 207, 0.2); box-shadow: 5px 8px 30px rgba(6, 130, 207, 0.2); background-color: #fff; } }*/

/* .l-header-info
================================================== */
/*.l-header-info { position: relative; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-header-info__logo svg { display: block; width: 100px; height: 29px; }

@media all and (max-width: 767px) { .l-header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 54px; padding: 0 60px 0 20px; border-radius: 54px; -webkit-box-shadow: 5px 5px 15px rgba(6, 130, 207, 0.2); box-shadow: 5px 5px 15px rgba(6, 130, 207, 0.2); background-color: #fff; } }

@media all and (min-width: 768px) { .l-header-info__logo svg { width: 153px; height: 44px; } }*/

/* .l-nav-btn
================================================== */
/*.l-nav-btn { position: absolute; top: 7px; right: 10px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: #9cbdd7; cursor: pointer; }

.l-nav-btn__line { content: ''; position: absolute; left: 13px; width: 15px; height: 2px; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.l-nav-btn__line:nth-child(1) { top: 16px; }

.l-nav-btn__line:nth-child(2) { top: 22px; }

.l-nav-btn.is-open .l-nav-btn__line:nth-child(1) { top: 19px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.l-nav-btn.is-open .l-nav-btn__line:nth-child(2) { top: 19px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }*/

/* .l-nav
================================================ */
/*.l-nav { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.l-nav__btn { margin-top: 28px; }

@media all and (max-width: 767px) { .l-nav { position: absolute; top: 0; left: 0; z-index: 2; min-width: 320px; width: 100%; max-height: 100vh; padding: 108px 0; overflow: auto; -webkit-transform: translateX(120%); transform: translateX(120%); background: #e7f4fd; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .l-nav::-webkit-scrollbar { display: none; }
  .l-nav.is-open { -webkit-transform: translateX(0); transform: translateX(0); } }

@media all and (min-width: 768px) { .l-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; }
  .l-nav__btn { max-width: none; width: 220px; margin: 0 0 0 30px; }
  .l-nav__btn-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 65px; padding: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 1.5rem; letter-spacing: .2em; }
  .l-nav__btn-link:after { content: none; } }*/

/* .l-nav-list
================================================== */
/*.l-nav-list__item { line-height: 1.75; text-align: center; }

.l-nav-list__item + .l-nav-list__item { margin-top: 17px; }

.l-nav-list__item-link { display: inline-block; font-size: 1.5rem; font-weight: 700; letter-spacing: .05em; }

@media all and (min-width: 768px) { .l-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .l-nav-list__item { text-align: left; }
  .l-nav-list__item + .l-nav-list__item { margin: 0 0 0 33px; }
  .l-nav-list__item-link { font-size: 1.6rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .l-nav-list__item-link:hover { color: #0682cf; } }*/

/* .l-nav-overlay
================================================ */
/*.l-nav-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1000; }

@media all and (min-width: 768px) { .l-nav-overlay { display: none !important; } }*/

/* .l-header-cv
================================================ */
/*.l-header-cv { position: fixed; left: 0; right: 0; bottom: 0; min-width: 320px; z-index: 900; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-header-cv__btn-link { line-height: 1.75; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 60px; border-radius: 10px 10px 0 0; -webkit-box-shadow: 5px -4px 10px rgba(0, 152, 236, 0.25); box-shadow: 5px -4px 10px rgba(0, 152, 236, 0.25); background: -webkit-gradient(linear, left top, right top, from(#0288D4), to(#1A67D9)); background: linear-gradient(90deg, #0288D4 0%, #1A67D9 100%); color: #fff; font-size: 1.5rem; font-weight: 700; text-align: center; }

.l-header-cv__btn-txt { position: relative; display: inline-block; }

.l-header-cv__btn-txt:after { content: ''; position: absolute; top: 50%; right: -36px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }*/

/* .l-main-img HOME
================================================ */
.l-main-img__img { display: block; }

.l-main-img__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

@media all and (max-width: 767px) { .l-main-img { background: #e7f4fd; } }

@media all and (min-width: 768px) { .l-main-img { position: relative; z-index: 1; }
  .l-main-img__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } }

/* .l-main-img-info
================================================ */
.l-main-img-info { position: relative; z-index: 1; margin-top: -64px; padding-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-main-img-info__mockup { position: relative; z-index: 2; width: 61.5%; margin: 0 auto 8%; }

.l-main-img-info__bubble { position: absolute; top: -18.5%; left: 50%; width: 31%; margin-left: 15%; z-index: 1; }

.l-main-img-info__copy { display: block; }

.l-main-img-info__bnr { margin: 15px 0 0 0; text-align: center;}

.l-main-img-info__copy img { width: 100%; }

@media all and (min-width: 768px) { .l-main-img-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 900px; min-height: 600px; height: calc(100vh - 45px); margin-top: 0; padding-bottom: 0; }
  .l-main-img-info__mockup { position: absolute; right: 90px; bottom: -40px; width: 510px; margin: 0; }
  .l-main-img-info__area-txt { position: relative; margin-top: 84px; }
  .l-main-img-info__bubble { left: auto; top: -20px; right: 40px; width: 198px; margin-left: 0; }
	.l-main-img-info__bnr { margin: 25px 0 0 0; }
	.l-main-img-info__bnr img { width: 520px; }
  .l-main-img-info__copy { width: 780px; } }

@media (max-height: 840px) and (min-width: 767px) { .l-main-img-info__mockup { right: 40px; width: 412px; }
  .l-main-img-info__copy { width: 640px; }
  .l-main-img-info__bubble { top: 0; right: 60px; width: 138px; } }

@media (max-width: 1440px) and (min-width: 768px) { .l-main-img-info__mockup { right: 40px; width: 412px; }
  .l-main-img-info__copy { width: 640px; }
  .l-main-img-info__bubble { top: 0; right: 60px; width: 138px; } }

/* helper
================================================ */
.js-c-anime-elem[data-anime="fadein-up"] { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.js-c-anime-elem[data-anime="fadein-up"].is-animated { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.js-c-anime-elem[data-anime="fadein-left"] { opacity: 0; -webkit-transform: translateX(-30px); transform: translateX(-30px); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.js-c-anime-elem[data-anime="fadein-left"].is-animated { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

.js-c-anime-elem[data-anime="fadein-right"] { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.js-c-anime-elem[data-anime="fadein-right"].is-animated { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

.js-c-anime-elem[data-anime-delay="0.1"] { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.js-c-anime-elem[data-anime-delay="0.2"] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.js-c-anime-elem[data-anime-delay="0.3"] { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.js-c-anime-elem[data-anime-delay="0.4"] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.js-c-anime-elem[data-anime-delay="0.5"] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.js-c-anime-elem[data-anime-delay="0.6"] { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.js-c-anime-elem[data-anime-delay="0.7"] { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.js-c-anime-elem[data-anime-delay="0.8"] { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.js-c-anime-elem[data-anime-delay="0.9"] { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

.js-c-anime-elem[data-anime-delay="1"] { -webkit-transition-delay: 1s; transition-delay: 1s; }

.js-c-anime-elem[data-anime-delay="1.1"] { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

.js-c-anime-elem[data-anime-delay="1.2"] { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

.js-c-anime-elem[data-anime-delay="1.3"] { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }

.js-c-anime-elem[data-anime-delay="1.4"] { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }

.js-c-anime-elem[data-anime-delay="1.5"] { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

.js-c-anime-elem[data-anime-delay="1.6"] { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }

.js-c-anime-elem[data-anime-delay="1.7"] { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; }

.js-c-anime-elem[data-anime-delay="1.8"] { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

.js-c-anime-elem[data-anime-delay="1.9"] { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; }

.js-c-anime-elem[data-anime-delay="2"] { -webkit-transition-delay: 2s; transition-delay: 2s; }

/* .js-c-cards01-slider
================================================ */
.js-c-cards01-slider { margin: 0 -15px; }

.js-c-cards01-slider .c-cards01__item { margin: 0 5px; }

@media all and (max-width: 767px) { .js-c-cards01-slider .slick-arrow { top: 19% !important; -webkit-transform: translateY(0); transform: translateY(0); } }

@media all and (min-width: 768px) { .js-c-cards01-slider { margin: 0 -10px; }
  .js-c-cards01-slider .slick-list { overflow: visible; }
  .js-c-cards01-slider .c-cards01__item { margin: 0 10px; } }

/* .js-c-slick-style
================================================ */
.js-c-slick-style .slick-arrow { position: absolute; top: 50%; left: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 45px; height: 45px; padding: 0; background: rgba(119, 161, 195, 0.7); border: 0; border-radius: 50%; font-size: 0; outline: none; z-index: 1; }

.js-c-slick-style .slick-arrow::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 6px; height: 6px; margin-left: 1px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.js-c-slick-style .slick-arrow.slick-next { left: auto; right: 2px; -webkit-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); }

.js-c-slick-style .slick-arrow.slick-next:before { margin-left: -1px; }

.js-c-slick-style .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 25px; }

.js-c-slick-style .slick-dots li.slick-active button { background: #0682cf; }

.js-c-slick-style .slick-dots li + li { margin-left: 25px; }

.js-c-slick-style .slick-dots button { display: block; width: 12.5px; height: 12.5px; padding: 0; border: 1px solid #0682cf; border-radius: 50%; background: #fff; font-size: 0; }

@media all and (min-width: 768px) { .js-c-slick-style .slick-arrow { left: -32px; margin-top: -15px; width: 60px; height: 60px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .js-c-slick-style .slick-arrow::before { width: 9px; height: 9px; border-width: 2px; }
  .js-c-slick-style .slick-arrow.slick-next { left: auto; right: -32px; }
  .js-c-slick-style .slick-arrow.slick-next:before { margin-left: 0; } }

@media all and (min-width: 768px) and (hover: hover) { .js-c-slick-style .slick-arrow:hover { opacity: .7; } }

@media all and (min-width: 768px) { .js-c-slick-style .slick-dots { margin-top: 30px; }
  .js-c-slick-style .slick-dots button { width: 15px; height: 15px; border-width: 2px; } }

.js-c-switch-tab { cursor: pointer; }

.js-c-switch-content { display: none; }

.js-c-switch-content.is-active { display: block; }

.js-c-toggle-trigger { cursor: pointer; }

.js-c-toggle-content { display: none; }

/* page
================================================ */
/* .home-feature-intro
================================================ */
.home-feature-intro { position: relative; z-index: 1; overflow: hidden; }

.home-feature-intro__deco { position: absolute; z-index: -1; pointer-events: none; }

.home-feature-intro__deco img { width: 100%; }

.home-feature-intro__deco.is-item01 { top: -20px; left: 0; width: 375px; }

.home-feature-intro__deco.is-item02 { bottom: 0; right: -70px; width: 429px; }

.home-feature-intro__inner { padding-top: 58px; padding-bottom: 214px; }

.home-feature-intro__head { line-height: 1.75; margin: 0 -15px 26px; font-size: 1.9rem; font-weight: 700; letter-spacing: .08em; text-align: center; }

.home-feature-intro-list { position: relative; z-index: 1; }

.home-feature-intro-list:after { content: ''; position: absolute; left: 50%; bottom: -45px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; margin-left: 10px; border-style: solid; border-width: 55px 122.5px 0 122.5px; border-color: #e7f4fd transparent transparent transparent; z-index: -1; }

.home-feature-intro-list__item { position: relative; margin-left: 60px; margin-right: 30px; padding: 24px 0 24px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 5px 4px 15px rgba(6, 130, 207, 0.2); box-shadow: 5px 4px 15px rgba(6, 130, 207, 0.2); border-radius: 15px 15px 15px 0; background-color: #0682cf; color: #fff; text-align: center; }

.home-feature-intro-list__item + .home-feature-intro-list__item { margin-top: 25px; }

.home-feature-intro-list__ico { position: absolute; left: -60px; bottom: -22px; width: 105px; }

.home-feature-intro-list__label { line-height: 1; position: absolute; top: -9px; left: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #0682cf; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; color: #0682cf; font-size: 1rem; font-weight: 700; letter-spacing: 0; white-space: nowrap; text-align: center; }

.home-feature-intro-list__txt { line-height: 1.6; font-weight: 700; }

.home-feature-intro-list__txt-big { font-size: 1.7rem; }

@media all and (max-width: 360px) { .home-feature-intro-list:after { margin-left: 25px; }
  .home-feature-intro-list__item { margin-right: 0; }
  .home-feature-intro-list__ico { left: -70px; } }

@media all and (min-width: 768px) { .home-feature-intro__deco.is-item01 { top: 0; width: 897px; }
  .home-feature-intro__deco.is-item02 { right: 0; width: 858px; }
  .home-feature-intro__inner { padding-top: 136px; padding-bottom: 292px; }
  .home-feature-intro__head { margin: 0 0 110px; font-size: 3.6rem; }
  .home-feature-intro-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; }
  .home-feature-intro-list:after { bottom: -90px; margin-left: 0; border-width: 120px 550px 0 550px; }
  .home-feature-intro-list__item { width: calc(33.33% - 40px); margin: 0 20px; padding: 96px 20px 28px; -webkit-box-shadow: 5px 8px 30px rgba(6, 130, 207, 0.2); box-shadow: 5px 8px 30px rgba(6, 130, 207, 0.2); border-radius: 20px 20px 20px 0; }
  .home-feature-intro-list__item + .home-feature-intro-list__item { margin-top: 0; }
  .home-feature-intro-list__item:nth-of-type(2) .home-feature-intro-list__txt { margin-top: 8px; }
  .home-feature-intro-list__ico { top: -82px; left: 50%; bottom: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 180px; }
  .home-feature-intro-list__label { top: -10px; left: -10px; width: 50px; height: 50px; border-width: 2px; font-size: 1.3rem; }
  .home-feature-intro-list__txt { font-size: 1.8rem; }
  .home-feature-intro-list__txt-big { font-size: 2.4rem; } }

/* .home-feature-detail
================================================ */
.home-feature-detail { position: relative; z-index: 1; margin-top: -150px; }

.home-feature-detail:before { content: ''; position: absolute; top: 150px; left: 0; width: 100%; height: calc(100% - 150px); background-color: #e7f4fd; z-index: -1; }

.home-feature-detail__inner { padding-bottom: 60px; }

.home-feature-detail__content { padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; -webkit-box-shadow: 5px 4px 15px rgba(6, 130, 207, 0.2); box-shadow: 5px 4px 15px rgba(6, 130, 207, 0.2); background: -webkit-gradient(linear, left top, right top, color-stop(1%, #196bb3), color-stop(50%, #38c2c4), to(#21bf91)); background: linear-gradient(90deg, #196bb3 1%, #38c2c4 50%, #21bf91 100%); }

.home-feature-detail__content-in { padding: 42px 25px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; background-color: #fff; }

.home-feature-detail__head { margin: 0 -25px 14px; font-size: 1.7rem; font-weight: 700; letter-spacing: .08em; text-align: center; }

.home-feature-detail__head-logo { display: inline-block; vertical-align: middle; }

.home-feature-detail__head-logo svg { display: block; width: 95px; height: 36px; }

.home-feature-detail__head-small { font-size: 1rem; }

.home-feature-detail-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px -10px; }

.home-feature-detail-list__item { position: relative; width: calc(50% - 10px); margin: 0 5px 10px; padding-top: 46.615%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; background-color: #F8F8F8; }

.home-feature-detail-list__num { position: absolute; top: 0; left: 0; width: 25.5%; padding-top: 25.5%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; background: -webkit-gradient(linear, left top, right top, color-stop(1%, #00acc6), color-stop(50%, #38c2c4), to(#21bf91)); background: linear-gradient(90deg, #00acc6 1%, #38c2c4 50%, #21bf91 100%); color: #fff; font-size: 3.58vw; text-align: center; }

.home-feature-detail-list__num-txt { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.home-feature-detail-list__wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.home-feature-detail-list__ico { width: 37%; margin: 0 auto 4px; }

.home-feature-detail-list__ico img { width: 100%; }

.home-feature-detail-list__txt { line-height: 1.5; font-size: 3.32vw; font-weight: 700; text-align: center; }

.home-feature-detail__txt { margin-top: 30px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-feature-detail__txt-small { display: inline-block; vertical-align: text-top; color: #999999; font-size: 1rem; }

.home-feature-detail__note { padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999999; font-size: 1.2rem; }

@media all and (min-width: 768px) { .home-feature-detail__inner { padding-bottom: 120px; }
  .home-feature-detail__content { padding: 10px; border-radius: 60px; -webkit-box-shadow: none; box-shadow: none; }
  .home-feature-detail__content-in { padding: 82px 40px 90px; border-radius: 50px; }
  .home-feature-detail__head { margin: 0 0 50px; font-size: 3rem; }
  .home-feature-detail__head-logo svg { width: 150px; height: 57px; }
  .home-feature-detail__head-small { font-size: 1.8rem; }
  .home-feature-detail-list { max-width: calc(1100px + 40px); width: 100%; margin: 0 auto -40px; }
  .home-feature-detail-list__item { width: calc(25% - 40px); margin: 0 20px 40px; padding-top: 21.492%; }
  .home-feature-detail-list__num { width: 25%; padding-top: 25%; font-size: 2.4rem; }
  .home-feature-detail-list__wrap { margin-top: -4px; }
  .home-feature-detail-list__ico { width: 100px; margin: 0 auto 16px; }
  .home-feature-detail-list__txt { font-size: 2rem; }
  .home-feature-detail__txt { margin-top: 56px; padding: 0; font-size: 1.8rem; text-align: center; }
  .home-feature-detail__txt-small { font-size: 1.2rem; }
  .home-feature-detail__note { padding: 0; font-size: 1.4rem; text-align: center; } }

@media (max-width: 1250px) and (min-width: 768px) { .home-feature-detail-list__num { font-size: 2rem; }
  .home-feature-detail-list__ico { width: 80px; margin-bottom: 10px; }
  .home-feature-detail-list__txt { font-size: 1.8rem; } }

/* .home-reason-intro
================================================ */
.home-reason-intro { position: relative; }

.home-reason-intro:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 40px); background: url(../img/home/bg_reason01.jpg) no-repeat center/cover; z-index: -1; }

.home-reason-intro__inner { padding: 48px 25px 0; }

.home-reason-intro__head { line-height: 1.5; margin-bottom: 24px; font-size: 2.2rem; font-weight: 700; letter-spacing: .08em; text-align: center; }

.home-reason-intro__head-num { line-height: 1; font-size: 4rem; }

.home-reason-intro-anchor__item + .home-reason-intro-anchor__item { margin-top: 15px; }

.home-reason-intro-anchor__item-link { line-height: 1.5; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 80px; padding-left: 50px; border-radius: 50px; -webkit-box-shadow: 5px 4px 10px rgba(0, 152, 236, 0.2); box-shadow: 5px 4px 10px rgba(0, 152, 236, 0.2); border: 2px solid #0682cf; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; font-weight: 700; text-align: center; }

.home-reason-intro-anchor__item-link:after { content: ''; position: absolute; top: 50%; right: 24px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 9px; height: 9px; margin-top: -2px; border-bottom: 2px solid #0682cf; border-right: 2px solid #0682cf; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-reason-intro-anchor__num { line-height: 1; position: absolute; top: -2px; left: -2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 24px; height: 24px; border-radius: 50%; background-color: #ffea59; color: #0682cf; font-size: 1.1rem; text-align: center; }

.home-reason-intro-anchor__ico { width: 60px; }

@media all and (max-width: 767px) { .home-reason-intro-anchor__ico { position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-width: 380px) { .home-reason-intro-anchor__item-link { padding-left: 20px; font-size: 1.2rem; }
  .home-reason-intro-anchor__ico { left: 15px; width: 40px; } }

@media all and (min-width: 768px) { .home-reason-intro:before { height: calc(100% - 150px); }
  .home-reason-intro__inner { padding: 100px 60px 0; }
  .home-reason-intro__head { margin-bottom: 48px; font-size: 4.4rem; }
  .home-reason-intro__head-num { font-size: 8rem; }
  .home-reason-intro-anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; }
  .home-reason-intro-anchor__item { width: calc(33.33% - 40px); margin: 0 20px; }
  .home-reason-intro-anchor__item + .home-reason-intro-anchor__item { margin-top: 0; }
  .home-reason-intro-anchor__item-link { height: 300px; padding-left: 0; border-radius: 50%; -webkit-box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.2); box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.2); font-size: 1.7rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .home-reason-intro-anchor__item-link:after { top: auto; right: auto; bottom: 45px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); width: 14px; height: 14px; margin-top: 0; border-width: 3px; }
  .home-reason-intro-anchor__item-link:hover { background-color: #e7f4fd; }
  .home-reason-intro-anchor__item-wrap { margin-top: -25px; }
  .home-reason-intro-anchor__num { top: 8px; left: 28px; width: 50px; height: 50px; font-size: 2.4rem; }
  .home-reason-intro-anchor__ico { width: 120px; margin: 0 auto 15px; } }

/* .home-reason-sec
/* ポイントセクションのベース
================================================ */
.home-reason-sec:nth-of-type(odd) .home-reason-sec-intro__img-deco { left: auto; right: -10px; }

.home-reason-sec__inner { position: relative; padding-top: 60px; padding-bottom: 60px; }

.home-reason-sec-intro { padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-reason-sec-intro__img { position: relative; margin-bottom: 20px; }

.home-reason-sec-intro__img-in { text-align: center; }

.home-reason-sec-intro__img-in img { border-radius: 10px; }

.home-reason-sec-intro__img-deco { position: absolute; left: -10px; bottom: -54px; width: 100px; }

.home-reason-sec-intro__header { margin-bottom: 18px; text-align: center; }

.home-reason-sec-intro__header-label { line-height: 1.5; margin-bottom: 8px; }

.home-reason-sec-intro__header-label-in { display: inline-block; padding: 3px 8px 1px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px 5px 5px 0; background-color: #ffea59; color: #0682cf; font-size: 1.5rem; text-align: center; }

.home-reason-sec-intro__header-head { line-height: 1.75; font-size: 1.9rem; font-weight: 700; letter-spacing: .08em; }

.home-reason-sec-intro__header-head-small { font-size: 1.1rem; }

.home-reason-sec-intro__note { margin-top: 4px; padding-left: 1em; text-indent: -1em; color: #999999; font-size: 1.2rem; }

.home-reason-sec-set { position: relative; z-index: 1; margin-top: 36px; padding: 0 10px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-reason-sec-set + .home-reason-sec-set { margin-top: 30px; }

.home-reason-sec-set:before { content: ''; position: absolute; top: 18px; left: 0; width: 100%; height: calc(100% - 18px); border-radius: 10px; background-color: #e7f4fd; z-index: -1; }

.home-reason-sec-set__head { line-height: 1.5; position: relative; margin: 0 20px 26px; padding: 3px 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50px; background-color: #0682cf; color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center; }

.home-reason-sec-set__head:after { content: ''; position: absolute; left: 50%; bottom: -7px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #0682cf transparent transparent transparent; }

@media all and (min-width: 768px) { .home-reason-sec:nth-of-type(odd) .home-reason-sec-intro { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .home-reason-sec:nth-of-type(odd) .home-reason-sec-intro__img { margin: 0 80px 0 -150px; }
  .home-reason-sec:nth-of-type(odd) .home-reason-sec-intro__img-deco { left: auto; right: -30px; }
  .home-reason-sec__inner { padding-top: 100px; padding-bottom: 100px; }
  .home-reason-sec-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 0; }
  .home-reason-sec-intro__img { min-width: 700px; width: 700px; margin: 0 -150px 0 80px; }
  .home-reason-sec-intro__img-in img { border-radius: 20px; }
  .home-reason-sec-intro__img-deco { left: -30px; bottom: -70px; width: 200px; }
  .home-reason-sec-intro__header { margin-bottom: 32px; text-align: left; }
  .home-reason-sec-intro__header-label { margin-bottom: 14px; }
  .home-reason-sec-intro__header-label-in { padding: 2px 16px; border-radius: 10px 10px 10px 0; font-size: 2.6rem; }
  .home-reason-sec-intro__header-head { font-size: 3.3rem; }
  .home-reason-sec-intro__header-head-small { font-size: 1.8rem; }
  .home-reason-sec-intro__note { margin-top: 6px; font-size: 1.4rem; }
  .home-reason-sec-set { margin-top: 80px; padding: 0 60px 60px; }
  .home-reason-sec-set + .home-reason-sec-set { margin-top: 50px; }
  .home-reason-sec-set:before { top: 25px; height: calc(100% - 25px); border-radius: 20px; }
  .home-reason-sec-set__head { width: 320px; margin: 0 auto 36px; padding: 9px 10px 11px; border-radius: 100px; font-size: 2rem; }
  .home-reason-sec-set__head:after { bottom: -10px; border-width: 10px 7px 0 7px; } }

/* .home-reason-point01
================================================ */
.home-reason-point01 { overflow: hidden; }

.home-reason-point01__inner { z-index: 1; }

.home-reason-point01__deco { position: absolute; pointer-events: none; z-index: -1; }

.home-reason-point01__deco.is-item01 { top: 18px; left: -20px; width: 164px; }

.home-reason-point01__deco.is-item02 { top: 400px; right: -16px; width: 75px; }

.home-reason-point01__deco.is-item03 { right: -120px; bottom: -50px; width: 317px; }

.home-reason-point01-advantage-list__item { position: relative; padding: 20px 20px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff url(../img/home/bg_reason01_point01.png) no-repeat center right 15px/110px; }

.home-reason-point01-advantage-list__item + .home-reason-point01-advantage-list__item { margin-top: 10px; }

.home-reason-point01-advantage-list__head { line-height: 1.5; margin-bottom: 8px; font-size: 1.7rem; font-weight: 700; letter-spacing: .08em; }

.home-reason-point01-advantage-list__txt { font-size: 1.3rem; }

.home-reason-point01-function__txt { margin: 0 20px 12px; }

.home-reason-point01-function-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -2.5px -5px; }

.home-reason-point01-function-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(33.33% - 5px); height: 105px; margin: 0 2.5px 5px; background-color: #fff; }

.home-reason-point01-function-list__ico { width: 45px; margin: 0 auto 2px; }

.home-reason-point01-function-list__txt { line-height: 1.5; font-size: 1.3rem; font-weight: 700; text-align: center; }

@media all and (max-width: 360px) { .home-reason-point01-function-list__txt { font-size: 1.2rem; } }

@media all and (min-width: 768px) { .home-reason-point01__deco.is-item01 { top: 364px; left: -570px; width: 501px; }
  .home-reason-point01__deco.is-item02 { right: auto; top: 850px; left: -172px; width: 151px; }
  .home-reason-point01__deco.is-item03 { right: -580px; bottom: -50px; width: 792px; }
  .home-reason-point01-advantage-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -20px; }
  .home-reason-point01-advantage-list__item { width: calc(50% - 20px); margin: 0 10px 20px; padding: 34px 40px 34px; background-position: center right 25px; background-size: 160px; }
  .home-reason-point01-advantage-list__item + .home-reason-point01-advantage-list__item { margin-top: 0; }
  .home-reason-point01-advantage-list__head { margin-bottom: 10px; font-size: 2.4rem; }
  .home-reason-point01-advantage-list__txt { font-size: 1.6rem; }
  .home-reason-point01-function__txt { margin: 0 0 26px; font-size: 1.8rem; text-align: center; }
  .home-reason-point01-function-list { margin: 0 -10px -20px; }
  .home-reason-point01-function-list__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(25% - 20px); height: 65px; margin: 0 10px 20px; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .home-reason-point01-function-list__ico { width: 45px; margin: 0 5px 0 0; }
  .home-reason-point01-function-list__txt { font-size: 1.6rem; text-align: left; } }

/* .home-reason-point02
================================================ */
.home-reason-point02-system__txt { margin-bottom: 18px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-reason-point02-system__img { display: block; text-align: center; }

.home-reason-point02__bnr { margin: 30px 10px 0; }

.home-reason-point02__bnr-link { border-radius: 10px; -webkit-box-shadow: 5px 4px 10px rgba(0, 152, 236, 0.2); box-shadow: 5px 4px 10px rgba(0, 152, 236, 0.2); text-align: center; overflow: hidden; }

.home-reason-point02__bnr-link img { width: 100%; }

@media all and (min-width: 768px) { .home-reason-point02-system__txt { margin-bottom: 36px; padding: 0; }
  .home-reason-point02__bnr { max-width: 840px; width: 100%; margin: 60px auto 0; }
  .home-reason-point02__bnr-link { border-radius: 20px; -webkit-box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.2); box-shadow: 5px 8px 20px rgba(0, 152, 236, 0.2); } }

/* .home-reason-electronic
================================================ */
.home-reason-electronic {
  margin-top: 50px;
}
.home-reason-electronic__area-img img {
  border-radius: 20px;
}
.home-reason-electronic__set {
  display: grid;
  gap: 20px;
}
.home-reason-electronic__head {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 15px;
  color: #0682cf;
}
@media all and (min-width: 768px) {
  .home-reason-electronic {
    margin-top: 110px;
  }
  .home-reason-electronic__set {
    grid-template-columns: 470px 1fr;
    gap: 50px;
  }
  .home-reason-electronic__head {
    font-size: 3rem;
    margin-bottom: 20px;
    text-align: left;
  }
}

/* .home-reason-electronic-point
================================================ */
.home-reason-electronic-point {
  margin-top: 35px;
}
.home-reason-electronic-point__item {
  position: relative;
}
.home-reason-electronic-point__item:nth-child(2) .home-reason-electronic-point__ico{
  width: 93.5%;
}
.home-reason-electronic-point__item:nth-child(3) .home-reason-electronic-point__ico{
  width: 93.5%;
}
.home-reason-electronic-point__item-in {
  box-shadow: 0 0 20px rgba(0, 85, 163, 0.2);
  border-radius: 10px;
  overflow: hidden;
}
.home-reason-electronic-point__item + .home-reason-electronic-point__item {
  margin-top: 30px;
}
.home-reason-electronic-point__area-txt {
  background: #fff;
  padding: 20px;
  text-align: center;
}
.home-reason-electronic-point__img {
  background: #E7F4FD;
}
.home-reason-electronic-point__num {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(#0288D4, #1A67D9);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.home-reason-electronic-point__head {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
}
.home-reason-electronic-point__ico {
  width: 65.5%;
  margin: 10px auto 5px;
}
@media all and (min-width: 768px) {
  .home-reason-electronic-point {
    margin-top: 80px;
  }
  .home-reason-electronic-point__item:nth-child(2) .home-reason-electronic-point__ico{
    width: 452px;
    margin-top: 5px;
  }
  .home-reason-electronic-point__item:nth-child(3) .home-reason-electronic-point__ico{
    width: 452px;
    margin-top: 15px;
  }
  .home-reason-electronic-point__item + .home-reason-electronic-point__item {
    margin-top: 50px;
  }
  .home-reason-electronic-point__item-in {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    background: #fff;
  }
  .home-reason-electronic-point__item-in.is-wide {
    grid-template-columns: 100%;
  }
  .home-reason-electronic-point__item-in.is-wide .home-reason-electronic-point__area-txt {
    padding: 50px 20px;
  }
  .home-reason-electronic-point__num {
    font-size: 2.4rem;
    width: 70px;
    height: 70px;
    top: -18px;
    left: -18px;
  }
  .home-reason-electronic-point__head {
    font-size: 2.4rem;
  }
  .home-reason-electronic-point__ico {
    width: 300px;
    margin-top: 40px;
  }
}

/* .home-case
================================================ */
.home-case__inner { padding-top: 54px; padding-bottom: 60px; }

@media all and (min-width: 768px) { .home-case__inner { padding-top: 120px; padding-bottom: 120px; } }

/* .home-price
================================================ */
.home-price { background: url(../img/home/bg_price01.jpg) no-repeat center/cover; }

.home-price__inner { padding: 56px 25px 60px; }

.home-price-content { background-color: #fff; }

.home-price-content__head { line-height: 1.5; padding: 14px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e7f4fd; font-weight: 700; text-align: center; }

.home-price-content-detail { padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-price-content-detail__head { line-height: 1.5; width: 115px; margin: 0 auto 8px; padding: 2px 0; border-radius: 50px; border: 2px solid #0682cf; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; font-weight: 700; text-align: center; }

.home-price-content-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.home-price-content-detail__info-price { line-height: 1.5; color: #0682cf; font-size: 1.2rem; font-weight: 700; }

.home-price-content-detail__info-price-num { line-height: 1; display: inline-block; vertical-align: text-bottom; margin: 0 4px -4px 0; font-size: 3.3rem; letter-spacing: -.02em; }

.home-price-content-detail__info-label { line-height: 1.5; width: 128px; margin-left: 10px; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffea59; font-size: 1.3rem; font-weight: 700; text-align: center; }

.home-price-content-detail__info-label-num { line-height: 1; display: inline-block; vertical-align: text-bottom; margin: 0 2px -1px; font-size: 2.2rem; letter-spacing: -.02em; }

@media all and (max-width: 360px) { .home-price-content-detail__info-label { width: 110px; margin-left: 5px; } }

@media all and (min-width: 768px) { .home-price__inner { padding: 120px 60px 120px; }
  .home-price__header { margin-bottom: 58px; }
  .home-price-content { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .home-price-content__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 320px; min-width: 320px; padding: 0; font-size: 1.8rem; }
  .home-price-content-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 22px 40px; }
  .home-price-content-detail__head { width: 110px; margin: 0 20px 0 0; padding: 4px 0; font-size: 1.4rem; }
  .home-price-content-detail__info-price { font-size: 1.6rem; }
  .home-price-content-detail__info-price-num { margin: -4px 5px -6px 0; font-size: 4.8rem; }
  .home-price-content-detail__info-label { width: 180px; margin-left: 30px; padding: 12px 0 15px; font-size: 1.6rem; }
  .home-price-content-detail__info-label-num { margin: 0 2px -2px; font-size: 3rem; } }

/* .home-flow
================================================ */
.home-flow__inner { padding-top: 56px; padding-bottom: 60px; }

.home-flow-list__item { position: relative; margin-left: 10px; border-radius: 5px; -webkit-box-shadow: 0 0 20px rgba(1, 85, 163, 0.15); box-shadow: 0 0 20px rgba(1, 85, 163, 0.15); background-color: #fff; }

.home-flow-list__item + .home-flow-list__item { margin-top: 55px; }

.home-flow-list__item + .home-flow-list__item:before { content: ''; position: absolute; top: -48px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); width: 28px; height: 28px; border-right: 7px solid #0682cf; border-bottom: 7px solid #0682cf; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-flow-list__label { line-height: 1.1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; top: -10px; left: -10px; width: 52.5px; height: 52.5px; padding-top: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; background: -webkit-gradient(linear, left top, right top, from(#0288d4), to(#1a67d9)); background: linear-gradient(90deg, #0288d4 0%, #1a67d9 100%); color: #fff; font-size: 1.1rem; text-align: center; }

.home-flow-list__label-num { display: block; font-size: 1.8rem; }

.home-flow-list__head { line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 80px; padding-top: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.6rem; font-weight: 700; letter-spacing: .08em; text-align: center; }

.home-flow-list__img img { width: 100%; }

.home-flow-list__info { padding: 18px 28px 22px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-flow-list__info-note { margin-top: 2px; padding-left: 1em; text-indent: -1em; color: #999999; font-size: 1.2rem; }

@media all and (min-width: 768px) { .home-flow__inner { padding-top: 120px; padding-bottom: 120px; }
  .home-flow-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -27.5px; }
  .home-flow-list__item { width: calc(33.33% - 55px); margin: 0 27.5px; border-radius: 5px; -webkit-box-shadow: 0 0 40px rgba(1, 85, 163, 0.15); box-shadow: 0 0 40px rgba(1, 85, 163, 0.15); }
  .home-flow-list__item + .home-flow-list__item { margin-top: 0; }
  .home-flow-list__item + .home-flow-list__item:before { top: 50%; left: -40px; -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); width: 21px; height: 21px; margin-top: -30px; border-width: 5px; }
  .home-flow-list__label { top: -20px; left: -20px; width: 70px; height: 70px; font-size: 1.5rem; }
  .home-flow-list__label-num { font-size: 2.4rem; }
  .home-flow-list__head { height: 110px; padding-top: 8px; font-size: 2rem; }
  .home-flow-list__info { padding: 22px 30px 35px; }
  .home-flow-list__info-txt { font-size: 1.5rem; }
  .home-flow-list__info-note { font-size: 1.4rem; } }

/* .home-faq
================================================ */
.home-faq__inner { padding: 56px 25px 60px; }

.home-faq-list__item { border-radius: 10px; background: -webkit-gradient(linear, left top, right top, from(#0288d4), to(#1a67d9)); background: linear-gradient(90deg, #0288d4 0%, #1a67d9 100%); overflow: hidden; }

.home-faq-list__item + .home-faq-list__item { margin-top: 10px; }

.home-faq-list__q, .home-faq-list__a { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-faq-list__q { line-height: 1.75; padding: 12px 45px 10px 35px; color: #fff; font-weight: 700; letter-spacing: .08em; }

.home-faq-list__q-toggle { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; }

.home-faq-list__q-toggle:before, .home-faq-list__q-toggle:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 25px; height: 4px; border-radius: 4px; background-color: #fff; }

.home-faq-list__q-toggle:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.home-faq-list__q.is-active .home-faq-list__q-toggle:after { -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); }

.home-faq-list__a { margin: 0 2px 2px; padding: 12px 15px 20px 33px; border-radius: 0 0 8px 8px; background-color: #fff; }

.home-faq-list__a-note { padding-left: 1em; text-indent: -1em; color: #999999; font-size: 1.2rem; }

.home-faq-list__a-img { margin-top: 10px; }

.home-faq-list__ico { position: absolute; top: 12px; left: 15px; color: #fff; font-size: 1.5rem; font-weight: 700; }

.home-faq-list__ico.is-a { color: #0682cf; }

@media all and (min-width: 768px) { .home-faq__inner { padding: 110px 0 120px; }
  .home-faq-list__item { border-radius: 20px; }
  .home-faq-list__q { padding: 20px 85px 20px 65px; font-size: 1.8rem; }
  .home-faq-list__q-toggle { right: 30px; width: 30px; height: 30px; }
  .home-faq-list__q-toggle:before, .home-faq-list__q-toggle:after { width: 30px; height: 6px; }
  .home-faq-list__a { padding: 12px 25px 24px 63px; border-radius: 0 0 18px 18px; }
  .home-faq-list__a-note { font-size: 1.4rem; }
  .home-faq-list__a-img { margin-top: 20px; }
  .home-faq-list__ico { top: 18px; left: 30px; font-size: 2.4rem; }
  .home-faq-list__ico.is-a { top: 6px; } }

@media all and (max-width: 767px) {
	.chatdealer-main-frame{
		bottom: 65px !important;
		box-shadow: none !important;
	}
}