/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./sass/common.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700;900&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./sass/common.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

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

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
td,
th {
    font-weight: 400;
    text-align: left;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

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

a img {
    border: none
}

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

* {
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

body {
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
    color: #2f2f2f;
    font-family: M PLUS\ 1p, YuGothic, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    min-width: 320px
}

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

a {
    text-decoration: none
}

a,
a:active,
a:focus {
    outline: none
}

a:active,
a:hover,
a:link,
a:visited {
    color: #2f2f2f;
    text-decoration: none
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(/wp-content/themes/sky_seven_mobile/assy/fonts/icomoon.eot?5ywll8);
    src: url(/wp-content/themes/sky_seven_mobile/assy/fonts/icomoon.eot?5ywll8#iefix) format("embedded-opentype"), url(/wp-content/themes/sky_seven_mobile/assy/fonts/icomoon.ttf?5ywll8) format("truetype"), url(/wp-content/themes/sky_seven_mobile/assy/fonts/icomoon.woff?5ywll8) format("woff"), url(/wp-content/themes/sky_seven_mobile/assy/fonts/icomoon.svg?5ywll8#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-mobile:before {
    content: "\e904"
}

.icon-sim:before {
    content: "\e905"
}

.icon-up:before {
    content: "\e900"
}

.icon-menu:before {
    content: "\e901"
}

.icon-share:before {
    content: "\e902"
}

.icon-home:before {
    content: "\e903"
}

.fz-10 {
    font-size: 1rem
}

.fz-12 {
    font-size: 1.2rem
}

.fz-14 {
    font-size: 1.4rem
}

.fz-16 {
    font-size: 1.6rem
}

.fz-18 {
    font-size: 1.8rem
}

.fz-24 {
    font-size: 2.4rem
}

.fz-30 {
    font-size: 3rem
}

.fz-32 {
    font-size: 3.2rem
}

.fz-36 {
    font-size: 3.6rem
}

.fz-48 {
    font-size: 4.8rem
}

.fz-1618 {
    font-size: 1.6rem
}

@media (min-width:992px) {
    .fz-1618 {
        font-size: 1.8rem
    }
}

.fz-1624 {
    font-size: 1.6rem
}

@media (min-width:992px) {
    .fz-1624 {
        font-size: 2.4rem
    }
}

.fz-1630 {
    font-size: 1.6rem
}

@media (min-width:992px) {
    .fz-1630 {
        font-size: 2.4rem
    }
}

.fz-1824 {
    font-size: 1.8rem
}

@media (min-width:992px) {
    .fz-1824 {
        font-size: 3rem
    }
}

.fz-1830 {
    font-size: 1.68rem
}

@media (min-width:992px) {
    .fz-1830 {
        font-size: 3rem
    }
}

.fz-1836 {
    font-size: 1.68rem
}

@media (min-width:992px) {
    .fz-1836 {
        font-size: 3.6rem
    }
}

.fz-2436 {
    font-size: 2.4rem
}

.fz-2437 {
    font-size: 1.0rem
}

@media (min-width:992px) {
    .fz-2436 {
        font-size: 3.6rem
    }
		 .fz-2437 {
        font-size: 1.3rem
    }
}

.fz-3048 {
    font-size: 3rem
}

@media (min-width:992px) {
    .fz-3048 {
        font-size: 4.8rem
    }
}

.fz-3660 {
    font-size: 3.6rem
}

@media (min-width:992px) {
    .fz-3660 {
        font-size: 6rem
    }
}

.bold {
    font-weight: 700
}

.txt-right {
    text-align: right
}

.txt-center {
    text-align: center
}

.break-all,
.break-sp {
    display: block
}

@media (min-width:992px) {
    .break-sp {
        display: inline-block
    }
}

.break-pc {
    display: inline-block
}

@media (min-width:992px) {
    .break-pc {
        display: block
    }
}

.block {
    display: block
}

.relative {
    position: relative
}

.lh-115 {
    line-height: 1.15em
}

.lh-135 {
    line-height: 1.35em
}

.lh-150 {
    line-height: 1.5em
}

.mt-14 {
    margin-top: 14px
}

.mt-025em {
    margin-top: .25em
}

.mt-05em {
    margin-top: .5em
}

.mt-1em {
    margin-top: 1em
}

.mt-2em {
    margin-top: 2em
}

.mt-3em {
    margin-top: 3em
}

.mt-24 {
    margin-top: 24px
}

.mt-2436 {
    margin-top: 20px
}

@media (min-width:992px) {
    .mt-2436 {
        margin-top: 30px
    }
}

.ml-05 {
    margin-left: .5em
}

.ml-1em {
    margin-left: 1em
}

.ml-2em {
    margin-left: 2em
}

.indent-1em {
    padding-left: 1em;
    text-indent: -1em
}

.color-blue {
    color: #3ea1c9
}

.color-gray {
    color: #4c4c4c
}

.content-wrap,
.warp-1440 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media (min-width:992px) {

    .content-wrap,
    .content-wrap-max {
        padding: 0 36px
    }

    .l-queue-line {
        display: flex
    }
}

.l-queue-line.align-start {
    align-items: flex-start
}

.l-queue-line.align-center {
    align-items: center
}

.l-queue-line.justify-start {
    justify-content: flex-start
}

.l-queue-line.justify-center {
    justify-content: center
}

.l-queue-line.justify-end {
    justify-content: flex-end
}

.l-queue-line.justify-between {
    justify-content: space-between
}

.l-queue-line.row-reverse {
    flex-direction: row-reverse
}

.l-queue-line.wrap {
    flex-wrap: wrap
}

.l-queue-line.smart-flex {
    display: flex
}

#header {
    background-color: #fff
}

@media (min-width:992px) {
    #header {
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10
    }
}

#header.pos-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

#header .header-inner {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0 15px
}

@media (min-width:992px) {
    #header .header-inner {
        height: 72px;
        padding: 0 36px
    }
}

#header .header-inner .header-logo {
    width: 180px
}

@media (min-width:992px) {
    #header .header-inner .header-logo {
        width: 270px
    }
}

#header .content-menu-personal {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: flex-start
}

#header .content-menu-personal li:not(:first-child) a {
    margin-left: 1em
}

#header .content-menu-personal li a {
    display: inline-block
}

@media (min-width:992px) {
    #header .content-menu-personal li.btn-apply {
        position: absolute;
        right: 36px;
        top: 72px;
        z-index: 1
    }
}

@media (min-width:1120px) {
    #header .content-menu-personal li.btn-apply {
        margin-left: 6vw;
        position: static;
        right: inherit;
        top: inherit
    }
}

#header .content-menu-personal li.btn-apply a {
    background-color: #ea5514;
    border-radius: 4px;
    color: #fff;
    padding: .5em 1em;
    text-align: center
}

@media (min-width:992px) {
    #header .content-menu-personal li.btn-apply a {
        padding: .75em 0;
        width: 160px
    }
}

#breadcrumb {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:992px) {
    #breadcrumb {
        top: 40px
    }
}

#breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
    max-width: 1200px;
    padding: 0 1em
}

#breadcrumb ol li:not(:last-child) {
    padding-right: 1em;
    position: relative
}

#breadcrumb ol li:not(:last-child):before {
    border-radius: 0;
    border-right: 2px solid #999;
    border-top: 2px solid #999;
    bottom: 0;
    content: "";
    height: 4px;
    margin: auto;
    position: absolute;
    right: 5px;
    top: 0;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 4px
}

.content-wrap {
    padding: 0 15px
}

@media (min-width:992px) {
    .content-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        padding: 0 36px
    }
}

.w100-wrap {
    overflow: hidden;
    position: relative
}

.l-slash-right {
    background-color: rgba(234, 85, 20, .4);
    height: 1900px;
    position: absolute;
    right: 0;
    top: -13%;
    transform: rotate(45deg);
    width: 320px
}

@media (min-width:768px) {
    .l-slash-right {
        right: 22%;
        top: -10%
    }
}

@media (min-width:992px) {
    .l-slash-right {
        height: 3180px;
        right: 77%;
        top: -12%;
        width: 400px
    }
}

@media (min-width:992px) and (min-width:1180px) {
    .l-slash-right {
        right: 48%;
        transition: width .8s cubic-bezier(.55, .01, 0, .99), top .8s cubic-bezier(.55, .01, 0, .99);
        width: 3000px
    }
}

.l-slash-faq {
    background-color: #ea5514;
    height: 1900px;
    left: 740px;
    position: absolute;
    top: 78%;
    transform: rotate(60deg);
    width: 260px
}

@media (min-width:992px) {
    .l-slash-faq {
        height: 3180px;
        left: 447.5%;
        top: 41%;
        transform: rotate(90deg);
        width: 400px
    }

    .l-slash-faq.layout-for-sns {
        left: 535.5%;
        top: 62%
    }
}

@media (min-width:992px) and (min-width:1180px) {
    .l-slash-faq {
        transition: width .8s cubic-bezier(.55, .01, 0, .99)
    }
}

.l-slash-faq .mask-image {
    background-color: #ddd;
    height: 940px;
    overflow: hidden;
    position: absolute;
    transform: rotate(180deg);
    width: 260px
}

@media (min-width:992px) {
    .l-slash-faq .mask-image {
        left: 0;
        top: 70.45%;
        width: 400px
    }
}

.l-slash-faq .faq-image {
    left: -100%;
    opacity: .2;
    position: absolute;
    top: 20%;
    transform: rotate(75deg);
    width: 720px
}

@media (min-width:992px) {
    .l-slash-faq .faq-image {
        filter: contrast(.5) brightness(1.35);
        left: -74%;
        opacity: inherit;
        top: 0;
        transform: rotate(45deg);
        width: 1200px
    }
}

.l-slash-faq .staff-master {
    height: 0;
    overflow: hidden;
    width: 0
}

@media (min-width:992px) {
    .l-slash-faq .staff-master {
        height: auto;
        left: -4%;
        overflow: inherit;
        position: absolute;
        top: 32%;
        transform: rotate(-135deg);
        width: 560px
    }

    .l-slash-faq .staff-master.layout-for-sns {
        top: 18%
    }

    .l-slash-faq .staff-master:before {
        background-color: #fff;
        bottom: -215px;
        content: "";
        height: 600px;
        left: -410px;
        position: absolute;
        transform: rotate(45deg);
        width: 900px
    }
}

.box-orange {
    background-color: #ea5514;
    border-radius: 4px;
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    padding: 7px 14px;
    text-align: center
}

@media (min-width:992px) {
    .box-orange {
        border-radius: 6px;
        padding: 14px 20px
    }
}

.button-orange {
    background-color: #ea5514;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 1em 2em;
    text-align: center
}

.button-orange:active,
.button-orange:hover,
.button-orange:link,
.button-orange:visited {
    color: #fff
}

.button-blue {
	background-color: #02025f;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	line-height:1.5;
   font-weight: 700;
	padding: 1em 1em;
	text-align: center
}

.button-blue:active,
.button-blue:hover,
.button-blue:link,
.button-blue:visited {
	color: #fff
}

@media (min-width:992px) {
    .button-orange {
        border-radius: 6px;
        padding: 14px 20px
    }
	.button-blue {
		border-radius: 6px;
		padding: 14px 20px
	}
}

.button-orange.arrow {
    position: relative
}

.button-orange.arrow:before {
    border-radius: 0;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    bottom: 0;
    content: "";
    height: 4px;
    margin: auto;
    position: absolute;
    right: 1em;
    top: 0;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 4px
}

.button-blue.arrow {
	position: relative
}

.button-blue.arrow:before {
	border-radius: 0;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	bottom: 0;
	content: "";
	height: 4px;
	margin: auto;
	position: absolute;
	right: 1em;
	top: 0;
	transform: rotate(45deg);
	vertical-align: middle;
	width: 4px
}

@media (min-width:992px) {
    .button-orange.arrow:before {
        border-width: 3px;
        top: -2px
    }
	.button-blue.arrow:before {
		border-width: 3px;
		top: -2px
	}
}

.color-orange {
    color: #ea5514
}

body.home.index #faq,
body.home.index #feel-safe,
body.home.index #news,
body.home.index #sns {
    margin-top: 72px;
    position: relative
}

@media (min-width:992px) {

    body.home.index #faq,
    body.home.index #feel-safe,
    body.home.index #news,
    body.home.index #sns {
        margin-top: 120px
    }
}

body.home.index #gm_app {
    height: 400px;
    margin: 60px auto 36px
}

@media (min-width:992px) {
    body.home.index #gm_app {
        height: 560px;
        margin: 96px auto 36px
    }
}

body.home.index .flex-wrap-margin a {
    margin-top: 1em
}

body.home.index .flex-single-padding {
    padding: 23px 20px
}

body.home.index #js_height {
    position: relative
}

@media (min-width:768px) {
    body.home.index #js_height {
        max-width: inherit;
        min-height: 740px;
        width: 95%
    }
}

@media (min-width:992px) {
    body.home.index #js_height {
        margin-top: 72px;
        max-width: 1440px;
        width: 100%
    }
}

body.home.index .l-slash-right .image-features {
    position: absolute;
    transform: rotate(-45deg) translateY(104px);
    width: 177px
}

@media (min-width:992px) {
    body.home.index .l-slash-right .image-features {
        left: 0;
        top: 1560px;
        width: 354px
    }
}

@media (min-width:1180px) {
    body.home.index.active .l-slash-right {
        width: 400px
    }
}

body.home.index .first-view {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 280px;
    position: relative
}

@media (min-width:768px) {
    body.home.index .first-view {
        bottom: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        left: 0;
        margin: auto;
        max-width: 1200px;
        min-height: 420px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }
}

body.home.index .first-view .large-logo {
    width: 136px
}

@media (min-width:992px) {
    body.home.index .first-view .large-logo {
        width: 612px
    }
}

body.home.index .first-view .sentence {
    color: #ea5514;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    right: 0;
    top: 14px;
    width: 75%
}

@media (min-width:992px) {
    body.home.index .first-view .sentence {
        bottom: 0;
        margin: auto;
        right: 36px;
        top: 0;
        width: 62.5%
    }
}

body.home.index .first-view .sentence h1 {
    font-size: 3.4rem;
    font-weight: 700;
    position: relative
}

@media (min-width:992px) {
    body.home.index .first-view .sentence h1 {
        font-size: 5rem
    }
}

@media screen and (min-width:1200px) {
    body.home.index .first-view .sentence h1 {
        font-size: 6rem
    }
}

body.home.index .first-view .sentence .price-5500 {
    margin-top: 12px
}

@media (min-width:992px) {
    body.home.index .first-view .sentence .price-5500 {
        margin-top: 34px;
        max-width: 723px
    }
}

body.home.index .first-view .sentence .ml-auto {
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.index .first-view .sentence .button-orange {
        padding-right: 2em
    }
	body.home.index .first-view .sentence .button-blue {
		padding-right: 2em
	}
}

body.home.index .first-view .sentence .box-ctrl {
    color: #555;
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 20px
}

@media (min-width:992px) {
    body.home.index .first-view .sentence .box-ctrl {
        font-size: 3.6rem;
        margin-top: 30px
    }
}

body.home.index .first-view .sentence .box-ctrl .box-orange {
    font-size: 1.4rem
}

@media (min-width:992px) {
    body.home.index .first-view .sentence .box-ctrl .box-orange {
        font-size: 3rem
    }
}

body.home.index .first-view .sentence .box-ctrl .box-orange:first-of-type {
    margin-right: 12px
}

body.home.index .first-view .sentence .box-ctrl .box-orange:nth-of-type(2) {
    margin: 0 12px
}

body.home.index .first-view .sentence .box-ctrl+strong {
    font-size: 9.6rem;
    font-weight: 700
}

@media (min-width:992px) {
    body.home.index .first-view .sentence .box-ctrl+strong {
        font-size: 17rem
    }
}

body.home.index .first-view .sentence .box-ctrl+strong>span:first-of-type {
    letter-spacing: -.1em
}

body.home.index .first-view .sentence .box-ctrl+strong>span:nth-of-type(2) {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.1em
}

@media (min-width:992px) {
    body.home.index .first-view .sentence .box-ctrl+strong>span:nth-of-type(2) {
        font-size: 4.8rem
    }
}

body.home.index .first-view .sentence .fz-1624 {
    display: inline-block;
    line-height: 1em
}

body.home.index .first-view .js_label_animate {
    color: #fff;
    display: block;
    overflow: hidden;
    padding: .25em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body.home.index .first-view .js_label_animate:before {
    background-color: #ea5514;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .6s cubic-bezier(.85, 0, .15, 1);
    width: 100%;
    z-index: -1
}

body.home.index .first-view .js_slash_animate {
    overflow: hidden;
    position: relative
}

body.home.index .first-view .js_slash_animate:after {
    background-color: #fff;
    content: "";
    height: 100%;
    left: -57%;
    opacity: .75;
    position: absolute;
    top: 0;
    transform: skewX(-20deg);
    transition: left .6s cubic-bezier(.85, 0, .15, 1);
    width: 120px
}

@media (min-width:992px) {
    body.home.index .first-view .js_slash_animate:after {
        left: -25%
    }
}

body.home.index .first-view .js_slash_animate.active:after {
    left: 107%
}

body.home.index #feel-safe {
    position: relative
}

body.home.index #feel-safe h2 {
    color: #ea5514;
    display: block;
    font-size: 3.6rem;
    font-weight: 700;
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.index #feel-safe h2 {
        font-size: 6rem
    }

    body.home.index #feel-safe h2 .text-right {
        display: block;
        text-align: right
    }
}

body.home.index #feel-safe h2 .animate_label {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    padding: .2em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body.home.index #feel-safe h2 .animate_label:before {
    background-color: #ea5514;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: right 1.2s cubic-bezier(.83, 0, .17, 1);
    width: 100%
}

body.home.index #feel-safe .features {
    margin-top: 35px
}

@media (min-width:992px) {
    body.home.index #feel-safe .features {
        margin-left: auto;
        margin-top: 60px;
        max-width: 620px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

body.home.index #feel-safe .features li {
    opacity: 0;
    transform: translateX(10%);
    transition: opacity .6s, transform .6s
}

body.home.index #feel-safe .features li .line {
    color: #221c18;
    display: inline-block;
    font-size: 2.2rem;
    font-weight: 700;
    padding: 0 .15em;
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    body.home.index #feel-safe .features li .line {
        font-size: 3.6rem
    }
}

body.home.index #feel-safe .features li .line:before {
    background-color: #ee7743;
    bottom: -1px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.home.index #feel-safe .features li .line:before {
        bottom: 0;
        height: 10px
    }
}

body.home.index #feel-safe .features li .sentence {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.15em;
    margin-top: 1em
}

body.home.index #feel-safe .features li:not(:first-child) {
    margin-top: 20px
}

@media (min-width:992px) {
    body.home.index #feel-safe .features li:not(:first-child) {
        margin-top: 35px
    }
}

body.home.index #feel-safe.active .animate_label:before {
    right: -101%
}

body.home.index #feel-safe.active .animate_label:nth-of-type(2):before {
    transition-delay: .1s
}

body.home.index #feel-safe.active .animate_label:nth-of-type(3):before {
    transition-delay: .2s
}

body.home.index #feel-safe.active .features li {
    opacity: 1;
    transform: translateX(0)
}

body.home.index #feel-safe.active .features li:first-of-type {
    transition-delay: .3s
}

body.home.index #feel-safe.active .features li:nth-of-type(2) {
    transition-delay: .4s
}

body.home.index #feel-safe.active .features li:nth-of-type(3) {
    transition-delay: .5s
}

body.home.index #feel-safe.active .features li:nth-of-type(4) {
    transition-delay: .6s
}

body.home.index #feel-safe.active .features li:nth-of-type(5) {
    transition-delay: .7s
}

body.home.index #news {
    position: relative
}

body.home.index #news .hold {
    display: inline-block;
    height: 0;
    overflow: hidden;
    width: 0
}

body.home.index #news .content-header {
    position: relative;
    width: 186.6666666667px
}

@media (min-width:992px) {
    body.home.index #news .content-header {
        width: 280px
    }
}

body.home.index #news .content-header .header-company {
    color: #565656;
    font-size: 1.4rem;
    font-weight: nomal;
    left: 42px;
    position: absolute;
    top: 10px
}

@media (min-width:992px) {
    body.home.index #news .content-header .header-company {
        left: 62px;
        top: 24px
    }
}

body.home.index #news .information {
    font-weight: 400;
    line-height: 1.15em;
    margin-top: 20px
}

@media (min-width:992px) {
    body.home.index #news .information {
        margin-top: 25px;
        max-width: 480px
    }
}

body.home.index #news .news-line {
    margin-top: 36px
}

@media (min-width:992px) {
    body.home.index #news .news-line {
        margin-left: 36px;
        margin-top: inherit
    }
}

body.home.index #news .news-line li {
    margin-top: 1em
}

@media (min-width:992px) {
    body.home.index #news .news-line li:not(:first-child) {
        margin-top: 1.75em
    }
}

body.home.index #news .news-line li a {
    color: #525252;
    display: block;
    padding-left: 1.75em;
    position: relative
}

body.home.index #news .news-line li a:before {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/mobile-phone.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 12px
}

body.home.index #news .news-line li a span {
    display: block
}

body.home.index #news .news-line li a span.date {
    font-size: 1.2rem
}

body.home.index #news .news-line li a span.title {
    font-size: 1.6rem;
    font-weight: 400
}

@media (min-width:992px) {
    body.home.index #news .l-grid-half {
        display: flex;
        justify-content: center
    }
}

body.home.index #faq .content-header {
    position: relative
}

body.home.index #faq .header-logo {
    width: 150px
}

@media (min-width:992px) {
    body.home.index #faq .header-logo {
        width: 210px
    }
}

body.home.index #faq .header-company {
    font-size: 1.4rem;
    font-weight: 400;
    left: 26px;
    position: absolute;
    top: -5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.index #faq .header-company {
        left: 38px;
        top: -3px
    }
}

body.home.index #faq .header-title {
    color: #ea5514;
    font-size: 1.4rem;
    font-weight: 400;
    padding-left: 48px
}

@media (min-width:992px) {
    body.home.index #faq .header-title {
        padding-left: 140px
    }

    body.home.index #faq .right-wrap {
        margin-left: auto;
        width: 750px
    }
}

body.home.index #faq .right-wrap .sentence {
    font-weight: 400;
    line-height: 1.15em;
    margin-top: 20px
}

@media (min-width:992px) {
    body.home.index #faq .right-wrap .sentence {
        margin-top: 36px;
        width: 68%
    }
}

body.home.index #faq .box-round-white {
    font-weight: 400
}

body.home.index #faq .box-round-white .answer {
    border-bottom: 1px solid #ea5514;
    color: #555;
    font-weight: 300;
    line-height: 1.15em;
    margin-top: -1px;
    max-height: 0;
    overflow: hidden;
    padding: 0 .5em 0 2em;
    transition: max-height .4s cubic-bezier(.22, 1, .36, 1), padding .6s cubic-bezier(.22, 1, .36, 1), border .6s cubic-bezier(.22, 1, .36, 1)
}

body.home.index #faq .box-round-white .quest {
    background-color: rgba(234, 85, 20, 0);
    border-bottom: 1px solid #ea5514;
    cursor: pointer;
    line-height: 1.15em;
    padding: .5em .5em .5em 1em;
    position: relative;
    transition: background-color .6s
}

body.home.index #faq .box-round-white .quest:hover {
    background-color: rgba(234, 85, 20, .15)
}

body.home.index #faq .box-round-white .quest:after {
    border-radius: 0;
    border-right: 2px solid #ea5514;
    border-top: 2px solid #ea5514;
    bottom: 0;
    content: "";
    height: 4px;
    margin: auto;
    position: absolute;
    right: 1em;
    top: 0;
    transform: rotate(135deg);
    transition: transform .6s cubic-bezier(.22, 1, .36, 1);
    vertical-align: middle;
    width: 4px
}

body.home.index #faq .box-round-white .quest.active {
    border-bottom: 1px solid #d3d3d3
}

body.home.index #faq .box-round-white .quest.active:after {
    transform: rotate(315deg)
}

body.home.index #faq .box-round-white .quest.active+.answer {
    max-height: 600px;
    padding: 1em .5em 1.5em 2em
}

body.home.index #staff {
    font-weight: 400;
    margin-top: 72px;
    position: relative
}

@media (min-width:992px) {
    body.home.index #staff {
        margin-top: 260px
    }
}

body.home.index #staff .content-header {
    position: relative
}

body.home.index #staff .header-logo {
    width: 198px
}

@media (min-width:992px) {
    body.home.index #staff .header-logo {
        width: 298px
    }
}

body.home.index #staff .header-company {
    font-size: 1.4rem;
    font-weight: 400;
    left: 26px;
    position: absolute;
    top: -5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.index #staff .header-company {
        left: 38px;
        top: -3px
    }
}

body.home.index #staff .content-sentence {
    font-size: 1.4rem;
    line-height: 1.3em;
    margin-top: 20px;
    max-width: 680px
}

@media (min-width:992px) {
    body.home.index #staff .content-sentence {
        margin-top: 36px
    }
}

body.home.index #staff .content-sentence .smart-image {
    height: 712px;
    left: 20%;
    opacity: .15;
    position: absolute;
    top: -50px;
    width: 432px;
    z-index: -1
}

@media (min-width:992px) {
    body.home.index #staff .content-sentence .smart-image {
        height: 0;
        opacity: 0;
        overflow: hidden;
        width: 0
    }
}

body.home.index #staff .content-sentence.sp-bottom {
    padding-bottom: 300px
}

@media (min-width:992px) {
    body.home.index #staff .content-sentence.sp-bottom {
        padding-bottom: 0
    }
}

body.home.index #staff .label {
    background-color: #ea5514;
    color: #fff;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    margin-top: 24px;
    padding: 0 2em 2px .5em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.index #staff .label {
        padding: 2px 96px 2px .5em
    }
}

body.home.index #staff .label p:nth-of-type(2) {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 14px
}

body.home.index #staff .name {
    color: #ea5514;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 24px;
    margin-top: 12px
}

@media (min-width:992px) {
    body.home.index #staff .name {
        font-size: 3.6rem;
        line-height: 36px
    }
}

body.home.index #staff .staff_list {
    margin-top: 36px
}

@media (min-width:992px) {
    body.home.index #staff .staff_list {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        margin-top: 120px
    }
}

body.home.index #staff .staff_list li {
    border-radius: 6px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    body.home.index #staff .staff_list li {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        max-width: 360px
    }
}

body.home.index #staff .staff_list li:not(:first-child) {
    margin-top: 1em
}

@media (min-width:992px) {
    body.home.index #staff .staff_list li:not(:first-child) {
        margin-left: 2vw;
        margin-top: 0
    }
}

body.home.index #staff .staff_list li .label-s {
    background-color: #ea5514;
    bottom: 24px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    padding: .15em 2em .15em .5em;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.index #staff .staff_list li .label-s {
        bottom: 36px;
        font-size: 2.4rem
    }
}

body.home.index #staff .staff_list li .label-s p:first-of-type {
    font-size: 1.4rem
}

body.home.index #staff.single {
    margin-top: 210px
}

@media (min-width:992px) {
    body.home.index #staff.single {
        margin-bottom: 0;
        margin-top: 640px
    }
}

body.home.index #staff.single .content-wrap {
    min-height: 610px
}

@media (min-width:992px) {
    body.home.index #staff.single .content-wrap {
        min-height: 500px
    }
}

body.home.index #sns .content-header {
    position: relative
}

body.home.index #sns .content-header .sub-title {
    color: #ee7743;
    font-size: 1.6rem;
    font-weight: 400;
    margin-left: 5em
}

body.home.index #sns .header-logo {
    width: 129px
}

@media (min-width:992px) {
    body.home.index #sns .header-logo {
        width: 194px
    }
}

body.home.index #sns .header-company {
    font-size: 1.4rem;
    font-weight: 400;
    left: 26px;
    position: absolute;
    top: -5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.index #sns .header-company {
        left: 38px;
        top: -3px
    }

    body.home.index #sns #sb_instagram {
        max-width: 592px;
        width: 100%
    }
}

body.home.index #sns .insta-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

@media (min-width:992px) {
    body.home.index #sns .insta-list {
        max-width: 592px
    }
}

body.home.index #sns .insta-list:before {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/bgimg-insta.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 197.5px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 197.5px;
    z-index: -1
}

@media (min-width:992px) {
    body.home.index #sns .insta-list:before {
        height: 395px;
        width: 395px
    }
}

body.home.index #sns .insta-list li {
    border-radius: 3px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .2);
    height: 110px;
    margin-top: 9px;
    overflow: hidden;
    width: 110px
}

@media (min-width:992px) {
    body.home.index #sns .insta-list li {
        box-shadow: 0 0 16px rgba(0, 0, 0, .2);
        height: 180px;
        margin-top: 24px;
        width: 180px
    }
}

body.home.index #sns .tweet-wrap {
    margin-top: 24px;
    position: relative
}

@media (min-width:992px) {
    body.home.index #sns .tweet-wrap {
        margin: 24px auto 0;
        width: 35%
    }
}

body.home.index #sns .tweet-wrap:before {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/bgimg-twet.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 107.3333333333px;
    left: 0;
    margin: auto;
    opacity: .03;
    position: absolute;
    right: 0;
    top: 0;
    width: 131px;
    z-index: -1
}

@media (min-width:992px) {
    body.home.index #sns .tweet-wrap:before {
        height: 322px;
        width: 393px
    }
}

body.home.index #sns .follow {
    display: block;
    margin: 24px auto 0;
    width: 104.3333333333px
}

@media (min-width:992px) {
    body.home.index #sns .follow {
        margin: 36px auto 0;
        width: 156.5px
    }
}

body.home.index #sns .sns-link {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 12px
}

body.home.index #sns .sns-link li {
    display: inline-block;
    width: 36px
}

body.home.index #sns .sns-link li:not(:first-child) {
    margin-left: 4px
}

@media (min-width:992px) {
    body.home.index #sns .sns-link li:not(:first-child) {
        margin-left: 6px
    }
}

body.home.index #sns .howtoaccess {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

body.home.index #sns .howtoaccess .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.home.index #sns .howtoaccess .section-header {
        font-size: 3.6rem
    }
}

body.home.index #sns .howtoaccess .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.home.index #sns .howtoaccess .section-header:before {
        bottom: 0;
        height: 10px
    }
}

body.home.index #access .howtoaccess {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

body.home.index #access .howtoaccess .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.home.index #access .howtoaccess .section-header {
        font-size: 3.6rem
    }
}

body.home.index #access .howtoaccess .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.home.index #access .howtoaccess .section-header:before {
        bottom: 0;
        height: 10px
    }
}
body.home.index #curio-dealer {
    margin-top: 70px;
    position: relative
}

body.home.index #curio-dealer .permission-number {
    font-size: 1.2em;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body.home.index .box-round-white {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(85, 85, 85, .25);
    margin-bottom: 90px;
    padding: 20px 15px 30px;
    width: 100%
}

@media (min-width:992px) {
    body.home.index .box-round-white {
        padding: 36px 36px 48px
    }
}

body.home.index .learn-more {
    background-color: #ea5514;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: .5em .75em;
    position: relative;
    width: 264px
}

body.home.index .learn-more:before {
    border-radius: 0;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    bottom: 0;
    content: "";
    height: 4px;
    margin: auto;
    position: absolute;
    right: 1em;
    top: 0;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 4px
}

body.home.index .learn-more.right {
    margin-left: auto
}

body.plans {
    font-weight: 400
}

body.plans .fz-80 {
    font-size: 80%;
    line-height: 1em
}

body.plans .w100-wrap {
    padding-bottom: 120px
}

@media (min-width:992px) {
    body.plans .w100-wrap {
        padding-bottom: 90px
    }
}

body.plans .first-view {
    margin-top: 15vh;
    position: relative
}

@media (min-width:992px) {
    body.plans .first-view {
        margin-top: 252px;
        padding: 0 96px
    }
}

body.plans .first-view .large-logo {
    opacity: .25;
    position: absolute;
    width: 204px
}

@media (min-width:992px) {
    body.plans .first-view .large-logo {
        left: 0;
        top: -45px;
        width: 398px
    }
}

body.plans .first-view .sentence {
    position: relative
}

body.plans .first-view .sentence .price-5500 {
    margin: 40px auto 0;
    max-width: 253.3333333333px;
    width: 100%
}

@media (min-width:992px) {
    body.plans .first-view .sentence .price-5500 {
        margin-top: 60px;
        max-width: 760px;
        width: 100%
    }
}

body.plans .first-view .sentence-orange-line {
    border-top: 2px solid #ee7743;
    margin-top: 12px;
    padding-top: 12px
}

@media (min-width:992px) {
    body.plans .first-view .sentence-orange-line {
        align-items: center;
        border-width: 5px;
        display: flex;
        justify-content: center;
        margin-top: 24px;
        padding-top: 30px
    }
}

body.plans .first-view .sentence-orange-line .sns-icons {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 40%
}

@media (min-width:992px) {
    body.plans .first-view .sentence-orange-line .sns-icons {
        width: 200px
    }
}

body.plans .first-view .sentence-orange-line .sns-icons li {
    width: 36px
}

@media (min-width:992px) {
    body.plans .first-view .sentence-orange-line .sns-icons li {
        width: 54px
    }
}

body.plans .first-view .sentence-orange-line .sentence {
    font-size: 1.4rem;
    line-height: 1.35em;
    margin-top: 1em
}

body.plans .first-view .sentence-orange-line .sentence p {
    margin-bottom: .35em
}

@media (min-width:992px) {
    body.plans .first-view .sentence-orange-line .sentence {
        margin-left: 36px;
        margin-top: 0
    }
}

body.plans .label-orange {
    background-color: #ec662b;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 76px auto 0;
    padding: .6em 0;
    text-align: center
}

@media (min-width:992px) {
    body.plans .label-orange {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        font-size: 3.6rem;
        margin: 120px auto 0;
        max-width: 960px
    }
}

body.plans .pricing-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    max-width: 960px;
    transform: translateX(-.5em)
}

@media (min-width:992px) {
    body.plans .pricing-list {
        transform: translateX(-.5%)
    }
}

body.plans .pricing-list li {
    background-color: hsla(0, 0%, 100%, .9);
    border: 2px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin-left: 1em;
    margin-top: 10px;
    opacity: 0;
    padding: 16px 24px;
    transform: translateY(10%);
    transition: opacity .4s, transform .4s;
    width: 44%
}

@media (min-width:992px) {
    body.plans .pricing-list li {
        border-width: 3px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 24px;
        max-width: 300px;
        padding: 24px 26px;
        width: 320%
    }
}

body.plans .pricing-list li .capacity {
    color: #ea5514;
    font-size: 3rem;
    font-weight: 900;
    opacity: .5
}

@media (min-width:992px) {
    body.plans .pricing-list li .capacity {
        font-size: 4rem
    }
}

body.plans .pricing-list li .capacity span {
    display: inline-block;
    font-size: 120%
}

body.plans .pricing-list li .price {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: right
}

@media (min-width:992px) {
    body.plans .pricing-list li .price {
        font-size: 4.6rem
    }
}

body.plans .pricing-list li .price span {
    font-size: 80%
}

body.plans .pricing-list.active li {
    opacity: 1;
    transform: translateY(0)
}

body.plans .pricing-list.active li:first-of-type {
    transition-delay: 75ms
}

body.plans .pricing-list.active li:nth-of-type(2) {
    transition-delay: .15s
}

body.plans .pricing-list.active li:nth-of-type(3) {
    transition-delay: 225ms
}

body.plans .pricing-list.active li:nth-of-type(4) {
    transition-delay: .3s
}

body.plans .pricing-list.active li:nth-of-type(5) {
    transition-delay: 375ms
}

body.plans .pricing-list.active li:nth-of-type(6) {
    transition-delay: .45s
}

body.plans .pricing-list.active li:nth-of-type(7) {
    transition-delay: 525ms
}

body.plans .pricing-list.active li:nth-of-type(8) {
    transition-delay: .6s
}

body.plans .pricing-list.active li:nth-of-type(9) {
    transition-delay: 675ms
}

body.plans .pricing-list.active li:nth-of-type(10) {
    transition-delay: .75s
}

body.plans .l-box-center_plus {
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    body.plans .l-box-center_plus {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        max-width: 960px
    }
}

body.plans .l-box-center_plus li {
    background-color: #fff;
    border: 2px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin-top: 16px;
    padding: 15px;
    width: 100%
}

@media (min-width:992px) {
    body.plans .l-box-center_plus li {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 24px;
        max-width: 390px;
        padding: 36px 40px;
        width: 246.1538461538%
    }

    body.plans .l-box-center_plus li:first-child {
        padding: 70px 40px
    }
}

body.plans .l-box-center_plus li .title {
    color: #ec662b;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center
}

body.plans .l-box-center_plus li .title span {
    color: #555;
    margin-right: .35em
}

@media (min-width:992px) {
    body.plans .l-box-center_plus li .title {
        font-size: 3.6rem
    }
}

body.plans .l-box-center_plus li .price {
    font-size: 3rem;
    font-weight: 700;
    margin-top: .15em;
    text-align: center
}

body.plans .l-box-center_plus li .price span {
    font-size: 80%
}

@media (min-width:992px) {
    body.plans .l-box-center_plus li .price {
        font-size: 4.8rem
    }
}

body.plans .l-box-center_plus li .paragraph {
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: .25em;
    text-align: center
}

@media (min-width:992px) {
    body.plans .l-box-center_plus li .paragraph {
        font-size: 2.4rem
    }
}

body.plans .l-box-center_plus li .sentence {
    font-size: 1.4rem;
    line-height: 1.35em;
    margin-top: .5em
}

@media (min-width:992px) {
    body.plans .l-box-center_plus li .sentence {
        font-size: 1.6rem
    }
}

body.plans .l-box-center_plus li:nth-of-type(2) {
    margin-top: 60px;
    position: relative
}

@media (min-width:992px) {
    body.plans .l-box-center_plus li:nth-of-type(2) {
        margin-top: 24px
    }
}

body.plans .l-box-center_plus li:nth-of-type(2):before {
    color: #555;
    content: "+";
    font-size: 4.8rem;
    font-weight: 700;
    height: 48px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -58px;
    width: 48px
}

@media (min-width:992px) {
    body.plans .l-box-center_plus li:nth-of-type(2):before {
        content: none
    }

    body.plans .l-box-center_plus:before {
        background-color: #555;
        bottom: 0;
        content: "";
        height: 3px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 16px
    }
}

@media (min-width:992px) and (min-width:992px) {
    body.plans .l-box-center_plus:before {
        height: 6px;
        width: 36px
    }
}

@media (min-width:992px) {
    body.plans .l-box-center_plus:after {
        background-color: #555;
        bottom: 0;
        content: "";
        height: 16px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 3px
    }
}

@media (min-width:992px) and (min-width:992px) {
    body.plans .l-box-center_plus:after {
        height: 36px;
        width: 6px
    }
}

body.plans .l-box-center {
    position: relative
}

@media (min-width:992px) {
    body.plans .l-box-center {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        max-width: 960px
    }
}

body.plans .l-box-center li {
    background-color: #fff;
    border: 2px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin-top: 16px;
    padding: 15px;
    width: 100%
}

@media (min-width:992px) {
    body.plans .l-box-center li {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 24px;
        max-width: 460px;
        padding: 36px 40px;
        width: 208.6956521739%
    }
}

body.plans .l-box-center li .title {
    color: #ec662b;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center
}

body.plans .l-box-center li .title span {
    color: #555;
    margin-right: .35em
}

@media (min-width:992px) {
    body.plans .l-box-center li .title {
        font-size: 3.6rem
    }
}

body.plans .l-box-center li .price {
    font-size: 3rem;
    font-weight: 700;
    margin-top: .15em;
    text-align: center
}

body.plans .l-box-center li .price span {
    font-size: 80%
}

@media (min-width:992px) {
    body.plans .l-box-center li .price {
        font-size: 4.8rem
    }
}

body.plans .l-box-single {
    background-color: #fff;
    border: 2px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #555;
    line-height: 1.35em;
    margin-top: 24px;
    padding: 24px 15px 36px;
    position: relative
}

@media (min-width:992px) {
    body.plans .l-box-single {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin: 36px auto 0;
        max-width: 960px;
        padding: 36px 40px 76px
    }
}

body.plans .l-box-single .box-header {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center
}

@media (min-width:992px) {
    body.plans .l-box-single .box-header {
        font-size: 2.4rem
    }
}

body.plans .l-box-single .box-header .small {
    font-size: 80%
}

body.plans .l-box-single .orange {
    color: #ea5514
}

body.plans .mt-72120 {
    margin-top: 72px
}

@media (min-width:992px) {
    body.plans .mt-72120 {
        margin-top: 120px
    }
}

body.plans .paragraph-header {
    color: #ea5514;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 36px auto 0;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.plans .paragraph-header {
        font-size: 3rem;
        margin: 60px auto 0
    }
}

body.plans .first-view .note,
body.plans .note.init {
    line-height: 1.35em;
    margin-top: 30px;
    position: relative
}

@media (min-width:992px) {

    body.plans .first-view .note,
    body.plans .note.init {
        margin-left: auto;
        margin-top: 48px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

body.plans .w-1080 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px
}

@media (min-width:992px) {
    body.plans .w-1080.inside {
        padding: 0 60px
    }
}

body.plans .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.plans .section-header {
        font-size: 3.6rem
    }
}

body.plans .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.plans .section-header:before {
        bottom: 0;
        height: 10px
    }
}

body.plans .l-slash-right {
    right: 110%;
    top: -%;
    width: 135px
}

@media (min-width:768px) {
    body.plans .l-slash-right {
        right: 60%
    }
}

@media (min-width:992px) {
    body.plans .l-slash-right {
        right: 48%;
        top: -10%;
        width: 400px
    }
}

body.plans .l-slash-right .slash-image {
    left: 11px;
    position: absolute;
    top: 11%;
    transform: rotate(-45deg);
    width: 135px
}

@media (min-width:992px) {
    body.plans .l-slash-right .slash-image {
        left: 31px;
        top: 8%;
        width: 400px
    }
}

body.plans .l-slash-right .l-slash-faq {
    background-color: rgba(238, 119, 67, .8);
    left: 1017px;
    top: 20%;
    transform: rotate(90deg);
    width: 135px
}

@media (min-width:992px) {
    body.plans .l-slash-right .l-slash-faq {
        left: 447.5%;
        top: 31%;
        width: 400px
    }
}

body.plans .l-slash-right .l-slash-faq .mask-image {
    bottom: 0;
    left: 0;
    top: 40%;
    width: 135px
}

@media (min-width:992px) {
    body.plans .l-slash-right .l-slash-faq .mask-image {
        top: 70.45%;
        width: 400px
    }
}

body.plans .l-slash-right .l-slash-faq .mask-image .faq-image {
    left: -80%;
    top: 28%;
    transform: rotate(45deg)
}

@media (min-width:992px) {
    body.plans .l-slash-right .l-slash-faq .mask-image .faq-image {
        left: -74%;
        top: 0
    }
}

body.plans .l-squere-left {
    background-color: rgba(234, 85, 20, .2);
    height: 370px;
    left: -60%;
    position: absolute;
    top: 20%;
    transform: skewX(-45deg);
    width: 560px
}

@media (min-width:992px) {
    body.plans .l-squere-left {
        height: 480px;
        left: -13vw;
        top: 32%;
        width: 1680px
    }
}

body.plans .l-squere-right {
    background-color: rgba(234, 85, 20, .2);
    height: 370px;
    position: absolute;
    right: -60%;
    top: 84%;
    transform: skewX(-45deg);
    width: 560px
}

@media (min-width:992px) {
    body.plans .l-squere-right {
        height: 480px;
        right: -13vw;
        top: 85%;
        width: 1680px
    }
}

@media (min-width:1180px) {
    body.plans.active .l-slash-right {
        width: 400px
    }
}

body.plans .flow-chart {
    margin-top: 1em
}

@media (min-width:992px) {
    body.plans .flow-chart {
        align-items: flex-end;
        display: flex;
        justify-content: center
    }
}

body.plans .flow-chart li {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3em;
    padding: 0 0 3em;
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    body.plans .flow-chart li {
        padding: 0 3em 96px
    }

    body.plans .flow-chart li:before {
        background-color: rgba(234, 85, 20, .5);
        bottom: 80px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%
    }

    body.plans .flow-chart li:after {
        background-color: #ea5514;
        border-radius: 50%;
        bottom: 74px;
        content: "";
        height: 14px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 14px
    }
}

body.plans .flow-chart li .arrow {
    display: block;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 24px
}

@media (min-width:992px) {
    body.plans .flow-chart li .arrow {
        bottom: 70px;
        left: inherit;
        right: -10%
    }
}

body.plans .flow-chart li .arrow.offset {
    bottom: 20px
}

@media (min-width:992px) {
    body.plans .flow-chart li .arrow.offset {
        bottom: 70px
    }
}

body.plans .flow-chart li .arrow:before {
    border-radius: 0;
    border-right: 6px solid #ea5514;
    border-top: 6px solid #ea5514;
    bottom: 0;
    content: "";
    height: 14px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transform: rotate(135deg);
    vertical-align: middle;
    width: 14px
}

@media (min-width:992px) {
    body.plans .flow-chart li .arrow:before {
        border-right: 3px solid #ea5514;
        border-top: 3px solid #ea5514;
        bottom: 0;
        height: 12px;
        left: inherit;
        right: 1em;
        top: 0;
        transform: rotate(45deg);
        width: 12px
    }
}

body.plans .flow-chart li .attention,
body.plans .flow-chart li .note {
    border: 2px solid red;
    border-radius: 4px;
    left: 0;
    margin: 1em auto 0;
    padding: 1em;
    position: relative;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {

    body.plans .flow-chart li .attention,
    body.plans .flow-chart li .note {
        bottom: 0;
        margin-top: 0;
        position: absolute
    }
}

body.plans .flow-chart li .attention:before,
body.plans .flow-chart li .note:before {
    border-color: transparent transparent red;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -12px;
    width: 0
}

body.plans .flow-chart li .note {
    background-color: #ffd6d6
}

@media (min-width:992px) {
    body.plans .flow-chart li .note {
        bottom: -28px
    }
}

body.plans .flow-chart li .attention {
    background-color: #ff8c8c
}

@media (min-width:992px) {
    body.plans .flow-chart li .attention {
        bottom: -51px
    }
}

body.plans .flow-chart li.dark-red {
    color: #a00
}

body.plans #footer {
    margin-top: 0
}

body.feature .w100-wrap {
    padding-bottom: 120px
}

body.feature .font-60 {
    font-size: 60%
}

body.feature .font-65 {
    font-size: 65%
}

body.feature .font-80 {
    font-size: 80%
}

body.feature .font-120 {
    font-size: 120%
}

@media (min-width:992px) {
    body.feature .fz-small {
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1.35em
    }
}

body.feature .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.feature .section-header {
        font-size: 3.6rem
    }
}

body.feature .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.feature .section-header:before {
        bottom: 0;
        height: 10px
    }
}

body.feature .break-smart {
    display: block
}

@media (min-width:992px) {
    body.feature .break-smart {
        display: inline-block
    }
}

body.feature #first-view {
    background: linear-gradient(135deg, hsla(32, 90%, 76%, .8), rgba(236, 124, 86, .8) 50%, rgba(225, 129, 142, .8));
    margin-bottom: 30px;
    position: relative
}

body.feature #first-view .first-header {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1em;
    padding-top: 42px;
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    body.feature #first-view .first-header {
        font-size: 6rem;
        padding-top: 130px
    }
}

body.feature #first-view .label-orange {
    background-color: #ea5514;
    color: #fff;
    line-height: 1.35em;
    padding: 0 .35em
}

body.feature #first-view .first-wrap {
    padding: 0 15px 36px
}

@media (min-width:992px) {
    body.feature #first-view .first-wrap {
        margin: auto;
        max-width: 1440px;
        padding: 0 80px 60px
    }
}

body.feature #first-view .feature-lists {
    font-size: 2.1rem;
    font-weight: 700;
    margin: 24px auto 0;
    position: relative
}

@media (min-width:992px) {
    body.feature #first-view .feature-lists {
        font-size: 3.6rem;
        margin: 36px auto 0;
        max-width: 980px
    }
}

body.feature #first-view .feature-lists li {
    background-color: hsla(0, 0%, 100%, .5);
    border: 3px solid #fff;
    border-radius: 4px;
    overflow: hidden;
    padding: .5em .5em .5em 3.5em;
    position: relative;
    text-align: left;
    width: 100%
}

body.feature #first-view .feature-lists li:not(:first-child) {
    margin-top: 16px
}

@media (min-width:992px) {
    body.feature #first-view .feature-lists li {
        border-radius: 6px;
        text-align: center
    }
}

body.feature #first-view .feature-lists li:before {
    background-color: hsla(0, 0%, 100%, .75);
    content: "";
    height: 180px;
    left: -75px;
    position: absolute;
    top: -80px;
    transform: rotate(45deg);
    width: 120px
}

@media (min-width:992px) {
    body.feature #first-view .feature-lists li:before {
        left: -40px
    }
}

body.feature #first-view .feature-lists li:after {
    border-radius: 0;
    border-right: 3px solid #ea5514;
    border-top: 3px solid #ea5514;
    bottom: 0;
    content: "";
    height: 8px;
    left: 13px;
    margin: auto;
    position: absolute;
    top: -9px;
    transform: rotate(135deg);
    vertical-align: middle;
    width: 14px
}

@media (min-width:992px) {
    body.feature #first-view .feature-lists li:after {
        border-width: 4px;
        height: 10px;
        left: .75em;
        width: 18px
    }

    body.feature #first-view {
        margin-bottom: 100px
    }
}

body.feature #first-view:before {
    border-color: rgba(236, 124, 86, .8) transparent transparent;
    border-style: solid;
    border-width: 30px 38px 0;
    bottom: -30px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0
}

@media (min-width:992px) {
    body.feature #first-view:before {
        border-width: 100px 114px 0;
        bottom: -100px
    }
}

body.feature .join-us {
    position: relative
}

@media (min-width:992px) {
    body.feature .join-us {
        margin: auto;
        max-width: 1280px
    }
}

body.feature .join-us .join-header {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1em;
    padding-top: 24px;
    position: relative;
    text-align: center;
    z-index: 1
}

@media (min-width:992px) {
    body.feature .join-us .join-header {
        font-size: 6rem;
        padding-top: 36px
    }
}

body.feature .join-us .sentence {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25em;
    margin-top: 1em;
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    body.feature .join-us .sentence {
        font-size: 4.8rem
    }

    body.feature .join-us:before {
        background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/logo.png);
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        height: 302px;
        left: 12px;
        left: -4%;
        margin: auto;
        opacity: .25;
        position: absolute;
        top: -210px;
        top: 0;
        width: 292px;
        z-index: 0
    }
}

body.feature #feature-skyseven {
    position: relative
}

body.feature #feature-skyseven .section-header {
    margin-top: 96px
}

@media (min-width:992px) {
    body.feature #feature-skyseven .section-header {
        margin-top: 180px
    }
}

body.feature #feature-skyseven .feature-list {
    display: flex;
    flex-wrap: wrap;
    margin: 12px auto 0;
    max-width: 1280px;
    padding: 0 15px
}

@media (min-width:992px) {
    body.feature #feature-skyseven .feature-list {
        margin: 60px auto 0;
        padding: 0 96px
    }
}

body.feature #feature-skyseven .feature-list.left {
    justify-content: space-between
}

body.feature #feature-skyseven .feature-list.left li:nth-of-type(3),
body.feature #feature-skyseven .feature-list.left li:nth-of-type(4) {
    padding: 50px 0
}

@media (min-width:768px) {
    body.feature #feature-skyseven .feature-list.left {
        justify-content: space-around
    }
}

@media (min-width:992px) {
    body.feature #feature-skyseven .feature-list.left {
        justify-content: flex-start
    }

    body.feature #feature-skyseven .feature-list.left li:nth-of-type(3) {
        padding: 86px 0
    }
}

body.feature #feature-skyseven .feature-list.left li:first-of-type:after {
    content: "1"
}

body.feature #feature-skyseven .feature-list.left li:nth-of-type(2):after {
    content: "2"
}

body.feature #feature-skyseven .feature-list.left li:nth-of-type(3):after {
    content: "3"
}

body.feature #feature-skyseven .feature-list.left li:nth-of-type(4):after {
    content: "4"
}

body.feature #feature-skyseven .feature-list.left li:nth-of-type(5):after {
    content: "5"
}

body.feature #feature-skyseven .feature-list.left li:nth-of-type(6):after {
    content: "6"
}

@media (min-width:768px) {
    body.feature #feature-skyseven .feature-list.right {
        justify-content: space-around
    }
}

@media (min-width:992px) {
    body.feature #feature-skyseven .feature-list.right {
        justify-content: flex-end;
        margin: 40px auto 0
    }

    body.feature #feature-skyseven .feature-list.right li:first-of-type {
        padding: 86px 0
    }
}

body.feature #feature-skyseven .feature-list.right li:first-of-type:after {
    content: "4"
}

body.feature #feature-skyseven .feature-list.right li:nth-of-type(2):after {
    content: "5"
}

body.feature #feature-skyseven .feature-list.right li:nth-of-type(3):after {
    content: "6"
}

body.feature #feature-skyseven .feature-list li {
    background-color: #fff;
    border: 2px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    font-size: 1.6rem;
    font-weight: 700;
    height: 135px;
    line-height: 1.3em;
    margin-top: 14px;
    overflow: hidden;
    padding: 32px 15px;
    position: relative;
    text-align: center;
    width: 47%
}

@media (min-width:992px) {
    body.feature #feature-skyseven .feature-list li:not(:first-child) {
        margin-left: 5.5147058824%
    }

    body.feature #feature-skyseven .feature-list li {
        border-radius: 6px;
        border-width: 3px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        font-size: 2.4rem;
        height: 240px;
        padding: 72px 20px;
        width: 240px
    }
}

body.feature #feature-skyseven .feature-list li:before {
    background-color: rgba(236, 124, 86, .4);
    border-radius: 50%;
    content: "";
    height: 85px;
    left: -42.5px;
    position: absolute;
    top: -42.5px;
    width: 85px;
    z-index: 1
}

@media (min-width:992px) {
    body.feature #feature-skyseven .feature-list li:before {
        height: 170px;
        left: -85px;
        top: -85px;
        width: 170px
    }
}

body.feature #feature-skyseven .feature-list li:after {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    left: .25em;
    position: absolute;
    top: .25em;
    z-index: 1
}

@media (min-width:992px) {
    body.feature #feature-skyseven .feature-list li:after {
        font-size: 3.6rem;
        left: .5em;
        top: .5em
    }
}

body.feature #feature-skyseven .best-practice {
    background-color: hsla(0, 0%, 100%, .8);
    border: 3px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin: 96px auto 0;
    max-width: 1080px;
    padding: 36px 0 24px;
    position: relative;
    width: 90%
}

@media (min-width:992px) {
    body.feature #feature-skyseven .best-practice {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        padding: 90px 0 60px;
        width: 100%
    }
}

body.feature #feature-skyseven .best-practice .price55 {
    margin-left: auto;
    margin-right: auto;
    max-width: 241.3333333333px
}

@media (min-width:992px) {
    body.feature #feature-skyseven .best-practice .price55 {
        max-width: inherit;
        width: 724px
    }
}

body.feature #feature-skyseven .best-practice .label-orange {
    background-color: #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    left: 0;
    margin: auto;
    padding: .35em 2em;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.feature #feature-skyseven .best-practice .label-orange {
        font-size: 4.8rem;
        width: 520px
    }
}

body.feature .preparation {
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin-top: 60px;
    position: relative
}

@media (min-width:992px) {
    body.feature .preparation {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 180px
    }
}

body.feature .preparation .inner {
    padding: 36px 15px 60px
}

@media (min-width:992px) {
    body.feature .preparation .inner {
        margin: auto;
        max-width: 1280px;
        padding: 48px 96px 72px
    }
}

body.feature .preparation .inner .sentence {
    font-weight: 400;
    line-height: 1.5em;
    text-align: center
}

body.feature .preparation .inner .sentence p {
    margin-top: .35em
}

body.feature .preparation .inner .label-orange {
    background-color: #ec6226;
    border-radius: 3px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 30px;
    padding: 14px;
    text-align: center
}

@media (min-width:992px) {
    body.feature .preparation .inner .label-orange {
        border-radius: 4px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        font-size: 3.6rem;
        margin-top: 48px;
        padding: 20px 0
    }
}

body.feature .preparation .inner .col-double {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

@media (min-width:992px) {
    body.feature .preparation .inner .col-double {
        justify-content: space-between
    }
}

body.feature .preparation .inner .col-double:nth-of-type(2) {
    margin-top: 1em
}

@media (min-width:992px) {
    body.feature .preparation .inner .col-double:nth-of-type(2) {
        margin-top: 0
    }
}

body.feature .preparation .inner .col-double dd {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3em;
    margin-left: 1em
}

@media (min-width:992px) {
    body.feature .preparation .inner .col-double dd {
        font-size: 2.4rem
    }

    body.feature .preparation .inner .col-double.w560 {
        width: 560px
    }

    body.feature .preparation .inner .col-single-double {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

body.feature .preparation .inner .bank,
body.feature .preparation .inner .card {
    background-color: #ec6226;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    padding: 15px
}

@media (min-width:992px) {

    body.feature .preparation .inner .bank,
    body.feature .preparation .inner .card {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        padding: 51.5px 36px
    }
}

body.feature .preparation .inner .card {
    padding: 15px 35px;
    width: 134px
}

@media (min-width:768px) {
    body.feature .preparation .inner .card {
        width: 239px
    }
}

@media (min-width:992px) {
    body.feature .preparation .inner .card {
        padding: 51.5px 36px;
        width: 198px
    }
}

body.feature .preparation .inner .bank {
    min-width: 134.5px
}

@media (min-width:992px) {
    body.feature .preparation .inner .bank {
        min-width: 281px;
        padding: 36px
    }
}

body.feature .user-voice {
    margin-top: 72px
}

@media (min-width:992px) {
    body.feature .user-voice {
        margin-top: 120px
    }
}

body.feature .user-voice .voice-list {
    margin-top: 30px;
    padding: 0 15px;
    position: relative
}

@media (min-width:992px) {
    body.feature .user-voice .voice-list {
        margin: 50px auto 0;
        max-width: 1440px;
        padding: 0 80px
    }
}

body.feature .user-voice .voice-list:before {
    background-color: #fbddd0;
    bottom: 0;
    content: "";
    height: 80%;
    left: 0;
    margin: auto;
    max-width: 1280px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

body.feature .user-voice li {
    height: 240px;
    position: relative
}

body.feature .user-voice li:not(:first-child) {
    margin-top: 24px
}

@media (min-width:992px) {
    body.feature .user-voice li:not(:first-child) {
        margin-top: 54px
    }
}

body.feature .user-voice li .skew-box {
    background: hsla(0, 0%, 100%, .8);
    box-shadow: 0 0 16px rgba(0, 0, 0, .15);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 240px;
    padding: 1em 1.5em 1em 10em;
    position: relative;
    width: 130%;
    z-index: 1
}

@media (min-width:992px) {
    body.feature .user-voice li .skew-box {
        width: 100%
    }

    body.feature .user-voice li .skew-box:before {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }
}

body.feature .user-voice li .sentence {
    bottom: 0;
    font-weight: 400;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1.35em;
    margin: auto;
    padding: 24px;
    position: absolute;
    top: 0;
    width: 80%;
    z-index: 1
}

body.feature .user-voice li .age {
    bottom: 5em;
    font-size: 1.4rem;
    font-weight: 700;
    position: absolute;
    text-align: center;
    width: 74px;
    z-index: 1
}

@media (min-width:992px) {
    body.feature .user-voice li .age {
        bottom: .3em;
        font-size: 1.4rem;
        width: 128px
    }
}

body.feature .user-voice li:after {
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

body.feature .user-voice li.male {
    height: 100%
}

@media (min-width:992px) {
    body.feature .user-voice li.male {
        right: -80px
    }
}

body.feature .user-voice li.male:after {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/user-male.png);
    height: 87.5px;
    left: .35em;
    top: -2em;
    width: 64px
}

@media (min-width:992px) {
    body.feature .user-voice li.male:after {
        height: 175px;
        left: 7.5em;
        width: 128px
    }

    body.feature .user-voice li.male .age {
        bottom: 1.85em;
        left: 7.5em
    }
}

body.feature .user-voice li.male .skew-box {
    height: 280px;
    right: -30px;
    transform: skewX(-20deg)
}

@media (min-width:992px) {
    body.feature .user-voice li.male .skew-box {
        right: 0;
        transform: scaleY(1.29) perspective(1em) rotateX(1.1deg) skewX(0deg);
        transform-origin: bottom right
    }
}

body.feature .user-voice li.male .sentence {
    padding-right: 0;
    right: 0
}

@media (min-width:992px) {
    body.feature .user-voice li.male .sentence {
        padding: 48px 240px 48px 36px
    }

    body.feature .user-voice li.female {
        left: -80px
    }
}

body.feature .user-voice li.female:after {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/user-female.png);
    height: 82.5px;
    right: .35em;
    top: 2em;
    width: 64px
}

@media (min-width:992px) {
    body.feature .user-voice li.female:after {
        height: 165px;
        right: 6em;
        width: 128px
    }
}

body.feature .user-voice li.female .age {
    bottom: 3em;
    right: 0
}

@media (min-width:992px) {
    body.feature .user-voice li.female .age {
        bottom: .3em;
        right: 6em
    }
}

body.feature .user-voice li.female .skew-box {
    left: -135px;
    transform: skewX(-20deg)
}

@media (min-width:992px) {
    body.feature .user-voice li.female .skew-box {
        left: 0;
        transform: scaleY(.765) perspective(1em) rotateX(-.9deg) skewX(0deg);
        transform-origin: bottom left;
        width: 76.6%
    }
}

body.feature .user-voice li.female .sentence {
    left: 0
}

@media (min-width:992px) {
    body.feature .user-voice li.female .sentence {
        padding: 48px 36px 48px 240px
    }
}

@media (min-width:992px) and (min-width:1180px) {
    body.feature.active .w100-wrap .l-slash-right {
        right: 50%;
        width: 400px
    }
}

body.feature #footer {
    margin-top: 0
}

body.home.company .w100-wrap,
body.home.news .w100-wrap {
    padding-top: 96px
}

@media (min-width:992px) {

    body.home.company .w100-wrap,
    body.home.news .w100-wrap {
        padding-top: 144px
    }
}

body.home.company .content-wrap,
body.home.news .content-wrap {
    position: relative
}

body.home.company .section-header,
body.home.news .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {

    body.home.company .section-header,
    body.home.news .section-header {
        font-size: 3.6rem
    }
}

body.home.company .section-header:before,
body.home.news .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {

    body.home.company .section-header:before,
    body.home.news .section-header:before {
        bottom: 0;
        height: 10px
    }
}

body.home.company .company-sentence,
body.home.news .company-sentence {
    line-height: 1.35em;
    margin: 4em auto 0;
    max-width: 960px
}

body.home.company .company-sentence .wp-block-table table tbody tr,
body.home.company .company-sentence .wp-block-table table thead tr,
body.home.news .company-sentence .wp-block-table table tbody tr,
body.home.news .company-sentence .wp-block-table table thead tr {
    align-items: flex-start;
    border-bottom: 1px solid #ee7743;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.8rem;
    justify-content: flex-start;
    line-height: 1.35em;
    padding: 1em
}

body.home.company .company-sentence .wp-block-table table tbody td:first-of-type,
body.home.company .company-sentence .wp-block-table table thead td:first-of-type,
body.home.news .company-sentence .wp-block-table table tbody td:first-of-type,
body.home.news .company-sentence .wp-block-table table thead td:first-of-type {
    width: 100%
}

@media (min-width:992px) {

    body.home.company .company-sentence .wp-block-table table tbody td:first-of-type,
    body.home.company .company-sentence .wp-block-table table thead td:first-of-type,
    body.home.news .company-sentence .wp-block-table table tbody td:first-of-type,
    body.home.news .company-sentence .wp-block-table table thead td:first-of-type {
        width: 35%
    }
}

body.home.company .company-sentence .wp-block-table table tbody td:nth-of-type(2),
body.home.company .company-sentence .wp-block-table table thead td:nth-of-type(2),
body.home.news .company-sentence .wp-block-table table tbody td:nth-of-type(2),
body.home.news .company-sentence .wp-block-table table thead td:nth-of-type(2) {
    font-size: 80%;
    text-indent: 1em;
    width: 100%
}

@media (min-width:992px) {

    body.home.company .company-sentence .wp-block-table table tbody td:nth-of-type(2),
    body.home.company .company-sentence .wp-block-table table thead td:nth-of-type(2),
    body.home.news .company-sentence .wp-block-table table tbody td:nth-of-type(2),
    body.home.news .company-sentence .wp-block-table table thead td:nth-of-type(2) {
        text-indent: 0;
        width: 65%
    }
}

body.home.company .company-sentence #gm_app,
body.home.news .company-sentence #gm_app {
    height: 400px;
    margin: 60px auto 36px
}

@media (min-width:992px) {

    body.home.company .company-sentence #gm_app,
    body.home.news .company-sentence #gm_app {
        height: 560px;
        margin: 96px auto 36px
    }
}

body.home.company .company-sentence p,
body.home.news .company-sentence p {
    margin-top: 1em
}

body.home.company .l-slash-right .image-features,
body.home.news .l-slash-right .image-features {
    position: absolute;
    transform: rotate(-45deg) translateY(104px);
    width: 177px
}

@media (min-width:992px) {

    body.home.company .l-slash-right .image-features,
    body.home.news .l-slash-right .image-features {
        left: 0;
        top: 1560px;
        width: 354px
    }
}

@media (min-width:1180px) {

    body.home.company.active .l-slash-right,
    body.home.news.active .l-slash-right {
        top: -52%;
        width: 400px
    }
}

body.news .news-sentence {
    line-height: 1.35em;
    margin: 2em auto 0;
    max-width: 960px
}

body.news .news-line {
    margin-top: 36px
}

@media (min-width:992px) {
    body.news .news-line {
        margin-left: 36px;
        margin-top: inherit
    }
}

body.news .news-line li {
    margin-top: 1em
}

@media (min-width:992px) {
    body.news .news-line li:not(:first-child) {
        margin-top: 1.75em
    }
}

body.news .news-line li a {
    color: #525252;
    display: block;
    padding-left: 1.75em;
    position: relative
}

body.news .news-line li a:before {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/mobile-phone.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 12px
}

body.news .news-line li a span {
    display: block
}

body.news .news-line li a span.date {
    font-size: 1.2rem
}

body.news .news-line li a span.title {
    font-size: 1.6rem;
    font-weight: 400
}

@media (min-width:992px) {
    body.news .l-grid-half {
        display: flex;
        justify-content: center
    }
}

body.news .box-round-white {
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(85, 85, 85, .25);
    font-weight: 400;
    padding: 20px 15px 30px;
    width: 100%
}

@media (min-width:992px) {
    body.news .box-round-white {
        padding: 36px 36px 48px
    }
}

body.news .box-round-white .answer {
    border-bottom: 1px solid #ea5514;
    color: #555;
    font-weight: 300;
    line-height: 1.15em;
    margin-top: -1px;
    max-height: 0;
    overflow: hidden;
    padding: 0 .5em 0 2em;
    transition: max-height .4s cubic-bezier(.22, 1, .36, 1), padding .6s cubic-bezier(.22, 1, .36, 1), border .6s cubic-bezier(.22, 1, .36, 1)
}

body.news .box-round-white .quest {
    background-color: rgba(234, 85, 20, 0);
    border-bottom: 1px solid #ea5514;
    cursor: pointer;
    line-height: 1.15em;
    padding: 1.5em .5em 1.5em 1em;
    position: relative;
    transition: background-color .6s
}

body.news .box-round-white .quest:hover {
    background-color: rgba(234, 85, 20, .15)
}

body.news .box-round-white .quest:after {
    border-radius: 0;
    border-right: 2px solid #ea5514;
    border-top: 2px solid #ea5514;
    bottom: 0;
    content: "";
    height: 4px;
    margin: auto;
    position: absolute;
    right: 1em;
    top: 0;
    transform: rotate(135deg);
    transition: transform .6s cubic-bezier(.22, 1, .36, 1);
    vertical-align: middle;
    width: 4px
}

body.news .box-round-white .quest.active {
    border-bottom: 1px solid #d3d3d3
}

body.news .box-round-white .quest.active:after {
    transform: rotate(315deg)
}

body.news .box-round-white .quest.active+.answer {
    max-height: 600px;
    padding: 1em .5em 1.5em 2em
}

body.contract .w100-wrap {
    padding-bottom: 120px
}

body.contract .font-60 {
    font-size: 60%
}

body.contract .font-65 {
    font-size: 65%
}

body.contract .font-80 {
    font-size: 80%
}

body.contract .font-120 {
    font-size: 120%
}

body.contract .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.contract .section-header {
        font-size: 3.6rem
    }
}

body.contract .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.contract .section-header:before {
        bottom: 0;
        height: 10px
    }
}

body.contract .break-smart {
    display: block
}

@media (min-width:992px) {
    body.contract .break-smart {
        display: inline-block
    }
}

body.contract #first-view {
    margin-top: 36px
}

@media (min-width:992px) {
    body.contract #first-view {
        margin-top: 216px
    }
}

body.contract #first-view .offset-labelbox {
    background-color: hsla(0, 0%, 100%, .8);
    border: 3px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin: 96px auto 0;
    max-width: 1080px;
    padding: 36px 15px 24px;
    position: relative;
    width: 90%
}

@media (min-width:992px) {
    body.contract #first-view .offset-labelbox {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        padding: 60px 20px 72px;
        width: 100%
    }
}

body.contract #first-view .offset-labelbox .label-orange {
    background-color: #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    left: 0;
    line-height: 1em;
    margin: auto;
    padding: .35em 1em;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.contract #first-view .offset-labelbox .label-orange {
        font-size: 3.6rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

body.contract #first-view .offset-labelbox.mt-120 {
    margin-top: 72px
}

@media (min-width:992px) {
    body.contract #first-view .offset-labelbox.mt-120 {
        margin-top: 152px
    }
}

body.contract #first-view .sentence {
    margin-top: 2em
}

@media (min-width:992px) {
    body.contract #first-view .sentence {
        margin-top: 0
    }
}

body.contract #first-view .exclam {
    color: #ea5514;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.35em;
    padding-left: 1.5em;
    position: relative
}

body.contract #first-view .exclam:before {
    background-color: #ea5514;
    border-radius: 50%;
    color: #fff;
    content: "!";
    font-size: 1.6rem;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px
}

body.contract #first-view .orange-point-list {
    margin-top: 15px
}

@media (min-width:992px) {
    body.contract #first-view .orange-point-list {
        margin-left: auto;
        width: 98.2%
    }
}

body.contract #first-view .orange-point-list li {
    line-height: 1.35em;
    margin-top: 1em;
    padding: 1em .5em 0 1.5em
}

body.contract #first-view .orange-point-list li:not(:first-child) {
    border-top: 1px solid #777
}

body.contract #first-view .orange-point-list li p {
    font-size: 1.4rem;
    font-weight: 400
}

body.contract #first-view .orange-point-list li p:not(:first-child) {
    margin-top: .15em
}

body.contract #first-view .orange-point-list li p:first-of-type {
    font-size: 1.6rem;
    font-weight: 700;
    position: relative
}

body.contract #first-view .orange-point-list li p:first-of-type:before {
    background-color: #ea5514;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: -1em;
    position: absolute;
    top: .15em;
    width: 12px
}

body.contract #first-view .orange-point-list li p:nth-of-type(2) {
    margin-top: .5em
}

body.contract #first-view .orange-point-list li p.indent {
    padding-left: 1em;
    text-indent: -1em
}

body.contract #first-view .orange-square {
    align-items: center;
    display: flex
}

body.contract #first-view .orange-square:not(:first-child) {
    margin-top: 1em
}

@media (min-width:992px) {
    body.contract #first-view .orange-square {
        display: block;
        width: 180px
    }

    body.contract #first-view .orange-square:not(:first-child) {
        margin-left: 36px;
        margin-top: 0
    }
}

body.contract #first-view .orange-square p {
    font-weight: 400;
    max-width: 180px;
    padding: 0 .5em
}

@media (min-width:992px) {
    body.contract #first-view .orange-square p {
        margin-top: 1em;
        max-width: inherit
    }
}

body.contract #first-view .orange-square figure {
    background-color: #ec652a;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15)
}

@media (min-width:992px) {
    body.contract #first-view .orange-square figure {
        border-radius: 6px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15)
    }
}

body.contract #first-view .orange-square.shop figure {
    padding: 30.5px 23px
}

@media (min-width:992px) {
    body.contract #first-view .orange-square.shop figure {
        padding: 43px 27px
    }
}

body.contract #first-view .orange-square.shop figure img {
    width: 62px
}

@media (min-width:992px) {
    body.contract #first-view .orange-square.shop figure img {
        width: 124px
    }
}

body.contract #first-view .orange-square.internet figure {
    padding: 31.5px 21.5px
}

@media (min-width:992px) {
    body.contract #first-view .orange-square.internet figure {
        padding: 45px 25px
    }
}

body.contract #first-view .orange-square.internet figure img {
    width: 65px
}

@media (min-width:992px) {
    body.contract #first-view .orange-square.internet figure img {
        width: 130px
    }
}

body.contract #first-view .orange-square.skyseven figure {
    padding: 20px 21px
}

@media (min-width:992px) {
    body.contract #first-view .orange-square.skyseven figure {
        padding: 21px 24px
    }
}

body.contract #first-view .orange-square.skyseven figure img {
    width: 66px
}

@media (min-width:992px) {
    body.contract #first-view .orange-square.skyseven figure img {
        width: 132px
    }
}

body.contract #first-view .registration {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.35em;
    padding: 36px 12px 24px;
    width: 94%
}

@media (min-width:992px) {
    body.contract #first-view .registration {
        padding: 60px 20px 72px;
        width: 100%
    }

    body.contract #first-view .registration .w50per {
        width: 49%
    }
}

body.contract #first-view .registration .hr-line {
    border-top: 1px solid #777;
    display: block;
    margin: .5em auto 0;
    padding-top: .5em;
    width: 65%
}

body.contract #first-view .registration .sentence {
    margin-top: 36px;
    position: relative;
    text-align: center
}

body.contract #first-view .registration .sentence a {
    color: #ea5514;
    text-decoration: underline
}

@media (min-width:992px) {
    body.contract #first-view .registration .sentence {
        margin-top: 60px
    }
}

body.contract #first-view .registration .sentence li:not(:first-child) {
    padding-top: 72px;
    position: relative
}

@media (min-width:992px) {
    body.contract #first-view .registration .sentence li:not(:first-child) {
        padding-top: 144px
    }
}

body.contract #first-view .registration .sentence li:not(:first-child):before {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/contract/step-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 22px
}

@media (min-width:992px) {
    body.contract #first-view .registration .sentence li:not(:first-child):before {
        top: 50px
    }
}

body.contract #first-view .registration .sentence li .step {
    margin: auto;
    width: 65px
}

body.contract #first-view .registration .sentence li .step+p {
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: .35em
}

@media (min-width:992px) {
    body.contract #first-view .registration .sentence li .step+p {
        font-size: 2.2rem
    }
}

body.contract #first-view .registration .button-orange {
    padding: 9px 36px
}

body.contract #first-view .registration .break-pc {
    display: inline
}

@media (min-width:992px) {
    body.contract #first-view .registration .break-pc {
        display: block
    }
}

body.contract #first-view .registration .sp-2em {
    margin-top: 2em
}

@media (min-width:992px) {
    body.contract #first-view .registration .sp-2em {
        margin-top: 0
    }

    body.contract .l-grid-half {
        display: flex;
        justify-content: space-between
    }

    body.contract .l-grid-half.three {
        justify-content: center
    }
}

body.contract .l-grid-half.top {
    align-items: flex-start
}

body.contract #white-box {
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin-top: 60px;
    position: relative
}

@media (min-width:992px) {
    body.contract #white-box {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 180px
    }
}

body.contract #white-box .inner {
    padding: 36px 15px 60px
}

@media (min-width:992px) {
    body.contract #white-box .inner {
        margin: auto;
        max-width: 1280px;
        padding: 48px 96px 72px
    }
}

body.contract #white-box .label-orange {
    background-color: #ec6226;
    border-radius: 3px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 30px;
    padding: 14px;
    text-align: center
}

@media (min-width:992px) {
    body.contract #white-box .label-orange {
        border-radius: 4px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        font-size: 3.6rem;
        margin-top: 48px;
        padding: 20px 0
    }
}

body.contract #white-box .hr-line {
    background-color: #999;
    display: inline-block;
    height: 1px;
    margin: 1em auto;
    width: 100%
}

@media (min-width:992px) {
    body.contract #white-box .hr-line {
        margin-top: 2em
    }
}

body.contract #white-box .l-grid-half {
    margin-top: 24px
}

@media (min-width:992px) {
    body.contract #white-box .l-grid-half {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        margin-top: 48px
    }

    body.contract #white-box .l-grid-half.mt-24 {
        margin-top: 24px
    }
}

body.contract #white-box .l-grid-half .icons {
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    max-width: 94px
}

@media (min-width:992px) {
    body.contract #white-box .l-grid-half .icons {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        max-width: inherit;
        min-width: 188px
    }
}

body.contract #white-box .l-grid-half .sentence {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.35em;
    margin-top: 1em
}

@media (min-width:992px) {
    body.contract #white-box .l-grid-half .sentence {
        margin-left: 36px;
        margin-top: 0
    }
}

body.contract #white-box .sentence-header {
    font-size: 1.8rem;
    font-weight: 700
}

@media (min-width:992px) {
    body.contract #white-box .sentence-header {
        font-size: 2.4rem
    }
}

body.contract #white-box .l-grid-auto-2line {
    font-weight: 400;
    margin-top: 1em;
    max-width: 700px;
    width: 100%
}

@media (min-width:992px) {
    body.contract #white-box .l-grid-auto-2line {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 260px 400px;
        grid-template-columns: 260px 400px;
        -ms-grid-rows: auto;
        grid-template-rows: auto
    }
}

body.contract #white-box .l-grid-auto-2line li {
    padding: .35em 0 .35em 1.5em;
    position: relative
}

body.contract #white-box .l-grid-auto-2line li:before {
    background-color: #ec662b;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: .5em;
    position: absolute;
    top: .65em;
    width: 10px
}

body.contract #white-box .list-note {
    font-weight: 400;
    margin-top: 1em
}

body.contract #white-box .list-note li {
    padding-left: 1em;
    position: relative;
    text-indent: -1em
}

body.contract #white-box .list-note li:before {
    content: "※"
}

body.contract #white-box .list-note li:not(:first-child) {
    margin-top: .35em
}

body.contract #white-box .list-note li:first-of-type:before,
body.contract #white-box .list-note li:nth-of-type(2):before {
    color: #ec6226
}

body.contract #white-box .list-point {
    font-weight: 400;
    margin-top: 1.5em
}

body.contract #white-box .list-point li {
    line-height: 1.35em;
    padding-left: 2.35em;
    position: relative;
    text-indent: -1em
}

body.contract #white-box .list-point li:not(:first-child) {
    margin-top: .5em
}

body.contract #white-box .list-point li:before {
    background-color: #ec6226;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: .25em;
    width: 12px
}

body.contract #white-box .inner-wrap {
    margin-top: 2em
}

@media (min-width:992px) {
    body.contract #white-box .inner-wrap {
        margin-top: 3em;
        padding: 0 72px
    }
}

body.contract .l-slash-right .image-features {
    position: absolute;
    transform: rotate(-45deg) translateY(104px);
    width: 177px
}

@media (min-width:992px) {
    body.contract .l-slash-right .image-features {
        left: 0;
        top: 180px;
        width: 354px
    }
}

body.contract .l-slash-faq {
    opacity: .8
}

@media (min-width:992px) and (min-width:1180px) {
    body.contract.active .w100-wrap .l-slash-right {
        right: 50%;
        width: 400px
    }
}

body.contract #footer {
    margin-top: 0
}

body.staff .w100-wrap {
    padding-top: 36px
}

@media (min-width:992px) {
    body.staff .w100-wrap {
        padding-top: 144px
    }
}

body.staff #staff {
    padding: 15px
}

body.staff #staff .section-header {
    font-weight: 400;
    position: relative
}

@media (min-width:992px) {
    body.staff #staff .section-header {
        margin: auto;
        max-width: 1200px;
        padding: 0 36px
    }
}

body.staff #staff .section-header .header-logo {
    width: 198px
}

@media (min-width:992px) {
    body.staff #staff .section-header .header-logo {
        width: 298px
    }
}

body.staff #staff .section-header .header-company {
    font-size: 1.4rem;
    font-weight: 400;
    left: 26px;
    position: absolute;
    top: -5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.staff #staff .section-header .header-company {
        left: 73px;
        top: 3px
    }
}

body.staff #staff .staff-container {
    margin-top: 2em
}

body.staff #staff .staff-container>p {
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    body.staff #staff .staff-container>p {
        margin: auto;
        max-width: 1200px;
        padding: 0 36px
    }
}

body.staff #staff .staff-line {
    margin-top: 30%
}

@media (min-width:992px) {
    body.staff #staff .staff-line {
        margin-top: 10%
    }
}

body.staff #staff .staff-line .slash-position-left,
body.staff #staff .staff-line .slash-position-right {
    min-height: 400px;
    position: relative
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left,
    body.staff #staff .staff-line .slash-position-right {
        min-height: 700px
    }
}

body.staff #staff .staff-line .slash-position-left .slash,
body.staff #staff .staff-line .slash-position-right .slash {
    background-color: #ea5514;
    height: 1000px;
    left: 0;
    position: absolute;
    top: -70vw;
    transform: rotate(60deg);
    width: 180px
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .slash,
    body.staff #staff .staff-line .slash-position-right .slash {
        height: 2880px;
        left: inherit;
        right: 49%;
        top: -40vw;
        width: 400px
    }
}

body.staff #staff .staff-line .slash-position-left .slash .slash-image,
body.staff #staff .staff-line .slash-position-right .slash .slash-image {
    left: -50px;
    position: relative;
    top: 90px;
    transform: rotate(-60deg);
    width: 220px
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .slash .slash-image,
    body.staff #staff .staff-line .slash-position-right .slash .slash-image {
        left: -220px;
        top: 6%;
        width: 660px
    }
}

body.staff #staff .staff-line .slash-position-left .slash .slash-image:before,
body.staff #staff .staff-line .slash-position-right .slash .slash-image:before {
    background-color: #fff;
    bottom: -43px;
    content: "";
    height: 96px;
    left: 30px;
    position: absolute;
    transform: rotate(-30deg);
    width: 100%
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .slash .slash-image:before,
    body.staff #staff .staff-line .slash-position-right .slash .slash-image:before {
        bottom: -124px;
        height: 360px;
        left: 24px;
        width: 800px
    }
}

body.staff #staff .staff-line .slash-position-left .sentence,
body.staff #staff .staff-line .slash-position-right .sentence {
    position: relative
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .sentence,
    body.staff #staff .staff-line .slash-position-right .sentence {
        line-height: 1.15em;
        margin: auto;
        max-width: 1200px;
        padding: 0 36px
    }

    body.staff #staff .staff-line .slash-position-left .sentence-wrap,
    body.staff #staff .staff-line .slash-position-right .sentence-wrap {
        width: 640px
    }
}

body.staff #staff .staff-line .slash-position-left .sentence .title,
body.staff #staff .staff-line .slash-position-right .sentence .title {
    font-family: serif;
    font-size: 1.8rem;
    line-height: 1.35em;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    width: 60%
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .sentence .title,
    body.staff #staff .staff-line .slash-position-right .sentence .title {
        font-size: 4.8rem;
        padding-left: .3em;
        width: 100%
    }
}

body.staff #staff .staff-line .slash-position-left .sentence .orange-label,
body.staff #staff .staff-line .slash-position-right .sentence .orange-label {
    background-color: #ea5514;
    color: #fff;
    margin-top: 1em;
    padding: .25em 1.5em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .sentence .orange-label,
    body.staff #staff .staff-line .slash-position-right .sentence .orange-label {
        margin-left: 18px
    }
}

body.staff #staff .staff-line .slash-position-left .sentence .orange-label p:first-of-type,
body.staff #staff .staff-line .slash-position-right .sentence .orange-label p:first-of-type {
    font-size: 1.4rem
}

body.staff #staff .staff-line .slash-position-left .sentence .orange-label p:nth-of-type(2),
body.staff #staff .staff-line .slash-position-right .sentence .orange-label p:nth-of-type(2) {
    font-size: 1.8rem;
    line-height: 1.8rem
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .sentence .orange-label p:nth-of-type(2),
    body.staff #staff .staff-line .slash-position-right .sentence .orange-label p:nth-of-type(2) {
        font-size: 3.6rem;
        line-height: 4rem
    }
}

body.staff #staff .staff-line .slash-position-left .sentence .message,
body.staff #staff .staff-line .slash-position-right .sentence .message {
    background-color: hsla(0, 0%, 100%, .8);
    line-height: 1.35em;
    margin-top: 1em;
    padding: 1em
}

@media (min-width:992px) {

    body.staff #staff .staff-line .slash-position-left .sentence .message,
    body.staff #staff .staff-line .slash-position-right .sentence .message {
        font-size: 1.6rem
    }
}

body.staff #staff .staff-line .slash-position-right .slash {
    top: -56vh;
    transform: rotate(120deg)
}

@media (min-width:992px) {
    body.staff #staff .staff-line .slash-position-right .slash {
        top: -40vw
    }
}

body.staff #staff .staff-line .slash-position-right .slash .slash-image {
    left: -80px;
    top: 330px;
    transform: rotate(-120deg)
}

@media (min-width:992px) {
    body.staff #staff .staff-line .slash-position-right .slash .slash-image {
        left: -220px;
        top: 42%
    }
}

body.staff #staff .staff-line .slash-position-right .slash .slash-image:before {
    transform: rotate(30deg)
}

@media (min-width:992px) {
    body.staff #staff .staff-line .slash-position-right .slash .slash-image:before {
        bottom: -130px;
        left: -152px
    }
}

body.staff #staff .staff-line .slash-position-right .sentence-wrap {
    margin-left: auto
}

@media (min-width:992px) {
    body.staff #staff .staff-line .slash-position-right .sentence {
        top: 10em
    }

    body.staff #staff .staff-line.staff li:not(:first-child) {
        min-height: 1200px
    }

    body.staff #staff .staff-line.staff li:not(:first-child).slash-position-left .slash {
        top: -10vw
    }

    body.staff #staff .staff-line.staff li:not(:first-child).slash-position-left .sentence {
        top: 400px
    }
}

#footer {
    background-color: #ea5514;
    color: #fff;
    margin-top: 72px
}

@media (min-width:992px) {
    #footer {
        margin-top: 90px;
        overflow: hidden;
        position: relative
    }
}

#footer .footer-logo {
    width: 270px
}

@media (min-width:992px) {
    #footer .skew-right {
        background-color: hsla(0, 0%, 100%, .8);
        right: 100px;
        transform: skewX(45deg);
        width: 320px
    }

    #footer .skew-left,
    #footer .skew-right {
        height: 100%;
        position: absolute;
        transition: 1.2s cubic-bezier(.16, 1, .3, 1)
    }

    #footer .skew-left {
        background-color: rgba(240, 136, 91, .8);
        right: 20vw;
        transform: skewX(-45deg);
        width: 120px
    }
}

#footer .inner {
    align-items: center;
    display: flex;
    font-weight: 400;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px 30px;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    #footer .inner {
        flex-wrap: wrap;
        justify-content: space-around
    }
}

@media (min-width:992px) {
    #footer .inner {
        align-items: flex-start;
        flex-wrap: nowrap;
        justify-content: center;
        max-width: 1280px;
        padding: 84px 36px
    }

    #footer .inner:before {
        background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/common/footer-logo.png);
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        height: 410px;
        left: -7vw;
        margin: auto;
        opacity: .6;
        position: absolute;
        top: 0;
        width: 396px;
        z-index: -1
    }
}

#footer .company-name {
    font-size: 1.8rem;
    font-weight: 700
}

#footer .company-name span {
    font-size: 1.2rem
}

#footer #address {
    font-size: 1.4rem;
    line-height: 1.15em;
    margin-top: 1em
}

@media (min-width:992px) {
    #footer .contents_menu {
        margin-left: 180px
    }

    #footer .contents_menu:nth-of-type(2) {
        margin-left: 96px
    }
}

#footer .contents_menu li a {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    padding: .5em 0
}

#footer .contents_menu li a:active,
#footer .contents_menu li a:hover,
#footer .contents_menu li a:link,
#footer .contents_menu li a:visited {
    color: #fff
}

#footer .sns-links {
    display: flex;
    margin: 1em auto 0
}

@media (min-width:992px) {
    #footer .sns-links {
        margin: auto
    }
}

#footer .sns-links li {
    border-radius: 4px;
    height: 24px;
    margin-left: 12px;
    width: 24px
}

#footer .sns-links li.w54 {
    width: 54px
}

#footer .copy-right {
    color: #fff;
    margin-top: 1em;
    text-align: center;
    width: 100%
}

@media (min-width:992px) {
    #footer .copy-right {
        bottom: 1.25em;
        font-size: 1.4rem;
        font-weight: 700;
        height: 1.6rem;
        margin-top: 0;
        position: absolute
    }
}

#footer .back_screen {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(0, 0, 0, .25);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 120%;
    transition: opacity .4s;
    width: 100%;
    z-index: 1
}

#footer .back_screen.standby {
    top: 0
}

#footer .back_screen.active {
    opacity: 1
}

#footer .smart-footer {
    background-color: #ea5514;
    border-radius: 9px 9px 0 0;
    bottom: -414px;
    height: 64px;
    height: 480px;
    left: 0;
    padding: 12px;
    position: relative;
    position: fixed;
    transition: bottom .4s cubic-bezier(.25, 1, .5, 1);
    width: 100%;
    z-index: 2
}

#footer .smart-footer .js_slide_up {
    align-items: flex-start;
    bottom: 430px;
    display: flex;
    font-weight: 400;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    transition: bottom .4s cubic-bezier(.25, 1, .5, 1)
}

#footer .smart-footer .js_slide_up li {
    display: block;
    text-align: center;
    width: 48px
}

#footer .smart-footer .js_slide_up li a {
    display: inline-block
}

#footer .smart-footer .js_slide_up li a:active,
#footer .smart-footer .js_slide_up li a:hover,
#footer .smart-footer .js_slide_up li a:link,
#footer .smart-footer .js_slide_up li a:visited {
    color: #fff
}

#footer .smart-footer .js_slide_up li span {
    display: block;
    line-height: 1.15em
}

#footer .smart-footer .js_slide_up li span:first-of-type {
    font-size: 2.4rem
}

#footer .smart-footer .js_slide_up li span:nth-of-type(2) {
    font-size: 1.1rem
}

#footer .smart-footer-contents {
    padding: 18px 15px 60px
}

#footer .smart-footer-contents li {
    opacity: 0;
    transition: opacity .4s
}

#footer .smart-footer-contents li a {
    display: block;
    font-size: 1.6rem;
    font-weight: 400
}

#footer .smart-footer-contents li a:active,
#footer .smart-footer-contents li a:hover,
#footer .smart-footer-contents li a:link,
#footer .smart-footer-contents li a:visited {
    color: #fff;
    line-height: 1.15em;
    padding: .35em 0
}

#footer .smart-footer.active {
    bottom: 0
}

#footer .smart-footer.active .js_slide_up {
    bottom: 16px
}

#footer .smart-footer.active .smart-footer-contents li {
    opacity: 1
}

#footer .smart-footer.active .smart-footer-contents li:first-of-type {
    transition-delay: 75ms
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(2) {
    transition-delay: .15s
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(3) {
    transition-delay: 225ms
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(4) {
    transition-delay: .3s
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(5) {
    transition-delay: 375ms
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(6) {
    transition-delay: .45s
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(7) {
    transition-delay: 525ms
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(8) {
    transition-delay: .6s
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(9) {
    transition-delay: 675ms
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(10) {
    transition-delay: .75s
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(11) {
    transition-delay: 825ms
}

#footer .smart-footer.active .smart-footer-contents li:nth-of-type(12) {
    transition-delay: .9s
}

#footer .share_button {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1
}

#footer .share_button li:not(:first-child) {
    margin-left: 12px
}

#footer .share_button .fb_share,
#footer .share_button .tw_share {
    display: inline-block;
    width: 45px
}

@-webkit-keyframes popup-icons {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-96px)
    }
}

@keyframes popup-icons {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-96px)
    }
}

@-webkit-keyframes depopup-icons {
    0% {
        transform: translateY(-96px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes depopup-icons {
    0% {
        transform: translateY(-96px)
    }

    to {
        transform: translateY(0)
    }
}

#footer .share_button.active li {
    -webkit-animation: popup-icons .4s 1;
    animation: popup-icons .4s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
    animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
    transform: translateY(0)
}

#footer .share_button.active li:nth-of-type(2) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}

#footer .share_button.active li:nth-of-type(3) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

#footer .share_button.deactive li {
    -webkit-animation: depopup-icons .4s 1;
    animation: depopup-icons .4s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
    animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
    transform: translateY(-96px)
}

#footer .share_button.deactive li:nth-of-type(2) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}

#footer .share_button.deactive li:nth-of-type(3) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

#footer.active .skew-left {
    right: 20vw;
    transform: skewX(45deg)
}

#footer.active .skew-right {
    right: -10px;
    transform: skewX(-45deg)
}

body.privacy .content-wrap {
    padding: 2em 1em
}

@media (min-width:992px) {
    body.privacy .content-wrap {
        padding: 96px 36px
    }
}

body.privacy .privacy-sentence {
    background-color: hsla(0, 0%, 100%, .8);
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    font-weight: 400;
    line-height: 1.35em;
    margin: auto;
    max-width: 1080px;
    padding: 3em 1em;
    position: relative
}

@media (min-width:992px) {
    body.privacy .privacy-sentence {
        padding: 4em 2em
    }
}

body.privacy .privacy-sentence h2 {
    font-size: 120%;
    font-weight: 700;
    margin-top: 1.5em
}

body.privacy .privacy-sentence h2+p {
    margin-top: .5em
}

body.privacy .privacy-sentence .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.privacy .privacy-sentence .section-header {
        font-size: 3.6rem
    }
}

body.privacy .privacy-sentence .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.privacy .privacy-sentence .section-header:before {
        bottom: -.2em;
        height: 10px
    }
}

@media (min-width:992px) and (min-width:1180px) {
    body.privacy.active .w100-wrap .l-slash-right {
        right: 50%;
        width: 400px
    }
}

body.home.contact .page-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.home.contact .page-header {
        font-size: 3.6rem;
        margin-top: 160px
    }
}

body.home.contact .page-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.home.contact .page-header:before {
        bottom: 0;
        height: 10px
    }
}

body.home.contact .page-description {
    line-height: 1.35em;
    margin-top: 1em;
    text-align: center
}

body.home.contact .confined-content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 90px
}

@media (min-width:992px) {
    body.home.contact .confined-content {
        max-width: 960px
    }
}

body.home.contact .confined-content h2+p {
    margin-top: .5em
}

body.home.contact .contact-wrap {
    margin: 36px auto auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.home.contact .contact-wrap {
        margin-top: 68px
    }
}

body.home.contact .wpcf7-form {
    position: relative
}

body.home.contact .contact.body.input .application-input {
    margin-top: 1em
}

@media (min-width:992px) {
    body.home.contact .contact.body.input .application-input {
        align-items: center;
        display: flex;
        justify-content: flex-start
    }
}

body.home.contact .contact.body.input .application-input dt {
    font-size: 16px;
    font-weight: 700;
    width: 100%
}

@media (min-width:992px) {
    body.home.contact .contact.body.input .application-input dt {
        font-size: 18px;
        line-height: 40px;
        width: 260px
    }
}

body.home.contact .contact.body.input .application-input dd {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: .5em;
    padding: 0 4px
}

@media (min-width:992px) {
    body.home.contact .contact.body.input .application-input dd {
        padding: 15px;
        width: 70%
    }
}

body.home.contact .contact.body.input .application-input input,
body.home.contact .contact.body.input .application-input select,
body.home.contact .contact.body.input .application-input textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #555;
    font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: relative;
    width: 100%
}

body.home.contact .contact.body.input .application-input input:focus,
body.home.contact .contact.body.input .application-input select:focus,
body.home.contact .contact.body.input .application-input textarea:focus {
    outline-style: none
}

body.home.contact .contact.body.input .application-input input.wpcf7-not-valid,
body.home.contact .contact.body.input .application-input select.wpcf7-not-valid,
body.home.contact .contact.body.input .application-input textarea.wpcf7-not-valid {
    background-color: #ffe2e2
}

body.home.contact .contact.body.input .application-input input[type=submit],
body.home.contact .contact.body.input .application-input select[type=submit],
body.home.contact .contact.body.input .application-input textarea[type=submit] {
    background-color: #ea5514;
    border: none;
    color: #fff;
    cursor: pointer
}

body.home.contact .contact.body.input .application-input .wpcf7-spinner {
    display: none
}

body.home.contact .contact.body.input .application-input textarea {
    line-height: 1.5em;
    padding: 4px 15px
}

body.home.contact .contact.body.input .application-input .wpcf7-form-control-wrap {
    position: relative
}

@media (min-width:992px) {
    body.home.contact .contact.body.input .application-input .wpcf7-form-control-wrap {
        display: block;
        height: 100%;
        max-width: 680px;
        width: 100%
    }
}

body.home.contact .contact.body.input .application-input .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    bottom: -12px;
    color: #d20000;
    font-size: 12px;
    left: 15px;
    position: absolute;
    z-index: 1
}

@media (min-width:992px) {
    body.home.contact .contact.body.input .application-input .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        bottom: -24px;
        left: 0
    }
}

body.home.contact .contact.body.input .application-input .wpcf7-form-control-wrap.your-subject {
    position: relative
}

body.home.contact .contact.body.input .application-input .wpcf7-form-control-wrap.your-subject:before {
    border: 0;
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
    content: "";
    height: 6px;
    margin-top: -4px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(45deg);
    width: 6px;
    z-index: 2
}

body.home.contact .contact.body.input .application-input select {
    background-color: #fff;
    position: relative
}

body.home.contact .contact.body.input .application-input select::-ms-expand {
    display: none
}

body.home.contact .contact.body.input .application-input input[type=email],
body.home.contact .contact.body.input .application-input input[type=submit],
body.home.contact .contact.body.input .application-input input[type=tel],
body.home.contact .contact.body.input .application-input input[type=text],
body.home.contact .contact.body.input .application-input select {
    height: 40px;
    line-height: 40px;
    padding: 0 15px
}

body.home.contact .contact.body.input .application-input.submit dt {
    width: 0
}

body.home.contact .contact.body.input .application-input.submit dd {
    width: 100%
}

body.home.contact .contact.body .read-pp {
    text-align: center
}

@media (min-width:992px) {
    body.home.contact .contact.body .application-button {
        margin: auto;
        width: 460px
    }
}

body.home.contact .contact.body .application-input input.wpcf7-submit {
    color: #fff;
    font-weight: 700;
    letter-spacing: .05em
}

@media (min-width:992px) {
    body.home.contact .contact.body .application-input input.wpcf7-submit {
        height: 48px
    }
}

body.home.contact .contact.body.failed-message,
body.home.contact .contact.body.thanks-message {
    height: 300px;
    opacity: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

body.home.contact .wpcf7-response-output.wpcf7-validation-errors {
    border: none;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 0
}

@media (min-width:992px) and (min-width:1180px) {
    body.home.contact.active .w100-wrap .l-slash-right {
        right: 50%;
        width: 400px
    }
}

body.home.terms .w100-wrap {
    padding-top: 96px
}

@media (min-width:992px) {
    body.home.terms .w100-wrap {
        padding-top: 192px
    }
}

body.home.terms .section-header {
    color: #221c18;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.home.terms .section-header {
        font-size: 3.6rem
    }
}

body.home.terms .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.home.terms .section-header:before {
        bottom: 0;
        height: 10px
    }
}

body.home.terms .terms-sentence {
    background-color: hsla(0, 0%, 100%, .8);
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    font-weight: 400;
    line-height: 1.35em;
    margin: 2em auto auto;
    max-width: 1280px;
    padding: 2em 1em;
    position: relative
}

@media (min-width:992px) {
    body.home.terms .terms-sentence {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 4em;
        padding: 36px 60px 96px
    }
}

body.home.terms .terms-sentence h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    margin: 1.5em auto;
    text-align: center
}

@media (min-width:992px) {
    body.home.terms .terms-sentence h2 {
        font-size: 3rem;
        margin: 3em auto 1.5em
    }
}

body.home.terms .terms-sentence h3 {
    border-bottom: 2px solid #ee7743;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: .5em;
    padding-bottom: .5em
}

body.home.terms .terms-sentence h3:not(:first-child) {
    margin-top: 1em
}

@media (min-width:992px) {
    body.home.terms .terms-sentence h3 {
        font-size: 2.4rem
    }
}

body.home.terms .terms-sentence h3.node-header {
    border-bottom: 2px solid #c2b5af
}

body.home.terms .terms-sentence h4 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 1em
}

body.home.terms .terms-sentence h4+p {
    margin-top: .5em
}

body.home.terms .terms-sentence ol {
    counter-reset: count 0
}

body.home.terms .terms-sentence ol li {
    margin-top: .5em;
    padding-left: 1em;
    text-indent: -1em
}

body.home.terms .terms-sentence ol li:before {
    content: counter(count) ". ";
    counter-increment: count 1
}

body.home.terms .terms-sentence ol li ol>li:before {
    content: "(" counter(count) ") ";
    counter-increment: count 1
}

body.home.terms .terms-sentence ol li ol>li>ol {
    counter-reset: count_alpha
}

body.home.terms .terms-sentence ol li ol>li>ol li:before {
    content: counter(count_alpha, lower-alpha) ") ";
    counter-increment: count_alpha
}

body.home.terms .terms-sentence ol li ul li:before {
    content: "・"
}

body.home.terms .terms-sentence dl {
    margin-top: 1em
}

@media (min-width:992px) {
    body.home.terms .terms-sentence dl {
        align-items: center;
        display: flex;
        justify-content: flex-start
    }

    body.home.terms .terms-sentence dl dt {
        width: 250px
    }

    body.home.terms .terms-sentence dl dd {
        margin-top: .5em;
        width: auto
    }
}

@media (min-width:992px) and (min-width:992px) {
    body.home.terms .terms-sentence dl dd {
        border-left: 1px solid #ccc;
        margin-top: 0;
        padding-left: 1em
    }
}

@media (min-width:992px) {
    body.home.terms .terms-sentence dl.fit-content dt {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

body.home.terms .terms-sentence .l-cell dl:first-of-type dd,
body.home.terms .terms-sentence .l-cell dl:first-of-type dt {
    font-size: 120%;
    font-weight: 700;
    text-align: center
}

body.home.terms .terms-sentence .l-cell dl:not(:first-child) {
    border-top: 1px solid #ee7743;
    padding-top: 1em
}

body.home.terms .terms-sentence .l-cell dl dt {
    font-weight: 700
}

@media (min-width:992px) {
    body.home.terms .terms-sentence .l-cell dl dt {
        min-width: 250px
    }
}

body.home.terms .terms-sentence .l-cell dl dd {
    width: 100%
}

body.support .w100-wrap {
    padding-bottom: 120px
}

body.support .font-60 {
    font-size: 60%
}

body.support .font-65 {
    font-size: 65%
}

body.support .font-80 {
    font-size: 80%
}

body.support .font-120 {
    font-size: 120%
}

body.support .section-header {
    color: #221c18;
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .15em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:992px) {
    body.support .section-header {
        font-size: 3.6rem
    }
}

body.support .section-header:before {
    background-color: #ee7743;
    bottom: -2px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    body.support .section-header:before {
        bottom: 0;
        height: 10px
    }
}

body.support .section-sentence {
    line-height: 1.35em;
    margin: 36px auto 0;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body.support .section-sentence h3 {
    color: #ea5514;
    font-size: 1.8rem;
    font-weight: 550;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.support .section-sentence h3 {
        font-size: 2.4rem
    }
}

body.support .section-sentence h3+p {
    margin-top: 1em
}

body.support .break-smart {
    display: block
}

@media (min-width:992px) {
    body.support .break-smart {
        display: inline-block
    }
}

body.support #first-view {
    margin-top: 36px
}

@media (min-width:992px) {
    body.support #first-view {
        margin-top: 216px
    }
}

body.support #first-view .offset-labelbox {
    background-color: hsla(0, 0%, 100%, .8);
    border: 3px solid #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    margin: 96px auto 0;
    max-width: 1080px;
    padding: 36px 15px 24px;
    position: relative;
    width: 90%
}

@media (min-width:992px) {
    body.support #first-view .offset-labelbox {
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        padding: 60px 20px 72px;
        width: 100%
    }
}

body.support #first-view .offset-labelbox .label-orange {
    background-color: #ea5514;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    left: 0;
    line-height: 1em;
    margin: auto;
    padding: .35em 1em;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:992px) {
    body.support #first-view .offset-labelbox .label-orange {
        font-size: 3.6rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

body.support #first-view .offset-labelbox.mt-120 {
    margin-top: 72px
}

@media (min-width:992px) {
    body.support #first-view .offset-labelbox.mt-120 {
        margin-top: 152px
    }

    body.support #first-view .border-left {
        border-left: 1px dashed #a6a6a5
    }
}

body.support #first-view .sentence {
    margin-top: 2em
}

@media (min-width:992px) {
    body.support #first-view .sentence {
        margin-top: 0
    }
}

body.support #first-view .add-line {
    border-top: 1px solid #777;
    display: inline-block;
    margin: .75em auto 0;
    padding-top: .5em;
    width: 60%
}

body.support #first-view .registration {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.35em;
    padding: 36px 12px 24px;
    width: 94%
}

@media (min-width:992px) {
    body.support #first-view .registration {
        padding: 60px 20px 72px;
        width: 100%
    }

    body.support #first-view .registration .w50per {
        width: 49%
    }
}

body.support #first-view .registration .hr-line {
    border-top: 1px solid #777;
    display: block;
    margin: .5em auto 0;
    padding-top: .5em;
    width: 65%
}

body.support #first-view .registration .sentence {
    position: relative;
    text-align: center
}

body.support #first-view .registration .sentence a {
    color: #ea5514;
    text-decoration: underline
}

body.support #first-view .registration .sentence li:not(:first-child) {
    padding-top: 72px;
    position: relative
}

@media (min-width:992px) {
    body.support #first-view .registration .sentence li:not(:first-child) {
        padding-top: 144px
    }
}

body.support #first-view .registration .sentence li:not(:first-child):before {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/contract/step-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 22px
}

@media (min-width:992px) {
    body.support #first-view .registration .sentence li:not(:first-child):before {
        top: 50px
    }
}

body.support #first-view .registration .sentence li .step {
    margin: auto;
    width: 65px
}

body.support #first-view .registration .sentence li .step+p {
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: .35em
}

@media (min-width:992px) {
    body.support #first-view .registration .sentence li .step+p {
        font-size: 2.2rem
    }
}

body.support #first-view .registration .button-orange {
    padding: 9px 36px
}

body.support #first-view .registration .break-pc {
    display: inline
}

@media (min-width:992px) {
    body.support #first-view .registration .break-pc {
        display: block
    }
}

body.support #first-view .registration .sp-2em {
    margin-top: 2em
}

@media (min-width:992px) {
    body.support #first-view .registration .sp-2em {
        margin-top: 0
    }

    body.support .l-grid-half {
        display: flex;
        justify-content: space-between
    }

    body.support .l-grid-half.three {
        justify-content: center
    }
}

body.support .l-grid-half.top {
    align-items: flex-start
}

body.support .l-grid-half.select-phone {
    margin: auto;
    max-width: 900px
}

@media (min-width:992px) {
    body.support .l-grid-half.select-phone {
        align-items: flex-start;
        display: flex;
        justify-content: space-between
    }
}

body.support .l-grid-half.select-phone a {
    background-color: #ea5514;
    border-radius: 6px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #fff;
    display: inline-block;
    margin-top: 1em;
    padding: 1em 1em 2.5em;
    position: relative;
    text-align: center;
    width: 100%
}

@media (min-width:992px) {
    body.support .l-grid-half.select-phone a {
        border-radius: 9px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 0;
        max-width: 360px;
/*        min-height: 130px */
    }
}

body.support .l-grid-half.select-phone a:before {
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    bottom: 1em;
    content: "";
    height: 8px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transform: rotate(135deg);
    vertical-align: middle;
    width: 8px
}

body.support .l-grid-half.select-phone a span {
    display: block;
    line-height: 1.35em
}

body.support .l-grid-half.select-phone a span:first-of-type {
    font-size: 1.8rem;
    font-weight: 700
}

body.support .section-line {
    border-top: 1px solid #999;
    display: block;
    margin: 40px auto auto;
    padding-top: 40px;
    width: 90%
}

@media (min-width:992px) {
    body.support .section-line {
        margin-top: 96px;
        padding-top: 96px
    }
}

body.support .input-apn {
    margin: 1em auto 0
}

@media (min-width:992px) {
    body.support .input-apn {
        align-items: center;
        justify-content: space-between;
        max-width: 920px
    }
}

body.support .input-apn figure {
    margin: auto
}

@media (min-width:992px) {
    body.support .input-apn figure {
        margin: inherit
    }
}

body.support .input-apn .txt-left {
    line-height: 1.35em;
    text-align: left
}

body.support .input-apn .box-fkds {
    background-color: #fff;
    border: 1px solid #ec662b;
    border-radius: 6px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .15);
    color: #575757;
    margin-top: 48px;
    padding: 1em 1.5em;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width:992px) {
    body.support .input-apn .box-fkds {
        border-radius: 8px;
        border-width: 2px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
        margin-top: 0;
        max-width: 640px
    }
}

body.support .input-apn .box-fkds:before {
    border-color: transparent transparent #ec652b;
    border-style: solid;
    border-width: 0 18px 20px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -1.3em;
    width: 0;
    z-index: -1
}

@media (min-width:992px) {
    body.support .input-apn .box-fkds:before {
        border-color: transparent #ec652b transparent transparent;
        border-width: 22px 30px 22px 0;
        bottom: 0;
        left: -2em;
        right: inherit;
        top: 0
    }
}

body.support .input-apn .box-fkds:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 18px 20px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -1.3em;
    width: 0;
    z-index: 1
}

@media (min-width:992px) {
    body.support .input-apn .box-fkds:after {
        border-color: transparent #fff transparent transparent;
        border-width: 22px 30px 22px 0;
        bottom: 0;
        left: -29px;
        right: inherit;
        top: 0
    }
}

body.support .input-apn .box-fkds dl dt {
    font-size: 112.5%;
    font-weight: 700;
    -moz-text-align-last: left;
    text-align-last: left;
    width: 100%
}

@media (min-width:992px) {
    body.support .input-apn .box-fkds dl dt {
        font-size: 1.6rem;
        width: 108px
    }
}

body.support .input-apn .box-fkds dl dd {
    padding-left: 1em;
    text-align: left
}

@media (min-width:992px) {
    body.support .input-apn .box-fkds dl dd {
        border-left: 1px solid #e1e1e1;
        font-size: 1.4rem
    }

    body.support .input-apn .box-fkds dl {
        align-items: center;
        display: flex;
        justify-content: flex-start
    }
}

body.support .input-apn .box-fkds dl:not(:first-child) {
    border-top: 1px solid #ec662b;
    margin-top: .5em;
    padding-top: .5em
}

body.support .round-orange {
    border: 2px solid #ea5514;
    border-radius: 20px;
    font-size: 1.8rem;
    font-weight: 700;
    margin: auto;
    padding: .5em 2em;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body.support .round-orange.mt-2448 {
    margin-top: 24px
}

@media (min-width:992px) {
    body.support .round-orange.mt-2448 {
        margin-top: 48px
    }
}

body.support .round-orange.mt-60 {
    margin-top: 60px
}

@media (min-width:992px) {
    body.support .round-orange.mt-60 {
        margin-top: 120px
    }
}

body.support .step-list {
    margin-top: 36px;
    position: relative;
    text-align: center
}

body.support .step-list .hr-line {
    border-top: 1px solid #777;
    display: block;
    margin: .5em auto 0;
    padding-top: .5em;
    width: 65%
}

@media (min-width:992px) {
    body.support .step-list .hr-line {
        width: 320px
    }
}

body.support .step-list a {
    color: #ea5514;
    text-decoration: underline
}

@media (min-width:992px) {
    body.support .step-list {
        margin-top: 60px
    }
}

body.support .step-list>li {
    font-size: 1.6rem;
    line-height: 1.75em
}

body.support .step-list>li:not(:first-child) {
    padding-top: 72px;
    position: relative
}

@media (min-width:992px) {
    body.support .step-list>li:not(:first-child) {
        padding-top: 144px
    }
}

body.support .step-list>li:not(:first-child):before {
    background-image: url(/wp-content/themes/sky_seven_mobile/assy/images/contract/step-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 22px
}

@media (min-width:992px) {
    body.support .step-list>li:not(:first-child):before {
        top: 50px
    }
}

body.support .step-list>li .step {
    margin: auto;
    width: 65px
}

body.support .step-list>li .step+p {
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: .35em
}

@media (min-width:992px) {
    body.support .step-list>li .step+p {
        font-size: 2.2rem
    }
}

body.support .step-list>li figure {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body.support .step-list>li figure.single-center {
    margin: 1.5em auto 0
}

body.support .step-list>li .button-orange {
    background-color: #ea5514;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.15em;
    margin-top: 2em;
    padding: 1em 2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%
}

@media (min-width:992px) {
    body.support .step-list>li .button-orange {
        max-width: 360px
    }
}

body.support .step-list>li .button-orange:before {
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    bottom: 0;
    content: "";
    height: 8px;
    margin: auto;
    position: absolute;
    right: 1em;
    top: 0;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 8px
}

body.support .step-list .add-arrow {
    margin: 1.5em auto 0
}

@media (min-width:992px) {
    body.support .step-list .add-arrow {
        align-items: center;
        display: flex;
        justify-content: space-between;
        max-width: 920px
    }
}

body.support .step-list .add-arrow li {
    position: relative
}

body.support .step-list .add-arrow li figure {
    margin: auto
}

@media (min-width:992px) {
    body.support .step-list .add-arrow li figure {
        margin: 0
    }
}

body.support .step-list .add-arrow li:not(:first-child) {
    padding-top: 2em
}

@media (min-width:992px) {
    body.support .step-list .add-arrow li:not(:first-child) {
        padding-top: 0
    }
}

body.support .step-list .add-arrow li:not(:first-child):before {
    border-color: #ea5414 transparent transparent;
    border-style: solid;
    border-width: 12px 11px 0;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: .8em;
    width: 0
}

@media (min-width:992px) {
    body.support .step-list .add-arrow li:not(:first-child):before {
        border-color: transparent transparent transparent #ea5414;
        border-width: 22px 0 22px 26px;
        bottom: 0;
        left: -2em;
        right: inherit;
        top: 0
    }

    body.support .step-list .add-arrow.fl-wrap {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 0
    }

    body.support .step-list .add-arrow.fl-wrap li:not(:first-child),
    body.support .step-list .add-arrow.fl-wrap li:not(:nth-of-type(4)) {
        padding-left: 3vw
    }

    body.support .step-list .add-arrow.fl-wrap li:nth-of-type(4):before {
        content: none
    }

    body.support .step-list .add-arrow.fl-wrap li:before {
        left: 1em
    }

    body.support .step-list .add-arrow.fl-wrap li {
        margin-top: 2em
    }

    body.support .step-list .add-arrow.w670 {
        max-width: 670px
    }

    body.support .step-list .add-arrow.w790 {
        max-width: 790px
    }
}

body.support .l-slash-right {
    top: -5%
}

@media (min-width:992px) {
    body.support .l-slash-right {
        top: -6%
    }
}

body.support .l-slash-right .image-features {
    position: absolute;
    transform: rotate(-45deg) translateY(104px);
    width: 177px
}

@media (min-width:992px) {
    body.support .l-slash-right .image-features {
        left: 0;
        top: 180px;
        width: 354px
    }
}

body.support .l-slash-faq {
    opacity: .8;
    top: 40%;
    transform: rotate(70deg)
}

@media (min-width:992px) {
    body.support .l-slash-faq {
        top: 41%;
        transform: rotate(90deg)
    }
}

@media (min-width:992px) and (min-width:1180px) {
    body.support.active .w100-wrap .l-slash-right {
        right: 50%;
        width: 400px
    }
}

body.support #footer {
    margin-top: 0
}

#smart-nabigation {
    background-color: #fff;
    bottom: 0;
    color: #777;
    left: 0;
    padding: 15px 24px 24px;
    position: fixed;
    width: 100%
}

#smart-nabigation ul {
    align-items: center;
    display: flex;
    justify-content: space-evenly
}

#smart-nabigation ul a {
    display: inline-block;
    font-size: 1.2rem;
    text-align: center
}

#smart-nabigation ul a:active,
#smart-nabigation ul a:hover,
#smart-nabigation ul a:link,
#smart-nabigation ul a:visited {
    color: #555
}

#smart-nabigation ul a[class*=" icon-"]:before,
#smart-nabigation ul a[class^=icon-]:before {
    font-size: 2.4rem
}

.label-orange small {
    font-size: 0.5em;
}

.btn1 {
	color: #000;
	width: 250px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:20px
}

@media (min-width:992px) {
	.btn1 {
		color: #000;
		width: 500px;
		margin-top: 5px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom:20px
	}
}

/* キャンペーン　アコーディオン START */
.cp_accordion {
  margin-top: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}

.cp_accordion-item {
  border-bottom: 1px solid #ddd;
}

.cp_accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  background-color: #f8f8f8;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
  border: none;
  width: 100%;
}

.cp_accordion-header:hover {
  background-color: #e6e6e6;
}

.cp_accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.cp_accordion-content.active {
  max-height: none; /* 高さを制限せずに表示 */
}

.cp_accordion-content img {
  width: 100%;
  height: auto;
  display: block; /* 画像が切れないように */
}


/* キャンペーン　アコーディオン END */

/*# Topics */
.highlight-section {
  background: #fff;
  color: #ff6600;
  border: 3px solid #ff9900;
  border-radius: 10px;
  padding: 30px 20px;
  margin: 20px auto;
  max-width: 1200px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.highlight-section h1 {
  font-size: 1.8em;
  margin-bottom: 10px;
  color: #ff6600;
}

.highlight-section p {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.highlight-section ul {
  list-style-type: none;
  padding: 0;
}

.highlight-section ul li {
  font-size: 1em;
  margin: 5px 0;
}

.highlight-section ul li::before {
  content: "✔ ";
  color: #ff6600;
}

.icon-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.icon-container img {
  width: 40px;
  height: 40px;
}

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