@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900|Noto+Sans:400,700|Montserrat:400,400i,500,700|Noto+Sans+JP:400,500,700&display=swap&subset=japanese");

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

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

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

ul,
li {
    list-style: none;
}

input::-ms-clear {
    display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    color: #313131;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

@font-face {
    font-family: 'NotoSansMonoCJKjp-Bold';
    src: url("/content/dam/family/company/fc1/css/font/NotoSansMonoCJKjp-Bold.eot") format("embedded-opentype"), url("/content/dam/family/company/fc1/css/font/NotoSansMonoCJKjp-Bold.woff") format("woff"), url("/content/dam/family/company/fc1/css/font/NotoSansMonoCJKjp-Bold.ttf") format("truetype");
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

br.sp {
    line-height: 0;
}

/* ==========================================================
!Inline Align
========================================================== */
.taL {
    text-align: left !important;
}

.taC {
    text-align: center !important;
}

.taR {
    text-align: right !important;
}

.vaT {
    vertical-align: top !important;
}

.vaM {
    vertical-align: middle !important;
}

.vaB {
    vertical-align: bottom !important;
}

/* ==========================================================
!Base Fonts
========================================================== */
.fwN {
    font-weight: normal;
}

.fwB {
    font-weight: bold;
}

/* ==========================================================
!Margin
========================================================== */
.mt0 {
    margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt85 {
    margin-top: 85px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt95 {
    margin-top: 95px !important;
}

.mt100 {
    margin-top: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr75 {
    margin-right: 75px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr85 {
    margin-right: 85px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr95 {
    margin-right: 95px !important;
}

.mr100 {
    margin-right: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb85 {
    margin-bottom: 85px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb95 {
    margin-bottom: 95px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ml55 {
    margin-left: 55px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml75 {
    margin-left: 75px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml85 {
    margin-left: 85px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml95 {
    margin-left: 95px !important;
}

.ml100 {
    margin-left: 100px !important;
}

/* ==========================================================
!Padding
========================================================== */
.pt0 {
    padding-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

.pt550 {
    padding-top: 55px !important;
}

.pt600 {
    padding-top: 60px !important;
}

.pt650 {
    padding-top: 65px !important;
}

.pt700 {
    padding-top: 70px !important;
}

.pt750 {
    padding-top: 75px !important;
}

.pt800 {
    padding-top: 80px !important;
}

.pt850 {
    padding-top: 85px !important;
}

.pt900 {
    padding-top: 90px !important;
}

.pt950 {
    padding-top: 95px !important;
}

.pt1000 {
    padding-top: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pb110 {
    padding-bottom: 55px !important;
}

.pb120 {
    padding-bottom: 60px !important;
}

.pb130 {
    padding-bottom: 65px !important;
}

.pb140 {
    padding-bottom: 70px !important;
}

.pb150 {
    padding-bottom: 75px !important;
}

.pb160 {
    padding-bottom: 80px !important;
}

.pb170 {
    padding-bottom: 85px !important;
}

.pb180 {
    padding-bottom: 90px !important;
}

.pb190 {
    padding-bottom: 95px !important;
}

.pb200 {
    padding-bottom: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pl55 {
    padding-left: 55px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl65 {
    padding-left: 65px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.pl75 {
    padding-left: 75px !important;
}

.pl80 {
    padding-left: 80px !important;
}

.pl85 {
    padding-left: 85px !important;
}

.pl90 {
    padding-left: 90px !important;
}

.pl95 {
    padding-left: 95px !important;
}

.pl100 {
    padding-left: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pr55 {
    padding-right: 55px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr65 {
    padding-right: 65px !important;
}

.pr70 {
    padding-right: 70px !important;
}

.pr75 {
    padding-right: 75px !important;
}

.pr80 {
    padding-right: 80px !important;
}

.pr85 {
    padding-right: 85px !important;
}

.pr90 {
    padding-right: 90px !important;
}

.pr95 {
    padding-right: 95px !important;
}

.pr100 {
    padding-right: 100px !important;
}

/* ==========================================================
!Width
========================================================== */
.w5per {
    width: 5% !important;
}

.w10per {
    width: 10% !important;
}

.w15per {
    width: 15% !important;
}

.w20per {
    width: 20% !important;
}

.w25per {
    width: 25% !important;
}

.w30per {
    width: 30% !important;
}

.w35per {
    width: 35% !important;
}

.w40per {
    width: 40% !important;
}

.w45per {
    width: 45% !important;
}

.w50per {
    width: 50% !important;
}

.w55per {
    width: 55% !important;
}

.w60per {
    width: 60% !important;
}

.w65per {
    width: 65% !important;
}

.w70per {
    width: 70% !important;
}

.w75per {
    width: 75% !important;
}

.w80per {
    width: 80% !important;
}

.w85per {
    width: 85% !important;
}

.w90per {
    width: 90% !important;
}

.w95per {
    width: 95% !important;
}

.wFull {
    width: 100% !important;
}

.wHalf {
    width: 50% !important;
}

@media only screen and (max-width: 737px) {
    .sp {
        display: block !important;
    }

    .pc {
        display: none !important;
    }

    .mt0 {
        margin-top: 0px !important;
    }

    .mt5 {
        margin-top: 2.5px !important;
    }

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

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

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

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

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

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

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

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

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

    .mt55 {
        margin-top: 27.5px !important;
    }

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

    .mt65 {
        margin-top: 32.5px !important;
    }

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

    .mt75 {
        margin-top: 37.5px !important;
    }

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

    .mt85 {
        margin-top: 42.5px !important;
    }

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

    .mt95 {
        margin-top: 47.5px !important;
    }

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

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

    .mr5 {
        margin-right: 2.5px !important;
    }

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

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

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

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

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

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

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

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

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

    .mr55 {
        margin-right: 27.5px !important;
    }

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

    .mr65 {
        margin-right: 32.5px !important;
    }

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

    .mr75 {
        margin-right: 37.5px !important;
    }

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

    .mr85 {
        margin-right: 42.5px !important;
    }

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

    .mr95 {
        margin-right: 47.5px !important;
    }

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

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

    .mb5 {
        margin-bottom: 2.5px !important;
    }

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

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

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

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

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

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

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

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

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

    .mb55 {
        margin-bottom: 27.5px !important;
    }

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

    .mb65 {
        margin-bottom: 32.5px !important;
    }

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

    .mb75 {
        margin-bottom: 37.5px !important;
    }

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

    .mb85 {
        margin-bottom: 42.5px !important;
    }

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

    .mb95 {
        margin-bottom: 47.5px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .ml110 {
        margin-left: 55px !important;
    }

    .ml120 {
        margin-left: 60px !important;
    }

    .ml130 {
        margin-left: 65px !important;
    }

    .ml140 {
        margin-left: 70px !important;
    }

    .ml150 {
        margin-left: 75px !important;
    }

    .ml160 {
        margin-left: 80px !important;
    }

    .ml170 {
        margin-left: 85px !important;
    }

    .ml180 {
        margin-left: 90px !important;
    }

    .ml190 {
        margin-left: 95px !important;
    }

    .ml200 {
        margin-left: 100px !important;
    }

    .pt0 {
        padding-top: 0px !important;
    }

    .pt5 {
        padding-top: 2.5px !important;
    }

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

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

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

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

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

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

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

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

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

    .pt55 {
        padding-top: 27.5px !important;
    }

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

    .pt65 {
        padding-top: 32.5px !important;
    }

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

    .pt75 {
        padding-top: 37.5px !important;
    }

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

    .pt85 {
        padding-top: 42.5px !important;
    }

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

    .pt95 {
        padding-top: 47.5px !important;
    }

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

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

    .pb5 {
        padding-bottom: 2.5px !important;
    }

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

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

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

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

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

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

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

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

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

    .pb55 {
        padding-bottom: 27.5px !important;
    }

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

    .pb65 {
        padding-bottom: 32.5px !important;
    }

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

    .pb75 {
        padding-bottom: 37.5px !important;
    }

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

    .pb85 {
        padding-bottom: 42.5px !important;
    }

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

    .pb95 {
        padding-bottom: 47.5px !important;
    }

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

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

    .pl5 {
        padding-left: 2.5px !important;
    }

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

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

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

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

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

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

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

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

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

    .pl55 {
        padding-left: 27.5px !important;
    }

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

    .pl65 {
        padding-left: 32.5px !important;
    }

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

    .pl75 {
        padding-left: 37.5px !important;
    }

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

    .pl85 {
        padding-left: 42.5px !important;
    }

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

    .pl95 {
        padding-left: 47.5px !important;
    }

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

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

    .pr5 {
        padding-right: 2.5px !important;
    }

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

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

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

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

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

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

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

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

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

    .pr55 {
        padding-right: 27.5px !important;
    }

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

    .pr65 {
        padding-right: 32.5px !important;
    }

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

    .pr75 {
        padding-right: 37.5px !important;
    }

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

    .pr85 {
        padding-right: 42.5px !important;
    }

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

    .pr95 {
        padding-right: 47.5px !important;
    }

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

html.ly-sizeL {
    font-size: 18px !important;
}

html.ly-sizeM {
    font-size: 16px !important;
}

html.ly-sizeS {
    font-size: 13px !important;
}

@keyframes fadein {
    0% {
        opacity: 0;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

#header .ly-wrp-gnav {
    margin-left: 0;
    width: calc(83.9% - 22px);
    float: right;
}

#header .ly-gnav ul li {
    float: left;
    position: relative;
    margin-left: 20px;
}

#header .ly-gnav ul li a {
    position: relative;
    display: table-cell;
    height: 71px;
    color: #555555;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 600;
    font-size: 15px !important;
}

#header .ly-gnav ul li a:hover {
    text-decoration: none;
}

#header .ly-gnav ul li.ly-gnav-sub:hover ul {
    max-height: 1000px;
    -webkit-transition: max-height .5s ease-in;
    -o-transition: max-height .5s ease-in;
    transition: max-height .5s ease-in;
}

#header .ly-gnav ul li.ly-gnav-sub:hover:hover:after {
    display: block;
}

#header .ly-gnav ul li.ly-gnav-sub:after {
    position: absolute;
    bottom: -7px;
    left: 45%;
    content: "";
    display: none;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid rgba(24, 169, 82, 0.8);
}

#header .ly-gnav ul li ul {
    position: absolute;
    top: 71px;
    left: 50%;
    margin-left: -90px;
    min-width: 180px;
    max-height: 0;
    height: auto;
    overflow: hidden;
    z-index: 100;
    display: block;
    white-space: nowrap;
}

#header .ly-gnav ul li ul li {
    display: block;
    width: 100%;
    margin: 0;
}

#header .ly-gnav ul li ul li a {
    color: #FFF;
    font-size: 14px;
    display: block;
    height: auto;
    text-align: left;
    background: rgba(24, 169, 82, 0.8);
}

#header .ly-gnav ul li ul li a:hover {
    background: rgba(24, 169, 82, 0.95);
}

#header .ly-gnav ul li ul li a span {
    margin: 0 20px;
    padding: 10px 0;
    display: block;
    border-bottom: #FFF dotted 1px;
}

#header .ly-gnav ul li ul li:last-child a span {
    border-bottom: none;
}

#header .ly-gnav ul li ul li:first-child {
    margin-top: 7px;
}

#header .ly-gnav ul li ul :after {
    display: none;
}

.ly-compact #header .ly-gnav ul {
    top: 56px;
}

.ly-compact #header .ly-gnav ul li a {
    height: 56px;
}

.ly-compact #header .ly-gnav ul li ul li a {
    height: auto;
}

.footer-links {
    background: #5A5A5A;
    overflow: hidden;
    padding: 30px 0;
}

.footer-links ul {
    float: left;
    margin: 0 1%;
}

.footer-links ul li {
    margin-bottom: 14px;
}

.footer-links ul li a {
    color: #FFF;
    font-size: 14px;
}

.footer-links ul li strong {
    color: #FFF;
    font-size: 15px;
}

.footer-links ul dl {
    margin-top: 38px;
}

.footer-links ul dl dd p {
    margin-top: 14px;
}

.footer-links ul:nth-child(1) {
    width: 16%;
}

.footer-links ul:nth-child(1) dl {
    margin-top: 0;
}

.footer-links ul:nth-child(2) {
    width: 15%;
}

.footer-links ul:nth-child(3) {
    width: 17%;
}

.footer-links ul:nth-child(4) {
    width: 22%;
}

.footer-links ul:nth-child(5) {
    width: 9%;
}

.footer-links ul:nth-child(6) {
    width: 9%;
}

@media (max-width: 1298px) and (min-width: 1201px) {
    #header .ly-gnav ul li {
        margin-left: 20px;
    }
}

@media (max-width: 1200px) and (min-width: 737px) {
    #header .ly-wrp-gnav {
        width: calc(83.9% - 62px);
    }

    #header .ly-gnav ul li {
        width: 8%;
        margin-left: 0;
        padding: 0 5px;
    }

    #header .ly-gnav ul li.ly-gnav-sub {
        width: 14%;
    }

    #header .ly-gnav>ul>li:last-child {
        width: 8%;
    }
}

@media (min-width: 737px) {
    #header {
        font-size: 0;
        padding-top: 0;
    }
}

@media (min-width: 738px) {
    .footer-links ul dl dt {
        pointer-events: none;
    }

    .footer-links ul dl dd[style^='display: none'] {
        display: block !important;
    }
}
#header .btn-close {
    display: none;
}
@media only screen and (max-width: 737px) {
    #header.ly-header-area {
    z-index: 100; }
    #header.ly-header-area .ly-sp-header {
      z-index: 999;
      position: fixed;
      top: 0; }
    #header.ly-header-area .ly-sp-header .ly-logo-fm {
        padding: 9px 0 10px;
    }
    #header.ly-header-area .ly-sp-header .ly-logo-fm img {
        vertical-align: middle;
        height: auto; }
    #header .ly-wrp-search-keyword,
    #header .ly-wrp-snav {
    display: none; }
  #header .ly-head-nav-area {
    position: fixed;
    top: 0;
    max-height: 100%;
    overflow-y: scroll; }
  #header .ly-wrp-gnav {
    width: 100%;
    margin-top: 100px;
    border-top: 1px solid #9f9f9f; }
    #header .ly-wrp-gnav .ly-gnav {
      overflow: hidden; }
      #header .ly-wrp-gnav .ly-gnav ul li {
        width: 100%;
        float: none;
        margin: 0;
        background: none;
        border-bottom: 1px solid #9f9f9f; }
        #header .ly-wrp-gnav .ly-gnav ul li a {
          position: relative;
          display: block;
          padding: 3.2vw 4.8vw 2.93333vw;
          height: auto;
          color: #18A952;
          font-size: 5.33333vw !important; }
          #header .ly-wrp-gnav .ly-gnav ul li a.js-gnav-list-link:after {
            display: inline-block;
            content: "";
            width: 5.33333vw;
            height: 0.66667vw;
            background-color: #18A952;
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
            transition: all ease 0.3s;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center; }
          #header .ly-wrp-gnav .ly-gnav ul li a.js-gnav-list-link:before {
            display: inline-block;
            content: "";
            width: 5.33333vw;
            height: 0.66667vw;
            background-color: #18A952;
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
            transition: all ease 0.3s;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center; }
          #header .ly-wrp-gnav .ly-gnav ul li a.ly-open:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            height: 0; }
          #header .ly-wrp-gnav .ly-gnav ul li a.ly-open:before {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
        #header .ly-wrp-gnav .ly-gnav ul li.ly-gnav-sub:hover ul {
          max-height: 100%; }
        #header .ly-wrp-gnav .ly-gnav ul li.ly-gnav-sub:hover:hover:after {
          display: none; }
        #header .ly-wrp-gnav .ly-gnav ul li ul {
          position: relative;
          top: auto;
          left: auto;
          margin: 0;
          width: 100%;
          max-height: 100%;
          display: none; }
          #header .ly-wrp-gnav .ly-gnav ul li ul li {
            border-bottom: 1px solid #dcdcdc;
            margin: 0; }
            #header .ly-wrp-gnav .ly-gnav ul li ul li a {
              display: block;
              position: relative;
              background: #F8F8F8;
              padding: 3.33333vw 6vw 3.33333vw 11.2vw;
              height: auto;
              color: #313131;
              font-size: 4.26667vw;
              margin: 0 -1.33333vw; }
              #header .ly-wrp-gnav .ly-gnav ul li ul li a:before {
                content: "";
                width: 1.6vw;
                height: 1.6vw;
                position: absolute;
                top: 50%;
                left: 6.66667vw;
                -webkit-transform: rotate(-45deg) translateY(-50%);
                -ms-transform: rotate(-45deg) translateY(-50%);
                transform: rotate(-45deg) translateY(-50%);
                margin-top: -1px;
                z-index: 1;
                border-style: solid;
                border-color: #18A952;
                border-width: 0px 0.4vw 0.4vw 0px; }
              #header .ly-wrp-gnav .ly-gnav ul li ul li a span {
                padding: 0;
                margin: 0;
                border-bottom: none;
                font-size: 87% !important; }
            #header .ly-wrp-gnav .ly-gnav ul li ul li:last-child {
              border-bottom: none; }
              #header .ly-wrp-gnav .ly-gnav ul li ul li:last-child a {
                -webkit-box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.1);
                box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.1); }

    #header .btn-close {
        display: block;
    }
    #header .btn-close a {
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 55px 20px 20px;
        height: auto;
        line-height: 1em;
        color: #747474;
        font-size: 14px;
        font-family: "Rounded Mplus 1c";
        font-weight: normal;
        text-align: right;
        background-image: url(/content/dam/img/btn/sp/btn_close.png);
        background-position: 93.5% 50%;
        background-repeat: no-repeat;
        background-size: 17px 17px;
        text-shadow: 0px 0px 0.1px rgba(51, 51, 51, 0.5);
    }

    .footer-links {
        padding: 16vw 0 13.33333vw;
        background: #FFF;
    }

    .footer-links ul {
        float: none;
        width: 100% !important;
        margin: 0 !important;
    }

    .footer-links ul li {
        margin-bottom: 2.66667vw;
        padding-bottom: 2.66667vw;
        border-bottom: 1px solid #9f9f9f;
    }

    .footer-links ul li a {
        font-size: 4.26667vw;
        color: #313131;
        font-weight: bold;
        padding: 0 2.66667vw;
        display: block;
    }

    .footer-links ul li strong {
        font-size: 4.26667vw;
        color: #313131;
        padding: 0 2.66667vw;
    }

    .footer-links ul dl {
        margin-top: 0;
    }

    .footer-links ul dl dt {
        position: relative;
        cursor: pointer;
    }

    .footer-links ul dl dt:before {
        display: inline-block;
        content: "";
        width: 3.33333vw;
        height: 0.53333vw;
        background-color: #313131;
        position: absolute;
        top: 50%;
        right: 2.66667vw;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .footer-links ul dl dt:after {
        display: inline-block;
        content: "";
        width: 3.33333vw;
        height: 0.53333vw;
        background-color: #313131;
        position: absolute;
        top: 50%;
        right: 2.66667vw;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .footer-links ul dl dt.active:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .footer-links ul dl dd {
        display: none;
    }

    .footer-links ul dl dd a {
        font-weight: normal;
        font-size: 3.73333vw;
        position: relative;
        padding-left: 6.66667vw;
    }

    .footer-links ul dl dd a:before {
        content: "";
        width: 1.33333vw;
        height: 1.33333vw;
        position: absolute;
        top: 50%;
        left: 3.33333vw;
        margin-top: -1px;
        -webkit-transform: rotate(-45deg) translateY(-50%);
        -ms-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%);
        border-style: solid;
        border-color: #313131;
        border-width: 0px 0.4vw 0.4vw 0px;
    }

    .footer-links ul dl dd p {
        padding-top: 2.93333vw;
        margin-top: 2.93333vw;
        border-top: 1px solid #dcdcdc;
    }

    .footer-links ul:nth-child(1) {
        border-top: 1px solid #9f9f9f;
        padding-top: 2.66667vw;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

.txt-dark {
    color: #313131 !important;
}

.txt-blue {
    color: #168ED4 !important;
}

.txt-green {
    color: #18A952 !important;
}

.txt-red {
    color: #F51616 !important;
}

.txt-orange {
    color: #EC7A00 !important;
}

.txt-dark-blue {
    color: #164CB2 !important;
}

.a {
    color: #000;
}

/* ==========================================================
!Letter-spacing
========================================================== */
.letter-spacing0 {
    letter-spacing: 0 !important;
}

/* ==========================================================
!Text
========================================================== */
.text-nowrap {
    white-space: nowrap !important;
}

/* ==========================================================
!Display
========================================================== */
.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

/* ==========================================================
!Mainvisual
========================================================== */
.mainvisual {
    text-align: center;
    position: relative;
}

.mainvisual img {
    width: 100%;
    display: block;
}

/* ==========================================================
!Title
========================================================== */
/* h1-title */
.h1-title {
    color: #18A952;
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
    margin-top: 118px;
}

.h1-title>span {
    display: inline-block;
    position: relative;
    border-bottom: 3px solid #18A952;
}

/* h2-title01 */
.h2-title01 {
    color: #313131;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

.h2-title01 a {
    color: #313131;
}

/* h2-title02 */
.h2-title02 {
    color: #18A952;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

/* h2-title03 */
.h2-title03 {
    color: #168ED4;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

/* h2-title04 */
.h2-title04 {
    color: #EC7A00;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

/* h2-title05 */
.h2-title05 {
    color: #18A952;
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
    margin-bottom: 20px;
}

.h2-title05>span {
    display: inline-block;
    position: relative;
    border-bottom: 3px solid #18A952;
}

/* h3-title01 */
.h3-title01 {
    color: #313131;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

/* h3-title02 */
.h3-title02 {
    color: #18A952;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

/* h3-title03 */
.h3-title03 {
    color: #18A952;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

.h3-title03>span {
    display: inline-block;
    position: relative;
    padding-left: 64px;
}

.h3-title03>span:before {
    content: "";
    width: 54px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("/content/dam/family/company/fc1/img/common/icon_h3.png") no-repeat center center;
    background-size: 54px 54px;
}

/* h4-title01 */
.h4-title01 {
    color: #313131;
    font-size: 32px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.14em;
}

/* h5-title01 */
.h5-title01 {
    color: #313131;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 3.85px;
}

/* h6-title01 */
.h6-title01 {
    color: #313131;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.135em;
}

/* sub-title01 */
.sub-title01 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #313131;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.5;
    letter-spacing: 0.14em;
    margin-bottom: 96px;
}

/* sub-title02 */
.sub-title02 {
    font-size: 20px;
    font-size: 1.25rem;
    color: #313131;
    text-align: center;
    font-weight: bold;
    margin-top: 8px;
    line-height: 1.5;
    letter-spacing: 0.14em;
}

/* sub-title03 */
.sub-title03 {
    font-size: 20px;
    font-size: 1.25rem;
    color: #313131;
    text-align: center;
    font-weight: normal;
    margin-top: 10px;
    line-height: 1.5;
    letter-spacing: 0.14em;
}

.sub-title03.fwB {
    font-weight: bold;
}

/* ==========================================================
!Button
========================================================== */
/* btn-basic01 */
.btn-basic01 {
    display: inline-block;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;
    position: relative;
    border: 5px solid #fff;
    -webkit-box-shadow: 2px 2px 2px #f2f2f2, -2px -2px 2px #f2f2f2;
    box-shadow: 2px 2px 2px #f2f2f2, -2px -2px 2px #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 440px;
    padding: 17px 50px 17px 50px;
    border-radius: 85px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
    text-align: center;
}

.btn-basic01:hover,
.btn-basic01:active,
.btn-basic01:visited,
.btn-basic01:link {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}

.btn-basic01:after {
    content: "";
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 17px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.btn-basic01:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid transparent;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.btn-basic01.btn01 {
    background: #164CB2;
}

.btn-basic01.btn01:before {
    border-left-color: #164CB2;
}

.btn-basic01.btn01:hover {
    background-color: #173876;
}

.btn-basic01.btn01:hover:before {
    border-left-color: #173876;
}

.btn-basic01.btn02 {
    background: #F51616;
    margin-left: 10px;
}

.btn-basic01.btn02:before {
    border-left-color: #F51616;
}

.btn-basic01.btn02:hover {
    background-color: #C32323;
}

.btn-basic01.btn02:hover:before {
    border-left-color: #C32323;
}

.btn-basic01.btn03 {
    background: #EC7A00;
    min-width: 563px;
}

.btn-basic01.btn03:before {
    border-left-color: #EC7A00;
}

.btn-basic01.btn03:hover {
    background-color: #C97113;
}

.btn-basic01.btn03:hover:before {
    border-left-color: #C97113;
}

/* btn-basic02 */
.btn-basic02 {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 184px;
    padding: 12px 30px 11px 5px;
    border-radius: 50px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
    text-align: center;
}

.btn-basic02:hover,
.btn-basic02:active,
.btn-basic02:visited,
.btn-basic02:link {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}

.btn-basic02:after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 17px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    margin-top: -1px;
    z-index: 1;
    border-style: solid;
    border-color: white;
    border-width: 0px 2px 2px 0px;
}

.btn-basic02.btn01 {
    background: #164CB2;
}

.btn-basic02.btn01:hover {
    background-color: #173876;
}

.btn-basic02.btn02 {
    background: #F51616;
}

.btn-basic02.btn02:hover {
    background-color: #C32323;
}

.btn-basic02.btn03 {
    background: #EC7A00;
}

.btn-basic02.btn03:hover {
    background-color: #C97113;
}

.btn-basic02.btn04 {
    background: #18A952;
}

.btn-basic02.btn04:hover {
    background-color: #127c3c;
}

.btn-basic02.btn05 {
    background: #ecac00;
}

.btn-basic02.btn05:hover {
    background-color: #d19800;
}

/* btn-basic03 */
.btn-basic03 {
    display: inline-block;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
    position: relative;
    border: 2px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 212px;
    padding: 11px 35px 12px 35px;
    border-radius: 54px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
    text-align: center;
}

.btn-basic03.hover,
.btn-basic03:hover,
.btn-basic03:active,
.btn-basic03:visited,
.btn-basic03:link {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}

.btn-basic03:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    margin-top: -2px;
    z-index: 1;
    border-style: solid;
    border-color: white;
    border-width: 0px 2px 2px 0px;
}

.btn-basic03.btn01 {
    background: #18A952;
    border-color: #18A952;
}

.btn-basic03.btn01.hover,
.btn-basic03.btn01:hover {
    background-color: #168ED4;
    border-color: #168ED4;
}

.btn-basic03.btn02 {
    background: #ffffff;
    border-color: #313131;
    color: #313131;
}

.btn-basic03.btn02:after {
    border-color: #313131;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    right: 22px;
    margin-top: -4px;
}

.btn-basic03.btn02.hover,
.btn-basic03.btn02:hover {
    background: #313131;
    border-color: #313131;
    color: #ffffff;
}

.btn-basic03.btn02.hover:after,
.btn-basic03.btn02:hover:after {
    border-color: #ffffff;
}

.btn-basic03.btn02.active:after {
    right: 14px;
    margin-top: -5px;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    -ms-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
}

/* btn-basic04 */
.btn-basic04 {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    position: relative;
    border: 2px solid #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 212px;
    padding: 11px 35px 12px 35px;
    border-radius: 54px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
    text-align: center;
}

.btn-basic04.hover,
.btn-basic04:hover,
.btn-basic04:active,
.btn-basic04:visited,
.btn-basic04:link {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}

.btn-basic04:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    margin-top: -2px;
    z-index: 1;
    border-style: solid;
    border-color: white;
    border-width: 0px 2px 2px 0px;
}

/* ==========================================================
!Anchor link
========================================================== */
.anchor-link {
    margin: 0 -9px 0 -9px;
    padding: 0;
}

.anchor-link:after {
    content: "";
    display: block;
    clear: both;
}

.anchor-link>li {
    float: left;
    margin: 0 9px 0 9px;
    width: calc(100% / 3 - 18px);
}

.anchor-link a {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 17px 64px 17px 32px;
    border-radius: 92px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
    text-align: left;
    line-height: 1.45;
}

.anchor-link a:hover,
.anchor-link a:active,
.anchor-link a:visited,
.anchor-link a:link {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}

.anchor-link a:after {
    content: "";
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.anchor-link a:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 16px solid transparent;
    position: absolute;
    top: 50%;
    right: 31px;
    margin-top: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.anchor-link a.btn-anchor01 {
    background: #18A952;
}

.anchor-link a.btn-anchor01:before {
    border-top-color: #18A952;
}

.anchor-link a.btn-anchor01:hover {
    background-color: #127c3c;
}

.anchor-link a.btn-anchor01:hover:before {
    border-top-color: #127c3c;
}

.anchor-link a.btn-anchor02 {
    background: #168ED4;
}

.anchor-link a.btn-anchor02:before {
    border-top-color: #168ED4;
}

.anchor-link a.btn-anchor02:hover {
    background-color: #116fa6;
}

.anchor-link a.btn-anchor02:hover:before {
    border-top-color: #116fa6;
}

.anchor-link a.btn-anchor03 {
    background: #EC7A00;
}

.anchor-link a.btn-anchor03:before {
    border-top-color: #EC7A00;
}

.anchor-link a.btn-anchor03:hover {
    background-color: #C97113;
}

.anchor-link a.btn-anchor03:hover:before {
    border-top-color: #C97113;
}

/* ==========================================================
!Box Content
========================================================== */
/* circle-box */
.circle-box {
    margin: 0 -30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.circle-box li {
    margin: 30px;
    width: 254px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.circle-box .col-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 254px;
    height: 254px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    color: #313131;
    text-align: center;
}

.circle-box .col-item.bg-blue {
    background: #168ED4;
    color: #ffffff;
}

.circle-box .col-item.bg-green {
    background: #18A952;
    color: #ffffff;
}

.circle-box .col-item.bg-dark-blue {
    background: #164CB2;
    color: #ffffff;
}

.circle-box .col-item.bg-orange {
    background: #EC7A00;
    color: #ffffff;
}

/* ==========================================================
!Dl box
========================================================== */
.dl-box {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.dl-box dt,
.dl-box dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dl-box dt {
    width: 42%;
    line-height: 1;
    font-size: 0;
    position: relative;
}

.dl-box dt img {
    max-width: 100%;
}

.dl-box dd {
    width: 58%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dl-box dd>div {
    padding: 17px 37px;
}

.dl-box .dl-box-more {
    display: none;
    width: 100%;
    padding-bottom: 12px;
    text-align: left;
    letter-spacing: 0.12em;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2.5;
}

.dl-box .dl-box-more p {
    margin-bottom: 40px;
}

.dl-box .button-readmore {
    margin-top: 48px;
}

/* ==========================================================
!Table
========================================================== */
.table-wrapper {
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
}

.table-wrapper.b-green {
    border-color: #18A952;
}

.table-wrapper.b-blue {
    border-color: #168ED4;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* table */
.table {
    border-collapse: collapse;
    border: 0;
    width: 1190px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table th,
.table td {
    border: 2px solid #dcdcdc;
    padding: 18px 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    letter-spacing: 0.12em;
    background: #ffffff;
}

.table th:first-child,
.table td:first-child {
    border-left: 0;
}

.table th:last-child,
.table td:last-child {
    border-right: 0;
}

.table th {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

.table td {
    font-size: 20px;
    font-size: 1.25rem;
}

.table .text-left {
    text-align: left;
}

.table .text-small {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
}

.table .text-nowrap {
    white-space: nowrap;
}

.table .cell-green {
    background: #18A952 !important;
    color: #ffff;
}

.table .cell-light-green {
    background: #e4f5eb !important;
}

.table .cell-light-blue {
    background: #edf8ff !important;
}

.table .cell-light-orange {
    background: #ffecd8 !important;
}

/* table01 */
.table01 th {
    width: 394px;
}

.table01>tbody>tr:first-child th,
.table01>tbody>tr:first-child td {
    border-top: 0;
}

.table01>tbody>tr:last-child th,
.table01>tbody>tr:last-child td {
    border-bottom: 0;
}

/* table02 */
.table02 th,
.table02 td {
    text-align: center;
}

.table02 th {
    background: #fafafa;
}

.table02>thead tr>th {
    border-top: 0;
}

.table02>thead tr>th[rowspan="2"]+th {
    width: 435px;
}

.table02>thead tr>th:nth-of-type(1) {
    width: 320px;
}

.table02>thead tr>th:nth-of-type(3) {
    width: 435px;
    border: 0;
}

.table02>tbody>tr:last-child th,
.table02>tbody>tr:last-child td {
    border-bottom: 0;
}

.table02>tbody>tr th {
    width: 320px;
}

.table02>tbody>tr th+td {
    width: 435px;
}

.table02>tbody>tr th+td+td {
    width: 435px;
}

.table02.table02-01 thead td {
    width: 435px;
}

.table02.table02-01 thead th:nth-of-type(1) {
    width: 320px;
}

.table02.table02-02 thead td {
    width: calc(100% - 320px);
}

.table02.table02-02 thead th:nth-of-type(1) {
    width: 320px;
}

.table02.table02-02 thead th:nth-of-type(2) {
    width: calc(100% - 320px);
}

@supports (-ms-ime-align: auto) {

    .table02.table02-01 thead th:nth-of-type(1),
    .table02.table02-02 thead th:nth-of-type(1) {
        width: 317px;
    }
}

/* table03 */
.table03 {
    border: 5px solid #EC7A00;
    width: 100%;
}

.table03 .price dt,
.table03 .price dd {
    display: inline-block;
    letter-spacing: 0.12em;
}

.table03 .price dt {
    font-size: 40px;
    font-size: 2.5rem;
}

.table03 th,
.table03 td {
    text-align: center;
}

.table03>thead>tr:first-child th {
    padding-top: 34px;
    padding-bottom: 42px;
    line-height: 1.4;
}

.table03>tbody td {
    font-size: 24px;
    font-size: 1.5rem;
}

/* table04 */
.table04 {
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1), -5px -5px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1), -5px -5px 20px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.table04 .price dt,
.table04 .price dd {
    display: inline-block;
    letter-spacing: 0.12em;
}

.table04 .price dt {
    font-size: 30px;
    font-size: 1.875rem;
}

.table04 th,
.table04 td {
    text-align: center;
    width: 50%;
}

.table04 td {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
}

.table04 td .number {
    font-size: 32px;
    font-size: 2rem;
}

.table04 tbody>tr:first-child th,
.table04 tbody>tr:first-child td {
    border-top: 0;
}

.table04 tbody>tr:last-child th,
.table04 tbody>tr:last-child td {
    border-bottom: 0;
}

/* ==========================================================
!Tab
========================================================== */
.nav-tabs {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-tabs>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.nav-tabs>li>a {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #8A8A8A;
    background: #fff;
    border-width: 3px;
    border-style: solid;
    border-color: #F4F4F4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.14em;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 15px;
}

.nav-tabs>li>a:hover {
    text-decoration: none;
}

.nav-tabs>li>a.active {
    background: transparent;
    border-color: transparent;
    color: #ffffff;
    pointer-events: none;
}

.nav-tabs>li>a.active:after {
    content: "";
    width: calc(100% + 6px);
    height: 15px;
    background: transparent;
    position: absolute;
    top: 100%;
    left: -3px;
}

.nav-tabs>li>a.tab1 {
    border-radius: 18px 0 0 0;
}

.nav-tabs>li>a.tab1.active {
    background: #18A952;
    border-color: #18A952;
}

.nav-tabs>li>a.tab2 {
    border-radius: 0 18px 0 0;
}

.nav-tabs>li>a.tab2.active {
    background: #168ED4;
    border-color: #168ED4;
}

.tab-content {
    padding: 100px 0;
}

.tab-content .tab-panel {
    display: none;
}

/* ==========================================================
!Flow box
========================================================== */
.flow-box .flow-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
    border-collapse: collapse;
    width: 100%;
    background: #ffffff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1), -5px -5px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1), -5px -5px 20px 0px rgba(0, 0, 0, 0.1);
}

.flow-box .flow-list dt,
.flow-box .flow-list dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 42px;
    vertical-align: middle;
}

.flow-box .flow-list dd {
    padding-right: 20px;
}

.flow-box .flow-list dt {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    letter-spacing: 0.12em;
    position: relative;
}

.flow-box .flow-list dd {
    font-size: 20px;
    font-size: 1.25rem;
}

.flow-box .flow-list.last {
    margin-bottom: 60px;
}

.flow-box .flow-list.flow-list01 dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.flow-box .flow-list.flow-list02 {
    border-left: 10px solid #18A952;
}

.flow-box .flow-list.flow-list02 dt,
.flow-box .flow-list.flow-list02 dd {
    padding-top: 83px;
    padding-bottom: 83px;
}

.flow-box .flow-list.flow-list02 dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    max-width: 400px;
}

.flow-box .flow-arrow-down {
    display: block;
    width: 77px;
    height: 77px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -38px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.flow-box .flow-circle {
    position: absolute;
    width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #18A952;
    border-radius: 50%;
    color: #ffffff;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -55px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flow-box.flow-green .flow-title {
    background: #18A952;
    color: #ffffff;
}

.flow-box.flow-green .flow-arrow-down {
    background-image: url("/content/dam/family/company/fc1/img/common/ico_arrow_down01.png");
}

.flow-box.flow-green .flow-circle {
    background: #18A952;
}

.flow-box.flow-green .flow-list.flow-list02 {
    border-left-color: #18A952;
}

.flow-box.flow-blue .flow-title {
    background: #168ED4;
    color: #ffffff;
}

.flow-box.flow-blue .flow-arrow-down {
    background-image: url("/content/dam/family/company/fc1/img/common/ico_arrow_down02.png");
}

.flow-box.flow-blue .flow-circle {
    background: #168ED4;
}

.flow-box.flow-blue .flow-list.flow-list02 {
    border-left-color: #168ED4;
}

/* ==========================================================
! PARTNER PAGE
========================================================== */
.block-partner-applicant {
    padding: 95px 0 102px;
    overflow: hidden;
}

.block-partner-applicant .h2-title01 {
    margin-bottom: 100px;
}

.block-partner-applicant .h3-title02 {
    letter-spacing: 0.1em;
}

.block-partner-applicant .circle-box {
    margin-bottom: 0;
}

.block-partner-applicant .circle-box>li {
    margin-top: 0;
    margin-bottom: 0;
}

.block-partner-applicant .circle-box .col-item {
    position: relative;
}

.block-partner-applicant .circle-box .col-item>div {
    padding-top: 30px;
}

.block-partner-applicant .applicant-icon {
    display: inline-block;
    font-size: 0;
    margin-top: 18px;
}

.block-partner-applicant .applicant-icon img {
    width: 59px;
}

.block-partner-applicant .applicant-img {
    margin-top: 90px;
}

.block-partner-applicant .applicant-img img {
    width: 260px;
}

.block-partner-applicant .applicant-img.style01 {
    text-align: right;
    margin-right: 20px;
    float: right;
}

.block-partner-applicant .applicant-img.style01 img {
    width: 127px;
}

.block-partner-applicant .applicant-img.style02 img {
    margin-left: -4px;
    width: 260px;
}

.block-partner-applicant .applicant-img.style03 {
    margin-left: 20px;
}

.block-partner-applicant .applicant-img.style03 img {
    width: 127px;
}

.block-partner-applicant .applicant-solve {
    width: 94px;
    height: 94px;
    background: #18A952;
    color: #fff;
    line-height: 94px;
    display: block;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 6px;
    letter-spacing: -1px;
    z-index: 1;
}

.block-partner-applicant .applicant-solve:after {
    content: "";
    position: absolute;
    top: 100%;
    margin-top: 0;
    left: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 12px solid #18A952;
    width: 0;
}

.block-partner-applicant .applicant-solve.as01 {
    margin-left: -10px;
}

.block-partner-applicant .applicant-solve.as01:after {
    left: 67px;
    margin-top: -7px;
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.block-partner-applicant .applicant-solve.as02:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.block-partner-applicant .applicant-solve.as03 {
    margin-left: 13px;
}

.block-partner-applicant .applicant-solve.as03:after {
    left: 11px;
    margin-top: -11px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

.block-partner-person {
    padding: 97px 0 98px;
}

.block-partner-person .dl-box {
    margin-top: 95px;
}

.block-partner-support {
    padding: 14px 0 46px;
}

.block-partner-support-img {
    text-align: center;
}

.block-partner-support-img img {
    width: 100%;
    display: block;
}

/* ==========================================================
!NEW AND PICKUP
========================================================== */
.new_pickup {
    background: #FF4A64;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 100px;
    height: 43px;
    line-height: 43px;
    padding: 0 15px;
    z-index: 1;
    text-align: center;
}

@media only screen and (max-width: 737px) {

    /* ==========================================================
    !Title
    ========================================================== */
    /* h1-title */
    .h1-title {
        font-size: 6.4vw;
        margin-top: 13.33333vw;
    }

    .h1-title>span {
        border-bottom-width: 0.4vw;
        padding-bottom: 2.26667vw;
    }

    /* h2-title01, h2-title02, h2-title03 */
    .h2-title01,
    .h2-title02,
    .h2-title03,
    .h2-title04 {
        font-size: 5.33333vw;
    }

    /* h2-title05 */
    .h2-title05 {
        font-size: 6.4vw;
        margin-bottom: 3vw;
    }

    .h2-title05>span {
        border-bottom-width: 0.4vw;
    }

    /* h3-title01 */
    .h3-title01,
    .h3-title02,
    .h3-title03 {
        font-size: 4.8vw;
    }

    /* h3-title03 */
    .h3-title03>span {
        padding-left: 0;
    }

    .h3-title03>span:before {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 12.26667vw;
        height: 12.26667vw;
        background-size: 12.26667vw 12.26667vw;
        margin-bottom: 4vw;
    }

    /* h4-title01 */
    .h4-title01 {
        font-size: 4.8vw;
    }

    /* h5-title01 */
    .h5-title01 {
        font-size: 4.26667vw;
    }

    /* h6-title01 */
    .h6-title01 {
        font-size: 4.26667vw;
    }

    /* sub-title01 */
    .sub-title01 {
        font-size: 3.73333vw;
        margin-bottom: 13.33333vw;
    }

    .sub-title01.txt-blue {
        font-size: 4.26667vw;
    }

    /* sub-title02 */
    .sub-title02 {
        font-size: 4vw;
    }

    /* sub-title03 */
    .sub-title03 {
        font-size: 3.73333vw;
    }

    /* ==========================================================
    !Button
    ========================================================== */
    /* btn-basic01 */
    .btn-basic01 {
        padding: 2.26667vw 8vw 2.26667vw 5.33333vw;
        border-width: 0.8vw;
        line-height: 1.3;
        font-size: 4.26667vw;
    }

    .btn-basic01:after {
        width: 4.53333vw;
        height: 4.53333vw;
        right: 4.26667vw;
    }

    .btn-basic01:before {
        right: 5.46667vw;
        border-top: 1.06667vw solid transparent;
        border-bottom: 1.06667vw solid transparent;
        border-left: 1.6vw solid transparent;
    }

    .btn-basic01.btn01 {
        min-width: inherit;
        width: 44vw;
    }

    .btn-basic01.btn02 {
        min-width: inherit;
        width: 44vw;
        margin-left: 1.33333vw;
    }

    .btn-basic01.btn03 {
        padding: 3.33333vw 8vw 3.33333vw 5.33333vw;
        width: 100%;
        min-width: 100%;
    }

    /* btn-basic02 */
    .btn-basic02 {
        min-width: inherit;
        font-size: 3.73333vw;
        width: 100%;
        padding: 2.26667vw 5.33333vw;
    }

    .btn-basic02:after {
        width: 2vw;
        height: 2vw;
        right: 3.46667vw;
    }

    /* btn-basic03 */
    .btn-basic03 {
        min-width: inherit;
        font-size: 3.73333vw;
        font-weight: 500;
        width: 34.66667vw;
        padding: 2.26667vw 5.33333vw;
    }

    .btn-basic03:after {
        width: 2.66667vw;
        height: 2.66667vw;
        right: 3.46667vw;
    }

    .btn-basic03.btn02:after {
        margin-top: -1.33333vw;
        right: 3.73333vw;
    }

    .btn-basic03.btn02.active:after {
        margin-top: -1.6vw;
        right: 1.6vw;
    }

    /* btn-basic04 */
    .btn-basic04 {
        min-width: inherit;
        font-size: 3.73333vw;
        width: 34.66667vw;
        padding: 2.26667vw 5.33333vw;
    }

    .btn-basic04:after {
        width: 2vw;
        height: 2vw;
        right: 3.46667vw;
    }

    /* ==========================================================
    !Anchor link
    ========================================================== */
    .anchor-link {
        margin: 0;
    }

    .anchor-link>li {
        width: 100%;
        margin: 0 0 2.66667vw 0;
        float: none;
    }

    .anchor-link>li:last-child {
        margin-bottom: 0;
    }

    .anchor-link a {
        font-size: 4.26667vw;
        padding: 2.13333vw 10.93333vw 2.26667vw 6vw;
        line-height: 1.3;
    }

    .anchor-link a:before {
        right: 6.26667vw;
        border-width: 2.13333vw 1.46667vw 0 1.46667vw;
    }

    .anchor-link a:after {
        right: 4.8vw;
        width: 5.86667vw;
        height: 5.86667vw;
    }

    /* ==========================================================
    !Box Content
    ========================================================== */
    /* circle-box */
    .circle-box {
        margin: 0 -4vw;
    }

    .circle-box li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 4vw;
        width: 40vw;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 4vw;
    }

    .circle-box .col-item {
        width: 40vw !important;
        height: 40vw !important;
        font-size: 4.26667vw;
    }

    .circle-box.circle-col03 li:nth-child(1) {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /* ==========================================================
    !Dl box
    ========================================================== */
    .dl-box dt,
    .dl-box dd {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dl-box dt {
        width: 100%;
    }

    .dl-box dt img {
        width: 100%;
    }

    .dl-box dd {
        width: 100%;
        padding: 7.2vw 4.93333vw 13.33333vw;
    }

    .dl-box dd>div {
        padding: 0;
    }

    .dl-box .dl-box-more {
        display: none;
        width: 100%;
        padding-top: 0;
        padding-bottom: 8vw;
        text-align: left;
        letter-spacing: 0.12em;
        font-size: 4vw;
    }

    .dl-box .dl-box-more p {
        margin-bottom: 5.33333vw;
    }

    .dl-box .button-readmore {
        margin-top: 7.2vw;
    }

    .dl-box .button-readmore .btn-basic03.btn02:hover,
    .dl-box .button-readmore .btn-basic03.btn02:focus {
        background: #ffffff;
        border-color: #313131;
        color: #313131;
    }

    .dl-box .button-readmore .btn-basic03.btn02:hover:after,
    .dl-box .button-readmore .btn-basic03.btn02:focus:after {
        border-color: #313131;
    }

    .dl-box .button-readmore .btn-basic03.btn02.active {
        background: #313131;
        border-color: #313131;
        color: #ffffff;
    }

    .dl-box .button-readmore .btn-basic03.btn02.active:after {
        border-color: #313131;
    }

    /* ==========================================================
    !Table
    ========================================================== */
    .table-wrapper {
        border-width: 0.66667vw;
    }

    /* table */
    .table th,
    .table td {
        padding: 2.4vw 3.73333vw;
        border-width: 0.26667vw;
    }

    .table th {
        font-size: 3.73333vw;
    }

    .table td {
        font-size: 3.2vw;
    }

    .table .text-small {
        font-size: 2.66667vw;
    }

    /* table01 */
    .table01 {
        width: 200%;
    }

    .table01 th {
        width: 52.53333vw;
    }

    /* table01 */
    .table02 {
        width: 200%;
    }

    .table02>thead tr th:nth-of-type(1) {
        width: 30%;
    }

    .table02 tr td {
        width: 35%;
    }

    /* table03 */
    .table03 {
        border-width: 0.66667vw;
    }

    .table03>thead tr:first-child th {
        padding-top: 3.46667vw;
        padding-bottom: 3.46667vw;
        font-size: 4.26667vw;
    }

    .table03>thead tr:nth-of-type(2) th {
        font-size: 2.66667vw;
    }

    .table03 .price dt {
        font-size: 6.4vw;
    }

    .table03 td,
    .table03 th {
        font-size: 3.73333vw;
    }

    /* table04 */
    .table04 td .number {
        font-size: 4.26667vw;
    }

    /* ==========================================================
    !Flow box
    ========================================================== */
    .flow-box .flow-title {
        font-size: 4.26667vw;
        font-weight: bold;
        border-radius: 16px 18px 0 0;
        text-align: center;
        padding: 3.6vw 5px;
        margin-bottom: 6.66667vw;
    }

    .flow-box .flow-list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin-bottom: 2vw;
        position: relative;
    }

    .flow-box .flow-list dt,
    .flow-box .flow-list dd {
        display: block;
        padding-left: 4vw;
        padding-right: 4vw;
        vertical-align: top;
    }

    .flow-box .flow-list dt {
        font-size: 4.26667vw;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-weight: bold;
        padding-top: 4vw;
        text-align: left;
        position: static;
    }

    .flow-box .flow-list dd {
        font-size: 3.2vw;
        padding-bottom: 4vw;
    }

    .flow-box .flow-list.last {
        margin-bottom: 12vw;
    }

    .flow-box .flow-list.flow-list01 dt {
        padding-bottom: 4vw;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .flow-box .flow-list.flow-list02 {
        border-left: 1.33333vw solid #18A952;
    }

    .flow-box .flow-list.flow-list02 dt,
    .flow-box .flow-list.flow-list02 dd {
        padding-top: 0;
        padding-bottom: 0;
    }

    .flow-box .flow-list.flow-list02 dt {
        padding-top: 4vw;
        width: 100%;
        margin-bottom: 1.06667vw;
    }

    .flow-box .flow-list.flow-list02 dd {
        padding-bottom: 4vw;
    }

    .flow-box .flow-list .flow-arrow-down {
        display: block;
        width: 10.26667vw;
        height: 10.26667vw;
        margin-top: -4vw;
        background-size: 100% 100%;
        z-index: 1;
    }

    .flow-box .flow-list .flow-circle {
        font-size: 4.26667vw;
        z-index: 1;
        position: absolute;
        width: 14.66667vw;
        height: 14.66667vw;
        margin-top: -2.66667vw;
        line-height: 1.3;
    }

    /* ==========================================================
    !Tab content
    ========================================================== */
    .tab-content {
        padding: 0;
    }

    .tab-content .flow-header {
        padding: 13.33333vw 0 0 0;
    }

    .tab-content .tab-panel {
        display: block !important;
        padding-bottom: 13.33333vw;
    }

    .tab-content #tab02 .flow-header {
        background: #ffffff;
    }

    /* ==========================================================
    ! PARTNER PAGE
    ========================================================== */
    .block-partner-applicant {
        padding: 11.33333vw 0 12vw;
    }

    .block-partner-applicant .h2-title01 {
        margin-bottom: 7.46667vw;
    }

    .block-partner-applicant .h3-title02 {
        letter-spacing: 0.05em;
    }

    .block-partner-applicant .circle-box {
        margin-bottom: 24vw;
    }

    .block-partner-applicant .circle-box>li {
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
    }

    .block-partner-applicant .circle-box>li .col-item>div {
        padding-top: 4vw;
    }

    .block-partner-applicant .circle-box>li:nth-of-type(2) .col-item>div p {
        padding-left: 1px;
    }

    .block-partner-applicant .applicant-icon {
        display: inline-block;
        font-size: 0;
        margin-top: 2.4vw;
    }

    .block-partner-applicant .applicant-icon img {
        width: 12vw;
    }

    .block-partner-applicant .applicant-img {
        margin-top: 0;
        position: absolute;
        top: 100%;
        z-index: 9;
    }

    .block-partner-applicant .applicant-img.style01,
    .block-partner-applicant .applicant-img.style02 {
        text-align: right;
        margin-top: 10.66667vw;
    }

    .block-partner-applicant .applicant-img.style01 img,
    .block-partner-applicant .applicant-img.style02 img {
        width: 17.06667vw;
    }

    .block-partner-applicant .applicant-img.style01 {
        left: 0;
        float: none;
    }

    .block-partner-applicant .applicant-img.style02 {
        right: 0;
    }

    .block-partner-applicant .applicant-img.style03 {
        margin-left: 0;
        margin-top: 12.26667vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .block-partner-applicant .applicant-img.style03 img {
        width: 22.4vw;
    }

    .block-partner-applicant .applicant-solve {
        width: 12.53333vw;
        height: 12.53333vw;
        line-height: 12.53333vw;
        font-size: 2.66667vw;
        text-indent: 1.33333vw;
        margin-top: 0.8vw;
    }

    .block-partner-applicant .applicant-solve:after {
        content: "";
        position: absolute;
        top: 100%;
        margin-top: 0;
        left: 0;
        border-left: 0.66667vw solid transparent;
        border-right: 0.66667vw solid transparent;
        border-top: 1.73333vw solid #18A952;
    }

    .block-partner-applicant .applicant-solve.as01:after,
    .block-partner-applicant .applicant-solve.as02:after,
    .block-partner-applicant .applicant-solve.as03:after {
        margin-top: -1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .block-partner-applicant .applicant-solve.as01,
    .block-partner-applicant .applicant-solve.as02 {
        margin-top: -2vw;
    }

    .block-partner-applicant .applicant-solve.as01 {
        left: 0;
        margin-left: 8.5vw;
    }

    .block-partner-applicant .applicant-solve.as02 {
        left: auto;
        right: 0;
        margin-right: -3.5vw;
    }

    .block-partner-applicant .applicant-solve.as03 {
        margin-top: -0.26667vw;
        margin-left: 0;
    }

    .block-partner-person {
        padding: 13.33333vw 0 13.33333vw;
    }

    .block-partner-person .dl-box {
        margin-top: 16.66667vw;
    }

    .block-partner-support {
        padding: 1.33333vw 0 3.73333vw;
    }

    /* ==========================================================
    !NEW AND PICKUP
    ========================================================== */
    .new_pickup {
        font-size: 3.73333vw;
        text-transform: uppercase;
        min-width: 18.66667vw;
        height: 7.33333vw;
        line-height: 7.33333vw;
        padding: 0 2.66667vw;
    }
}

.big_font_break {
    display: none;
}

html.ly-sizeL .circle-box li {
    margin: 30px 10px;
    width: 280px;
}

html.ly-sizeL .circle-box .col-item {
    width: 280px;
    height: 280px;
    font-size: 22px;
    font-size: 1.375rem;
}

html.ly-sizeL .box-2col02 {
    margin-bottom: 30px;
}

html.ly-sizeL .box-2col01 .box-cnt .title {
    font-size: 26px;
    font-size: 1.625rem;
}

html.ly-sizeL .box-2col01 .box-cnt .desc {
    line-height: 1.2em;
    font-size: 18px;
    font-size: 1.125rem;
}

html.ly-sizeL .wrapper-map .wrap-map .place-list .place li {
    width: 210px;
    margin: 0 11px 30px 10px;
}

html.ly-sizeL .wrapper-map .wrap-map .place-list .place li a {
    padding: 12px 0 18px;
}

html.ly-sizeL .big_font_break {
    display: block;
}

@media only screen and (max-width: 737px) {
    html.ly-sizeL .big_font_break,.btn-banner {
        display: none;
    }
}

.pc-inline {
    display: inline-block !important;
}

.ly-contents-area {
    padding-bottom: 0;
    /* .top-slider.slick-dotted.slick-slider {
        margin-bottom: 98px;
    } */
}

.ly-foot-flink-area {
    margin-bottom: 90px;
}

.btn-banner {
    position: fixed;
    bottom: -100px;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    z-index: 99;
    /*height: 90px;*/
    padding: 21px 0 27px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
}

.btn-banner .btn-basic02 {
    margin: 0 5px;
}

.wrapper-block-interview {
    padding-bottom: 175px;
}

.wrapper-block-interview .h2-title01 {
    margin: 0 0 105px;
    padding: 108px 0 0;
}

.wrapper-block-interview .block-interview:after {
    content: "";
    display: table;
    clear: both;
}

.wrapper-block-system {
    padding: 100px 0 100px;
}

.wrapper-block-system .h2-title01 {
    margin-top: 0;
}

.wrapper-block-system .sub-title02 {
    margin-top: 13px;
}

.wrapper-block-system .block-system {
    margin: 65px 0 0;
}

.wrapper-block-system .block-system:after {
    content: "";
    display: table;
    clear: both;
}

.wrapper-block-system .block-system.no-icon {
    margin: 105px 0 0;
}

.wrapper-block-system .block-system.no-icon a {
    padding: 55px 0 37px;
}

.wrapper-block-system .block-system.no-icon a .tit-img {
    display: table;
}

.wrapper-block-system .block-system.no-icon a .tit-img span {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.wrapper-block-system .block-system.no-icon a .desc {
    padding-top: 30px;
    text-align: left;
    line-height: 1.7em;
}

.wrapper-block-system.system02 {
    padding-top: 100px;
}

.wrapper-block-system.system02 .h2-title05 span {
    padding-bottom: 5px;
}

.wrapper-block-system.system02 .sub-title02 {
    margin-top: 17px;
}

.btn-system {
    padding-bottom: 100px;
}

.index-news {
    margin-top: 0;
}

.index-news .h2-title05 {
    padding: 75px 0 0;
    margin-top: 0;
}

.index-news .h2-title05 span {
    padding-bottom: 5px;
}

.index-news .sub-title02 {
    margin-top: 20px;
    margin-bottom: 100px;
}

.index-news.news02 {
    padding-bottom: 112px;
}

.index-news.news02 .h2-title05 {
    padding: 98px 0 0;
    margin-top: 0;
}

.index-news.news02 .sub-title02 {
    margin-top: 14px;
}

.top-slider {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.top-slider img {
    width: 100%;
}

.top-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
    margin-top: -10px;
}

.top-slider .slick-prev,
.top-slider .slick-next {
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 90px;
    background: gray;
    text-align: center;
    border-radius: 9px;
    opacity: 0.7;
}

.top-slider .slick-prev:before,
.top-slider .slick-next:before {
    content: "";
    width: 28px;
    height: 28px;
    border-width: 5px 0 0 5px;
    border-style: solid;
    border-color: #fff;
    position: relative;
    webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
    display: inline-block;
}

.top-slider .slick-prev {
    left: 50%;
    padding-left: 16px;
    margin-left: -700px;
}

.top-slider .slick-next {
    right: 50%;
    padding-right: 16px;
    margin-right: -700px;
}

.top-slider .slick-next:before {
    webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.top-slider .slick-slide {
    position: relative;
}

.top-slider .slick-dots {
    bottom: 37px;
}

.top-slider .slick-dots li {
    margin: 0;
    width: 15px;
}

.top-slider .slick-dots li button:before {
    font-size: 11px;
    opacity: 1;
    color: #fff;
}

.top-slider .slick-dots li.slick-active button:before {
    color: #18A952;
}

.top-slider .slider-info {
    position: absolute;
    width: 675px;
    height: 164px;
    background-color: rgba(255, 255, 255, 0.65);
    z-index: 9;
    top: 50%;
    left: 50%;
    border-radius: 8px;
    text-align: center;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.top-slider .slider-info.show {
    display: block;
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
}

.top-slider .slider-info .slider-title {
    font-size: 50px;
    color: #168ED4;
    font-weight: bold;
    padding-top: 15px;
}

.top-slider .slider-info .btn-basic01 {
    border: 0;
    background: #18A952;
    font-size: 24px;
    padding: 6px 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 611px;
}

.top-slider .slider-info .btn-basic01:before {
    border-left-color: #18A952;
}

.top-slider .slider-info .btn-basic01:hover {
    background: #129044;
}

.top-slider .slider-info .btn-basic01:hover:before {
    border-left-color: #129044;
}

.top-slider:after {
    content: "";
    display: table;
    clear: both;
}

.top-slider .slick-active .slider-info {
    display: block;
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
}

.independent-backup-sys {
    padding-bottom: 5px;
}

.independent-backup-sys .h2-title05 {
    padding-top: 72px;
    margin-top: 0;
}

.independent-backup-sys .h2-title05 span {
    padding-bottom: 15px;
}

.independent-backup-sys .sub-title02 {
    padding: 11px 0 0;
}

.independent-backup-sys .h2-title01 {
    padding: 85px 0 22px;
}

.independent-backup-sys .h-g-frame-text {
    font-size: 50px;
    font-size: 3.125rem;
    text-align: center;
}

.independent-backup-sys .h-g-frame-text span {
    display: inline-block;
    color: #18A952;
    padding: 2px 0;
    border: 3px solid #18A952;
    width: 68px;
    text-align: center;
    line-height: 1.3em;
    margin: -8px 5px 0;
}

.independent-backup-sys .small-text {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 0;
}

.independent-backup-sys .box-color {
    width: calc(50% - 3px);
    margin-top: 20px;
    padding: 85px 0;
    text-align: center;
}

.independent-backup-sys .box-color .h-frame-text {
    font-size: 50px;
    font-size: 3.125rem;
    text-align: center;
    color: #fff;
}

.independent-backup-sys .box-color .h-frame-text span {
    display: inline-block;
    color: #fff;
    background-color: #fff;
    padding: 2px 0;
    width: 68px;
    text-align: center;
    line-height: 1.3em;
    margin: -8px 5px 0;
}

.independent-backup-sys .box-color .btn-basic04 {
    margin: 40px auto 0;
}

.independent-backup-sys .box-color.green {
    background-color: #18A952;
    float: left;
}

.independent-backup-sys .box-color.green .h-frame-text span {
    color: #18A952;
}

.independent-backup-sys .box-color.green .btn-basic04:hover {
    background-color: #fff;
    color: #18A952;
}

.independent-backup-sys .box-color.green .btn-basic04:hover:after {
    border-color: #18A952;
}

.independent-backup-sys .box-color.blue {
    background-color: #168ED4;
    float: right;
}

.independent-backup-sys .box-color.blue .h-frame-text span {
    color: #168ED4;
}

.independent-backup-sys .box-color.blue .btn-basic04:hover {
    background-color: #fff;
    color: #168ED4;
    border-color: #168ED4;
}

.independent-backup-sys .box-color.blue .btn-basic04:hover:after {
    border-color: #168ED4;
}

.independent-backup-sys:after {
    content: "";
    display: table;
    clear: both;
}

.wrapper-map {
    padding: 100px 40px;
}

.wrapper-map .h2-title05 span {
    padding-bottom: 4px;
}

.wrapper-map .sub-title02 {
    margin-top: 17px;
}

.wrapper-map .wrap-map {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 25px 40px;
    margin-top: 98px;
}

.wrapper-map .wrap-map .map-img {
    width: 350px !important;
    height: 305px !important;
    float: left;
    background-image: url("/content/dam/family/company/fc1/img/fc/bg_map.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.wrapper-map .wrap-map .map-img .map {
    background-repeat: no-repeat;
    width: 350px !important;
    height: 305px !important;
    max-width: 375px;
    max-height: 327px;
}

.wrapper-map .wrap-map .map-img .map canvas {
    width: 350px !important;
    height: 305px !important;
}

.wrapper-map .wrap-map .map-img img {
    width: 100%;
    height: auto;
}

.wrapper-map .wrap-map .place-list {
    width: calc(100% - 350px);
    float: right;
}

.wrapper-map .wrap-map .place-list .place {
    margin: 90px 0 0 37px;
}

.wrapper-map .wrap-map .place-list .place li {
    width: 191px;
    height: 54px;
    float: left;
    margin: 0 11px 30px 19px;
    position: relative;
}

.wrapper-map .wrap-map .place-list .place li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 2px solid #313131;
    color: #313131;
    padding: 15px 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    border-radius: 100px;
    line-height: 1.2em;
    font-weight: bold;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper-map .wrap-map .place-list .place li a:after {
    content: "";
    right: 20px;
    top: 20px;
    width: 9px;
    height: 9px;
    position: absolute;
    border-width: 0 2px 2px 0;
    border-color: #313131;
    border-style: solid;
    webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper-map .wrap-map .place-list .place li a:hover,
.wrapper-map .wrap-map .place-list .place li a.active {
    text-decoration: none;
    border-color: #168ED4;
    background-color: #168ED4;
    color: #fff;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper-map .wrap-map .place-list .place li a:hover:after,
.wrapper-map .wrap-map .place-list .place li a.active:after {
    border-color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper-map .wrap-map:after {
    content: "";
    display: table;
    clear: both;
}

.wrapper-map .wrap-accordion {
    background-color: #fafafa;
    margin: 10px 0 14px;
    padding: 15px 20px 15px;
    font-weight: bold;
}

.wrapper-map .wrap-accordion .accordion {
    background-color: transparent;
    font-weight: bold;
    color: #168ED4;
    padding: 18px 5px 18px 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 24px;
    font-size: 1.5rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    line-height: 1em;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.wrapper-map .wrap-accordion .accordion:hover,
.wrapper-map .wrap-accordion .accordion:focus,
.wrapper-map .wrap-accordion .accordion:active {
    background: none;
    text-decoration: none;
}

.wrapper-map .wrap-accordion .accordion::-moz-selection {
    background: none;
}

.wrapper-map .wrap-accordion .accordion::selection {
    background: none;
}

.wrapper-map .wrap-accordion .accordion::-webkit-selection {
    background: none;
}

.wrapper-map .wrap-accordion .accordion:after {
    content: "\2212";
    color: #168ED4;
    float: right;
    margin-left: 5px;
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 0.4em;
    font-weight: normal;
}

.wrapper-map .wrap-accordion .show:after {
    content: '\002B';
}

.wrapper-map .wrap-accordion .panel {
    padding: 0 15px;
    max-height: 100%;
    overflow: hidden;
    font-size: 18px;
    font-size: 1.125rem;
}

.wrapper-map .wrap-accordion .panel .places-details {
    margin: 10px 0 10px;
}

.wrapper-map .wrap-accordion .panel .places-details li a {
    color: #313131;
    display: inline-block;
    position: relative;
    margin: 0 38px 0 0;
}

.wrapper-map .wrap-accordion .panel .places-details li a:before {
    content: "";
    position: absolute;
    margin: 8px 0 0 -19px;
    width: 9px;
    height: 9px;
    border-width: 0 2px 2px 0;
    border-color: #313131;
    border-style: solid;
    webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.wrapper-map .wrap-accordion .show+.panel {
    max-height: 0;
}

@media only screen and (min-width: 738px) {
    .wrapper-map.interpret-map {
        padding: 0 40px 100px;
    }
}

.wrapper-map .wrap-map .map-img .map {
    display: block;
    background-size: contain;
    position: relative;
    padding: 0px;
}

.map.maphilighted {
    opacity: 0;
}

.block-value-intro {
    background: url("/content/dam/family/company/fc1/img/value/bg_owner_intro.png") 0% 107% no-repeat;
    text-align: center;
    position: relative;
    padding: 94px 0 56px;
}

.block-value-intro .h2-title01 {
    padding: 5px 0 50px;
}

.block-value-intro .h2-title01.tit02 {
    padding: 55px 0 0;
}

.block-value-intro .txt {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 45px;
}

.block-value-intro .txt p {
    margin-top: 43px;
    line-height: 1.6em;
}

.block-value-intro .txt.sp-tit02-txt p {
    margin-top: 7px;
    font-weight: bold;
}

.block-value-type {
    padding-bottom: 100px;
}

.block-value-type .h2-title01 {
    padding: 120px 0 5px;
}

.block-value-type .box-cnt .desc {
    font-weight: normal;
}

.wrapper-block-value-system .h2-title01 {
    padding: 93px 0 0;
}

.wrapper-block-value-system .block-system a {
    margin: 100px 0 0;
}

.wrapper-block-value-interview {
    padding-bottom: 100px;
}

.wrapper-block-value-interview .h2-title01 {
    margin: 0 0 105px;
    padding: 115px 0 0;
}

.wrapper-block-value-interview .block-interview:after {
    content: "";
    display: table;
    clear: both;
}

.index-news.value-news {
    margin: 0;
}

.index-news.value-news .h2-title01 {
    margin: 0 0 16px;
    padding: 115px 0 0;
}

.index-news.value-news .sub-title02 {
    margin: 13px 0 77px;
    line-height: 1.35em;
}

.block-value-flow .h2-title01 {
    padding: 100px 0 0;
}

.block-value-flow .mainvisual {
    padding: 100px 0 0;
}

.h1-value-title img {
    width: 90%;
    max-width: 620px;
    margin: 11px auto 83px;
}
.block-notification {
    border: 5px solid #18A952;
    background: #FFF;
    margin: 100px 0;
    text-align: center;
    padding: 42px 0 70px;
}
.block-notification .title {
    font-family: 'NotoSansMonoCJKjp-Bold';
    color: #18A952;
    font-size: 46px;
    font-size: 2.875rem;
    letter-spacing: 0.05em;
    line-height: 60px;
    margin-bottom: 45px;
}
.block-notification .txt {
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    color:#616161;
}
/*updated 20200619*/
.btn-phone {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  z-index: 89;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 1vw 3.33333vw 1.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0; }
  .btn-phone .title {
    font-size: 4.7vw;
    color: #36BE50;
    font-weight: bold;
    margin-bottom: 1vw; }
  .btn-phone span {
    display: block;
    font-size: 2.93333vw;
    letter-spacing: 0.03rem; }
  .btn-phone .num {
    font-size: 7vw;
    line-height: 8.66667vw;
    background: url("/content/dam/family/company/fc1/img/common/ico_tel01.png") 3.8vw 0.6vw no-repeat;
    background-size: 7vw auto;
    margin-left: 2vw }
  .btn-phone .btn04 {
    border-radius: 100px; 
    background: #36BE50;
    padding: 1.5vw 8.33333vw;
}
    .btn-phone .btn04:after {
      content: "";
      width: 22px;
      height: 22px;
      background: #fff;
      border-radius: 100%;
      border: none;
      position: absolute;
      top: 50%;
      right: 19px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1; }
    .btn-phone .btn04:before {
      content: "";
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 10px solid transparent;
      border-left-color: #36BE50;
      position: absolute;
      top: 48%;
      right: 23px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 2; }

.block-reservation {
  margin: 14vw 0; }
  .block-reservation .sub-title02 {
    letter-spacing: 0.09em; }
  .block-reservation .list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 6.66667vw; }
    .block-reservation .list-btn li {
      width: 48%;
      margin: 0.66667vw 0; }
    .block-reservation .list-btn .btn-basic02 {
      border-radius: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      line-height: 4.66667vw; }
      .block-reservation .list-btn .btn-basic02:after {
        content: "";
        width: 22px;
        height: 22px;
        background: #fff;
        border-radius: 100%;
        border: none;
        position: absolute;
        top: 50%;
        right: 17px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1; }
      .block-reservation .list-btn .btn-basic02:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: 23px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2; }
      .block-reservation .list-btn .btn-basic02.btn04 {
        min-height: 10.93333vw;
        padding: 0; }
        .block-reservation .list-btn .btn-basic02.btn04:before {
          border-left-color: #18A952; }
      .block-reservation .list-btn .btn-basic02.btn02:before {
        border-left-color: #F51616; }
      .block-reservation .list-btn .btn-basic02.btn03:before {
        border-left-color: #EC7A00; }
    .btn-system2 {
        padding-bottom: 13vw;
        margin: 0; }

  .block-banner img {
    display: block;
    margin: 10px auto; }
/* end */
@media only screen and (min-width: 738px) {
    .top-slider {
        width: auto !important;
        height: calc(100vh - 146px);
    }

    .top-slider img {
        height: calc(100vh - 146px);
        width: auto;
    }

    .top-slider.slick-dotted.slick-slider {
        margin-bottom: 0;
        margin-top: 0;
        width: auto;
    }

    .top-slider .slick-slide {
        width: auto !important;
    }

    .slider.top-slider {
        top: 112px;
    }

    .block1 {
        margin-top: 102px;
    }
    .block1.block_adjust{
        margin-top: 80px;
    }
    .btn-phone, .block-reservation, .block-banner {
    display: none; }
}

@media only screen and (max-width: 1400px) {
    .top-slider .slick-prev {
        left: 0;
        margin: 0;
    }

    .top-slider .slick-next {
        right: 0;
        margin: 0;
    }
}

@media only screen and (max-width: 991px) {

    .top-slider .slick-prev,
    .top-slider .slick-next {
        width: 40px;
    }

    .top-slider .slick-prev:before,
    .top-slider .slick-next:before {
        width: 20px;
        height: 20px;
        border-width: 3px 0 0 3px;
    }

    .top-slider .slick-prev {
        padding-left: 10px;
        border-radius: 0 9px 9px 0;
    }

    .top-slider .slick-next {
        padding-right: 10px;
        border-radius: 9px 0 0 9px;
    }
}

@media only screen and (max-width: 1028px) {
    .wrapper-map .wrap-map {
        padding: 0 0 25px;
    }

    .wrapper-map .wrap-map .place-list .place {
        margin: 0 0 0 20px;
    }

    .wrapper-map .wrap-map .place-list .place li {
        height: 45px;
        margin: 0 11px 10px 19px;
    }

    .wrapper-map .wrap-map .place-list .place li a {
        padding: 12px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        font-size: 1rem;
    }

    .wrapper-map .wrap-map .place-list .place li a:after {
        top: 15px;
    }
}

@media only screen and (max-width: 1028px) and (min-width: 737px) {
    .wrapper-map.interpret-map {
        padding: 0;
    }
}

@media only screen and (max-width: 980px) {
    .ly-foot-flink-area {
        margin-bottom: 0;
    }

    .independent-backup-sys .h2-title01 {
        font-size: 36px;
        font-size: 2.25rem;
    }

    .independent-backup-sys .h-g-frame-text {
        font-size: 40px;
        font-size: 2.5rem;
    }

    .independent-backup-sys .h-g-frame-text span {
        margin: -8px 5px 8px;
        width: 58px;
    }

    .independent-backup-sys .box-color {
        padding: 50px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .independent-backup-sys .box-color .h-frame-text {
        font-size: 32px;
        font-size: 2rem;
    }

    .independent-backup-sys .box-color .h-frame-text span {
        margin: -8px 5px 8px;
        width: 44px;
    }
}

@media only screen and (min-width: 738px) {
    .breadcrumb_element {
        /*padding-top: 112px !important;*/
    }

    .ly-header-area {
        /*position: absolute;*/
        width: 100%;
    }
    .fix-links {
    display: none; } 
}
@media only screen and (min-width: 737px) {
    .fix-links {
        display: none;
    } 
    .block-value-intro.block-value-intro-space {
        padding-top: 10px;
    }
}
@media only screen and (max-width: 737px) {
    .pc-inline {
        display: none !important;
    }
    .ly-contents-area {
        padding-top: 0;
        position: relative; }
    .ly-contents-area.ly-contents-double {
        margin-top: 100px !important; }
    .ly-contents-area.ly-content-mgtop {
        margin-top: 150px !important; }
    .ly-contents-area.ly-contents-area-index {
        top : 0;
        margin-top: 0; }
    .ly-contents-area.ly-contents-double.ly-contents-interview,.ly-contents-area.ly-contents-double.ly-content-mt0 {
        margin-top: 0 !important; }
    .ly-contents-area .ly-wrp-sp-cts.sp-full {
        margin: 0; }
    #contents.ly-content-pt0 {
        padding-top: 0 !important;
    }

/* updated 20200619*/
    .fix-links {
        position: fixed;
        z-index: 999;
        background: #fff;
        width: 100%;
        height: auto;
        padding: 3px 0;
        top: 59px;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center; }
    .fix-links li {
      width: calc(100% / 3); }
    .fix-links li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        font-size: 2.93333vw; 
        font-weight: bold; }
    .fix-links li a img {
          width: 15%;
          max-width: 30px;
          margin-right: 1.33333vw; }
    .fix-links li.link01 a {
        color: #ecac00; }
      .fix-links li.link02 {
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc; }
        .fix-links li.link02 a {
          color: #f51616; }
      .fix-links li.link03 a {
        color: #164cb2; }
/* end updated 20200619*/

    .top-slider .slick-slide {
        position: relative;
    }

    .top-slider .slider-info {
        width: 80vw;
        height: auto;
        margin: 0 !important;
        border-radius: 13px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 4vw 4vw 6vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .top-slider .slider-info .slider-title {
        padding: 0;
        white-space: nowrap;
        font-size: 6vw;
    }

    .top-slider .slider-info .btn-basic01 {
        font-size: 2.93333vw;
        width: 100%;
        padding: 1vw 0;
    }

    .top-slider.slick-dotted.slick-slider {
        margin-top: 100px;
    }

    .top-slider.slick-dotted li {
        width: 5vw;
        height: 6vw;
    }

    .top-slider.slick-dotted li button {
        width: 6vw;
        height: 6vw;
        padding: 3vw;
    }

    .top-slider.slick-dotted li button:before {
        font-size: 3vw;
        width: 6vw;
        height: 6vw;
    }

    .top-slider .slick-prev,
    .top-slider .slick-next {
        width: 6.66667vw;
        height: 16vw;
    }

    .top-slider .slick-prev:before,
    .top-slider .slick-next:before {
        width: 3.73333vw;
        height: 3.73333vw;
    }

    .top-slider .slick-next {
        padding-right: 1.86667vw;
        border-radius: 2vw 0 0 2vw;
    }

    .top-slider .slick-prev {
        padding-left: 1.86667vw;
        border-radius: 0 2vw 2vw 0;
    }

    .bg-gray.bg-sp-none {
        background: none !important;
    }

    .btn-banner {
        position: fixed;
        right: 0;
        bottom: 170px;
        z-index: 88;
        width: 110px;
        border-radius: 13px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        background: none;
        opacity: 1;
        /* &.lanscape {
            bottom: 161px;
            width: 16vw;
            .btn-basic02 {
                @include font-size-vw(16);
                padding: 2vw 0 2vw 0;
            }
        } */
    }

    .btn-banner .btn-basic02 {
        border-width: 4px 0 4px 4px;
        border-style: solid;
        border-radius: 100px 0 0 100px;
        margin: 0;
        margin-bottom: 9px;
        font-size: 13px;
        font-size: 0.8125rem;
        width: 100%;
        padding: 10px 0px 10px 10px;
    }

    .btn-banner .btn-basic02:after {
        content: none;
    }

    .index-news .h2-title05 {
        margin-top: 0;
        padding: 14vw 0 0;
    }

    .index-news .h2-title05 span {
        padding-bottom: 0.5vw;
    }

    .index-news .sub-title02 {
        margin-top: 2vw;
        margin-bottom: 14vw;
    }

    .index-news.news02 {
        padding-bottom: 0;
    }

    .index-news.news02 .h2-title05 {
        padding: 14vw 0 0;
    }

    .index-news.news02 .sub-title02 {
        margin-top: 2vw;
    }

    .h2-title05 {
        font-size: 6.4vw;
        letter-spacing: 0.01em;
    }

    .h2-title05 span {
        padding-bottom: 2vw;
    }

    .sub-title01 {
        font-size: 4.26667vw;
        letter-spacing: 0.01em;
        margin-top: 3vw;
    }

    .h2-title01 {
        font-size: 5.33333vw;
        letter-spacing: 0.01em;
    }

    .independent-backup-sys {
        margin: 3vw 0 0;
        padding-top: 10vw;
        padding-bottom: 0;
    }

    .independent-backup-sys .h2-title05 {
        padding-top: 0;
    }

    .independent-backup-sys .h2-title05 span {
        padding-bottom: 2vw;
    }

    .independent-backup-sys .sub-title02 {
        margin-top: 0;
    }

    .independent-backup-sys .h2-title01 {
        padding: 13vw 0 4vw;
    }

    .independent-backup-sys .h-g-frame-text {
        font-size: 6.66667vw;
    }

    .independent-backup-sys .h-g-frame-text span {
        margin: 0 0.3vw 1.4vw;
        width: 11.5vw;
        border-width: 0.5vw;
        line-height: 1.55em;
    }

    .independent-backup-sys .small-text {
        font-size: 4vw;
        margin: 2vw 0 13vw;
    }

    .independent-backup-sys .box-color {
        width: 100%;
        margin-top: 1.5vw;
        padding: 8vw 0 6vw;
    }

    .independent-backup-sys .box-color .h-frame-text {
        font-size: 6.66667vw;
    }

    .independent-backup-sys .box-color .h-frame-text span {
        margin: 0 0.9vw 1.4vw;
        width: 11.5vw;
        border-width: 0.5vw;
        line-height: 1.55em;
    }

    .independent-backup-sys .box-color .btn-basic04 {
        margin: 4vw auto 0;
    }

    .independent-backup-sys .box-color.green {
        float: none;
    }

    .independent-backup-sys .box-color.blue {
        float: none;
    }

    .wrapper-block-system {
        padding: 0 0 2vw;
    }

    .wrapper-block-system .block-system {
        margin: 7vw 0 0;
    }

    .wrapper-block-system .block-system.no-icon {
        margin: 13.33333vw 0 0;
    }

    .wrapper-block-system .h2-title01 {
        padding-top: 12vw;
    }

    .wrapper-block-system.system02 {
        padding-top: 13vw;
    }

    .wrapper-block-system.system02 .h2-title05 {
        margin-top: 0;
    }

    .wrapper-block-system.system02 .sub-title02 {
        margin-top: 2vw;
    }

    .wrapper-block-system.system02 .wrap-map {
        margin-top: 16vw;
        padding: 0;
    }

    .wrapper-block-system.system02 .wrap-map .map-img {
        width: calc(100% - 10vw);
        height: auto;
        padding: 0 5vw;
        float: none;
        background: none;
    }

    .wrapper-block-system.system02 .wrap-map .map-img .map {
        margin: auto;
    }

    .wrapper-block-system.no-icon {
        margin: 14vw 0 0;
    }

    .btn-system {
        padding-bottom: 13vw;
    }

    .wrapper-block-interview {
        padding-bottom: 11vw;
    }

    .wrapper-block-interview .h2-title01 {
        margin: 0 0 11vw;
        padding: 13vw 0 0;
    }

    .wrapper-map {
        padding: 14vw 0;
    }

    .wrapper-map .h2-title05 {
        margin-top: 0;
    }

    .wrapper-map .h2-title05 span {
        padding-bottom: 0.5vw;
    }

    .wrapper-map .sub-title02 {
        margin-top: 2vw;
    }

    .wrapper-map .wrap-map {
        margin-top: 0;
        padding: 0;
    }

    .wrapper-map .wrap-map .map-img {
        padding: 0 5vw;
        float: none;
        width: calc(100% - 10vw) !important;
        height: 79vw !important;
        max-height: 318px !important;
        background: none;
    }

    .wrapper-map .wrap-map .map-img .map {
        margin: auto;
        width: 100% !important;
        height: 79vw !important;
    }

    .wrapper-map .wrap-map .map-img .map canvas {
        width: 100% !important;
        height: 79vw !important;
    }

    .wrapper-map .wrap-map .place-list {
        float: none;
        width: 100%;
    }

    .wrapper-map .wrap-map .place-list .place {
        margin: 8vw 0 0 15px;
        width: calc(100vw - 30px);
    }

    .wrapper-map .wrap-map .place-list .place li {
        width: calc(50% - 2vw);
        margin: 0 0 3vw;
        height: 11vw;
    }

    .wrapper-map .wrap-map .place-list .place li a {
        padding: 3vw 0;
        font-size: 3.73333vw;
    }

    .wrapper-map .wrap-map .place-list .place li a:after {
        webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 1.5vw 0 0 -4vw;
        width: 1.7vw;
        height: 1.7vw;
        border-width: 0 0.5vw 0.5vw 0;
        right: 4vw;
        top: 3vw;
    }

    .wrapper-map .wrap-map .place-list .place li:nth-child(2n+1) {
        margin-right: 4vw;
    }

    .wrapper-map .wrap-map .place-list .place:after {
        content: "";
        display: table;
        clear: both;
    }

    .wrapper-map .wrap-accordion {
        width: calc(100% - 20vw);
        padding: 3vw 5vw 2vw;
        margin: 3vw auto 0;
    }

    .wrapper-map .wrap-accordion .accordion {
        font-size: 4.26667vw;
        padding: 0;
    }

    .wrapper-map .wrap-accordion .accordion:after {
        font-size: 6vw;
    }

    .wrapper-map .wrap-accordion .panel {
        font-size: 3.73333vw;
        padding: 0 0 0 4vw;
    }

    .wrapper-map .wrap-accordion .panel .places-details {
        margin: 3vw 0 0;
    }

    .wrapper-map .wrap-accordion .panel .places-details li a {
        margin: 0 7vw 2vw 0;
    }

    .wrapper-map .wrap-accordion .panel .places-details li a:before {
        margin: 1.5vw 0 0 -4vw;
        width: 1.7vw;
        height: 1.7vw;
        border-width: 0 0.5vw 0.5vw 0;
    }

    .block-value-intro {
        padding: 11vw 0 10vw;
    }

    .block-value-intro .h2-title01 {
        padding: 1vw 0 12vw;
    }

    .block-value-intro .h2-title01.tit02 {
        padding: 5vw 0;
    }

    .block-value-intro .txt {
        font-size: 4.26667vw;
        margin-bottom: 0;
    }

    .block-value-intro .txt p {
        line-height: 2em;
        letter-spacing: 0em;
        margin-top: 0;
        margin-bottom: 9vw;
    }

    .block-value-intro-space .txt p:first-child {
        margin-top: 9vw;
    }

    .block-value-intro .txt.sp-tit02-txt {
        margin-bottom: 2vw;
    }

    .block-value-intro .txt.sp-tit02-txt p {
        margin-bottom: 0;
    }

    .wrapper-block-value-system {
        padding: 0 0 3vw 0;
    }

    .wrapper-block-value-system .h2-title01 {
        padding: 15vw 0 0;
    }

    .wrapper-block-value-system .sub-title02 {
        margin-top: 7vw;
    }

    .wrapper-block-value-system .block-system a {
        margin: 7vw 0 0;
    }

    .block-value-type {
        padding-bottom: 8vw;
    }

    .block-value-type .box-2col02 {
        margin-top: 11vw;
    }

    .wrapper-block-value-interview {
        padding-bottom: 0;
    }

    .wrapper-block-value-interview .h2-title01 {
        margin: 0 0 10vw;
        padding: 13vw 0 0;
    }

    .index-news.value-news .h2-title01 {
        margin: 0;
        padding: 5vw 0 3vw;
    }

    .block-value-flow .h2-title01 {
        padding: 14vw 0 1vw;
        font-size: 4.26667vw;
    }

    .block-value-flow .sub-title02 {
        font-size: 3.73333vw;
    }

    .block-value-flow .mainvisual {
        padding: 5vw 0 0;
    }

    .h1-value-title img {
        margin: 0 auto 12vw;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

.bg-gray {
    background-color: #FAFAFA;
}

.bg-white {
    background-color: #FFFFFF;
}

.box-2col .col2 {
    width: 50%;
    float: left;
}

.box-2col:after {
    content: "";
    clear: both;
    display: table;
}

.box-3col .col3 {
    width: calc(100% / 3);
    float: left;
}

.box-3col:after {
    content: "";
    clear: both;
    display: table;
}

.box-4col .col4 {
    width: 25%;
    float: left;
}

.box-4col:after {
    content: "";
    clear: both;
    display: table;
}

.trans01 a {
    display: block;
    -webkit-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    color: #313131;
    font-weight: bold;
}

.trans01 a:hover {
    z-index: 15;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    background: #FFF;
    text-decoration: none;
}

.trans01 a img {
    max-width: 100%;
    display: block;
}

.trans02 a {
    display: block;
    -webkit-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    color: #313131;
    font-weight: bold;
}

.trans02 a:hover {
    z-index: 15;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.16);
    background: #FFF;
    text-decoration: none;
}

.trans02 a img {
    max-width: 100%;
    display: block;
}

.trans .slick-active {
    -webkit-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.block-interview a {
    padding: 0 0 25px 0;
    position: relative;
}

.block-interview a .desc {
    display: block;
    padding: 11px 20px;
    margin-bottom: 18px;
}

.block-interview a:hover {
    background: #FFF;
}

.block-interview a:hover .btn-basic03 {
    background: #1692D4;
    border-color: #1692D4;
}

.block-interview .taC {
    display: block;
}

.block-system a {
    text-align: center;
    padding: 55px 0 65px;
}

.block-system a .tit-img {
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    border-radius: 500px;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    background: #FFF;
}

.block-system a .tit-img img {
    height: 75px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.block-system a .tit-img span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 0 10px;
}

.block-system a .title {
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    color: #565656;
    margin: 20px 0 10px;
    padding: 0 10px;
}

.block-system a .desc {
    display: block;
    line-height: 1.4em;
    margin-bottom: 20px;
    padding: 0 22px;
}

.block-system a:hover {
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}

.block-system a:hover .tit-img {
    background: #FAFAFA;
}

.block-system a:hover .btn-basic03 {
    background: #1692D4;
    border-color: #1692D4;
}

.box-2col01 {
    overflow: hidden;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFF;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.box-2col01 .box-img {
    display: block;
    float: left;
    width: 660px;
}

.box-2col01 .box-img img {
    display: block;
    max-width: 100%;
    min-height: 100%;
}

.box-2col01 .box-cnt {
    display: table;
    float: right;
    width: calc(100% - 660px);
    text-align: center;
    font-weight: bold;
    color: #313131;
}

.box-2col01 .box-cnt .wrap-box-cnt {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
}

.box-2col01 .box-cnt .title {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 20px;
    display: block;
}

.box-2col01 .box-cnt .desc {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 20px;
    display: block;
}

.box-2col01.box-right .box-img {
    float: right;
}

.box-2col01.box-right .box-cnt {
    float: left;
}

.box-2col01:hover {
    z-index: 2;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    -webkit-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.box-2col01:hover .btn-basic03 {
    background: #168ED4;
    border-color: #168ED4;
}

.box-2col02 {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFF;
}

.box-2col02 .box-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 500px;
}

.box-2col02 .box-img img {
    display: block;
    max-width: 100%;
}

.box-2col02 .box-cnt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: calc(100% - 500px);
    font-weight: bold;
    padding: 0 50px;
}

.box-2col02 .box-cnt .title {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 8px;
}

.box-2col02 .box-cnt .desc {
    font-size: 20px;
    font-size: 1.25rem;
}

.box-2col02.box-right .box-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.box-2col02.box-right .box-cnt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.block-support {
    margin: 0 -12px;
}

.block-support .col2 {
    width: calc(50% - 24px);
    margin: 12px;
}

.block-support .col2 dl {
    padding: 32px 0px 52px;
}

.block-support .col2 dl dt {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 24px;
    font-weight: bold;
}

.block-support .col2 dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-support .col2 dl dd .img {
    width: 215px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.block-support .col2 dl dd .img img {
    height: 105px;
    width: auto;
}

.block-support .col2 dl dd .txt {
    width: calc(100% - 250px);
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-size: 1.25rem;
    padding-right: 30px;
}

.block-support.green dl {
    -webkit-box-shadow: inset 0px 0px 0px 5px #1aaa54;
    box-shadow: inset 0px 0px 0px 5px #1aaa54;
}

.block-support.green dl dt {
    color: #1AAA54;
}

.block-support.blue dl {
    -webkit-box-shadow: inset 0px 0px 0px 5px #1996da;
    box-shadow: inset 0px 0px 0px 5px #1996da;
}

.block-support.blue dl dt {
    color: #1996DA;
}

.block-contact {
    font-weight: bold;
    padding: 105px 0;
}

.block-contact .block-contact-cnt {
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    width: 805px;
    margin: 0 auto 32px auto;
    padding: 52px 35px 52px 65px;
}

.block-contact .block-contact-cnt .contact-cnt-left {
    width: 440px;
    float: left;
}

.block-contact .block-contact-cnt .contact-cnt-left .title {
    color: #18A952;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.block-contact .block-contact-cnt .contact-cnt-left .num {
    color: #18A952;
    font-size: 50px;
    font-size: 3.125rem;
    border-top: 3px solid #18A952;
    border-bottom: 3px solid #18A952;
    background: url("/content/dam/family/company/fc1/img/common/ico_phone.png") 0 50% no-repeat;
    background-size: 58px auto;
    padding: 4px 0 4px 68px;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.block-contact .block-contact-cnt .contact-cnt-left .time {
    color: #168ED4;
    font-size: 16px;
    font-size: 1rem;
}

.block-contact .block-contact-cnt .contact-cnt-left .time dt {
    display: inline-block;
    vertical-align: top;
}

.block-contact .block-contact-cnt .contact-cnt-left .time dd {
    display: inline-block;
    vertical-align: top;
}

.block-contact .block-contact-cnt .contact-cnt-left .note {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 5px;
}

.block-contact .block-contact-cnt .contact-cnt-left a {
    display: block;
}

.block-contact .block-contact-cnt .contact-cnt-left a:hover {
    text-decoration: none;
}

.block-contact .block-contact-cnt .contact-cnt-right {
    float: right;
    width: calc(100% - 480px);
    padding-left: 40px;
}

.block-contact .block-contact-cnt .contact-cnt-right .title {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 38px 0 3px;
}

.block-contact .block-contact-cnt .contact-cnt-right .note {
    font-size: 16px;
    font-size: 1rem;
}

.block-contact .block-contact-cnt .contact-cnt-right .btn-basic01 {
    min-width: 100%;
    font-size: 24px;
    font-size: 1.5rem;
}

.block-contact .block-contact-cnt .contact-cnt-right .btn-basic01.btn04 {
    background: #ECAC00;
    padding: 22px 50px 22px 18px;
    margin-top: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-contact .block-contact-cnt .contact-cnt-right .btn-basic01.btn04:before {
    border-left-color: #ECAC00;
}

.block-contact .block-contact-cnt .contact-cnt-right .btn-basic01.btn04:hover {
    background: #d19800;
}

.block-contact .block-contact-cnt .contact-cnt-right .btn-basic01.btn04:hover:before {
    border-left-color: #d19800;
}

.block-work-intro {
    background: url("/content/dam/family/company/fc1/img/owner/work/bg_owner_intro.png") 0% 82% no-repeat;
    text-align: center;
    position: relative;
    padding: 94px 0 78px;
}

.block-work-intro .img {
    position: absolute;
    z-index: -1;
}

.block-work-intro .img.img01 {
    top: 14%;
    left: -2.5%;
}

.block-work-intro .img.img02 {
    top: 53%;
    left: 0.5%;
}

.block-work-intro .img.img03 {
    top: 43%;
    right: -2%;
}

.block-work-intro .txt {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 45px;
}

.block-work-intro .txt p {
    margin-top: 43px;
    line-height: 1.6em;
}

.block-work-intro .sub-title02 {
    margin: 8px 0 100px 0;
}

.block-work-type {
    padding: 95px 0 102px;
}

.block-work-type .sub-title02 {
    margin-bottom: 84px;
}

.block-work-flow {
    padding: 100px 0;
}

.block-work-flow .mainvisual {
    margin: 50px 0 100px;
}

.block-work-flow .block-system {
    margin-top: 65px;
}

.block-parttime-benefit {
    padding: 70px 0 90px;
}

.block-parttime-benefit .circle-box {
    margin-bottom: 60px;
}

.block-parttime-benefit .h2-title01 {
    margin-bottom: 100px;
}

.block-parttime-benefit .btn-basic03 {
    padding: 11px 50px 12px 35px;
    margin: 45px 0;
}

.block-parttime-benefit .btn-basic03.btn03 {
    background: #ffffff;
    border-color: #313131;
    color: #313131;
    -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}

.block-parttime-benefit .btn-basic03.btn03:after {
    border-color: #313131;
}

.block-parttime-benefit .btn-basic03:hover {
    background: #000;
    color: #FFF;
}

.block-parttime-benefit .btn-basic03:hover:after {
    border-color: #FFF;
}

.block-parttime-exp {
    padding: 100px 0;
}

.block-parttime-exp .table-wrapper {
    margin-top: 100px;
}

.block-parttime-exp .system-note {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 50px 0;
}

.block-parttime-exp .system-note span {
    display: inline-block;
    background: #18A952;
    border-radius: 50px;
    padding: 15px 40px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #FFF;
    margin-right: 15px;
}

.block-parttime-move {
    padding: 100px 0;
}

.block-parttime-move .col2 {
    margin: 0 12px;
    width: calc(50% - 24px);
}

.block-parttime-move .taC {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 12px 0 100px;
}

.block-parttime-move .contact {
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 30px 50px 35px;
    font-weight: bold;
}

.block-parttime-move .contact .title {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 20px;
    text-align: center;
}

.block-parttime-move .contact .num {
    text-align: center;
    color: #18A952;
    font-size: 50px;
    font-size: 3.125rem;
    border-top: 3px solid #18A952;
    border-bottom: 3px solid #18A952;
    padding: 4px 0;
    margin-bottom: 10px;
    line-height: 1.1em;
    display: block;
}

.block-parttime-move .contact .num:hover {
    text-decoration: none;
}

.block-parttime-move .contact .num:before {
    background: url("/content/dam/family/company/fc1/img/common/ico_phone.png") 0 50% no-repeat;
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 58px;
    height: 58px;
    background-size: contain;
    margin-right: 10px;
}

.block-parttime-move .contact .time {
    color: #168ED4;
    font-size: 16px;
    font-size: 1rem;
}

.block-parttime-move .contact .time dt {
    display: inline-block;
    vertical-align: top;
}

.block-parttime-move .contact .time dd {
    display: inline-block;
    vertical-align: top;
}

.block-parttime-move .contact .note {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 5px;
}

.block-parttime-owner {
    padding-bottom: 100px;
}

.block-parttime-owner .h2-title01 {
    padding-top: 100px;
}

.block-parttime-owner .sub-title02 {
    padding-bottom: 90px;
}

.block-parttime-owner .btn-system-owner {
    margin: 150px 0 0 0;
    display: block;
    text-align: center;
    width: 100%;
    background: #18A952;
    color: #FFF;
    border-radius: 30px;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 8px 0;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.block-parttime-owner .btn-system-owner:hover {
    background: #168ED4;
    text-decoration: none;
}

.block-store-benefit {
    padding: 100px 0 150px;
}

.block-store-benefit .h2-title01 {
    margin-bottom: 55px;
}

.block-store-benefit .box-3col {
    margin: 0 -24px;
    font-size: 20px;
    font-size: 1.25rem;
}

.block-store-benefit .box-3col .col3 {
    width: calc(100% / 3 - 48px);
    margin: 0 24px;
}

.block-store-benefit .img {
    width: 250px;
    height: 250px;
    background: #FAFAFA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    margin: 50px auto;
}

.block-store-benefit .img img {
    height: 150px;
    width: auto;
}

.block-store-benefit .h5-title01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.block-store-voice {
    padding-top: 100px;
}

.block-store-voice .h2-title01 {
    margin-bottom: 100px;
}

.block-store-voice .dl-box {
    margin-bottom: 100px;
}

.block-store-interview {
    padding-bottom: 100px;
}

.block-store-interview .block-interview {
    margin-top: 100px;
}

.block-store-support {
    padding: 100px 0;
}

.block-store-support .box-2col {
    margin: 0 -12px;
}

.block-store-support .box-2col .col2 {
    margin: 0 12px;
    width: calc(50% - 24px);
}

.block-store-support .box-2col .col2 .support-cnt {
    -webkit-box-shadow: inset 0px 0px 0px 5px #18a952;
    box-shadow: inset 0px 0px 0px 5px #18a952;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 25px 40px;
}

.block-store-support .box-2col .col2 .support-cnt .h6-title01 {
    margin-bottom: 10px;
}

.block-store-support .btn-store-support {
    margin: 125px 0 100px;
    display: block;
    text-align: center;
    width: 100%;
    background: #18A952;
    color: #FFF;
    border-radius: 30px;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 8px 0;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.block-store-support .btn-store-support:hover {
    background: #168ED4;
    text-decoration: none;
}

@media (max-width: 1140px) and (min-width: 736px) {
    .block-system a .btn-basic03 {
        min-width: auto;
    }

    .block-system a .tit-img {
        width: 150px;
        height: 150px;
        font-size: 16px;
        font-size: 1rem;
    }

    .block-system a .tit-img img {
        height: 30px;
    }
}

@media (max-width: 950px) and (min-width: 736px) {
    .block-contact .block-contact-cnt {
        width: 600px;
    }

    .block-contact .block-contact-cnt .contact-cnt-left {
        width: 50%;
    }

    .block-contact .block-contact-cnt .contact-cnt-left .num {
        font-size: 30px;
        font-size: 1.875rem;
    }

    .block-contact .block-contact-cnt .contact-cnt-right {
        width: calc(50% - 40px);
    }

    .block-contact .block-contact-cnt .contact-cnt-right .title {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 15px 0 3px;
    }

    .block-contact .block-contact-cnt .contact-cnt-right .btn-basic01 {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .block-contact .btn-basic01 {
        font-size: 3.46667vw;
        min-width: 44vw;
    }
}

@media (max-width: 980px) and (min-width: 736px) {
    .box-2col02 .box-img {
        width: 400px;
    }

    .box-2col02 .box-cnt {
        width: calc(100% - 400px);
    }

    .box-2col02 .box-cnt .title {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .box-2col02 .box-cnt .desc {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media (max-width: 1260px) and (min-width: 736px) {
    .box-2col01 .box-img {
        width: 60%;
    }

    .box-2col01 .box-cnt {
        width: 40%;
    }

    .box-2col01 .box-cnt .title {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .box-2col01 .box-cnt .desc {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 737px) {
    .trans01 a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .trans01 .slick-active {
        -webkit-transform: translate3d(0, -6.66667vw, 0);
        transform: translate3d(0, -6.66667vw, 0);
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    .trans01 .slick-slide {
        padding: 6.66667vw 0;
        -webkit-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    .trans02 a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .trans02 .slick-active {
        -webkit-transform: translate3d(0, -6.66667vw, 0);
        transform: translate3d(0, -6.66667vw, 0);
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    .trans02 .slick-slide {
        padding: 6.66667vw 0;
        -webkit-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    .trans .slick-active {
        -webkit-transform: translate3d(0, -6.66667vw, 0);
        transform: translate3d(0, -6.66667vw, 0);
    }

    .trans .slick-slide {
        padding: 6.66667vw 0;
    }

    .block-interview {
        overflow: hidden;
        margin: 0 -15px;
    }

    .block-interview a {
        padding: 0 0 4.66667vw 0;
    }

    .block-interview a .desc {
        font-size: 3.73333vw;
        padding: 4vw 3.46667vw;
        margin-bottom: 0.66667vw;
    }

    .block-interview a:hover {
        background: none;
    }

    .block-interview a:hover .btn-basic03 {
        background: #18A952;
        border-color: #18A952;
    }

    .block-interview a:hover .btn-basic03:focus,
    .block-interview a:hover .btn-basic03:hover {
        background: #168ED4;
        border-color: #168ED4;
    }

    .block-interview .slick-active a {
        -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.16);
        background: #FFF;
    }

    .block-interview .slick-slide {
        margin: 0 2vw;
    }

    .block-system {
        overflow: hidden;
        margin: 0 -15px;
    }

    .block-system a {
        padding: 4vw 0 14.66667vw;
    }

    .block-system a .tit-img {
        width: 40vw;
        height: 40vw;
        font-size: 4.26667vw;
    }

    .block-system a .tit-img img {
        height: 10vw;
    }

    .block-system a .tit-img span {
        line-height: 1.3em;
        padding: 4vw 0 2.66667vw;
    }

    .block-system a .title {
        font-size: 4.26667vw;
        margin: 8vw 0 6.93333vw;
        height: auto !important;
    }

    .block-system a .desc {
        font-size: 3.73333vw;
        margin-bottom: 3.33333vw;
        height: auto !important;
    }

    .block-system a:hover {
        background: #FFF;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .block-system a:hover .tit-img {
        background: #FAFAFA;
    }

    .block-system a:hover .btn-basic03 {
        background: #18A952;
        border-color: #18A952;
    }

    .block-system a:hover .btn-basic03:hover {
        background: #1692D4;
        border-color: #1692D4;
    }

    .block-system .slick-active a {
        -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.16);
        background: #FFF;
    }

    .block-system .slick-active a .tit-img {
        background: #FAFAFA;
    }

    .box-2col01 {
        overflow: hidden;
        display: block;
        margin: 0 -15px;
    }

    .box-2col01:hover .btn-basic03 {
        background: #18A952;
        border-color: #18A952;
    }

    .box-2col01:hover .btn-basic03:hover {
        background: #168ED4;
        border-color: #168ED4;
    }

    .box-2col01 .box-img {
        width: 100%;
        float: none;
        height: inherit !important;
    }

    .box-2col01 .box-img img {
        display: block;
        max-width: 100%;
        min-height: inherit !important;
    }

    .box-2col01 .box-cnt {
        width: 100%;
        float: none;
        text-align: center;
        font-weight: bold;
        padding-bottom: 10.66667vw;
    }

    .box-2col01 .box-cnt .title {
        font-size: 4.8vw;
        margin: 6.4vw 0 2vw;
    }

    .box-2col01 .box-cnt .desc {
        font-size: 3.73333vw;
        margin-bottom: 12.66667vw;
        line-height: 2em;
    }

    .box-2col01.box-right .box-img {
        float: none;
    }

    .box-2col01.box-right .box-cnt {
        float: none;
    }

    .box-2col01:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .box-2col02 {
        overflow: hidden;
        display: block;
        margin: 0 -15px;
    }

    .box-2col02 .box-img {
        width: 100%;
    }

    .box-2col02 .box-cnt {
        width: calc(100% - 70 * 100vw / 750);
        text-align: left;
        padding: 0 4.66667vw 6vw 4.66667vw;
    }

    .box-2col02 .box-cnt .title {
        font-size: 4.8vw;
        margin: 6.66667vw 0 2vw;
    }

    .box-2col02 .box-cnt .desc {
        font-size: 4.26667vw;
        font-weight: normal;
        line-height: 2em;
    }

    .box-2col02.box-right .box-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .box-2col02.box-right .box-cnt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .block-support {
        margin: 0;
        overflow: hidden;
    }

    .block-support .col2 {
        margin: 0 0 2.93333vw 2.66667vw;
        width: calc(50% - 10 * 100vw / 750);
    }

    .block-support .col2:nth-child(2n+1) {
        margin: 0 0 2.93333vw 0;
    }

    .block-support .col2 dl {
        padding: 6.93333vw 0;
    }

    .block-support .col2 dl dt {
        font-size: 4.8vw;
        margin-bottom: 3.73333vw;
        padding: 0 2.66667vw;
    }

    .block-support .col2 dl dd {
        display: block;
    }

    .block-support .col2 dl dd .img {
        display: block;
        width: 100%;
        margin-bottom: 5.33333vw;
    }

    .block-support .col2 dl dd .img img {
        margin: 0 auto;
        height: 14vw;
    }

    .block-support .col2 dl dd .txt {
        font-size: 4.26667vw;
        display: block;
        width: calc(100% - 68 * 100vw / 750);
        padding: 0 4.53333vw;
    }

    .block-contact {
        padding: 10.4vw 4vw;
    }

    .block-contact .block-contact-cnt {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5.06667vw 9.6vw 6vw 10vw;
        margin: 0 auto 7.73333vw auto;
    }

    .block-contact .block-contact-cnt .contact-cnt-left {
        float: none;
        width: 100%;
    }

    .block-contact .block-contact-cnt .contact-cnt-left .title {
        text-align: center;
        font-size: 4.26667vw;
        margin-bottom: 2.26667vw;
    }

    .block-contact .block-contact-cnt .contact-cnt-left .num {
        font-size: 7.33333vw;
        border-top: none;
        text-align: center;
        padding: 0;
        letter-spacing: -0.08em;
        background: #18A952;
        background-size: 10vw auto;
        border-radius: 7vw;
        color: #fff;
        position: relative;
    }

    .block-contact .block-contact-cnt .contact-cnt-left .num:after,
    .block-contact .block-contact-cnt .contact-cnt-left .num:before {
        content: "";
        background: #fff;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-contact .block-contact-cnt .contact-cnt-left .num:after {
        width: 4.53333vw;
        height: 4.53333vw;
        right: 4.26667vw;
        background: #fff;
        border-radius: 100%;
    }

    /*.block-contact .block-contact-cnt .contact-cnt-left .num:before {
        right: 5.46667vw;
        border-top: 1.06667vw solid transparent;
        border-bottom: 1.06667vw solid transparent;
        border-left: 1.6vw solid #18A952;
        z-index: 2;
    }*/

    .block-contact .block-contact-cnt .contact-cnt-left .num>span {
        display: inline-block;
        position: relative;
        height: 13.33333vw;
        line-height: 13.33333vw;
        padding-right: 6vw;
        /*top: 0.25vw;*/
    }

    /*.block-contact .block-contact-cnt .contact-cnt-left .num>span:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 6.13333vw;
        height: 6.13333vw;
        background: url("/content/dam/family/company/fc1/img/common/ico_tel01.png") no-repeat center center;
        background-size: 100% auto;
        margin-right: 2.5vw;
        position: relative;
        top: -0.75vw;
    }*/

    .block-contact .block-contact-cnt .contact-cnt-left .time {
        font-size: 3.73333vw;
        margin-bottom: 1.06667vw;
    }

    .block-contact .block-contact-cnt .contact-cnt-left .note {
        font-size: 3.2vw;
        margin-top: 0;
    }

    .block-contact .block-contact-cnt .contact-cnt-right {
        float: none;
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

    .block-contact .block-contact-cnt .contact-cnt-right .title {
        font-size: 4.26667vw;
        padding: 5.6vw 0 0 0;
    }

    .block-contact .block-contact-cnt .contact-cnt-right .note {
        font-size: 3.2vw;
    }

    .block-contact .block-contact-cnt .contact-cnt-right .btn-basic01 {
        min-width: 100%;
        font-size: 4.26667vw;
    }

    .block-contact .block-contact-cnt .contact-cnt-right .btn-basic01.btn04 {
        margin-top: 2.93333vw;
        padding: 3.46667vw 0;
    }

    .block-contact .btn-basic01 {
        width: 42vw;
    }

    #contents .btn-banner {
        bottom: 66vw;
    }

    .block-work-intro {
        background: url("/content/dam/family/company/fc1/img/owner/work/bg_owner_intro_sp.png") 0 38% no-repeat;
        background-size: contain;
        padding: 8vw 0 0 0;
    }

    .block-work-intro .img {
        position: absolute;
    }

    .block-work-intro .img.img01 {
        top: 15%;
        left: -2.5%;
    }

    .block-work-intro .img.img02 {
        top: 53%;
        left: 1.5%;
    }

    .block-work-intro .img.img03 {
        top: 43%;
        right: -2%;
    }

    .block-work-intro .txt {
        font-size: 4.26667vw;
        margin-bottom: 13.33333vw;
    }

    .block-work-intro .txt p {
        margin-top: 6.66667vw;
        line-height: 2em;
    }

    .block-work-intro .sub-title02 {
        margin: 6.66667vw 0 15.33333vw;
    }

    .block-work-type {
        padding: 13.33333vw 0 0 0;
    }

    .block-work-type .sub-title02 {
        margin-bottom: 13.33333vw;
    }

    .block-work-flow {
        padding: 5.33333vw 0 0 0;
    }

    .block-work-flow .mainvisual {
        margin: 9.33333vw -15px;
    }

    .block-parttime-benefit {
        padding: 18.66667vw 0 12vw;
        overflow: hidden;
    }

    .block-parttime-benefit .circle-box {
        margin-bottom: 9.33333vw;
    }

    .block-parttime-benefit .h2-title01 {
        margin-bottom: 13.33333vw;
    }

    .block-parttime-benefit .sub-title02 {
        margin-top: 6.66667vw;
    }

    .block-parttime-benefit .btn-basic03 {
        margin: 6.66667vw 0;
        padding: 2.66667vw 0;
        width: 95%;
        font-size: 3.2vw;
    }

    .block-parttime-benefit .btn-basic03.btn03:after {
        width: 1.6vw;
        height: 1.6vw;
        right: 2vw;
    }

    .block-parttime-exp {
        padding: 13.33333vw 0;
    }

    .block-parttime-exp .sub-title02 {
        margin-top: 6.66667vw;
    }

    .block-parttime-exp .table-wrapper {
        margin-top: 6.66667vw;
    }

    .block-parttime-exp .system-note {
        margin: 6.66667vw 0;
        font-size: 3.73333vw;
    }

    .block-parttime-exp .system-note span {
        display: block;
        font-size: 3.73333vw;
        text-align: center;
        margin-bottom: 6.66667vw;
    }

    .block-parttime-move {
        padding: 13.33333vw 0;
    }

    .block-parttime-move .sub-title02 {
        margin-top: 6.66667vw;
    }

    .block-parttime-move .taC {
        font-size: 2.66667vw;
        margin: 4vw 0 6.66667vw;
    }

    .block-parttime-move .col2 {
        width: 100%;
        margin: 0 0 3.33333vw 0;
        float: none;
    }

    .block-parttime-move .col2 .contact {
        padding: 6.66667vw 10vw;
    }

    .block-parttime-move .col2 .contact .title {
        font-size: 2.66667vw;
        margin-bottom: 4vw;
    }

    .block-parttime-move .col2 .contact .num {
        font-size: 9.33333vw;
        letter-spacing: -0.04em;
        margin-bottom: 1.73333vw;
        white-space: nowrap;
    }

    .block-parttime-move .col2 .contact .num:before {
        width: 10vw;
        height: 10vw;
        margin-right: 1.33333vw;
    }

    .block-parttime-move .col2 .contact a.num {
        font-size: 7.33333vw;
        border-top: none;
        text-align: center;
        padding: 0;
        letter-spacing: -0.08em;
        background: #18A952;
        background-size: 10vw auto;
        border-radius: 7vw;
        color: #fff;
        position: relative;
        display: block;
    }

    .block-parttime-move .col2 .contact a.num:after,
    .block-parttime-move .col2 .contact a.num:before {
        content: "";
        background: #fff;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-parttime-move .col2 .contact a.num:after {
        width: 4.53333vw;
        height: 4.53333vw;
        right: 4.26667vw;
        background: #fff;
        border-radius: 100%;
    }

    .block-parttime-move .col2 .contact a.num:before {
        right: 5.46667vw;
        border-top: 1.06667vw solid transparent;
        border-bottom: 1.06667vw solid transparent;
        border-left: 1.6vw solid #18A952;
        z-index: 2;
        width: inherit;
        height: inherit;
        margin-right: 0;
    }

    .block-parttime-move .col2 .contact a.num>span {
        display: inline-block;
        position: relative;
        height: 13.33333vw;
        line-height: 13.33333vw;
        padding-right: 6vw;
        top: 0.25vw;
    }

    .block-parttime-move .col2 .contact a.num>span:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 6.13333vw;
        height: 6.13333vw;
        background: url("/content/dam/family/company/fc1/img/common/ico_tel01.png") no-repeat center center;
        background-size: 100% auto;
        margin-right: 2.5vw;
        position: relative;
        top: -0.75vw;
    }

    .block-parttime-move .col2 .contact .time {
        font-size: 3.73333vw;
    }

    .block-parttime-move .col2 .contact .note {
        font-size: 3.2vw;
        margin-top: 0.8vw;
    }

    .block-parttime-owner {
        padding-bottom: 13.33333vw;
    }

    .block-parttime-owner .h2-title01 {
        padding-top: 13.33333vw;
    }

    .block-parttime-owner .sub-title02 {
        padding-bottom: 6.66667vw;
    }

    .block-parttime-owner .btn-system-owner {
        margin-top: 18.66667vw;
        font-size: 3.73333vw;
        padding: 3.33333vw 0;
        border-radius: 100px;
        position: relative;
    }

    .block-parttime-owner .btn-system-owner:after {
        content: "";
        width: 4.66667vw;
        height: 4.66667vw;
        background: #fff;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        right: 4.26667vw;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
    }

    .block-parttime-owner .btn-system-owner:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 1.06667vw solid transparent;
        border-bottom: 1.06667vw solid transparent;
        border-left: 1.6vw solid #18A952;
        position: absolute;
        top: 50%;
        right: 5.46667vw;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

    .block-store-benefit {
        padding: 11.33333vw 0 0 0;
    }

    .block-store-benefit .h2-title01 {
        margin-bottom: 13.33333vw;
    }

    .block-store-benefit .box-3col {
        margin: 0;
        font-size: 4.26667vw;
        line-height: 1.9em;
    }

    .block-store-benefit .box-3col .col3 {
        width: 100%;
        float: none;
        margin: 0 0 13.33333vw 0;
    }

    .block-store-benefit .img {
        width: 33.33333vw;
        height: 33.33333vw;
        margin: 0 auto 6.93333vw auto;
    }

    .block-store-benefit .img img {
        height: 20vw;
    }

    .block-store-benefit .h5-title01 {
        margin-bottom: 4.26667vw;
    }

    .block-store-voice {
        padding-top: 13.33333vw;
    }

    .block-store-voice .h2-title01 {
        margin-bottom: 13.33333vw;
    }

    .block-store-voice .dl-box {
        margin-bottom: 6.66667vw;
    }

    .block-store-interview {
        padding: 6.66667vw 0;
    }

    .block-store-interview .block-interview {
        margin-top: 13.33333vw;
    }

    .block-store-support {
        padding: 12.66667vw 0;
    }

    .block-store-support .h2-title01 {
        margin-bottom: 6.66667vw;
    }

    .block-store-support .box-2col {
        margin: 0;
    }

    .block-store-support .box-2col .col2 {
        width: 100%;
        margin: 0 0 2.66667vw 0;
    }

    .block-store-support .box-2col .col2 .support-cnt {
        padding: 5.33333vw;
        font-size: 4.26667vw;
    }

    .block-store-support .box-2col .col2 .support-cnt .h6-title01 {
        margin-bottom: 2.66667vw;
    }

    .block-store-support .btn-store-support {
        font-size: 4.26667vw;
        border-radius: 100px;
        padding: 3.73333vw 0;
        margin: 13.33333vw 0;
    }
}

@media (max-width: 737px) and (orientation: landscape) {
    #contents .btn-banner {
        bottom: 220px;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

/* ==========================================================
!CSS common
========================================================== */
.table-note {
    font-size: 12px;
    font-size: 0.75rem;
    color: #313131;
    margin-top: 20px;
}

@media only screen and (max-width: 737px) {
    .table-note {
        font-size: 2.66667vw;
        margin-top: 2.66667vw;
    }
}

/* ==========================================================
!CSS for /company/fc/system/process.html
========================================================== */
.block-process-anchor {
    margin: 100px 0;
}

.block-process-building {
    padding: 100px 0 80px;
    overflow: hidden;
}

.block-process-owners {
    padding: 100px 0 80px;
    overflow: hidden;
}

.block-process-contract {
    padding: 100px 0 100px;
}

.block-process-contract .btn-basic02.btn03 {
    font-size: 24px;
    font-size: 1.5rem;
}

.block-process-flow {
    padding: 100px 0 10px;
}

.block-process-systems {
    padding: 100px 0 100px;
}

[class^='block-process-'] .circle-box {
    margin: 40px -30px 30px;
}

[class^='block-process-'] .table.table03 {
    margin-top: 100px;
}

[class^='block-process-'] .h3-title02.text-orange {
    color: #EC7A00;
    margin: 100px 0 0 0;
}

[class^='block-process-'] .btn-basic02.btn03 {
    width: 100%;
    margin-top: 55px;
}

[class^='block-process-'] .txt {
    max-width: 1000px;
    margin: 15px auto;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
}

[class^='block-process-'] .block-system {
    margin-top: 60px;
}

[class^='block-process-'] .nav-tabs {
    margin-top: 105px;
}

[class^='block-process-'] .nav-tabs>li>a.tab1.active,
[class^='block-process-'] .nav-tabs>li>a.tab2.active {
    height: calc(100% + 10px);
}

/* ==========================================================
!CSS for /company/fc/support/system.html
========================================================== */
[class^='block-system-'] .block-support.green {
    margin: 80px 0;
}

.block-system-anchor {
    margin: 100px 0;
}

.block-system-anchor .anchor-link a {
    min-height: 92px;
    padding-top: 30px;
}

.block-system-about {
    padding: 0 0 65px;
}

.block-system-store {
    padding: 135px 0 105px;
}

.block-system-store .img {
    text-align: center;
    margin: 90px 0 100px;
}

.block-system-store .img img {
    max-width: 674px;
    margin: 0 auto;
}

.block-system-supervisor {
    padding: 100px 0 95px;
}

.block-system-supervisor .h2-title03 {
    margin-bottom: 90px;
}

.block-system-supervisor .h5-title01 {
    margin: 95px 0 25px;
}

.block-system-supervisor .dl-box .h5-title01 {
    margin: 0;
}

.block-system-training {
    padding: 100px 0;
}

.block-system-training .img {
    margin: 100px 0;
}

.block-system-training .img img {
    width: 100%;
}

.block-system-operation {
    padding: 100px 0 90px;
}

.block-system-operation .h2-title03 {
    margin-bottom: 90px;
}

.block-system-learn {
    padding: 100px 0 100px;
}

.block-system-detail {
    padding: 35px 0 100px;
}

.block-system-detail .h2-title01 {
    margin-top: 185px;
}

.block-system-detail .h6-title01 {
    text-align: left;
    margin-bottom: 15px;
}

.block-system-detail .h6-title01.text-orange {
    color: #EC7A00;
    text-align: center;
    margin-bottom: 20px;
}

.block-system-detail .box-2col {
    margin: 0 -70px;
}

.block-system-detail .box-2col .col2 {
    padding: 0 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-system-detail .box-2col img {
    width: 100%;
    margin-bottom: 13px;
}

.block-system-detail .box-2col .txt {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.region-feature {
    padding: 97px 0 113px 0;
}

.region-feature .region-feature-body {
    padding: 62px 0 0 0;
}

.region-feature .region-feature-image {
    text-align: center;
}

.region-feature .region-feature-image img {
    max-width: 100%;
}

.region-feature .region-feature-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 68px -25px 0;
}

.region-feature .region-feature-links>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 25px;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.region-feature .btn-region-item {
    display: block;
    border: 2px solid #313131;
    background: #fff;
    border-radius: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #313131;
    text-decoration: none;
    text-align: center;
    font-size: 1.125rem;
    font-weight: bold;
    padding: 14px 10px 13px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1.3;
}

.region-feature .btn-region-item:hover {
    background: #168ED4;
    color: #fff;
    border-color: #168ED4;
}

@media only screen and (max-width: 979px) {
    .region-feature {
        padding: 97px 0 65px 0;
    }

    .region-feature .region-feature-body {
        padding: 50px 0 0;
    }

    .region-feature .region-feature-links {
        margin: 25px -10px;
    }

    .region-feature .region-feature-links>li {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 737px) {

    /* ==========================================================
    !CSS for /company/fc/system/process.html
    ========================================================== */
    .block-process-anchor {
        margin: 21.06667vw 0 13.33333vw;
    }

    .block-process-building,
    .block-process-owners,
    .block-process-flow,
    .block-process-systems {
        padding: 12.66667vw 0 16vw;
    }

    .block-process-contract {
        padding: 12.66667vw 0 13.33333vw;
    }

    .block-process-contract .btn-basic02.btn03 {
        font-size: 4.26667vw;
    }

    .block-process-systems {
        padding: 8vw 0 0;
    }

    [class^='block-process-'] .circle-box {
        margin: 2.66667vw -2.7vw 5.33333vw;
    }

    [class^='block-process-'] .table.table03 {
        margin-top: 8vw;
    }

    [class^='block-process-'] .table.table03 td:last-child {
        white-space: nowrap;
    }

    [class^='block-process-'] .h3-title02.text-orange {
        color: #EC7A00;
        margin: 22.4vw 0 0 0;
    }

    [class^='block-process-'] .btn-basic02.btn03 {
        margin-top: 13.33333vw;
    }

    [class^='block-process-'] .btn-basic02.btn03:after {
        width: 4.53333vw;
        height: 4.53333vw;
        right: 4.26667vw;
        content: "";
        background: #fff;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
    }

    [class^='block-process-'] .btn-basic02.btn03:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 47%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
        right: 5.6vw;
        border-top: 1.06667vw solid transparent;
        border-bottom: 1.06667vw solid transparent;
        border-left: 1.6vw solid transparent;
        border-left-color: #EC7A00;
    }

    [class^='block-process-'] .txt {
        font-size: 4.26667vw;
        margin: 2vw auto;
    }

    [class^='block-process-'] .block-system {
        margin-top: 60px;
    }

    /* ==========================================================
    !CSS for /company/fc/support/system.html
    ========================================================== */
    [class^='block-system-'] .block-support.green {
        margin: 6.66667vw 0;
    }

    .block-system-anchor {
        margin: 13.33333vw 0;
    }

    .block-system-anchor .anchor-link a {
        min-height: 15.2vw;
        padding-top: 5.06667vw;
    }

    .block-system-about {
        padding: 0 0 65px;
    }

    .block-system-store {
        padding: 16vw 0 13.33333vw;
    }

    .block-system-store .img {
        text-align: center;
        margin: 10.66667vw 0;
    }

    .block-system-store .img img {
        max-width: 100%;
        width: 100%;
    }

    .block-system-store .sub-title02 {
        font-weight: normal;
    }

    .block-system-supervisor {
        padding: 13.33333vw 0 12.66667vw;
    }

    .block-system-supervisor .h2-title03 {
        margin-bottom: 12vw;
    }

    .block-system-supervisor .h5-title01 {
        margin: 95px 0 25px;
    }

    .block-system-training {
        padding: 13.33333vw 0;
    }

    .block-system-training .img {
        margin: 6.66667vw 0 12vw;
        overflow: auto;
    }

    .block-system-training .img img {
        max-width: initial;
        width: 200%;
    }

    .block-system-operation {
        padding: 13.33333vw 0 0;
    }

    .block-system-operation .h2-title03 {
        margin-bottom: 0;
    }

    .block-system-operation .sub-title02 {
        margin-bottom: 12vw;
    }

    .block-system-learn {
        padding: 13.33333vw 0;
    }

    .block-system-detail {
        padding: 13.33333vw 0;
    }

    .block-system-detail .h2-title01 {
        margin-top: 4vw;
    }

    .block-system-detail .h6-title01 {
        text-align: left;
        margin-bottom: 2vw;
    }

    .block-system-detail .h6-title01.text-orange {
        color: #EC7A00;
        text-align: center;
        margin-bottom: 2.66667vw;
        font-size: 5.33333vw;
    }

    .block-system-detail .box-2col {
        margin: 0;
    }

    .block-system-detail .box-2col .col2 {
        padding: 0;
        width: 100%;
        margin-bottom: 10.66667vw;
    }

    .block-system-detail .box-2col img {
        width: calc(100% + 30px);
        margin: 0 -15px 4vw;
        max-width: initial;
    }

    .block-system-detail .box-2col .txt {
        font-size: 4vw;
        margin-bottom: 2.66667vw;
    }

    .block-system-detail .box-2col .h6-title01 {
        text-align: center;
    }

    .region-feature {
        padding: 16vw 0 9vw;
    }

    .region-feature .region-feature-body {
        padding: 12vw 0 0 0;
    }

    .region-feature .region-feature-image {
        margin-left: -15px;
        margin-right: -15px;
    }

    .region-feature .region-feature-links {
        margin: 12vw -2vw 0;
    }

    .region-feature .region-feature-links>li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 2vw;
        margin-bottom: 2.2vw;
    }

    .region-feature .btn-region-item {
        font-size: 3.73333vw;
        padding: 2.66667vw 1.33333vw;
        border-width: 0.4vw;
        font-weight: 500;
        border-radius: 6.66667vw;
    }
}

@media only screen and (max-width: 374px) {
    [class^='block-process-'] .btn-basic02.btn03 {
        padding-right: 12vw;
    }
}

.contact-lp {
    position: relative;
    padding: 0;
}

.contact-lp-header {
    background: #fff;
    text-align: center;
    padding: 20px 0;
}

.contact-lp-bg01 .contact-lp-worktime {
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.contact-lp-bg02 {
    padding: 0;
    background: #ffde26;
}

.contact-lp-title {
    margin: 0 -28px 46px;
}

.contact-lp-title img {
    max-width: 100%;
}

.contact-lp-info {
    padding-bottom: 26px;
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.contact-lp-info .info-inner {
    padding: 37px 113px 32px;
}

.ly-sizeL .contact-lp-info .info-inner {
    padding: 37px 75px 32px;
}

.contact-lp-info .tel {
    border-top: 5px solid #18A952;
    border-bottom: 5px solid #18A952;
    font-size: 4.6875rem;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #18A952;
    text-decoration: none;
    background: url(../lp/orientation_2019/ico_phone.png) no-repeat center left;
    background-size: auto auto;
    padding: 0 0 0 120px;
    height: 118px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-lp-info .tel span {
    display: block;
    line-height: 1;
    white-space: nowrap;
}

.contact-lp-info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
    font-weight: bold;
    color: #008BD4;
    font-family: "Noto Sans JP", sans-serif;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-lp-info dl dt {
    font-size: 1.4375rem;
    letter-spacing: 0.14em;
    width: 170px;
    height: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(50, 140, 216, 0.15);
    border-radius: 10px;
    font-weight: bold;
}

.contact-lp-info dl dd {
    font-size: 1.625rem;
    line-height: 1.58;
    letter-spacing: 0.14em;
    padding: 0 8px 0 0;
}

.contact-lp-info .txt {
    line-height: 1.46;
    font-size: 1.125rem;
    letter-spacing: 0.14em;
    background: #F0F0F0;
    margin-left: 27px;
    margin-right: 27px;
    text-align: center;
    padding: 11px 0 11px;
    font-family: "Noto Sans JP", sans-serif;
}

.contact-lp-worktime {
    background-size: auto auto;
    background-color: #ffde26;
    background-image: -webkit-repeating-linear-gradient(315deg, transparent, transparent 10px, #ffd31c 10px, #ffd31c 18px);
    background-image: -o-repeating-linear-gradient(315deg, transparent, transparent 10px, #ffd31c 10px, #ffd31c 18px);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, #ffd31c 10px, #ffd31c 18px);
    position: relative;
    overflow: hidden;
}

.contact-lp-worktime img {
    max-width: 100%;
}

.contact-lp-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.contact-lp .btn-contact {
    background: #EC7A00;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: 1px solid #EC7A00;
    -webkit-box-shadow: 0 6px 0 #BF6300;
    box-shadow: 0 6px 0 #BF6300;
    border-radius: 5px;
    letter-spacing: 0.06em;
    line-height: 1.3;
    font-size: 1.875rem;
    font-weight: bold;
    display: block;
    width: 44%;
    position: absolute;
    bottom: 14%;
    left: 6%;
    padding: 26px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.contact-lp .btn-contact:after {
    content: "";
    position: absolute;
    right: 28px;
    top: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-width: 3px 3px 0 0;
    border-style: solid;
    border-color: #fff;
    margin-top: 2px;
}

.contact-lp .btn-contact:hover {
    opacity: 0.7;
}

.contact-lp-interpret .contact-lp-worktime {
    max-width: 630px;
    margin: auto;
}

.contact-lp-interpret .btn-contact {
    font-size: 14px;
    font-size: 0.875rem;
    bottom: 11%;
    padding: 15px 0;
}

.contact-lp-interpret .btn-contact:after {
    width: 6px;
    height: 6px;
}

@media (max-width: 1199px) {

    .contact-lp.contact-lp-interpret:not(),
    .contact-lp .btn-contact {
        padding: 2.16847vw 0;
        font-size: 2.50209vw;
    }

    .contact-lp.contact-lp-interpret:not():after,
    .contact-lp .btn-contact:after {
        right: 2.50209vw;
        width: 1.08424vw;
        height: 1.08424vw;
        border-width: 0.33361vw 0.33361vw 0 0;
    }
}

@media (max-width: 1129px) {
    .contact-lp-info .info-inner {
        padding: 25px 10.00886vw;
    }

    .contact-lp-info dl {
        margin-top: 20px;
    }

    .contact-lp-info .tel {
        height: 10.45173vw;
        background-size: 10.62888vw auto;
        font-size: 7.08592vw;
    }
}

@media (max-width: 737px) {
    .contact-lp {
        padding: 0;
    }

    .contact-lp-bg01 {
        margin-top: 14.6vw;
        padding-bottom: 9.06667vw;
        background: #18A952;
    }

    .contact-lp-bg01 .contact-lp-inner {
        padding: 3.2vw 4vw 0;
    }

    .contact-lp-bg01 .contact-lp-worktime {
        overflow: hidden;
        margin-top: -9.86667vw;
        border-radius: 5.33333vw;
        -webkit-box-shadow: 0 1.06667vw 1.6vw rgba(0, 0, 0, 0.16);
        box-shadow: 0 1.06667vw 1.6vw rgba(0, 0, 0, 0.16);
    }

    .contact-lp-bg02 .contact-lp-inner {
        padding: 4vw;
    }

    .contact-lp-bg02 .contact-lp-worktime {
        overflow: hidden;
        border-radius: 5.33333vw;
        -webkit-box-shadow: 0 1.06667vw 1.6vw rgba(0, 0, 0, 0.16);
        box-shadow: 0 1.06667vw 1.6vw rgba(0, 0, 0, 0.16);
    }

    .contact-lp-title {
        margin: 0;
        top: -14.13333vw;
        position: relative;
    }

    .contact-lp-img {
        position: relative;
        top: -64vw;
        margin-left: 0;
    }

    .contact-lp-img img {
        max-width: 72vw;
        margin: 0 auto;
    }

    .contact-lp-info {
        max-width: 100%;
        border-radius: 2.66667vw;
        padding-bottom: 2.66667vw;
    }

    .contact-lp-info .info-inner {
        padding: 3.46667vw 6.66667vw;
    }

    .ly-sizeL .contact-lp-info .info-inner {
        padding: 3.46667vw 5.33333vw;
    }

    .contact-lp-info .tel {
        border-width: 0.8vw 0 0.8vw;
        height: 12vw;
        padding-left: 13.33333vw;
        background-size: 13.33333vw auto;
        letter-spacing: 0.02em;
        font-size: 8vw;
    }

    .contact-lp-info dl {
        padding-left: 0;
        margin-top: 2.66667vw;
    }

    .contact-lp-info dl dt {
        font-size: 4.26667vw;
        letter-spacing: 0.14em;
        line-height: 0.75;
        width: 29.06667vw;
        height: 10.93333vw;
        border-radius: 2.66667vw;
    }

    .contact-lp-info dl dd {
        font-size: 4vw;
        letter-spacing: 0.14em;
        padding: 0;
        white-space: nowrap;
        position: relative;
    }

    .contact-lp-info .txt {
        line-height: 1.27;
        font-size: 0.6875rem;
        letter-spacing: 0.14em;
        margin-left: 2.66667vw;
        margin-right: 2.66667vw;
        text-align: center;
        padding: 2.4vw 0 1.6vw;
        border-radius: 1.33333vw;
    }

    .contact-lp-worktime {
        background-image: -webkit-repeating-linear-gradient(315deg, transparent, transparent 6px, #ffd31c 6px, #ffd31c 12px);
        background-image: -o-repeating-linear-gradient(315deg, transparent, transparent 6px, #ffd31c 6px, #ffd31c 12px);
        background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, #ffd31c 6px, #ffd31c 12px);
        padding: 0;
    }

    .contact-lp:not(.contact-lp-interpret) .btn-contact {
        position: relative;
        width: auto;
        left: 0;
        bottom: 0;
        font-size: 5.86667vw;
        line-height: 0.05;
        padding: 9.06667vw 2.66667vw;
        margin: 6.4vw 3.46667vw 11.73333vw;
    }

    .contact-lp:not(.contact-lp-interpret) .btn-contact:after {
        right: 3.73333vw;
        top: 50%;
        width: 2.4vw;
        height: 2.4vw;
        border-width: 0.8vw 0.8vw 0 0;
    }

    .contact-lp-interpret .contact-lp-inner {
        padding: 0;
    }

    .contact-lp-interpret .contact-lp-worktime {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        max-width: 100%;
    }

    .contact-lp-interpret .btn-contact {
        padding: 1.6vw 1.5vw 1.6vw 0;
        font-size: 3vw;
    }

    .contact-lp-interpret .btn-contact:after {
        right: 2.2vw;
        width: 1.5vw;
        height: 1.5vw;
        border-width: 0.5vw 0.5vw 0 0;
        margin-top: 0.15vw;
    }
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0;
    opacity: 0;
    z-index: 1072;
    background: rgba(0, 0, 0, 0.16);
}

.modal-open {
    overflow: hidden;
}

.modal-open-ios {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.modal.show {
    opacity: 1;
}

.modal-content {
    width: 100%;
    position: relative;
    padding: 0;
    background: transparent;
    margin: 97px 0 10px 0;
}

.modal-content-body {
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    max-width: 1000px;
    padding: 0 30px;
}

.modal .btn-modal-close {
    border-radius: 36px;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -57px;
    right: 0;
    text-indent: -99999px;
    text-decoration: none;
    background: #fff;
    z-index: 9999;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.modal .btn-modal-close:before,
.modal .btn-modal-close:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 16px;
    width: 2px;
    background-color: #EC7A00;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -7px;
    margin-left: -1px;
}

.modal .btn-modal-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal .btn-modal-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 737px) {
    .modal .btn-modal-close {
        border-radius: 7.46667vw;
        width: 7.46667vw;
        height: 7.46667vw;
        top: -10.13333vw;
    }

    .modal .btn-modal-close:before,
    .modal .btn-modal-close:after {
        height: 3.2vw;
        width: 0.53333vw;
        margin-top: -1.6vw;
        margin-left: -0.26667vw;
    }

    .modal-dialog {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .modal-content {
        margin: 10.13333vw 0 2.66667vw;
    }
}

@media all and (orientation: landscape) {
    .modal-content {
        margin: 80px 0 10px;
    }

    .modal .btn-modal-close {
        top: -50px;
    }
}

@media (max-width: 737px) and (orientation: landscape) {
    .modal-content {
        margin: 13.33333vw 0 2.66667vw;
    }
}

.contact-lp-worktime {
    max-width: 630px;
    margin: 0 auto;
}

.ly-wrp-cts2 {
    margin-left: auto;
    margin-right: auto;
    padding: 0 0px;
    width: auto;
}

.contact-lp .btn-contact {
    font-size: 14px;
    font-size: 0.875rem;
    bottom: 11%;
    padding: 15px 0;
}

.h5-title012 {
    color: #313131;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
    text-align: center;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 4;
    letter-spacing: 3.85px;
}

/* for site fc */
.notification {
    border: 5px solid #00AB4E;
    text-align: center;
    padding: 15px 30px 0px;
    margin: 11vw 35px 5vw;
}

.notification .notification-title {
    font-size: 34px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.36;
    color: #00AB4E;
    margin-bottom: 17px;
    font-family: "Noto Sans", sans-serif;
}

.notification .notification-des {
    font-size: 23px;
    font-size: 1rem;
    line-height: 1.5;
    color: #616161;
    font-family: "Noto Sans JP", sans-serif;
}

.notification .notification-des p {
    margin-bottom: 15px;
    text-align: left;
}

@media (max-width: 737px) {
    .notification {
        margin: 14vw 0;
        border-width: 0.67935vw;
        padding: 3vw 5vw 0vw;
    }

    .notification .notification-title {
        font-size: 5.43478vw;
        margin-bottom: 3vw;
    }

    .notification .notification-des {
        font-size: 3.2vw;
    }

    .notification .notification-des p {
        margin-bottom: 4.34783vw;
    }
}

/* end for site fc */

/* for site intern */
.lp-container {
    padding-left: 85px;
    padding-right: 85px;
}

.lp-reservations {
    padding: 100px 0;
}

.lp-reservations-title {
    font-size: 30px;
    font-size: 1.875rem;
    text-align: center;
    margin-bottom: 35px;
    color: #18A952;
    font-family: "Noto Sans", sans-serif;
}

.lp-reservations-subtitle {
    margin: 35px 0;
    font-size: 24px;
    font-size: 1.5rem;
    font-family: "Noto Sans JP", sans-serif;
    color: #3D3D3D;
    border-bottom: #3D3D3D solid 1px;
    padding-bottom: 5px;
}

.lp-reservations .lp-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.lp-reservations .lp-button li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.lp-reservations .lp-button-01 .btn-01 {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 28px;
    font-size: 1.75rem;
    background: #fff;
    color: #000;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 4px solid #000;
    border-radius: 100px;
    line-height: 1.47;
    padding: 10px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
    overflow: hidden;
}

.lp-reservations .lp-button-01 .btn-01:hover {
    background: #000;
    color: #fff;
}

.lp-reservations .lp-button-01 .btn-01:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    margin-top: -2px;
    z-index: 1;
    border-style: solid;
    border-color: #000;
    border-width: 0px 5px 5px 0px;
}

.lp-reservations .lp-button-01 .btn-01:hover:after {
    border-color: #fff;
}

.lp-reservations .lp-button-01 .btn-01 .txt-small {
    font-size: 22px;
    font-size: 1.375rem;
}

.table-note {
    font-size: 12px;
    font-size: 0.75rem;
    color: #313131;
    margin-top: 20px;
}

@media (max-width: 737px) {
    .lp-briefing {
        padding: 13.58696vw 0 13.58696vw 0;
    }

    .lp-container {
        padding: 0;
    }

    .lp-reservations {
        padding: 0;
    }

    .lp-reservations-title {
        font-size: 5.43478vw;
        margin-bottom: 4.75543vw;
    }

    .lp-reservations-subtitle {
        font-size: 4.07609vw;
        margin: 4.75543vw 0;
    }

    .lp-reservations .lp-button {
        margin-left: -1.3587vw;
        margin-right: -1.3587vw;
    }

    .lp-reservations .lp-button-01 li {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .lp-reservations .lp-button-01 .btn-01 {
        font-size: 4.34783vw;
        padding: 2.71739vw 9.51087vw;
    }

    .lp-reservations .lp-button-01 .btn-01:after {
        width: 2.71739vw;
        height: 2.71739vw;
        right: 4.07609vw;
        border-width: 0px 0.8vw 0.8vw 0px;
    }

    .lp-reservations .lp-button-01 .btn-01 .txt-small {
        font-size: 3.80435vw;
    }

    .block-notification {
    padding: 9.6vw 2.66667vw 5.06667vw;
    margin: 13.33333vw 0;
    border-width: 0.66667vw;
    }
    .area-page .block-notification .title {
    font-size: 4.26667vw;
    margin-bottom: 5.33333vw;
    line-height: 6.66667vw;
    }
    .txt {
    font-size: 4vw;
    }
}

/* end for site intern */
.block-area-intern {
    padding: 0 0 100px;
}

.btn-intern {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 24px;
    font-size: 1.5rem;
    background: #fff;
    color: #000 !important;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #000;
    border-radius: 100px;
    line-height: 1.47;
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
    overflow: hidden;
    margin: 30px 0 0;
}

.btn-intern:hover {
    background: #000;
    color: #fff !important;
}

.btn-intern:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    margin-top: -2px;
    z-index: 1;
    border-style: solid;
    border-color: #000;
    border-width: 0px 3px 3px 0px;
}

.btn-intern:hover:after {
    border-color: #fff !important;
}

.lp-reservations .lp-button .btn-01.btn-disable {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lp-reservations .lp-button .btn-01 .text-ended {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
}

.hok_highlight {
    position: relative;
    display: inline-block;
}

.hok_highlight b {
    position: relative;
    z-index: 99;
}

.hok_highlight:after {
    position: absolute;
    width: 100%;
    height: 15px;
    background: #f2fb2e;
    bottom: 0;
    left: -5px;
    content: "";
    z-index: 0;
}

@media (max-width: 737px) {
    .block-area-intern {
        padding: 0 0 5.06667vw;
    }

    .btn-intern {
        font-size: 4.34783vw;
        padding: 2.71739vw 9.51087vw;
        margin: 15px 0 0;
    }

    .btn-intern:after {
        width: 2.71739vw;
        height: 2.71739vw;
        right: 4.07609vw;
        border-width: 0px 0.5vw 0.5vw 0px;
    }

    .hok_highlight:after {
        height: 10px;
    }
}

.block-process-owners.block-process-owners1 {
    padding-bottom: 0 !important;
}

.block-process-owners3 {
    padding-bottom: 80px !important;
}

@media (max-width: 737px) {
    .block-process-owners3 {
        padding-bottom: 16vw !important;
    }
}

/* Custom movie Site */
.lp-container1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1200px;
    margin: 0 auto;
}

.h3-title04 {
    color: #313131;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: normal;
    text-align: left;
    font-family: "NotoSansMonoCJKjp-Bold";
    line-height: 1.48;
    letter-spacing: 0.06em;
    padding: 0 0 16px 0;
    border-bottom: 8px solid #18A952;
    margin-bottom: 20px;
}

.sub-title04 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #313131;
    text-align: left;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.14em;
    margin-bottom: 17px;
}

.sub-title04 span {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0;
}

.list-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-tag .tag-item {
    border-radius: 19px;
    border: 1px solid #707070;
    color: #0095DA;
    text-align: center;
    padding: 12px 54px 18px;
    line-height: 1;
    margin: 0 10px 15px 0;
    display: inline-block;
    height: 10px;
    font-weight: bold;
}

ul,
li {
    list-style: none;
}

ul,
li {
    list-style: none;
}

.mainvisual1 {
    text-align: center;
    position: relative;
}

.block-work-flow .mainvisual {
    margin: 50px 0 0px;
}

.block-video {
    margin: 0 auto;
    padding: 100px 0;
    max-width: 1005px;
}

.block-video-wrap {
    margin: 0 auto;
    max-width: 1005px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-video-wrap .video-wrapper {
    position: relative;
    padding-top: 56.5%;
    border: 1px solid #707070;
    width: 100%;
}

.block-video-wrap .video-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.block-video-wrap .video-info {
    width: 100%;
    margin: 0 auto;
    border: 5px solid #18A952;
    text-align: center;
    padding: 20px 10px 25px;
}

.block-video-wrap .video-info .video-title {
    color: #18A952;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;
}

.block-video-wrap .video-info p {
    color: #313131;
    font-size: 25px;
    font-size: 1.5625rem;
    text-align: left;
    display: inline-block;
}

.lp-whychoseus-section .lp-blockDetail {
    padding: 120px 0 0;
}

.hok_highlight1 {
    position: relative;
    display: inline-block;
}

.hok_highlight1 b {
    position: relative;
    z-index: 99;
}

.hok_highlight1:after {
    position: absolute;
    width: 100%;
    height: 25px;
    background: #f2fb2e;
    bottom: 0;
    left: -5px;
    content: "";
    z-index: 0;
}

@media only screen and (max-width: 737px) {
    .hok_highlight1 {
        margin-left: 3px;
    }

    .hok_highlight1:after {
        height: 15px;
        left: -2px;
    }
}

@media only screen and (max-width: 737px) {
    .h3-title04 {
        font-size: 4.8vw;
        padding: 0 0 2.13333vw 0;
        border-bottom: 1.06667vw solid #18A952;
        margin-bottom: 2.66667vw;
    }

    .sub-title04 {
        font-size: 4vw;
        margin-bottom: 2.26667vw;
    }

    .sub-title04 span {
        font-size: 14px;
        font-size: 0.875rem;
        letter-spacing: 0;
    }

    .list-tag .tag-item {
        font-size: 3.2vw;
        padding: 2.13333vw 6vw 2.66667vw;
        height: 2.66667vw;
        margin: 0 1.33333vw 2vw 0;
    }

    .block-video {
        padding: 12vw 0;
    }

    .block-video-wrap {
        margin-top: 2vw;
    }

    .block-video-wrap .video-wrapper {
        padding-top: 56.25%;
    }

    .block-video-wrap .video-info {
        border: 1.06667vw solid #18A952;
        padding: 4vw 1.6vw 5.33333vw;
    }

    .block-video-wrap .video-info .video-title {
        font-size: 5.33333vw;
    }

    .block-video-wrap .video-info p {
        font-size: 4vw;
    }

    .block-work-flow {
        padding: 15vw 0 0 0;
    }

    .block-work-flow .mainvisual1 {
        margin: 9.33333vw -15px;
    }

    .lp-container1 {
        padding-left: 4vw;
        padding-right: 4vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .ly-foot-flink-area {
        margin-bottom: 26vw !important;
    }
}
@media only screen and (max-width: 320px) {
    .ly-foot-flink-area {
        margin-bottom: 31vw !important;
    }
}
.block-contact .block-contact-cnt .contact-cnt-left .note,.block-parttime-move .col2 .contact .note  {
	color: #168ED4;
}
.btn-basic01.btn01 {
	padding-left: 20px;
}
.btn-banner .btn-basic02 {
	padding-left: 15px;
}
.btn-banner .btn-basic02:after {
	right: 10px;
}

.block-value-owner {
	overflow: hidden;
}
.block-value-ownerimg {
	width: 32%;
	float: left;
}
.block-value-ownerimg img {
	width: 100%;
}
.block-value-intro {
	width: 68%;
	float: right;
	background-position: top left;
	padding: 90px 0 0;
}

.block-value-intro2 {
	width: 100%;
	float: none;
}
.block-value-intro .h2-title01 {
	letter-spacing: 0.02em;
}
.block-value-intro.block-value-intro-space .h2-title01 {
    padding-bottom: 0;
}
.ownersign {
	font-size: 2em;	
	margin-left: 10px;
}
@media only screen and (max-width: 737px) {
	.block-value-intro {
		padding: 30px 0 0;
	}
	.block-value-intro,.block-value-ownerimg {
		width: 100%;
		float: none;
	}
	.ownersign {
		font-size: 7vw;		
	}
}
@media only screen and (max-width: 737px) {
	.block-contact .btn-basic01.btn01,.block-contact .btn-basic01.btn02{
    	width: 84vw;
    	padding: 3.46667vw 0;
	}
	.block-contact .btn-basic01.btn02{ 
		margin-left: 0;
		margin-top: 2vw;
	}
}
.sst_description.sub-title02 {
	text-align: left;
    padding: 30px 0 0 40px;
}
@media only screen and (max-width: 737px) {
	.sst_description.sub-title02 {
		text-align: left;
	    padding: 0;
	}
	.block-system-training .img.img_sst img {
		width: 100%;
	}
}
.table2021.table02>thead tr>th.sst2021 {
	border-bottom: 2px dotted #dcdcdc;
}
.des2021 {
	text-align: center;
}
.fix-links li.link01 {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
} 
.fix-links li.link06 a {
    color: #169F45;
}
/*----- Edit 2022/07/19-------*/
@media (max-width: 767px) {
.block-contact {
    padding: 10.4vw 0; }
}
.block-contact .block-contact-cnt {
  background: none;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  width: 1000px;
  padding: 52px 10px;
}
@media (max-width: 1000px) {
  .block-contact .block-contact-cnt  {
    width: 94%;
    padding: 50px 3% 0;
  }  
}
.block-contact .block-contact-cnt .contact-cnt-items {
  padding: 35px 45px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  width: 395px;
  border-radius: 15px;
}
.block-contact .block-contact-cnt .contact-cnt-items .btn-basic03 {
  margin-top: 17px;
  font-size: 1.625rem;
}
@media (max-width: 1150px) {
    .block-contact .block-contact-cnt .contact-cnt-items {
        width: 44%;
        padding: 2.5%;        
    }
}
@media (max-width: 767px) {
    .block-contact .block-contact-cnt .contact-cnt-items .btn-basic03 {
        margin-top: 15px;        
    }
}
.block-contact .block-contact-cnt .contact-cnt-items .btn-basic03:hover {
  background-color: #127c3c;
  border-color: #127c3c;
}
.block-contact .block-contact-cnt .contact-cnt-items .btn-basic03::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 52%;
  right: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -2px;
  z-index: 2;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #18A952;
}
.block-contact .block-contact-cnt .contact-cnt-items .btn-basic03::after {
  content: "";
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: 53%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 1024px) {
  .block-contact .block-contact-cnt .contact-cnt-items .btn-basic03 {
    font-size: 1.425rem;
  }
}

@media (max-width: 737px) {
    .block-contact .block-contact-cnt .contact-cnt-items .btn-basic03::before {
        right: 25px;
    }
    .block-contact .block-contact-cnt .contact-cnt-items .btn-basic03::after {
        right: 17px;
    }
    .block-contact .block-contact-cnt .contact-cnt-items {
        margin-bottom: 20px;
        width: 100%;
        padding: 5%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}
.block-contact .block-contact-cnt .contact-cnt-items .title {
  text-align: center;
  color: #00A040;
}
.block-contact .block-contact-cnt .contact-cnt-items a.num {
  background-color: #e4f5eb;
  background-image: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 2px solid #18A952;
  font-size: 2rem;
  padding: 15px 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 10px 0 20px;
  color: #00A040;
  
}
.block-contact .block-contact-cnt .contact-cnt-items a.num::before {
  display: none;
}
.block-contact .block-contact-cnt .contact-cnt-items a.num::after {
  display: none;
}
.block-contact .block-contact-cnt .contact-cnt-items a.num img {
    width: 44px;
    height: auto;
    margin: 0 30px;
}
@media (max-width: 737px) {
  .block-contact .block-contact-cnt .contact-cnt-items a.num {
    color: #18A952;
    font-size: 7.4667vw;
    padding: 0;
  }
}
@media (max-width: 1000px) {
  .block-contact .block-contact-cnt .contact-cnt-items a.num img {
    margin: 0 10px;    
  }
}
@media (max-width: 737px) {
    .block-contact .block-contact-cnt .contact-cnt-items a.num img {
        width: 11.7333vw;
    }
}
.block-contact .block-contact-cnt .contact-cnt-right {
  text-align: center;
}
@media (max-width: 1150px) {
    .block-contact .block-contact-cnt .contact-cnt-right {
        width: 49%;
        padding: 2.5% 0;
    }
}
@media (max-width: 737px) {
    .block-contact .block-contact-cnt .contact-cnt-right {
        width: 100%;
        padding: 5%;
    }
}
.block-contact .block-contact-cnt .contact-cnt-right .title {
  padding-top: 0;
  color: #168ED4;
  font-size: 2rem;
}
.block-contact .block-contact-cnt .contact-cnt-right .btn-basic03.btn01 {
    padding: 17px 20px;
    font-size: 1.625rem;
    width: 380px;
}
@media (max-width: 1150px) {
    .block-contact .block-contact-cnt .contact-cnt-right .btn-basic03.btn01 {
        width: 77%;
    }
}
@media (max-width: 1000px) {
    .block-contact .block-contact-cnt .contact-cnt-right .btn-basic03.btn01 {
        width: 72%;
    }
}
@media (max-width: 737px) {
    .block-contact .block-contact-cnt .contact-cnt-left .title,.block-contact .block-contact-cnt .contact-cnt-right .title {
        font-size: 5.26667vw;
    }
    .block-contact .block-contact-cnt .contact-cnt-right .btn-basic03.btn01 {
        width: 100%;
        font-size: 4.26667vw; 
        padding: 3.46667vw 0;
    }
}
.block-contact .block-contact-cnt .contact-cnt-left .note {
  color: #0187CE;
  font-size: 0.8125rem;
  line-height: 20px;
   padding-bottom:7.5px;
}
.block-contact .block-contact-cnt .time dt {
  background-color: #168ED4;
  color: white;
  padding: 0 10px;
  line-height: 1.5rem;
}
.block-contact .block-contact-cnt .note {
  color: #1E1E1E;  
  line-height: 28px;
}
@media (max-width: 737px) {
    .block-contact .block-contact-cnt .note {
        line-height: 5.3333vw;
    }
}
.block-contact .taC .btn-basic01.cols-btn {
  min-width: auto;
  padding-right: 35px;
  padding-left: 0;
  font-size: 1.625rem;
  width: 33%;
  max-width: 380px;
  margin-left: 0;
  margin-bottom: 15px;
}
@media (max-width: 1150px) {
   .block-contact .taC .btn-basic01.cols-btn {
        width: 33%;
   }
}
@media (max-width: 906px) {
   .block-contact .taC .btn-basic01.cols-btn {
        width: 32%;
   }
}
@media (max-width: 737px) {
    .block-contact .taC .btn-basic01.cols-btn {
        margin-bottom: 0;
   }
}
.block-contact .taC .btn-basic01.cols-btn::before {
    right: 18px;
  }

.block-contact .taC .btn-basic01.cols-btn::after {
    right: 10px;
    width: 30px;
    height: 30px;
}
@media (max-width: 1000px) {
   .block-contact .taC .btn-basic01.cols-btn::before {
        right: 25px;
    }
    .block-contact .taC .btn-basic01.cols-btn::after {
        right: 17px;
        width: 30px;
        height: 30px;
    }
}
.block-contact .taC .btn-basic01.btn04 {
  background: #ECAC00;
}
.block-contact .taC .btn-basic01.btn04:hover {
    background:#d19800 ;
}
.block-contact .taC .btn-basic01.btn04::before {
  border-left-color: #ECAC00;
}
@media (max-width: 950px) {
  .block-contact .taC .btn-basic01.btn04 {
    margin-left: 0;
  }
}
.block-contact .taC .btn-basic01::before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid transparent;
  right: 23px;
}
.block-contact .taC .btn-basic01::after {
  width: 25px;
  height: 25px;
}
.block-contact .taC .btn-basic01.btn02::before {
  border-left-color: #F51616;
}
.block-contact .taC .btn-basic01.btn01::before {
  border-left-color: #164CB2;
}
.block-contact .taC .btn-basic01.btn04::before {
  border-left-color: #ECAC00;
}

@media (max-width: 1000px) and (min-width: 738px) {
  .block-contact .block-contact-cnt .contact-cnt-items {
    margin: 0 auto 20px;
  }
  .block-contact .block-contact-cnt .contact-cnt-items:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 737px) {
    .block-contact .block-contact-cnt {
        margin-bottom: 0;
    }
    .block-contact .taC {
        width: 88%;
        margin: 0 6%;
    }
    .block-contact .taC .btn-basic01::before {
        right: 5.67vw;
    }
    .block-contact .taC .btn-basic01.cols-btn {
        width: 90%;
        max-width: 100%;
    }
    .block-contact .taC .btn-basic01.btn04 {
        padding: 3.46667vw 0;
    }
    .block-contact .taC .btn-basic01.cols-btn {
        margin-top: 2vw;
        font-size: 4.26667vw;
    }
    .box-5col .col5 {
      width: 20%;
      float: left;
    }
    .box-5col .col5 .tit-img {
      width: 200px;
      height: 200px;
    }
    .items-cta {
        padding: 4.1vw 0.5vw 4.1vw;
        display: flex;
    }
    .items-cta .btn-items {      
        color: #fff;
        display: flex;
        width: 50vw;
        vertical-align: middle;
        border-radius: 2.25rem;
        padding: 2.67vw 0 2.67vw 2.67vw;
        line-height: 9.6vw;
    }
    .items-cta .btn-items span {
        font-size: 4.5vw;
        letter-spacing: 0;
        font-weight: bold;
        padding-left: 5px;
    }
    .items-cta .btn-items img {
        width: 9.6vw;
        height: auto;
        margin-right: 0.5vw;
    }
    .items-cta .btn-items.btn-note {
      background-color: #3CB96B;
      border: 2px solid #339E56;
    }
    .items-cta .btn-items.btn-media {
      background-color: #32B3F5;
      margin-left: 0.5vw;
      border: 2px solid #1895DA;
    }
}
.pc1070 { display: none; }
@media (max-width: 1070px) and (min-width: 738px) {
    .pc1070 { display: block; } }
@media (max-width: 900px) and (min-width: 738px) {
    .btn-banner .btn-basic02 {
        font-size: 2.25vw;
        padding: 12px 30px 11px 10px;
        margin: 0;
        min-width: auto;
    }
}
@media (min-width: 738px) {
    .flow-box .flow-arrow-down.flow-arrow-down1 {
        margin-top: -10px;
    }
}
/*---- 230418 modal-rainbow----*/
.modal-open {
    overflow: hidden;
}

.modal-open-ios {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.modal-open .modal-rainbow {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.modal-rainbow.show {
    opacity: 1;
}
.modal-rainbow {
    position: fixed;
    inset: 0px;
    overflow: hidden;
    outline: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1072;
    background: rgba(0, 0, 0, 0.5);
}
.modal-rainbow .btn-modal-close {
    border-radius: 36px;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -99999px;
    text-decoration: none;
    background: #fff;
    z-index: 9999;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.modal-rainbow .btn-modal-close:before,
.modal-rainbow .btn-modal-close:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 16px;
    width: 2px;
    background-color: #EC7A00;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -7px;
    margin-left: -1px;
}

.modal-rainbow .btn-modal-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal-rainbow .btn-modal-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.wrapper-block-system .block-system.no-icon a.btn-modal-close {
    padding: 0;
}
.block-system a.btn-modal-close:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-rainbow .request-rainbow .info-inner {
    padding: 30px 0 20px;
    background: #EAEAEB;
}
.modal-rainbow .modal-content-body {    
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    border-radius: 0;
    background: none;
}
.img-rainbow {
    font-size: 0;
}
.img-rainbow img {
    width: 100%;
    margin-bottom: 20px;
}
.request-info {
    margin: 0 80px;
    background: #fff;    
}
.request-info table {
    overflow: hidden;
    padding: 10px 0;
    color: #313131;
    border: 1px solid #d9d9d9;
    font-size: 1rem;
    border-collapse: collapse;
}
.request-info th {
    font-weight: normal;
    width: 16.75%;
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
}
.request-info td {
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
}
@media (max-width: 737px) {
    .modal-rainbow .btn-modal-close:before, .modal-rainbow .btn-modal-close:after {
        margin-top: -8px;
    }
    .request-info {
        margin: 0 4vw;
    }
    .request-info table {
        font-size: 3.2333vw;
    }
    .request-info tr {
        display:block;
    }
    .request-info th {
        width: 92%;
        padding: 1% 4%;
        display:block;
        background: #d9d9d9;
        border: none;
    }
    .request-info td {
        display: block;
        width: 92%;
        padding: 1% 4%;
        border: none;
    }
    .modal-rainbow .btn-modal-close {
        width: 26px;
        height: 26px;
        top: 17px;
    }
}
@media (max-width: 600px) {
    .request-info table {
        font-size: 3.2333vw;
    }
}
.block-system a.js-btn-rainbow .tit-img {
    background: url(/content/dam/family/company/fc1/img/fc/bg_rainbow.png) no-repeat;
    background-size: 100%;
}
.wrapper-block-system .block-system.no-icon a .desc {
   word-break: break-all;
}
.modal-rainbow .modal-dialog{
    max-width: 800px;
    height: auto;
}
.modal-rainbow .modal-dialog::before {
    content: "";
    height: calc(100vh - 30px);
    font-size: 0;
    display: block;
}
.modal-rainbow .modal-content {
   margin: 0;
   padding: 50px 0;
}

/*-----------20230807-------*/
.flow-description230807 {
	width: calc(100vw - 350px);
	position: relative;
	left: 270px;
	top: -50px;
}
@media (max-width: 737px) {
	.flow-description230807 {
		width: 90%;
		left: 5%;
		top: 0;
	}
}