@charset "UTF-8";
body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2c2c2c;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif !important
}
body.menu-is-open {
    height: 100%;
    overflow-y: hidden
}
html {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}
body {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}
a {
    color: inherit;
    text-decoration: none
}
a.txt-blue {
    color: #006bc7
}
a.txt-green {
    color: #007457
}
a.txt-blue img {
    padding-left: 3px
}
.txt-bold {
    font-weight: 700
}
.font-mincho{
  font-family:'Hiragino Mincho Pro',serif;
}
/* bxsliderカスタマイズ */
.bx-wrapper .bx-next{
  background: url(../img/arrow-green.svg);
  background-repeat: no-repeat;
  background-color: #fff;
  border: 1px solid #007457;
  border-radius: 50%;
  background-position: 60% 50%;
  right: -16px;
}
.bx-wrapper .bx-prev{
  background: url(../img/arrow-green.svg);
  background-repeat: no-repeat;
  background-color: #fff;
  border: 1px solid #007457;
  border-radius: 50%;
  background-position: 60% 50%;
  transform: rotate(180deg);
  left: -16px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #007457;
}
.heading2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1
}
.heading2--typeA {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f3f6f7;
    border-bottom: 1px solid #dbe5e8;
    border-top: 1px solid #dbe5e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    height: 78px;
    text-align: left
}
.heading2--typeA span {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
@media(max-width:999px) {
    .heading2 {
        font-size: 24px;
        padding: 4px 16px;
        line-height: 1.4;
        height: auto;
    }
    .heading2--typeA {
        font-size: 20px;
    }
}
.font-num {
    font-family: "Open Sans", "Noto Sans", Meiryo, sans-serif
}
.br-pc {
    display: inline
}
.br-sp {
    display: none
}
@media(max-width:999px) {
    .br-pc {
        display: none
    }
    .br-sp {
        display: inline
    }
}
.img-pc {
    display: inline
}
.img-sp {
    display: none
}
@media(max-width:999px) {
    .img-pc {
        display: none
    }
    .img-sp {
        display: inline
    }
}
@font-face {
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2') format("woff2");
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2') format("woff2");
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}
@font-face {
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2') format("woff2");
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    unicode-range: U + 1F00-1FFF
}
@font-face {
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2') format("woff2");
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    unicode-range: U + 0370-03FF
}
@font-face {
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2') format("woff2");
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}
@font-face {
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2') format("woff2");
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF
}
@font-face {
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2') format("woff2");
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    -webkit-box-sizing: border-box;
    border: 0;
    box-sizing: border-box;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.l-content {
    margin: 0 auto;
    max-width: 100%
}
.l-content-inner {
    margin: 0 auto;
    max-width: 100%;
    position: relative
}
.l-footer {
    margin: 0 auto;
    max-width: 100%
}
.l-header {
    width: 100%
}
.l-header-inner {
    margin: 0 auto;
    max-width: 100%;
    position: relative
}
@media(max-width:999px) {
    .l-header {
        height: 60px
    }
    .l-header.menu-is-open {
        height: 100vh
    }
}
.sg-cv {
    background-color: #007457;
    background-image: url('../img/cv-bg.png');
    background-position: -460px 0;
    background-repeat: no-repeat;
    height: 386px;
    margin: 0 auto 64px;
    padding: 60px 0;
    padding: 60px 0;
    width: 100%;
    text-align: center;
}
.sg-cv__inner {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 100%
}
.sg-cv__inner--track01:before {
    content: url('../img/cv-track01.svg');
    left: -48px;
    position: absolute;
    top: -100px
}
.sg-cv__inner--track02:before {
    content: url('../img/cv-track02.svg');
    position: absolute;
    right: -48px;
    top: -130px
}
.sg-cv__txt {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 30px
}
.sg-cv__note {
    color: #fff;
    font-size: 14px
}
.sg-cv--track01 {
    background-image: url('../img/cv-bg01.png');
    background-position: left -460px bottom 0
}
.sg-cv--track02 {
    background-image: url('../img/cv-bg02.png');
    background-position: right -460px bottom 0
}
.sg-cv.mb0 {
    margin-bottom: 0
}
.sg-cv--pc {
    display: block
}
.sg-cv--sp {
    display: none
}
@media(max-width:999px) {
    .sg-cv {
        height: auto;
        margin-bottom: 48px;
        padding-bottom: 64px;
        padding-top: 75px
    }
    .sg-cv__txt {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px;
        position: relative;
        z-index: 999
    }
    .sg-cv__inner--track01:before {
        left: -180px;
        top: -230px
    }
    .sg-cv__inner--track02:before {
        right: -298px;
        top: -280px
    }
    .sg-cv--track01 {
        background-position: center
    }
    .sg-cv--track02 {
        background-position: center
    }
    .sg-cv--track01:before {
        left: -98px;
        top: -168px
    }
    .sg-cv--track02:before {
        right: -198px;
        top: -248px
    }
    .sg-cv--pc {
        display: none
    }
    .sg-cv--sp {
        display: block
    }
}
@media(max-width:450px) {
    .sg-cv--track01 {
        background-image: url('../img/cv-bg01-sp.png')
    }
    .sg-cv--track02 {
        background-image: url('../img/cv-bg02-sp.png')
    }
    .sg-cv__inner--track01:before {
        content: url('../img/cv-track01-sp.svg');
        left: -120px;
        top: -156px
    }
    .sg-cv__inner--track02:before {
        -webkit-transform: rotate(-3deg);
        content: url('../img/cv-track02-sp.svg');
        left: 130px;
        top: -171px;
        transform: rotate(-3deg)
    }
}
@media(max-width:320px) {
    .sg-cv__txt {
        font-size: 22px
    }
    .sg-cv__note {
        font-size: 12px
    }
}
.sg-footer-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    background-color: #f3f6f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 64px;
    padding-bottom: 36px;
    padding-top: 62px;
}
.sg-footer-top__area{
    display: flex;
}
@media(max-width:999px) {
    .sg-footer-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 50px 30px 44px
    }
    .sg-footer-top__area{
        display: block;
    }
}
.sg-header-bottom {
    background-color: #fff;
    height: auto;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 99999
}
.sg-header-bottom__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    justify-content: space-between;
    margin: 0 24px;
    max-width: 100%;
    width: auto;
}
.sg-header-bottom__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.sg-header-bottom__right{
    display: flex;
}
.sg-header-bottom.notice1-is-show {
    top: 70px
}
.sg-header-bottom.notice2-is-show {
    top: 100px
}
.sg-header-bottom.fixed {
    position: fixed;
    top: 0
}
@media(max-width:999px) {
    .sg-header-bottom {
        background-color: rgba(255, 255, 255, .9);
        padding: 0 10px;
        position: relative;
        top: 0;
        z-index: 99999
    }
    .sg-header-bottom__inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        height: 60px;
        justify-content: space-between;
        margin: 0;
    }
    .sg-header-bottom__right {
        margin-left: 12px;
        padding-right: 36px;
    }
    .sg-header-bottom.spmenu-is-open {
        background-color: #fff
    }
    .sg-header-bottom.notice1-is-show {
        top: 0
    }
    .sg-header-bottom.notice2-is-show {
        top: 0
    }
    .sg-header-bottom.fixed {
        top: 0
    }
}
.sg-header-top {
    -webkit-box-sizing: content-box;
    background-color: #dbe5e8;
    box-sizing: content-box;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    padding-bottom: 72px;
    width: 100%
}
.sg-header-top__inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0 36px;
    max-width: 100%;
    width: auto;
}
.sg-header-top.notice1-is-show {
    height: 70px
}
.sg-header-top.notice2-is-show {
    height: 100px
}
@media(max-width:999px) {
    .sg-header-top {
        height: auto;
        padding: 0
    }
    .sg-header-top.notice1-is-show {
        height: 32px
    }
    .sg-header-top.notice2-is-show {
        height: 79px
    }
    .sg-header-top__inner {
        display: none
    }
}
.sg-helpdesk {
    background-color: #f0f3f4;
    padding-bottom: 54px;
    padding-top: 64px
}
.sg-helpdesk__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    width: 645px
}
.sg-helpdesk--typeA {
    background-color: #007457;
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px
}
.sg-helpdesk--typeA:before {
    bottom: 0;
    content: url('../img/helpdesk-typeA-bg.svg');
    height: 320px;
    left: -140px;
    overflow: hidden;
    position: absolute;
    z-index: 0
}
@media(max-width:999px) {
    .sg-helpdesk {
        padding-bottom: 40px;
        padding-top: 44px
    }
    .sg-helpdesk__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
@media(max-width:450px) {
    .sg-helpdesk--typeA:before {
        bottom: auto;
        content: url('../img/helpdesk-typeA-bg-sp.svg');
        height: 120%;
        top: -80px;
        left: -80px
    }
}
.sg-manga {
    padding-bottom: 64px;
    padding-top: 66px;
    text-align: center
}
.sg-manga__inner {
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
.sg-manga__ttl {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px
}
.sg-manga__box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    width: 100%
}
@media(max-width:999px) {
    .sg-manga {
        padding-bottom: 32px;
        padding-top: 48px
    }
    .sg-manga__ttl {
        margin-bottom: 32px
    }
    .sg-manga__box {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}
.sg-update-num {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 0;
    top: 300px;
    width: 320px;
    z-index: 999
}
.sg-update-num__ttl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #007457;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    height: 36px;
    justify-content: flex-start;
    padding-left: 14px;
    width: 100%
}
.sg-update-num__list {
    background-color: rgba(255, 255, 255, .8)
}
.sg-update-num__item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #acacac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: flex-start;
    padding-left: 14px;
    position: relative;
    width: 100%
}
.sg-update-num__item:after {
    content: url('../img/arrow-green.svg');
    height: auto;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 9.1px
}
.sg-update-num__item:hover {
    background-color: #fff
}
.sg-update-num__item > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding-right: 40px;
    width: 100%
}
.sg-update-num__item .update-num {
    padding-left: 0;
    padding-right: 6px
}
.sg-update-num__item .txt-big {
    font-size: 32px;
    font-weight: 700
}
@media(max-width:999px) {
    .sg-update-num {
        left: 0;
        margin: auto;
        right: 0;
        top: 405px;
        width: 310px
    }
    .sg-update-num__ttl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        font-size: 14px;
        height: 32px;
        justify-content: center;
        padding: 0
    }
    .sg-update-num__item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        font-size: 14px;
        height: 48px;
        justify-content: space-between;
        padding-right: 54px
    }
    .sg-update-num__item > a {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 0;
        width: 100%
    }
    .sg-update-num__item:after {
        right: 18px;
        top: 16px
    }
    .sg-update-num__item .txt-big {
        font-size: 24px
    }
    .sg-update-num__item .update-num {
        padding: 0 3px 0 0;
    }
    .sg-update-num.notice2-is-show {
        top: 425px
    }
}
.pg-accessmap {
    margin-bottom: 64px
}
@media(max-width:999px) {
    .pg-accessmap {
        margin-bottom: 48px
    }
}
.pg-appeal {
    margin: 0 auto 64px;
    max-width: 100%;
    text-align: center;
    width: 1118px
}
.pg-appeal__ttl {
    margin-bottom: 40px
}
.pg-appeal__note {
    color: #666;
    font-size: 12px;
    padding-right: 100px;
    text-align: right
}
@media(max-width:999px) {
    .pg-appeal__ttl {
        margin-bottom: 36px
    }
    .pg-appeal__note {
        margin: 0 auto;
        padding-right: 0;
        width: 310px
    }
}
.pg-carrier-manga {
    margin-bottom: 64px
}
@media(max-width:999px) {
    .pg-carrier-manga {
        margin-bottom: 48px
    }
}
.pg-corporate-history {
    margin-bottom: 64px
}
.pg-corporate-history__ttl {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 32px;
    text-align: center
}
@media(max-width:999px) {
    .pg-corporate-history {
        margin-bottom: 48px
    }
    .pg-corporate-history__ttl {
        font-size: 24px;
        margin-bottom: 24px
    }
}
.pg-corporate-philosophy {
    margin: 0 auto 64px;
    text-align: center
}
.pg-corporate-philosophy__head {
    color: #007457;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 30px;
    padding-top: 24px
}
.pg-corporate-philosophy__desc {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 56px
}
@media(max-width:999px) {
    .pg-corporate-philosophy {
        margin-bottom: 48px
    }
    .pg-corporate-philosophy__head {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 14px;
        margin-top: -10px;
        padding: 0 32px
    }
    .pg-corporate-philosophy__desc {
        margin-bottom: 32px;
        padding: 0 32px;
        text-align: left
    }
}
.pg-flow {
    background-color: #f0f3f4;
    margin: 0 auto 64px;
    max-width: 100%;
    padding-top: 64px;
    text-align: center
}
.pg-flow__ttl {
    margin-bottom: 32px;
    padding-top: 90px;
    margin-top: -90px
}
.pg-flow__note {
    font-size: 16px;
    margin-bottom: 50px
}
@media(max-width:999px) {
    .pg-flow {
        margin-bottom: 48px;
        padding-top: 40px
    }
    .pg-flow__ttl {
        margin-bottom: 10px
    }
    .pg-flow__note {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 20px
    }
}
.pg-mv {
    background-image: url('../img/mv-bg.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 620px;
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}
.pg-mv__inner {
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 0px;
    padding-top: 120px;
    width: 958px
}
.pg-mv__h1 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    padding-left: 56px;
    margin-bottom: 20px;
    position: relative;
}
.pg-mv__h1:before {
    content: url('../img/mv-h1_bar.svg');
    position: absolute;
    top: -6px;
    left: 30px;
    color: #fff;
}
.pg-mv__h1:after {
    content: url('../img/mv-h1_bar.svg');
    position: absolute;
    top: -6px;
    left: 454px;
    color: #fff;
}
.pg-mv .c-btn-trial {
    margin-left: 0
}
@media(max-width:999px) {
    .pg-mv {
        background-position: center;
        height: 606px;
        margin-top: -60px
    }
    .pg-mv__inner {
        height: 606px;
        padding-top: 155px;
        text-align: center;
    }
    .pg-mv__h1 {
        text-align: center;
        padding-left: 0;
        font-size: 12px;
        margin-bottom: 10px;
        display: inline-block;
    }
    .pg-mv__h1:before {
        top: -4px;
        left: -20px;
    }
    .pg-mv__h1:after {
        top: -4px;
        right: -10px;
        left: unset;
    }
    .pg-mv .c-btn-trial {
        margin: 0 auto
    }
    .pg-mv.notice1-is-show {
        margin-top: -30px
    }
    .pg-mv.notice2-is-show {
        background-position: center 3px;
        height: 626px;
        margin-top: 0
    }
    .pg-mv.notice2-is-show .pg-mv__inner {
        padding-top: 175px
    }
}
@media(max-width:450px) {
    .pg-mv {
        background-image: url('../img/mv-bg-sp.jpg');
        background-position: center 1px
    }
}
@media(min-width:1441px) {
    .pg-mv {
        background-position: center
    }
}
.pg-notice-all {
    margin-bottom: 64px;
    position: relative;
    z-index: 999
}
.pg-notice-all__inner {
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
@media(max-width:999px) {
    .pg-notice-all__inner {
        min-width: 80%;
        width: 310px
    }
}
.pg-notice-top {
    margin-bottom: 64px
}
.pg-notice-top__inner {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    width: 640px
}
.pg-notice-top__ttl {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px
}
.pg-notice-top__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-transition: all 0.3s ease 0s;
    align-items: center;
    border: 1px solid #007457;
    border-radius: 30px;
    color: #007457;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 230px
}
.pg-notice-top__btn:after {
    content: url('../img/arrow-green.svg');
    position: absolute;
    right: 27px;
    top: 16px;
    width: 9.1px
}
.pg-notice-top__btn:hover {
    background-color: #007457;
    color: #fff
}
.pg-notice-top__btn:hover:after {
    content: url('../img/arrow-white01.svg')
}
@media(max-width:999px) {
    .pg-notice-top__inner {
        min-width: 80%;
        width: 310px
    }
}
.pg-officer-intro {
    margin-bottom: 64px
}
.pg-officer-intro__inner {
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
.pg-officer-intro__ttl {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 32px;
    text-align: center
}
@media(max-width:999px) {
    .pg-officer-intro {
        margin-bottom: 48px;
        text-align: center
    }
    .pg-officer-intro__ttl {
        font-size: 24px;
        margin-bottom: 24px
    }
}
.pg-plan {
    margin: 0 auto 64px;
    max-width: 100%;
    text-align: center;
    width: 960px
}
.pg-plan__ttl {
    margin-bottom: 42px
}
.pg-plan__note {
    font-size: 22px;
    margin-bottom: 52px
}
@media(max-width:999px) {
    .pg-plan {
        margin-bottom: 48px
    }
    .pg-plan__note {
        font-size: 16px;
        margin-bottom: 34px
    }
    .pg-plan__ttl {
        line-height: 32px;
        margin-bottom: 32px
    }
}
.pg-price {
    margin-bottom: 64px;
    padding-top: 64px;
    text-align: center
}
.pg-price__inner {
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: 790px
}
.pg-price__ttl {
    margin-bottom: 22px
}
@media(max-width:999px) {
    .pg-price {
        margin-bottom: 48px;
        padding-top: 34px
    }
}
.pg-reason {
    background-color: #007457;
    margin: 0 auto 64px;
    max-width: 100%;
    width: 100%
}
@media(max-width:999px) {
    .pg-reason {
        margin-bottom: 48px
    }
}
.pg-service-feature {
    padding-bottom: 0;
    padding-top: 50px;
    text-align: center
}
.pg-service-feature__inner {
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
.pg-service-feature__ttl {
    margin-bottom: 36px
}
@media(max-width:999px) {
    .pg-service-feature {
        padding-top: 40px
    }
    .pg-service-feature__ttl {
        margin-bottom: 32px
    }
}
.pg-service {
    margin: 0 auto 64px;
    max-width: 100%;
    text-align: center;
    width: 958px
}
.pg-service__ttl {
    margin-bottom: 62px
}
.pg-service__box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.pg-service__link {
    display: block;
    text-align: right;
    padding-top: 10px
}
@media(max-width:999px) {
    .pg-service {
        margin-bottom: 16px
    }
    .pg-service__box {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .pg-service__ttl {
        margin-bottom: 36px
    }
    .pg-service__link {
        width: 310px;
        margin: -20px auto 30px;
        padding-top: 0;
    }
}
.pg-update-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 66px;
    margin: -95px auto 28px;
    max-width: 100%;
    overflow: hidden;
    width: 100%
}
.pg-update-info__ttl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #007457;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    min-width: 158px;
    width: 158px
}
.pg-update-info__ttl h2 {
    padding-left: 10px;
    position: relative
}
.pg-update-info__ttl h2:before {
    content: url('../img/icon-update.svg');
    height: auto;
    left: -10px;
    position: absolute;
    top: 0;
    width: 15.6px
}
.pg-update-info tbody {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: auto !important;
    margin-left: 0 !important;
    overflow: hidden !important;
    width: auto !important
}
@media(max-width:999px) {
    .pg-update-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        margin-bottom: 0;
        margin-top: 0
    }
    .pg-update-info__ttl {
        height: 32px;
        min-width: auto;
        width: 100%
    }
    .pg-update-info tbody {
        margin-left: 0 !important;
        overflow: hidden !important
    }
    .pg-update-info.menu-is-open {
        position: absolute
    }
}
.wrap01 {
    height: 100vh;
    position: absolute;
    top: 0;
    width: 100vw
}
.wrap01 .wrap02 {
    height: 100vh;
    position: relative;
    width: 100vw
}
.wrap01 .wrap02 .pg-update-info {
    bottom: 84px;
    position: absolute
}
.wrap01 .wrap02 .pg-update-info.notice1-is-show {
    bottom: 114px
}
.wrap01 .wrap02 .pg-update-info.notice2-is-show {
    bottom: 144px
}
@media(max-width:999px) {
    .wrap01 {
        height: auto;
        position: static;
        top: 0;
        width: auto
    }
    .wrap01 .wrap02 {
        height: auto;
        position: static;
        width: auto
    }
    .wrap01 .wrap02 .pg-update-info {
        bottom: 84px;
        position: static
    }
    .wrap01 .wrap02 .pg-update-info.notice1-is-show {
        bottom: 114px
    }
    .wrap01 .wrap02 .pg-update-info.notice2-is-show {
        bottom: 144px
    }
}
.pg-warranty {
    margin-bottom: 64px;
    text-align: center
}
.pg-warranty__inner {
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
.pg-warranty__ttl {
    margin-bottom: 32px
}
.pg-warranty__note {
    font-size: 18px;
    margin-bottom: 42px
}
@media(max-width:999px) {
    .pg-warranty__ttl {
        margin-bottom: 6px
    }
    .pg-warranty__note {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 18px
    }
}
.c-appeal {
    margin-bottom: 16px
}
.c-appeal__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    width: 918px
}
.c-appeal__item {
    width: auto
}
.c-appeal__item.item02 {
    border-left: 1px solid #dbe5e8;
    border-right: 1px solid #dbe5e8;
    margin: 0 32px;
    padding: 0 32px
}
.c-appeal__sub {
    font-size: 24px;
    height: 24px;
    margin-bottom: 10px;
    width: 100%
}
.c-appeal__main {
    color: #007457;
    font-size: 60px;
    font-weight: 700;
    width: 100%
}
.c-appeal__main .txt-small {
    font-size: 24px;
    letter-spacing: 0
}
.c-appeal__kome {
    font-size: 12px;
    height: auto;
    padding-top: 8px;
    text-align: right;
    width: 100%
}
@media(max-width:999px) {
    .c-appeal {
        margin-bottom: 0
    }
    .c-appeal__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .c-appeal__item {
        margin-bottom: 27px;
        padding-bottom: 12px;
        width: 310px
    }
    .c-appeal__item.mb0 {
        margin-bottom: 0
    }
    .c-appeal__item--border {
        border-bottom: 1px solid #bbb
    }
    .c-appeal__item.item02 {
        border-left: none;
        border-right: none;
        margin: 0 0 27px;
        padding: 0 0 12px;
    }
    .c-appeal__sub {
        font-size: 20px;
        margin-bottom: 14px
    }
    .c-appeal__main {
        font-size: 48px
    }
    .c-appeal__main .txt-small {
        font-size: 24px
    }
    .c-appeal__kome {
        padding-right: 30px;
        padding-top: 10px
    }
}
.c-bread-crumbs {
    background-color: #f3f6f7
}
.c-bread-crumbs__inner {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: 960px
}
.c-bread-crumbs__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    height: 40px;
    width: 100%
}
.c-bread-crumbs__item.is-link {
    color: #0f0f0f;
    font-weight: 700;
    padding-right: 36px;
    position: relative
}
.c-bread-crumbs__item.is-link:after {
    content: url('../img/bread-crumbs-arrow.svg');
    position: absolute;
    right: 14px;
    top: 2px;
}
.c-bread-crumbs__item.is-link:hover {
    color: #636363
}
.c-bread-crumbs--typeA {
    background-color: #fff;
    margin-bottom: 24px
}
@media(max-width:999px) {
    .c-bread-crumbs{
        padding: 8px 0;
    }
    .c-bread-crumbs--typeA{
        margin-bottom: 16px;
    }
    .c-bread-crumbs__list{
        flex-wrap: wrap;
        height: auto;
    }
    .c-bread-crumbs__inner {
        width: auto;
        margin: 0 16px
    }
    .c-bread-crumbs__item{
        line-height: 1.4;
        margin-bottom: 8px;
    }
    .c-bread-crumbs__item.is-link:after{
        top: 0px;
    }
}
.c-btn-detail {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: all 0.3s ease 0s;
    align-items: center;
    border: 1px solid #007457;
    border-radius: 30px;
    color: #007457;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 230px
}
.c-btn-detail:after {
    content: url('../img/arrow-green.svg');
    position: absolute;
    right: 27px;
    top: 14px;
    width: 9.1px
}
.c-btn-detail:hover {
    background-color: #007457;
    color: #fff
}
.c-btn-detail:hover:after {
    content: url('../img/arrow-white01.svg');
    top: 12px
}
@media(max-width:999px) {
    .c-btn-detail {
        height: 64px;
        margin-bottom: 32px
    }
    .c-btn-detail:after {
        top: 24px
    }
    .c-btn-detail:hover:after {
        top: 24px
    }
}
.c-btn-member {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    background-color: #007457;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    padding-right: 12px;
    position: relative;
    width: 160px
}
.c-btn-member:after {
    content: url('../img/icon-login-white.svg');
    height: auto;
    position: absolute;
    right: 27px;
    top: 13px;
    width: 12.8px
}
.c-btn-member:hover {
    opacity: .7
}
@media(max-width:999px) {
    .c-btn-member {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-sizing: border-box;
        align-items: center;
        background-color: #007457;
        border-radius: 34px;
        box-sizing: border-box;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 700;
        height: 64px;
        justify-content: center;
        margin: 0 auto;
        position: relative;
        width: 310px
    }
    .c-btn-member:after {
        right: 88px;
        top: 25px
    }
}
.c-btn-trial {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 0.6s ease 0s;
    align-items: center;
    background-color: #FFC20E;
    border: 2px solid #FFC20E;
    box-sizing: border-box;
    color: #2c2c2c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    justify-content: center;
    position: relative;
    transition: all 0.6s ease 0s;
}
.c-btn-trial:after {
    position: absolute
}
.c-btn-trial:hover {
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #FFC20E;
    box-sizing: border-box;
    color: #FFC20E
}

.c-btn-trial--001 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.6s ease 0s;
  align-items: center;
  /* background-color: #FFC20E; */
  border: 2px solid #FFC20E;
  box-sizing: border-box;
  color: #2c2c2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  justify-content: center;
  position: relative;
  transition: all 0.6s ease 0s;
  background-size: 200% 100%; 
  background-image: linear-gradient(to right, #FFC20E 50%, #fff 50%);
  transition: background-position .6s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.c-btn-trial--001:after {
  position: absolute
}
.c-btn-trial--001:hover {
  -webkit-box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #FFC20E;
  box-sizing: border-box;
  color: #FFC20E;
  background-color:rgba(255,255,255, 1);
  background-position: -100% 100%;
}
.c-btn-trial--001:hover:after {
  content: url('../img/arrow-yellow-big.svg')
}


.c-btn-trial--002 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: 700;
    color: #2c2c2c;
    text-align: center;
    border: 2px solid #FFC20E;
    background-color: #FFC20E;
    padding: 12px 16px;
    position: relative;
    opacity: 1 !important;
    transition: all 0.3s;
  }
  .c-btn-trial--002:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    opacity: 0;
    background-color: #fff;
    border-radius: 34px;
    border: 2px solid #FFC20E;
    transition: all 0.3s;
    pointer-events: none;
  }
  .c-btn-trial--002 span {
    position: relative;
    z-index: 99;
  }
  .c-btn-trial--002:hover {
    color: #FFC20E;
    transform: scale(0.9);
  }
  .c-btn-trial--002:hover:before {
    width: 98%;
    height: 96%;
    opacity: 1;
    border-radius: 48px;
  }
  .c-btn-trial--002:hover:after {
    content: url('../img/arrow-yellow-big.svg')
}


.c-btn-trial:hover:after {
    content: url('../img/arrow-yellow-big.svg')
}
.c-btn-trial--sm {
    border-radius: 24px;
    font-size: 14px;
    height: 40px;
    padding-right: 10px;
    width: 184px
}
.c-btn-trial--sm:after {
    content: url('../img/arrow-b.svg');
    height: auto;
    position: absolute;
    right: 10px;
    top: 11px;
    width: 6.6px
}
.c-btn-trial--sm:hover:after {
    content: url('../img/arrow-yellow.svg')
}
.c-btn-trial--md {
    border-radius: 42px;
    font-size: 24px;
    height: 82px;
    padding-right: 10px;
    width: 480px
}
.c-btn-trial--md:after {
    content: url('../img/arrow-b-big.svg');
    height: auto;
    right: 51px;
    top: 27px;
    width: 11.2px;
    z-index: 999;
}
.c-btn-trial--shadow {
    -webkit-box-shadow: 0 13px 16px rgba(0, 0, 0, .26);
    box-shadow: 0 13px 16px rgba(0, 0, 0, .26)
}
.c-btn-trial--cv {
    margin: 0 auto 20px;
    position: relative;
    z-index: 999;
}
.c-btn-trial--top{
  margin-left: 0;
}
@media(max-width:999px) {
    .c-btn-trial--sm {
        font-size: 12px;
        height: 40px;
        width: 150px
    }
    .c-btn-trial--sm:after {
        top: 12px
    }
    .c-btn-trial--md {
        font-size: 16px;
        height: 64px;
        margin: 0 auto;
        width: 310px;
        max-width: 100%;
    }
    .c-btn-trial--md:after {
        right: 27px;
        top: 20px
    }
    .c-btn-trial--md:hover:after {
        content: url('../img/arrow-yellow.svg')
    }
    .c-btn-trial--cv {
        margin-bottom: 28px
    }
}
@media(max-width:360px) {
    .c-btn-trial--sm {
        height: 30px;
        width: 125px
    }
    .c-btn-trial--sm:after {
        right: 8px;
        top: 10px
    }
}
.c-campaign-warranty {
    height: auto;
    margin: 6px 60px 0 auto;
    width: 278px
}
.c-campaign-warranty__head {
    background-color: #ef740c;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    padding: 8px 0;
    position: relative;
    width: 100%
}
.c-campaign-warranty__head:after {
    content: url('../img/campaign-warranty-triangle.svg');
    display: block;
    height: 14px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -8px;
    width: 21px
}
.c-campaign-warranty__desc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f3f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 12px 0
}
.c-campaign-warranty__desc .txt-impo {
    color: #ef740c;
    font-size: 24px;
    font-weight: 700;
    padding-left: 6px
}
.c-campaign-warranty--sp {
    display: none
}
@media(max-width:999px) {
    .c-campaign-warranty {
        display: none
    }
    .c-campaign-warranty--sp {
        display: block;
        margin: -6px auto 16px;
        width: 310px
    }
}
.c-corporate-info {
    margin-bottom: 64px
}
.c-corporate-info__ttl {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 32px;
    text-align: center
}
.c-corporate-info.pt {
    padding-top: 24px
}
@media(max-width:999px) {
    .c-corporate-info {
        margin-bottom: 48px
    }
    .c-corporate-info__ttl {
        font-size: 24px;
        margin-bottom: 24px
    }
    .c-corporate-info.pt {
        padding-top: 0
    }
}
.c-dl {
    -ms-flex-wrap: wrap;
    -webkit-box-sizing: content-box;
    border: 1px solid #dbe5e8;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: 0 auto 40px;
    max-width: 100%;
    width: 960px
}
.c-dl__dt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f0f3f4;
    border-bottom: 1px solid #dbe5e8;
    border-right: 1px solid #dbe5e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    justify-content: center;
    line-height: 26px;
    padding: 18px 10px;
    width: 243px;
    max-width: 25%;
    text-align: center;
}
.c-dl__dt:last-child {
    border-bottom: none
}
.c-dl__dt--noborder {
    border-bottom: none
}
.c-dl__dd {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    border-bottom: 1px solid #dbe5e8;
    display: block;
    font-size: 16px;
    height: auto;
    justify-content: left;
    line-height: 26px;
    padding: 18px 0 18px 32px;
    width: 716px;
    max-width: 75%;
}
.c-dl__dd:last-child {
    border-bottom: none
}
@media(max-width:999px) {
    .c-dl {
        height: auto;
        margin-bottom: 24px;
        width: 310px
    }
    .c-dl__dt {
        min-height: 30px;
        width: 100%;
        border-right: none;
        max-width: none;
        box-sizing: border-box;
        padding: 2px 10px;
    }
    .c-dl__dd {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: auto;
        justify-content: center;
        line-height: 24px;
        padding: 8px 12px;
        text-align: center;
        width: 100%;
        max-width: none;
    }
    .c-dl__dd.txt-left {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        text-align: left
    }
}
.c-flow__tab {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
.c-flow__tab > li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #fff;
    border-radius: 10px 10px 0 0;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 32px;
    font-weight: 700;
    height: 70px;
    justify-content: center;
    width: 392px
}
.c-flow__tab > li.tanpatsu {
    background-color: #007457
}
.c-flow__tab > li.shinki {
    background-color: #077bc1
}
.c-flow__tab > li.is-active {
    border-bottom: none;
    pointer-events: none;
    width: 552px
}
.c-flow__content {
    display: none
}
.c-flow__content.tanpatsu {
    background-color: #007457
}
.c-flow__content.shinki {
    background-color: #077bc1
}
.c-flow__content.is-show {
    display: block
}
.c-flow__box {
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0;
    width: 960px
}
.c-flow__list {
    -ms-flex-wrap: wrap;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}
.c-flow__item {
    padding: 32px 32px 20px;
}
.c-flow__item--470 {
    width: 470px
}
.c-flow__item--300 {
    width: 300px
}
.c-flow__item--270 {
    width: 270px
}
.c-flow__item--190 {
    width: 190px
}
.c-flow__item--110 {
    padding-left: 32px;
    padding-right: 0;
    width: 110px
}
.c-flow__item--first {
    position: relative
}
.c-flow__item--first:after {
    content: url('../img/flow-first-triangle.svg');
    height: auto;
    position: absolute;
    right: -21px;
    top: 0;
    width: 22px;
    z-index: 999
}
.c-flow__item--second {
    background-color: #f0f3f4;
    position: relative
}
.c-flow__item--second:after {
    content: url('../img/flow-second-triangle.svg');
    position: absolute;
    right: -25px;
    top: 0;
    width: 26px;
    z-index: 999
}
.c-flow__item--third {
    position: relative
}
.c-flow__item--third:after {
    content: url('../img/flow-first-triangle.svg');
    position: absolute;
    right: -21px;
    top: 0;
    width: 22px;
    z-index: 999
}
.c-flow__item--fourth {
    background-color: #f0f3f4;
    position: relative
}
.c-flow__item--notriangle:after {
    content: ""
}
.c-flow__step {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px
}
.c-flow__num {
    margin-bottom: 16px
}
.c-flow__desc {
    line-height: 27px
}
@media(max-width:999px) {
    .c-flow__tab {
        margin: 0 auto;
        width: 310px
    }
    .c-flow__tab > li {
        border-bottom: 1px solid #fff;
        font-size: 16px;
        height: 42px;
        width: 135px
    }
    .c-flow__tab > li.is-active {
        width: 174px
    }
    .c-flow__box {
        margin: 0 auto;
        padding-top: 24px;
        width: 310px
    }
    .c-flow__item {
        padding: 14px 32px
    }
    .c-flow__item--first:after {
        -webkit-transform: rotate(90deg);
        bottom: -165px;
        content: url('../img/flow-first-triangle-sp.svg');
        left: 144px;
        right: unset;
        top: unset;
        transform: rotate(90deg)
    }
    .c-flow__item--second {
        padding-top: 32px
    }
    .c-flow__item--second:after {
        -webkit-transform: rotate(90deg);
        bottom: -168px;
        content: url('../img/flow-second-triangle-sp.svg');
        left: 141px;
        right: unset;
        top: unset;
        transform: rotate(90deg)
    }
    .c-flow__item--third {
        padding-top: 32px
    }
    .c-flow__item--third:after {
        -webkit-transform: rotate(90deg);
        bottom: -165px;
        content: url('../img/flow-first-triangle-sp.svg');
        left: 141px;
        right: unset;
        top: unset;
        transform: rotate(90deg)
    }
    .c-flow__item--third {
        padding-top: 32px
    }
    .c-flow__item--fourth {
        padding-top: 32px
    }
    .c-flow__item--notriangle:after {
        content: ""
    }
    .c-flow__item--470 {
        width: 100%
    }
    .c-flow__item--300 {
        width: 100%
    }
    .c-flow__item--270 {
        width: 100%
    }
    .c-flow__item--190 {
        width: 100%
    }
    .c-flow__item--110 {
        padding: 32px 16px 0;
        width: 100%
    }
    .c-flow__num {
        margin-bottom: 10px
    }
    .c-flow__step {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px
    }
    .c-flow__desc {
        font-size: 16px;
        text-align: left
    }
}
.c-footer-company {
    font-size: 14px;
    margin-right: 52px;
}
.c-footer-company__logo {
    margin-bottom: 30px
}
.c-footer-company__txt {
    line-height: 24px;
    margin-bottom: 12px
}
.c-footer-company__txt.mb0 {
    margin-bottom: 0
}
.c-footer-company__txt > a > img {
    padding-left: 4px
}
.c-footer-company__txt>a:hover {
    color: #636363
}
@media(max-width:999px) {
    .c-footer-company {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-right: 0;
        order: 1;
        padding-left: 0
    }
    .c-footer-company__logo {
        margin-bottom: 10px
    }
    .c-footer-company__txt.txt-impo {
        font-size: 16px;
        font-weight: 700
    }
    .c-footer-company__txt > img {
        padding-left: 4px
    }
}
@media screen and(min-width:1000px) and(max-width:1279px) {
    .c-footer-company {
        margin-right: 32px;
        padding-left: 0
    }
}
.c-footer-menu {
    font-size: 14px;
    margin-right: 36px
}
.c-footer-menu.mr0 {
    margin-right: 0
}
.c-footer-menu__head {
    font-weight: 700;
    margin-bottom: 24px;
    pointer-events: none
}
.c-footer-menu__list {
    margin-left: 6px;
    padding-left: 6px;
    position: relative;
    border-left: 1px solid #ddd;
}
.c-footer-menu__list:after {
    position: absolute
}
.c-footer-menu__list.bar00:after {
    left: 0;
    top: 0
}
.c-footer-menu__list.bar01:after {
    left: 0;
    top: 0
}
.c-footer-menu__list.bar02:after {
    left: 0;
    top: 0
}
.c-footer-menu__item {
    margin-bottom: 24px
}
.c-footer-menu__item > a > img {
    padding-left: 4px
}
.c-footer-menu__item:hover {
    color: #636363
}
@media(max-width:999px) {
    .c-footer-menu {
        margin-bottom: 48px;
        margin-right: 0
    }
    .c-footer-menu.mb {
        margin-bottom: 48px
    }
    .c-footer-menu__head {
        font-size: 16px;
        margin-bottom: 0;
        pointer-events: unset;
        position: relative
    }
    .c-footer-menu__head:after {
        content: url('../img/arrow-black.svg');
        position: absolute;
        right: 0;
        top: 0
    }
    .c-footer-menu__head.is-open:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .c-footer-menu__list {
        border-left: 1px solid #ddd;
        display: none;
        margin-top: 32px;
        padding-left: 12px
    }
    .c-footer-menu__list:after {
        content: "" !important
    }
    .c-footer-menu__list.bar00 {
        height: auto
    }
    .c-footer-menu__list.bar01 {
        height: 200px
    }
    .c-footer-menu__list.bar02 {
        height: 60px
    }
    .c-footer-menu__item {
        margin-bottom: 32px
    }
}
@media screen and(min-width:1000px) and(max-width:1279px) {
    .c-footer-menu {
        margin-right: 24px
    }
}
.c-footer-nav {
    background-color: #222;
    padding: 0 166px
}
.c-footer-nav__list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 948px;
    width: 100%
}
.c-footer-nav__item {
    color: #fff;
    font-size: 14px;
    margin-left: 27px
}
.c-footer-nav__item > a > img {
    padding-left: 4px
}
.c-footer-nav__item:hover {
    opacity: .7
}
@media(max-width:999px) {
    .c-footer-nav {
        padding: 0
    }
    .c-footer-nav__list {
        -ms-flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        flex-wrap: wrap;
        height: auto;
        justify-content: flex-start;
        margin: 0 auto;
        padding: 28px 0;
        width: 304px
    }
    .c-footer-nav__item {
        margin-left: 0;
        width: auto
    }
    .c-footer-nav__item.m01 {
        margin-bottom: 30px;
        margin-right: 68px
    }
    .c-footer-nav__item.m02 {
        margin-bottom: 30px
    }
    .c-footer-nav__item.m03 {
        margin-right: 124px;
        margin-bottom: 30px;
    }
    .c-footer-nav__item.m04 {
        margin-bottom: 30px;
    }
}
.c-gnav {
    margin-left: 0
}
.c-gnav__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-left: 42px;
    width: auto
}
.c-gnav__item {
    font-size: 14px;
    font-weight: 700;
    margin-right: 24px
}
.c-gnav__item:hover {
    color: #636363
}
.c-gnav__item.ml0 {
    margin-left: 0
}
.c-gnav__item > a > img {
    padding-left: 3px
}
@media(max-width:999px) {
    .c-gnav {
        display: none
    }
    .c-gnav.is-show {
        display: block
    }
}
.c-googlemap {
    height: 460px;
    margin: 0 auto;
    max-width: 100%;
    width: 960px
}
.c-googlemap iframe {
    height: 460px;
    width: 100%
}
@media(max-width:999px) {
    .c-googlemap {
        height: 250px;
        width: 310px
    }
    .c-googlemap iframe {
        height: 250px
    }
}
.c-ham {
    display: none
}
@media(max-width:999px) {
    .c-ham {
        display: block;
        height: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        z-index: 99
    }
    .c-ham__icon {
        position: absolute;
        right: 14px;
        top: 20px;
        width: 24px;
        height: 20px;
    }
}
.c-helpdesk-helper {
    margin: 0 10px
}
.c-helpdesk-helper__ttl {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center
}
.c-helpdesk-helper__img {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: space-between;
    margin-bottom: 16px;
    text-align: center;
    width: 170px
}
.c-helpdesk-helper__box {
    height: auto;
    width: 77px
}
.c-helpdesk-helper__box .photo {
    display: block;
    margin-bottom: 6px
}
.c-helpdesk-helper__box .photo img {
    border-radius: 50%;
    height: auto;
    width: 77px
}
.c-helpdesk-helper__box .txt {
    font-size: 16px
}
.c-helpdesk-helper--typeA .c-helpdesk-helper__ttl {
    color: #fff
}
.c-helpdesk-helper--typeA .c-helpdesk-helper__box .txt {
    color: #fff
}
@media(max-width:999px) {
    .c-helpdesk-helper {
        -ms-flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .c-helpdesk-helper__ttl {
        width: 100%
    }
    .c-helpdesk-helper__img {
        margin-bottom: 12px;
        text-align: center
    }
}
.c-helpdesk-info {
    margin-right: 26px
}
.c-helpdesk-info__txt {
    color: #007457;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    z-index: 999;
    position: relative
}
.c-helpdesk-info__num {
    color: #007457;
    font-size: 55px;
    font-weight: 700;
    line-height: 75px;
    padding-left: 58px;
    position: relative
}
.c-helpdesk-info__num:before {
    content: url('../img/icon-call_pc.svg');
    left: 6px;
    position: absolute;
    top: 3px
}
.c-helpdesk-info__num a {
    pointer-events: none
}
.c-helpdesk-info__note {
    color: #007457;
    font-size: 14px;
    padding-left: 60px
}
.c-helpdesk-info--typeA .c-helpdesk-info__note,
.c-helpdesk-info--typeA .c-helpdesk-info__num,
.c-helpdesk-info--typeA .c-helpdesk-info__txt {
    color: #fff
}
.c-helpdesk-info--typeA .c-helpdesk-info__num:before {
    content: url('../img/icon-call-white_pc.svg')
}
@media(max-width:999px) {
    .c-helpdesk-info {
        margin: 0 0 16px;
        text-align: center;
        z-index: 999
    }
    .c-helpdesk-info__txt {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px
    }
    .c-helpdesk-info__num {
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 6px;
        padding-left: 18px
    }
    .c-helpdesk-info__num:before {
        content: url('../img/icon-call_sp.svg');
        left: -24px
    }
    .c-helpdesk-info__num a {
        pointer-events: visible
    }
    .c-helpdesk-info__note {
        font-weight: 700;
        margin-bottom: 16px;
        padding-left: 0;
        text-align: center
    }
    .c-helpdesk-info--typeA .c-helpdesk-info__num:before {
        content: url('../img/icon-call-white_sp.svg')
    }
}
.topOrderList {
    border-collapse: inherit !important;
    margin-top: 0 !important;
    width: auto !important
}
.topOrderList tr {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ededed;
    border-right: 1px solid #bbb;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: 66px;
    justify-content: left;
    margin-right: 0;
    padding: 4px 10px;
    position: relative;
    white-space: nowrap;
    width: 270px !important
}
.topOrderList tr:after {
    content: url('../img/arrow-green.svg');
    height: auto;
    position: absolute;
    right: 6px;
    top: 25px;
    width: 9.1px
}
.topOrderList tr:hover {
    background-color: #fff
}
.topOrderList tr:hover a:after {
    background: -webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(to left,#fff,rgba(255,255,255,0));
    background: -webkit-linear-gradient(right,#fff,rgba(255,255,255,0))
}
.topOrderList tr td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    border-bottom: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    padding: 0 !important
}
.topOrderList tr span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #007457 !important;
    border: none !important;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    margin-bottom: 3px;
    margin-left: 0 !important;
    padding: 0 !important;
    width: 60px
}
.topOrderList tr a {
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    padding-right: 36px;
    position: relative;
    text-align: justify;
    white-space: normal;
    width: 270px
}
.topOrderList tr a:after {
    background: -webkit-gradient(linear,right top,left top,from(#ededed),to(rgba(237,237,237,0)));
    background: linear-gradient(to left,#ededed,rgba(237,237,237,0));
    background: -webkit-linear-gradient(right,#ededed,rgba(237,237,237,0));
    bottom: 0;
    content: "";
    height: 18px;
    position: absolute;
    right: 25px;
    width: 36px
}
@media(max-width:999px) {
    .topOrderList tr {
        background-color: #fff;
        border-right: 1px solid #dbdbdb;
        margin-right: 0;
        width: 187px !important
    }
    .topOrderList tr a {
        padding-right: 6px;
        width: 154px
    }
    .topOrderList tr a:after {
        background: -webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));
        background: linear-gradient(to left,#fff,rgba(255,255,255,0));
        background: -webkit-linear-gradient(right,#fff,rgba(255,255,255,0));
        right: 0
    }
    .topOrderList tr:after {
        right: 3px
    }
}
@media(max-width:360px) {
    .topOrderList tr__main {
        width: 148px
    }
    .topOrderList tr:after {
        right: 5px
    }
}
.slick-slider .slick-list {
    padding-left: 0 !important
}
@media(max-width:999px) {
    .slick-slider .slick-list {
        padding: 0 !important
    }
}
.c-link-nimotsu {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    box-sizing: border-box;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: left;
    position: relative;
    width: 184px
}
.c-link-nimotsu:hover {
    color: #636363
}
.c-link-nimotsu img {
    position: absolute;
    right: 23px;
    top: 15px
}
@media(max-width:999px) {
    .c-link-nimotsu {
        display: inline-block;
        height: auto;
        margin: 0 auto 48px;
        padding-right: 20px;
        text-align: center;
        width: 310px
    }
    .c-link-nimotsu img {
        right: 35px;
        top: 0
    }
}
@media(max-width:999px) {
    .c-logo {
        height: auto;
        width: 152px
    }
    .c-logo img {
        width: 100%
    }
}
@media(max-width:360px) {
    .c-logo {
        width: 125px
    }
}
.c-manga-card {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #2c2c2c;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: 150px;
    justify-content: center;
    width: 306px
}
.c-manga-card__img {
    height: auto;
    width: 100%
}
.c-manga-card__img img {
    height: auto;
    width: 100%
}
.c-manga-card:hover {
    opacity: .7
}
.c-manga-card__head {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}
@media(max-width:999px) {
    .c-manga-card {
        height: 155px;
        margin-bottom: 16px;
        width: 310px
    }
}
.c-manga {
    height: auto;
    margin: 0 auto;
    max-width: 98%;
    width: 640px
}
.c-manga img {
    height: auto;
    width: 100%
}
@media(max-width:999px) {
    .c-manga {
        width: 312px
    }
}
.c-msg {
    color: #fff;
    font-weight: 700;
    margin-bottom: 40px
}
.c-msg__head {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 24px;
    padding-left: 84px;
    position: relative
}
.c-msg__head:before {
    content: url('../img/mv-bar.svg');
    left: 0;
    position: absolute;
    top: -8px
}
.c-msg__head:after {
    content: url('../img/mv-bar.svg');
    left: 400px;
    position: absolute;
    top: -8px
}
.c-msg__txt {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 45px
}
.c-msg__txt .txt-big {
    font-size: 60px
}
.c-msg__txt .icon-check-before {
    padding-left: 6px;
    padding-right: 36px;
    position: relative;
    z-index: 999
}
.c-msg__txt .icon-check-before:before {
    content: url('../img/mv-check.svg');
    left: -36px;
    position: absolute;
    top: -8px;
    z-index: -1
}
@media(max-width:999px) {
    .c-msg {
        margin-bottom: 24px;
        text-align: center
    }
    .c-msg__head {
        display: inline-block;
        font-size: 16px;
        margin-bottom: 12px;
        padding-left: 0;
        text-align: center
    }
    .c-msg__head:before {
        content: url('../img/mv-bar-sp.svg');
        left: -34px;
        top: -5px
    }
    .c-msg__head:after {
        content: url('../img/mv-bar-sp.svg');
        left: unset;
        right: -34px;
        top: -5px
    }
    .c-msg__txt {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 6px;
        text-align: center
    }
    .c-msg__txt .txt-big {
        font-size: 40px
    }
    .c-msg__txt .icon-check-before {
        padding-right: 16px;
        z-index: 0
    }
    .c-msg__txt .icon-check-before:before {
        content: url('../img/mv-check-sp.svg');
        left: -6px
    }
}
.c-name-origin__head {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 24px
}
.c-name-origin__desc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #007457;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 108px;
    justify-content: center;
    line-height: 27px;
    margin: 0 auto;
    width: 784px
}
@media(max-width:999px) {
    .c-name-origin__head {
        font-size: 20px;
        margin-bottom: 18px
    }
    .c-name-origin__desc {
        height: auto;
        padding: 24px 12px;
        text-align: left;
        width: 84%
    }
}
.c-notice-message {
    height: auto;
    width: 100%
}
.c-notice-message__inner {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: left;
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    width: 100%
}
.c-notice-message__txt {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 10px
}
.c-notice-message__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    justify-content: center;
    width: 52px
}
.c-notice-message--red {
    background-color: #fff7f7;
    border-bottom: 1px solid #e20000;
    border-top: 1px solid #e20000
}
.c-notice-message--red .c-notice-message__txt {
    color: #e20000
}
.c-notice-message--red .c-notice-message__icon {
    background-color: #e20000
}
.c-notice-message--green {
    background-color: #f7fffc;
    border-bottom: 1px solid #007457;
    border-top: 1px solid #007457
}
.c-notice-message--green .c-notice-message__txt {
    color: #007457
}
.c-notice-message--green .c-notice-message__icon {
    background-color: #007457
}
.c-notice-message--2 {
    border-top: none
}
.c-notice-message:hover {
    opacity: .7
}
@media(max-width:999px) {
    .c-notice-message {
        padding-left: 8px;
        padding-right: 22px;
        position: relative;
        z-index: 99
    }
    .c-notice-message__inner.h30 {
        height: 30px
    }
    .c-notice-message__inner.h46 {
        height: 46px
    }
    .c-notice-message__txt {
        font-size: 12px;
        line-height: 16px;
        max-height: 32px;
        padding-left: 8px;
        padding-right: 4px;
        max-width: 82%
    }
}
@media(max-width:320px) {
    .c-notice-message__txt {
        font-size: 10px
    }
}
.c-notice {
    margin-bottom: 32px
}
.c-notice__item {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #dbe5e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 12px;
    padding-bottom: 12px;
    width: 100%
}
.c-notice__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}
.c-notice__data {
    font-size: 14px;
    margin-left: 8px
}
.c-notice__tag {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #007457;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    justify-content: center;
    margin-left: 16px;
    width: 84px
}
.c-notice__anchor {
    font-size: 14px;
    line-height: 24px;
    margin-left: 16px;
    text-align: justify;
    width: 750px
}
.c-notice__anchor:hover {
    opacity: .7
}
.c-notice--top .c-notice__anchor {
    width: 430px
}
@media(max-width:999px) {
    .c-notice__item {
        margin-bottom: 14px;
        padding-bottom: 14px
    }
    .c-notice__data {
        margin-left: 0
    }
    .c-notice__anchor {
        margin-left: 0;
        padding-top: 10px;
        text-align: left;
        width: 100%
    }
}
.c-officer-prof {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%
}
.c-officer-prof__img {
    height: auto;
    width: 160px
}
.c-officer-prof__img img {
    height: auto;
    width: 100%
}
.c-officer-prof__bio {
    max-width: 100%;
    width: 760px
}
.c-officer-prof__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    line-height: 1;
    margin-bottom: 20px;
    padding-top: 8px
}
.c-officer-prof__desc {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 24px;
    max-width: 100%
}
@media(max-width:999px) {
    .c-officer-prof__img {
        margin-bottom: 14px;
        width: 100%
    }
    .c-officer-prof__img img {
        width: 160px
    }
    .c-officer-prof__bio {
        margin: 0 auto;
        width: 310px
    }
    .c-officer-prof__name {
        font-size: 16px
    }
    .c-officer-prof__desc {
        text-align: left
    }
}
.c-pager {
    position: relative;
    z-index: 9999
}
.c-pager__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: space-between;
    margin: 0 auto;
    width: 282px
}
.c-pager__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f3f4;
    border-radius: 50%;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    width: 32px
}
.c-pager__item--active {
    background-color: #007457;
    color: #fff;
    pointer-events: none
}
.c-pager__item--middle {
    background-color: transparent;
    pointer-events: none
}
.c-pager__item > a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}
.c-plan-compare__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}
.c-plan-compare__item {
    height: auto;
    position: relative;
    width: 292px
}
.c-plan-compare__item--tra {
    color: #fff;
    width: 314px
}
.c-plan-compare__item--tra .c-plan-compare__cost,
.c-plan-compare__item--tra .c-plan-compare__monthly {
    background-color: #007457
}
.c-plan-compare__item--tra .c-plan-compare__commission,
.c-plan-compare__item--tra .c-plan-compare__initial {
    background-color: #004433
}
.c-plan-compare__head {
    left: 0;
    position: absolute;
    top: -15px
}
.c-plan-compare__cost {
    background-color: #f0f3f4;
    font-size: 20px;
    height: 138px;
    padding-top: 45px;
    width: 100%
}
.c-plan-compare__cost .txt-big {
    font-size: 56px;
    padding-left: 10px
}
.c-plan-compare__cost .txt-big.sub {
    font-size: 40px;
    line-height: 60px;
    padding-left: 0
}
.c-plan-compare__cost .txt-small {
    font-size: 12px
}
.c-plan-compare__commission {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d3dbde;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    justify-content: space-between;
    width: 100%
}
.c-plan-compare__commission span.head {
    font-size: 20px;
    padding-left: 32px
}
.c-plan-compare__commission span.des {
    font-size: 20px;
    padding-right: 20px
}
.c-plan-compare__commission span.des .txt-big {
    font-size: 30px
}
.c-plan-compare__monthly {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f3f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%
}
.c-plan-compare__monthly span.head {
    font-size: 20px;
    padding-left: 32px
}
.c-plan-compare__monthly span.des {
    font-size: 20px;
    padding-right: 20px
}
.c-plan-compare__monthly span.des .txt-big {
    font-size: 30px
}
.c-plan-compare__initial {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d3dbde;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    justify-content: space-between;
    width: 100%
}
.c-plan-compare__initial span.head {
    font-size: 20px;
    padding-left: 32px
}
.c-plan-compare__initial span.des {
    font-size: 20px;
    padding-right: 20px
}
.c-plan-compare__initial span.des .txt-big {
    font-size: 30px
}
.c-plan-compare__note {
    text-align: right
}
@media(max-width:999px) {
    .c-plan-compare {
        margin: 0 auto;
        width: 310px
    }
    .c-plan-compare__list {
        width: 100%
    }
    .c-plan-compare__item {
        width: 154px
    }
    .c-plan-compare__item.item03 {
        display: none
    }
    .c-plan-compare__head {
        font-size: 16px
    }
    .c-plan-compare__cost {
        font-size: 14px;
        font-weight: 700;
        height: 112px;
        line-height: 1.2;
        padding-top: 24px
    }
    .c-plan-compare__cost .txt-big {
        font-size: 40px
    }
    .c-plan-compare__cost .txt-big.sub {
        font-size: 32px
    }
    .c-plan-compare__cost .txt-small {
        display: none
    }
    .c-plan-compare__commission {
        height: 44px
    }
    .c-plan-compare__commission span.head {
        font-size: 14px;
        padding-left: 10px
    }
    .c-plan-compare__commission span.des {
        font-size: 14px;
        padding-right: 10px
    }
    .c-plan-compare__commission span.des .txt-big {
        font-size: 24px
    }
    .c-plan-compare__commission span.des .txt-big.sub {
        font-size: 18px
    }
    .c-plan-compare__monthly {
        height: 44px;
        margin-bottom: 4px
    }
    .c-plan-compare__monthly span.head {
        font-size: 14px;
        padding-left: 10px
    }
    .c-plan-compare__monthly span.des {
        font-size: 14px;
        padding-right: 10px
    }
    .c-plan-compare__monthly span.des .txt-big {
        font-size: 24px
    }
    .c-plan-compare__monthly span.des .txt-big.sub {
        font-size: 18px
    }
    .c-plan-compare__initial {
        height: 44px
    }
    .c-plan-compare__initial span.head {
        font-size: 14px;
        padding-left: 10px
    }
    .c-plan-compare__initial span.des {
        font-size: 14px;
        padding-right: 10px
    }
    .c-plan-compare__initial span.des .txt-big {
        font-size: 24px
    }
    .c-plan-compare__initial span.des .txt-big.sub {
        font-size: 18px
    }
    .c-plan-compare__note {
        font-size: 12px;
        text-align: left
    }
}
.c-price-appeal {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #007457;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 30px;
    font-weight: 700;
    height: 80px;
    justify-content: center;
    margin: 0 224px 0 auto;
    position: relative;
    width: 376px
}
.c-price-appeal__txt {
    padding-top: 12px
}
.c-price-appeal__txt .txt-small {
    font-size: 20px
}
.c-price-appeal:before {
    content: url('../img/price-appeal-triangle.svg');
    height: auto;
    left: 0;
    position: absolute;
    top: -9px;
    width: 376px
}
@media(max-width:999px) {
    .c-price-appeal {
        font-size: 20px;
        height: 64px;
        margin: 0 auto 16px;
        padding-top: 12px;
        width: 310px
    }
    .c-price-appeal:before {
        content: url('../img/price-appeal-triangle-sp.svg');
        top: 0;
        width: 310px
    }
    .c-price-appeal__txt {
        padding-top: 4px
    }
}
.c-price-table {
    width: 100%
}
.c-price-table > thead > tr > th {
    color: #fff;
    vertical-align: middle
}
.c-price-table > thead > tr > th.premire {
    background-color: #007457;
    font-size: 20px;
    font-weight: 700;
    height: 88px;
    width: 375px
}
.c-price-table > thead > tr > th.premire .txt-big {
    font-size: 32px;
    line-height: 45px
}
.c-price-table > thead > tr > th.free {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2c2c2c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    height: 52px;
    justify-content: center;
    margin-top: 36px;
    width: 225px
}
.c-price-table > thead > tr > th.brank {
    width: 190px
}
.c-price-table > tbody {
    border: 1px solid #dbe5e8
}
.c-price-table > tbody > tr > th {
    height: 86px;
    line-height: 24px;
    vertical-align: middle
}
.c-price-table > tbody > tr > th .txt-small {
    font-size: 14px
}
.c-price-table > tbody > tr > th.h70 {
    height: 70px
}
.c-price-table > tbody > tr > td {
    height: 86px;
    vertical-align: middle
}
.c-price-table > tbody > tr > td p.mb {
    margin-bottom: 6px
}
.c-price-table > tbody > tr > td.border-green {
    border-left: 1px solid #007457;
    border-right: 1px solid #007457
}
.c-price-table > tbody > tr > td.h70 {
    height: 70px
}
.c-price-table > tbody > tr.bg-gray {
    background-color: #f0f3f4
}
.c-price-table > tbody > tr.borderB {
    border-bottom: 1px solid #dbe5e8
}
.c-price-table--sp {
    display: none
}
@media(max-width:999px) {
    .c-price-table {
        display: none
    }
    .c-price-table--sp {
        display: block;
        margin: 0 auto;
        width: 310px
    }
    .c-price-table--sp__table {
        width: 100%
    }
    .c-price-table--sp__table.border-green {
        border-left: 1px solid #007457;
        border-right: 1px solid #007457
    }
    .c-price-table--sp__table.border-bk {
        border-bottom: 1px solid #dbe5e8;
        border-left: 1px solid #dbe5e8;
        border-right: 1px solid #dbe5e8
    }
    .c-price-table--sp__table > thead > tr > th {
        background-color: #007457;
        color: #fff;
        padding: 15px 0;
        width: 100%
    }
    .c-price-table--sp__table > thead > tr > th.premire {
        font-size: 14px;
        font-weight: 700
    }
    .c-price-table--sp__table > thead > tr > th.premire .txt-big {
        display: inline-block;
        font-size: 24px;
        padding-bottom: 16px
    }
    .c-price-table--sp__table > thead > tr > th.free {
        background-color: #2c2c2c;
        font-size: 24px;
        font-weight: 700
    }
    .c-price-table--sp__table > tbody > tr {
        line-height: 24px
    }
    .c-price-table--sp__table > tbody > tr.bg-gray {
        background-color: #f0f3f4
    }
    .c-price-table--sp__table > tbody > tr.borderB {
        border-bottom: 1px solid #dbe5e8
    }
    .c-price-table--sp__table > tbody > tr > th {
        height: auto;
        padding: 14px 0;
        vertical-align: middle;
        width: 50%
    }
    .c-price-table--sp__table > tbody > tr > th .txt-small {
        font-size: 12px
    }
    .c-price-table--sp__table > tbody > tr > th.borderR {
        border-right: 1px solid #dbe5e8
    }
    .c-price-table--sp__table > tbody > tr > td {
        font-size: 14px;
        line-height: 18px;
        vertical-align: middle;
        width: 50%
    }
    .c-price-table--sp__table > tbody > tr > td.border-green {
        padding-top: 8px
    }
    .c-price-table--sp__table > tbody > tr > td.border-green p.mb {
        margin-bottom: 2px
    }
    .c-price-table--sp__table > tbody > tr > td > p > img {
        height: 24px;
        width: 24px
    }
}
.c-reason {
    color: #fff;
    height: auto;
    padding: 50px 60px;
    text-align: center;
    width: 100%
}
.c-reason__ttl {
    margin-bottom: 54px
}
.c-reason__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    width: 805px
}
.c-reason__item {
    height: auto;
    max-width: 100%;
    position: relative;
    text-align: center;
    width: 256px
}
.c-reason__item.mb0 {
    margin-bottom: 0
}
.c-reason__img {
    margin-bottom: 16px
}
.c-reason__main {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px
}
.c-reason__sub {
    font-size: 16px;
    line-height: 27px
}
@media(max-width:999px) {
    .c-reason {
        padding: 48px 24px 38px;
    }
    .c-reason__item {
        margin-bottom: 24px;
        width: 100%
    }
    .c-reason__ttl {
        margin-bottom: 32px
    }
    .c-reason__img {
        height: 88px;
        margin: 0 auto 16px;
        width: 88px
    }
    .c-reason__img > img {
        height: auto;
        width: 100%
    }
    .c-reason__main {
        font-size: 24px;
        margin-bottom: 16px;
        margin-bottom: 10px
    }
}
.c-service-detail {
    background-color: #f0f3f4;
    height: auto;
    max-width: 100%;
    padding-bottom: 32px;
    position: relative;
    width: 100%;
}
.c-service-detail--service01:before {
    content: url('../img/obi-service01_pc.svg');
    height: auto;
    left: 0;
    position: absolute;
    top: -16px;
    width: 184px
}
.c-service-detail--service02:before {
    content: url('../img/obi-service02_pc.svg');
    height: auto;
    left: 0;
    position: absolute;
    top: -16px;
    width: 184px
}
.c-service-detail__head {
    background-color: #007457;
    color: #fff
}
.c-service-detail__head--service02 {
    background-color: #077bc1
}
.c-service-detail__ttl {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-top: 40px
}
.c-service-detail__desc {
    font-size: 18px;
    padding-bottom: 27px
}
.c-service-detail__img {
    padding-bottom: 6px;
    padding-top: 20px
}
.c-service-detail__img--service01 img {
    height: auto;
    max-width: 100%;
    width: 392px
}
.c-service-detail__img--service02 {
    padding-bottom: 6px;
    padding-top: 10px
}
.c-service-detail__img--service02 img {
    height: auto;
    max-width: 100%;
    width: 362px
}
@media(max-width:999px) {
    .c-service-detail {
        margin-bottom: 32px;
        width: 310px
    }
    .c-service-detail__ttl {
        font-size: 24px;
        margin-bottom: 6px;
        padding-top: 27px
    }
    .c-service-detail--service01:before {
        content: url('../img/obi-service01_sp.svg');
        top: -16px;
        width: auto
    }
    .c-service-detail--service02:before {
        content: url('../img/obi-service01_sp.svg');
        width: auto
    }
    .c-service-detail__desc {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 16px
    }
    .c-service-detail__img {
        height: auto;
        margin: 0 auto;
        padding-bottom: 12px;
        width: 310px
    }
    .c-service-detail__img > img {
        height: auto;
        width: 100%
    }
}
.c-service-feature {
    margin-bottom: 68px
}
.c-service-feature__head {
    border-bottom: 1px solid #007457;
    color: #007457;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 42px;
    padding-bottom: 30px;
    padding-left: 118px;
    position: relative;
    text-align: left
}
.c-service-feature__head.service01:before {
    content: url('../img/icon-anken_pc.svg');
    left: 46px;
    position: absolute;
    top: -5px
}
.c-service-feature__head.service02:before {
    content: url('../img/icon-seiyaku_pc.svg');
    left: 46px;
    position: absolute;
    top: -12px
}
.c-service-feature__head.service03:before {
    content: url('../img/icon-ansin.svg');
    left: 46px;
    position: absolute;
    top: -8px
}
.c-service-feature__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    max-width: 100%;
    width: 796px
}
.c-service-feature__item {
    height: auto;
    position: relative;
    width: 360px
}
.c-service-feature__tag {
    left: 0;
    position: absolute;
    top: 165px
}
.c-service-feature__img {
    height: auto;
    margin-bottom: 32px;
    width: auto
}
.c-service-feature__img > img {
    height: auto;
    width: 100%
}
.c-service-feature__ttl {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    width: 100%
}
.c-service-feature__desc {
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    width: 100%
}
@media(max-width:999px) {
    .c-service-feature {
        margin-bottom: 42px
    }
    .c-service-feature__head {
        display: inline-block;
        font-size: 20px;
        margin: 0 auto 24px;
        padding-bottom: 24px;
        padding-left: 20px;
        text-align: center;
        text-align: center;
        width: 310px
    }
    .c-service-feature__head.service01:before {
        content: url('../img/icon-anken_sp.svg');
        left: 36px;
        top: -8px
    }
    .c-service-feature__head.service02:before {
        content: url('../img/icon-seiyaku_sp.svg');
        left: 56px;
        top: -12px
    }
    .c-service-feature__head.service03:before {
        content: url('../img/icon-ansin_sp.svg');
        left: 56px;
        top: -12px
    }
    .c-service-feature__img {
        height: auto;
        margin: 0 auto 32px;
        width: 260px
    }
    .c-service-feature__desc {
        margin: 0 auto;
        width: 260px
    }
    .c-service-feature__ttl {
        font-size: 20px;
        margin-bottom: 16px
    }
    .c-service-feature__item {
        margin: 0 auto 32px;
    }
    .c-service-feature__item.mb0 {
        margin-bottom: 0
    }
    .c-service-feature__tag {
        left: 50px;
        position: absolute;
        top: 115px
    }
}
.c-spmenu {
    display: none
}
@media(max-width:999px) {
    .c-spmenu {
        background-color: #f0f3f4;
        display: none;
        height: 100%;
        left: 0;
        overflow: scroll;
        padding-bottom: 60px;
        position: fixed;
        top: 60px;
        width: 100vw;
        z-index: 99999
    }
    .c-spmenu__inner {
        margin: 0 auto;
        max-width: 100%;
        padding-top: 48px;
        width: 310px
    }
    .c-spmenu__trial {
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        margin-bottom: 32px
    }
    .c-spmenu__trial:after {
        content: url('../img/arrow-b.svg');
        top: 21px
    }
    .c-spmenu__member {
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        margin-bottom: 48px
    }
    .c-spmenu__box {
        margin-bottom: 40px
    }
    .c-spmenu__head {
        font-weight: 700;
        margin-bottom: 32px
    }
    .c-spmenu__list {
        border-left: 1px solid #ddd;
        padding-left: 16px
    }
    .c-spmenu__item {
        margin-bottom: 32px
    }
    .c-spmenu__item > a > img {
        padding-left: 4px
    }
    .c-spmenu .c-link-nimotsu img {
        margin-top: 2px
    }
}
.c-uservoice{
    display: flex;
    justify-content: center;
}
.c-uservoice__item {
    background-color: #fff;
    height: auto;
    margin: 0 6px;
    max-width: 100%;
    padding: 26px 28px 0;
    position: relative;
    text-align: left;
    width: 300px;
}
.c-uservoice__head {
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 14px;
    text-align: justify;
}
.c-uservoice__txt {
    font-size: 16px;
    line-height: 30px
}
.c-uservoice__interviewer {
    bottom: -2px;
    height: auto;
    left: -28px;
    position: relative;
    width: 115px;
}
.c-uservoice__interviewer.item01{
    bottom: -86px;
}
.c-uservoice__interviewer.item03{
    bottom: -4px;
    width: 80px;
    bottom: -10px;
}
.c-uservoice__interviewer--service02 {
    bottom: -2px;
    left: auto;
    right: 0
}
.c-uservoice__interviewer img {
    width: 100%
}
.c-uservoice__company {
    bottom: 16px;
    font-size: 16px;
    line-height: 27px;
    position: absolute;
    right: 6px;
    text-align: right;
    font-weight: bold;
}
.c-uservoice__company--service02 {
    bottom: 68px;
    left: 30px;
    right: unset
}
@media(max-width:999px) {
    .c-uservoice {
        height: auto;
        margin: 0 auto;
        padding: 24px 10px 0;
        width: 100%;
        flex-wrap: wrap;
    }
    .c-uservoice__item{
        padding: 26px 18px 0;
    }
    .c-uservoice__item + .c-uservoice__item{
        margin-top: 16px;
    }
    .c-uservoice--service02 {
        height: 472px
    }
    .c-uservoice__head {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px
    }
    .c-uservoice__txt {
        font-size: 14px;
        line-height: 27px
    }
    .c-uservoice__company {
        font-size: 14px;
    }
    .c-uservoice__interviewer{
        left: -18px;
    }
    .c-uservoice__interviewer.item01{
        bottom: -2px;
    }
    .c-uservoice__interviewer.item03{
        bottom: -2px;
    }
}
.c-warranty-table {
    border: 1px solid #dbe5e8;
    font-size: 16px;
    line-height: 24px
}
.c-warranty-table > thead {
    background-color: #007457;
    color: #fff
}
.c-warranty-table > thead > tr > th {
    height: 126px;
    vertical-align: middle;
    width: 400px
}
.c-warranty-table > thead > tr > th.brank {
    width: 160px
}
.c-warranty-table > thead > tr > th.borderR {
    border-right: 1px solid #dbe5e8
}
.c-warranty-table > thead > tr > th .plan-name {
    display: block;
    font-size: 24px;
    font-weight: 700
}
.c-warranty-table > thead > tr > th .plan-name.mb {
    margin-bottom: -18px
}
.c-warranty-table > thead > tr > th .plan-desc {
    font-size: 16px;
    line-height: 27px
}
.c-warranty-table > tbody > tr.bg-gray {
    background-color: #f0f3f4
}
.c-warranty-table > tbody > tr.borderB {
    border-bottom: 1px solid #dbe5e8
}
.c-warranty-table > tbody > tr > th {
    height: 64px;
    vertical-align: middle
}
.c-warranty-table > tbody > tr > th.borderR {
    border-right: 1px solid #dbe5e8
}
.c-warranty-table > tbody > tr > th.h84 {
    height: 84px
}
.c-warranty-table > tbody > tr > td {
    height: 64px;
    vertical-align: middle
}
.c-warranty-table > tbody > tr > td.borderR {
    border-right: 1px solid #dbe5e8
}
.c-warranty-table > tbody > tr > td.borderR.h84 {
    height: 84px
}
.c-warranty-table--sp {
    display: none
}
@media(max-width:999px) {
    .c-warranty-table {
        display: none
    }
    .c-warranty-table--sp {
        display: block;
        margin: 0 auto;
        width: 310px
    }
    .c-warranty-table--sp__table {
        border: 1px solid #dbe5e8;
        font-size: 14px;
        margin-bottom: 20px;
        width: 100%
    }
    .c-warranty-table--sp__table > thead > tr > th {
        background-color: #007457;
        color: #fff;
        padding: 14px 0;
        width: 100%
    }
    .c-warranty-table--sp__table > thead > tr > th .plan-name {
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        padding-bottom: 4px
    }
    .c-warranty-table--sp__table > thead > tr > th .plan-desc {
        font-size: 16px;
        line-height: 27px
    }
    .c-warranty-table--sp__table > tbody > tr {
        height: 64px;
        line-height: 24px
    }
    .c-warranty-table--sp__table > tbody > tr.bg-gray {
        background-color: #f0f3f4
    }
    .c-warranty-table--sp__table > tbody > tr.borderB {
        border-bottom: 1px solid #dbe5e8
    }
    .c-warranty-table--sp__table > tbody > tr > th {
        height: auto;
        padding: 12px 0;
        vertical-align: middle;
        width: 86px
    }
    .c-warranty-table--sp__table > tbody > tr > th.borderR {
        border-right: 1px solid #dbe5e8
    }
    .c-warranty-table--sp__table > tbody > tr > td {
        vertical-align: middle
    }
    .c-warranty-table--sp__table > tbody > tr > td.txt-bold {
        font-weight: 700
    }
}

.pg-interview-pick6 {
  margin-bottom: 62px; }
  .pg-interview-pick6__inner {
    width: 964px;
    max-width: 100%;
    margin: 0 auto; }
  .pg-interview-pick6__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .pg-interview-pick6__item {
    margin-right: 22px;
    margin-bottom: 24px; }
    .pg-interview-pick6__item:nth-of-type(3n) {
      margin-right: 0; }

@media (max-width: 999px) {
  .pg-interview-pick6 {
    margin-bottom: 96px; }
    .pg-interview-pick6__inner {
      width: 310px;
      max-width: 100%;
      margin: 0 auto; }
    .pg-interview-pick6__list {
      justify-content: center; }
    .pg-interview-pick6__item {
      margin-right: 0;
      margin-bottom: 0; } }
.pg-interview-all {
  margin-bottom: 32px; }
  .pg-interview-all__inner {
    width: 964px;
    max-width: 100%;
    margin: 0 auto; }
  .pg-interview-all__list {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    padding-left: 16px; }
  .pg-interview-all__item {
    margin-right: 18px;
    margin-bottom: 38px; }
    .pg-interview-all__item:nth-of-type(3n) {
      margin-right: 0; }

@media (max-width: 999px) {
  .pg-interview-all {
    margin-bottom: 48px; }
    .pg-interview-all__inner {
      max-width: 100%;
      margin: 0 32px;
      width: auto; }
    .pg-interview-all__list {
      justify-content: center;
      margin: 0 10px;
      padding-left: 0; }
    .pg-interview-all__item {
      margin-right: 0; } }
.c-interview-card {
  width: 306px;
  height: auto;
  background-image: url(../img/interview-bg.png);
  border-radius: 4px;
  border: 1px solid #E4E8EC;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  top: 0px;
  left: 0;
  transition: .3s; }
  .c-interview-card:hover {
    box-shadow: 0px 8px 8px rgba(88, 121, 132, 0.24);
    top: -10px; }
  .c-interview-card__top {
    padding-top: 24px;
    padding-bottom: 16px; }
  .c-interview-card__photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 12px; }
    .c-interview-card__photo img {
      width: 100%;
      height: auto; }
  .c-interview-card__lead {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    text-align: center; }
  .c-interview-card__corp {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 10px 0;
    background-color: #fff; }

@media (max-width: 999px) {
  .c-interview-card {
    border: none; }
    .c-interview-card:hover {
      top: 0; } }
.c-interview-bar {
  width: 304px;
  height: auto;
  background: linear-gradient(270deg, #FFFFFF 5.37%, rgba(255, 255, 255, 0) 93.16%), url(../img/interview-bg.png);
  background-position: bottom;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  transition: .3s; }
  .c-interview-bar:hover {
    background: linear-gradient(270deg, #FFFFFF 5.37%, rgba(255, 255, 255, 0) 93.16%), linear-gradient(0deg, #FFC00E, #FFC00E); }
  .c-interview-bar__corp {
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 11px;
    padding-left: 36px; }
  .c-interview-bar__flg {
    position: absolute;
    display: block;
    padding: 8px 10px;
    left: -16px;
    top: -16px;
    background: #fff;
    border-radius: 2px;
    color: #000;
    font-size: 10px;
    border: 1px solid #E4E8EC; }
    .c-interview-bar__flg--new {
      position: absolute;
      left: -16px;
      top: -16px;
      display: flex;
      width: 40px;
      height: 40px;
      padding: 0;
      justify-content: center;
      align-items: center;
      font-size: 11px;
      font-weight: bold;
      color: #fff;
      background: linear-gradient(270deg, #41907B 0.01%, #218269 39.02%, #09785C 76.16%, #007457 99.06%), #FFFFFF; }
    .c-interview-bar__flg span {
      display: block;
      width: 100%;
      text-align: center;
      padding-right: 1px;
      padding-top: 1px;
      font-size: 11px; }
      .pg-support-qa {
        margin-bottom: 80px; }
        .pg-support-qa__box {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          width: 960px;
          max-width: 100%;
          margin: 0 auto;
          padding-top: 16px; }
        .pg-support-qa__list {
          width: 50%; }
        .pg-support-qa__area + .pg-support-qa__area {
          margin-top: 40px; }
      
      .pg-support-qa-block__head {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 24px; }
      .pg-support-qa-block__list {
        margin-left: 32px; }
      .pg-support-qa-block__anchor {
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #007457;
        margin-bottom: 4px; }
        .pg-support-qa-block__anchor:hover {
          text-decoration: underline; }
      .pg-support-qa-block__item + .pg-support-qa-block__item {
        margin-top: 10px; }
      .pg-support-qa-block__desc {
        display: block;
        font-size: 12px;
        line-height: 18px;
        color: #595959;
        margin-bottom: 20px; }
      
      @media (max-width: 999px) {
        .pg-support-qa__list {
          width: 100%;
          margin: 0 16px 32px; }
        .pg-support-qa__area + .pg-support-qa__area {
          margin-top: 32px; }
      
        .pg-support-qa-block__list {
          margin-left: 16px; }
        .pg-support-qa-block__head {
          margin-bottom: 16px; }
        .pg-support-qa-block__item + .pg-support-qa-block__item {
          margin-top: 8px; } }
      
          .pg-interview-thumb {
            margin-top: -24px;
            margin-bottom: 40px; }
            .pg-interview-thumb__inner {
              width: 100%;
              max-width: 100%;
              background-size: 100%;
              position: relative;
              z-index: 0;
              overflow: hidden; }
              .pg-interview-thumb__inner.interview001 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_001/interview_001a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview002 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_002/interview_002c.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview003 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_003/interview_003a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview004 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_004/interview_004a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview005 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_005/interview_005a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview006 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_006/interview_006h.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview007 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_007/interview_007a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview008 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_008/interview_008a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview009 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_009/interview_009d.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview010 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_010/interview_010a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview011 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_011/interview_011a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview012 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_012/interview_012a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview013 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_013/interview_013a.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview014 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_014/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview015 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_015/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview016 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_016/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview017 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_017/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview018 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_018/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview019 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_020/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview020 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_021/01.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview021 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_022/01.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview022 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_023/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview023 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_024/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview024 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_025/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview025 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_027/top.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview026 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_028/01.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview027 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_029/01.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview028 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_030/01.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview029 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_031/01.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner.interview030 {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.96%, rgba(0, 0, 0, 0.36) 80.52%, rgba(0, 0, 0, 0.5) 100%), url(https://www.trabox.ne.jp/carrier/img_interview/interview_032/01.jpg);
                background-size: 100%;
                background-position: center; }
              .pg-interview-thumb__inner:before {
                content: '';
                background: inherit;
                -webkit-filter: blur(16px);
                -moz-filter: blur(16px);
                -o-filter: blur(16px);
                -ms-filter: blur(16px);
                filter: blur(16px);
                position: absolute;
                top: -16px;
                left: -16px;
                right: -16px;
                bottom: -16px;
                z-index: -1; }
            .pg-interview-thumb__img {
              width: 534px;
              max-width: 100%;
              height: auto;
              margin: 0 auto; }
              .pg-interview-thumb__img img {
                width: 100%;
                height: auto;
                vertical-align: bottom; }
            .pg-interview-thumb__txt {
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
              font-size: 16px;
              width: 960px;
              max-width: 100%;
              font-weight: bold;
              color: #fff;
              line-height: 24px;
              position: absolute;
              bottom: 24px;
              left: 0;
              right: 0;
              margin: auto;
              padding: 0 24px; }
            .pg-interview-thumb__corp {
              display: block; }
            .pg-interview-thumb__name {
              display: block; }
          
          .pg-interview-mokuji {
            width: 720px;
            max-width: 100%;
            padding: 30px 32px;
            background-color: #F3F6F7;
            border: 1px solid #DBE5E8;
            box-sizing: border-box;
            border-radius: 4px;
            margin: 0 auto 30px; }
            .pg-interview-mokuji__head {
              display: block;
              font-weight: bold;
              font-size: 18px;
              line-height: 27px;
              margin-bottom: 16px; }
            .pg-interview-mokuji__anchor {
              display: block;
              font-size: 16px;
              line-height: 28px;
              color: #007457;
              text-decoration: none;
              text-indent: -1.75em;
              padding-left: 1.75em; }
              .pg-interview-mokuji__anchor:hover {
                text-decoration: underline; }
          
          .pg-interview-para {
            width: 720px;
            max-width: 100%;
            margin: 0 auto;
            position: relative; }
            .pg-interview-para:before {
              content: url(../img/interview-para-deco.svg);
              position: absolute;
              left: 0;
              right: 0;
              text-align: center;
              margin: auto;
              bottom: -34px;
              width: 56px;
              height: 12px; }
            .pg-interview-para + .pg-interview-para {
              margin-top: 56px; }
            .pg-interview-para:last-of-type {
              margin-bottom: 96px; }
            .pg-interview-para__h2 {
              width: 100%;
              border-bottom: 1px solid #666666;
              font-size: 18px;
              font-weight: bold;
              line-height: 18px;
              margin-bottom: 16px; }
              .pg-interview-para__h2 span {
                display: inline-block;
                box-shadow: inset 0px -4px 0px #666666;
                padding: 16px 0; }
              .pg-interview-para__h2--girl {
                position: relative;
                padding-left: 30px; }
                .pg-interview-para__h2--girl:before {
                  content: "";
                  position: absolute;
                  left: -6px;
                  bottom: -1px;
                  width: 36px;
                  height: 45px;
                  background-image: url(../../support/img/h2-left-girl.png);
                  background-size: contain;
                  background-repeat: no-repeat; }
            .pg-interview-para__h2--man{
                position: relative;
                padding-left: 30px;
            }
            .pg-interview-para__h2--man:before{
                content: "";
                position: absolute;
                bottom: -1px;
                left: -6px;
                width: 36px;
                height: 45px;
                background-image: url(../../support/img/h2-left-man.png);
                background-size: contain;
                background-repeat: no-repeat;
            }
            .pg-interview-para__txt {
              font-size: 16px;
              line-height: 24px; }
              .pg-interview-para__txt p + p {
                margin-top: 12px; }
              .pg-interview-para__txt p span.txt-super-impo {
                font-weight: bold;
                color: #007457; }
              .pg-interview-para__txt p span.txt-impo {
                font-weight: bold; }
              .pg-interview-para__txt p.interview-date {
                font-size: 14px;
                text-align: right; }
              .pg-interview-para__txt a {
                text-decoration: underline; }
                .pg-interview-para__txt a:hover {
                    text-decoration: underline; }
              .pg-interview-para__txt .c-btn-trial--001 {
                box-shadow: none;
                text-decoration: none; }
            .pg-interview-para__cta {
              padding-top: 24px;
              padding-bottom: 4px; }
            .pg-interview-para__img {
              text-align: center;
              margin-bottom: 24px; }
              .pg-interview-para__img img {
                width: auto;
                max-width: 720px; }
          
          .pg-interview-prevnext {
            display: flex;
            width: 720px;
            max-width: 100%;
            border-top: 1px solid #DBE5E8;
            margin: 0 auto; }
            .pg-interview-prevnext__item {
              width: 50%; }
              .pg-interview-prevnext__item:first-of-type {
                border-right: 1px solid #DBE5E8; }
                .pg-interview-prevnext__item:first-of-type .pg-interview-prevnext__anchor:before {
                  display: flex;
                  align-items: center;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  transform: rotate(180deg); }
              .pg-interview-prevnext__item:last-of-type .pg-interview-prevnext__anchor {
                justify-content: flex-end; }
                .pg-interview-prevnext__item:last-of-type .pg-interview-prevnext__anchor:before {
                  display: flex;
                  align-items: center;
                  top: 0;
                  bottom: 0;
                  right: 0; }
            .pg-interview-prevnext__lead {
              display: block;
              font-size: 12px;
              line-height: 18px;
              color: #666666; }
            .pg-interview-prevnext__ttl {
              display: block;
              font-size: 16px;
              line-height: 24px;
              color: #007457; }
            .pg-interview-prevnext__anchor {
              display: flex;
              align-items: center;
              padding: 27px 24px;
              width: auto;
              height: 100%;
              position: relative; }
              .pg-interview-prevnext__anchor:hover {
                background-color: #F3F6F7; }
                .pg-interview-prevnext__anchor:hover:before {
                  content: url(../img/interview-arrow-green.svg); }
              .pg-interview-prevnext__anchor:before {
                content: url(../img/interview-arrow.svg);
                position: absolute; }
          
          @media (max-width: 999px) {
            .pg-interview-thumb {
              margin-bottom: 24px; }
              .pg-interview-thumb__txt {
                bottom: 0;
                background-color: rgba(255, 255, 255, 0.7);
                color: #2c2c2c;
                padding: 10px 24px; }
          
            .pg-interview-mokuji {
              margin: 0 16px 48px;
              width: auto;
              padding: 20px 24px; }
              .pg-interview-mokuji__head {
                font-size: 16px;
                line-height: 24px; }
              .pg-interview-mokuji__anchor {
                font-size: 14px; }
          
            .pg-interview-para {
              margin: 0 16px;
              width: auto; }
              .pg-interview-para__h2 {
                line-height: 1.4; }
                .pg-interview-para__h2--girl:before {
                  bottom: -1px; }
              .pg-interview-para__img img {
                max-width: 100%; }
          
            .pg-interview-prevnext {
              border-bottom: 1px solid #DBE5E8;
              margin-bottom: 56px; }
              .pg-interview-prevnext__anchor {
                padding: 20px 24px; }
                .pg-interview-prevnext__anchor:before {
                  display: flex;
                  top: 0;
                  bottom: 0;
                  align-items: center;
                  padding: 0  4px; }
              .pg-interview-prevnext__ttl {
                font-size: 14px;
                line-height: 16px; }
              .pg-interview-prevnext__item:last-of-type .pg-interview-prevnext__anchor:before {
                top: 0; }
              .pg-interview-prevnext__item:first-of-type .pg-interview-prevnext__anchor:before {
                top: 0; } }
.c-support-q {
    padding-left: 36px;
    position: relative; }
    .c-support-q:before {
      position: absolute;
      left: 0;
      top: -3px;
      content: url("https://www.trabox.ne.jp/support/img/hoshouqa_q.png"); }
.c-support-a {
  padding-left: 36px;
  position: relative;
  margin-bottom: 36px; }
  .c-support-a:before {
    position: absolute;
    left: 0;
    top: -3px;
    content: url("https://www.trabox.ne.jp/support/img/hoshouqa_a.png"); }
          
    .pg-interview-para__area {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .pg-interview-para__area .pg-interview-para__txt {
          width: 484px;
          max-width: 100%;
          height: auto; }
        .pg-interview-para__area .pg-interview-para__img {
          width: 200px;
          max-width: 100%;
          height: auto;
          margin-bottom: 0; }
          .pg-interview-para__area .pg-interview-para__img img {
            width: 100%; }
      
      @media (max-width: 999px) {
        .pg-interview-para__area {
          justify-content: center; }
          .pg-interview-para__area.reverse {
            flex-direction: column-reverse; }
          .pg-interview-para__area .pg-interview-para__img {
            margin: 0 auto;
            margin-bottom: 8px; } }.pg-koryukai-seminar__fbox {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                width: 960px;
                max-width: 100%;
                margin: 0 auto; }
              .pg-koryukai-seminar__left {
                width: 656px;
                max-width: 100%; }
                .pg-koryukai-seminar__left table {
                  margin-bottom: 16px;
                  position: relative; }
                  .pg-koryukai-seminar__left table:before {
                    content: "";
                    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), #FFF);
                    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), #FFF);
                    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), #FFF);
                    width: 100%;
                    height: 80px;
                    position: absolute;
                    bottom: 0;
                    left: 0; }
                  .pg-koryukai-seminar__left table.seminar {
                    margin-bottom: 72px; }
                  .pg-koryukai-seminar__left table.is-open:before {
                    display: none; }
                  .pg-koryukai-seminar__left table thead {
                    background-color: #F3F6F7; }
                    .pg-koryukai-seminar__left table thead th {
                      padding: 10px 8px;
                      font-size: 14px;
                      line-height: 21px;
                      font-weight: bold; }
                  .pg-koryukai-seminar__left table tbody {
                    position: relative; }
                    .pg-koryukai-seminar__left table tbody tr {
                      border-bottom: 1px solid #DBE5E8; }
                      .pg-koryukai-seminar__left table tbody tr.is-hide {
                        display: none; }
                    .pg-koryukai-seminar__left table tbody td {
                      font-size: 14px;
                      line-height: 21px;
                      padding: 34px 14px;
                      padding-right: 0; }
                      .pg-koryukai-seminar__left table tbody td a {
                        color: #007457;
                        text-decoration: underline; }
                    .pg-koryukai-seminar__left table tbody tr.more {
                      position: absolute;
                      font-size: 16px;
                      line-height: 1;
                      font-weight: bold;
                      background-color: #F3F6F7;
                      border-radius: 20px;
                      padding: 10px 20px;
                      cursor: pointer;
                      left: 0;
                      right: 0;
                      bottom: 24px;
                      margin: auto;
                      display: inline-block;
                      width: 120px;
                      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
                      .pg-koryukai-seminar__left table tbody tr.more td {
                        padding: 0;
                        line-height: 1;
                        font-size: 16px; }
                    .pg-koryukai-seminar__left table tbody tr.year {
                      font-weight: bold; }
                      .pg-koryukai-seminar__left table tbody tr.year td {
                        padding-bottom: 10px;
                        padding-left: 0; }
              .pg-koryukai-seminar__past a {
                color: #007457;
                text-decoration: underline; }
              .pg-koryukai-seminar__right {
                width: 280px;
                max-width: 100%; }
              .pg-koryukai-seminar__no {
                width: 48px;
                box-sizing: border-box; }
              .pg-koryukai-seminar__date {
                width: 180px;
                box-sizing: border-box; }
              .pg-koryukai-seminar__name {
                width: 180px;
                box-sizing: border-box; }
              .pg-koryukai-seminar__member {
                width: 248px;
                box-sizing: border-box; }
              .pg-koryukai-seminar__date2 {
                width: 20%; }
              .pg-koryukai-seminar__place {
                width: 10%; }
              .pg-koryukai-seminar__ttl {
                width: 35%; }
              .pg-koryukai-seminar__owner {
                width: 20%; }
              .pg-koryukai-seminar__tra {
                width: 15%; }
              .pg-koryukai-seminar__greet {
                display: flex;
                align-items: center;
                background-color: #F3F6F7;
                border-radius: 4px;
                border: 1px solid #DBE5E8;
                box-sizing: border-box;
                margin-bottom: 16px; }
                .pg-koryukai-seminar__greet a {
                  display: inline-block;
                  margin-left: 40px;
                  font-size: 16px;
                  font-weight: bold;
                  color: #007457;
                  text-decoration: underline; }
              .pg-koryukai-seminar__photo {
                width: 64px;
                height: 64px; }
                .pg-koryukai-seminar__photo img {
                  width: 100%;
                  border-radius: 4px;
                  overflow: hidden;
                  height: 64px;
                  object-position: top;
                  object-fit: cover; }
              .pg-koryukai-seminar__img {
                width: 280px; }
                .pg-koryukai-seminar__img img {
                  width: 100%; }
              .pg-koryukai-seminar__txt {
                font-size: 16px;
                line-height: 22px; }
                .pg-koryukai-seminar__txt a {
                  color: #007457;
                  text-decoration: underline; }
                .pg-koryukai-seminar__txt span.txt-bold {
                  font-weight: bold; }
              
              .pg-koryukai-seminar-greeting {
                width: 960px;
                max-width: 100%;
                margin: 0 auto 40px;
                padding-top: 72px; }
                .pg-koryukai-seminar-greeting__fbox {
                  display: flex;
                  flex-wrap: wrap; }
                  .pg-koryukai-seminar-greeting__fbox .pg-koryukai-seminar-greeting__txt {
                    margin-left: 16px; }
                .pg-koryukai-seminar-greeting__txt {
                  font-size: 14px;
                  line-height: 21px; }
              
              @media (max-width: 999px) {
                .pg-koryukai-seminar__fbox {
                  flex-direction: column-reverse; }
                .pg-koryukai-seminar__left {
                  width: auto;
                  margin: 0 16px; }
                .pg-koryukai-seminar__no {
                  max-width: 7.5%; }
                .pg-koryukai-seminar__date {
                  max-width: 27.5%; }
                .pg-koryukai-seminar__name {
                  max-width: 27.5%; }
                .pg-koryukai-seminar__member {
                  max-width: 37.5%; }
                .pg-koryukai-seminar__right {
                  width: auto;
                  margin: 0 16px 32px; }
                .pg-koryukai-seminar__img {
                  width: 32%;
                  display: inline-block; }
              
                .pg-koryukai-seminar-greeting {
                  width: auto;
                  margin: 0 16px 48px; }
                  .pg-koryukai-seminar-greeting__fbox {
                    margin-bottom: 16px; }
                    .pg-koryukai-seminar-greeting__fbox .pg-koryukai-seminar-greeting__photo {
                      width: 30%; }
                    .pg-koryukai-seminar-greeting__fbox .pg-koryukai-seminar-greeting__txt {
                      width: 60%; } }
                      .notice-detail {
                        width: 960px;
                        max-width: 100%;
                        margin: 0 auto; }
                        .notice-detail__txt01 {
                          font-size: 16px;
                          line-height: 24px;
                          margin-bottom: 12px; }
                        .notice-detail__h2 {
                          font-weight: bold;
                          font-size: 18px;
                          line-height: 32px; }
                        .notice-detail span.txt-super-impo {
                          color: #007457;
                          font-weight: bold; }
                        .notice-detail span.txt-impo {
                          font-weight: bold; }
                        .notice-detail a {
                          text-decoration: underline;
                          color: #007457;
                          word-break: break-all; }
                        .notice-detail img {
                          width: 100%; }
                      
                      @media (max-width: 999px) {
                        .notice-detail {
                          width: auto;
                          margin: 0 32px; } }

                          .pg-glossary .pg-support-qa__box {
                            margin-bottom: 54px; }
                          .pg-glossary .pg-support-qa-block__anchor {
                            display: inline-block;
                            margin-bottom: 0; }
                          .pg-glossary .pg-interview-para {
                            width: 960px;
                            margin-top: -60px;
                            padding-top: 114px; }
                          
                          @media (max-width: 999px) {
                            .pg-glossary .pg-interview-para {
                              width: auto; } }