@charset "UTF-8";

@font-face {
    font-family:"swiper-icons";
    src:url("data:application/font-woff;charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight:400;
    font-style:normal
}

:root {
    --swiper-theme-color:#007aff
}

.swiper {
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}

.swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform:translate3d(0px,0,0);
    transform:translate3d(0px,0,0)
}

.swiper-pointer-events {
    -ms-touch-action:pan-y;
    touch-action:pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action:pan-x;
    touch-action:pan-x
}

.swiper-slide {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility:hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height:auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transition-property:height,-webkit-transform;
    transition-property:height,-webkit-transform;
    transition-property:transform,height;
    transition-property:transform,height,-webkit-transform
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective:1200px;
    perspective:1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}

.swiper-3d .swiper-slide-shadow {
    background:rgba(0,0,0,0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display:none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align:start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type:x mandatory;
    scroll-snap-type:x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type:y mandatory;
    scroll-snap-type:y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content:"";
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-ordinal-group:10000;
    -ms-flex-order:9999;
    order:9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start:var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height:100%;
    width:var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before:var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width:100%;
    height:var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align:center center
}

:root {
    --swiper-navigation-size:44px
}

.swiper-button-next,.swiper-button-prev {
    position:absolute;
    top:50%;
    width:calc(var(--swiper-navigation-size) / 44 * 27);
    height:var(--swiper-navigation-size);
    margin-top:calc(0px - var(--swiper-navigation-size) / 2);
    z-index:10;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity:0.35;
    cursor:auto;
    pointer-events:none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family:swiper-icons;
    font-size:var(--swiper-navigation-size);
    text-transform:none!important;
    letter-spacing:0;
    text-transform:none;
    font-variant:initial;
    line-height:1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left:10px;
    right:auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content:"prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right:10px;
    left:auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content:"next"
}

.swiper-button-lock {
    display:none
}

:root {
}

.swiper-pagination {
    position:absolute;
    text-align:center;
    -webkit-transition:300ms opacity;
    transition:300ms opacity;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity:0
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom:-37px;
    left:0;
    width:100%
}

.swiper-pagination-bullets-dynamic {
    overflow:hidden;
    font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform:scale(0.33);
    transform:scale(0.33);
    position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform:scale(1);
    transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform:scale(1);
    transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform:scale(0.66);
    transform:scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform:scale(0.33);
    transform:scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform:scale(0.66);
    transform:scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform:scale(0.33);
    transform:scale(0.33)
}

.swiper-pagination-bullet {
    width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display:inline-block;
    border-radius:50%;
    background:var(--swiper-pagination-bullet-inactive-color,#000);
    opacity:var(--swiper-pagination-bullet-inactive-opacity,0.2)
}

button.swiper-pagination-bullet {
    border:none;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}

.swiper-pagination-bullet:only-child {
    display:none!important
}

.swiper-pagination-bullet-active {
    opacity:var(--swiper-pagination-bullet-opacity,1);
    background:var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0px,-50%,0);
    transform:translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display:block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display:inline-block;
    -webkit-transition:200ms top,200ms -webkit-transform;
    transition:200ms top,200ms -webkit-transform;
    transition:200ms transform,200ms top;
    transition:200ms transform,200ms top,200ms -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition:200ms left,200ms -webkit-transform;
    transition:200ms left,200ms -webkit-transform;
    transition:200ms transform,200ms left;
    transition:200ms transform,200ms left,200ms -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition:200ms right,200ms -webkit-transform;
    transition:200ms right,200ms -webkit-transform;
    transition:200ms transform,200ms right;
    transition:200ms transform,200ms right,200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background:rgba(0,0,0,0.25);
    position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background:var(--swiper-pagination-color,var(--swiper-theme-color));
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    transform-origin:left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin:right top;
    transform-origin:right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width:100%;
    height:4px;
    left:0;
    top:0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width:4px;
    height:100%;
    left:0;
    top:0
}

.swiper-pagination-lock {
    display:none
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}

.swiper-fade .swiper-slide {
    pointer-events:none;
    -webkit-transition-property:opacity;
    transition-property:opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

body,dd,dl,dt,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin:0;
    padding:0
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal
}

strong {
    font-weight:normal
}

table,tbody,td,th,thead,tr {
    border:none
}

table th {
    text-align:left;
    font-weight:normal
}

table {
    border-collapse:collapse
}

ol,ul {
    list-style:none
}

a {
    text-decoration:none
}

a img {
    border:none
}

img {
    vertical-align:bottom
}

textarea {
    font-size:1em;
    border:none;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    -webkit-box-shadow:none;
    box-shadow:none
}

select {
    font-size:1em;
    border:none;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-box-shadow:none;
    box-shadow:none
}

select::-ms-expand {
    display:none
}

figcaption,figure,footer,header,main,nav,section,small,time {
    display:block
}

input[type=image],input[type=submit] {
    border:none;
    padding:0
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
    outline:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none
}

input[type=number] {
    -moz-appearance:textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    margin:0
}

button {
    border:none;
    margin:0;
    cursor:pointer
}

input[type=image],input[type=reset],input[type=submit] {
    cursor:pointer
}

address {
    font-style:normal
}

button,input,select,textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    border-radius:0;
    outline:none
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color:#999
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color:#999
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:#999
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color:#999
}

input::placeholder,textarea::placeholder {
    color:#999
}

i {
    font-style:normal
}

* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

html {
    font-size:62.5%;
    -webkit-font-smoothing:antialiased
}

body {
    font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,Arial,Helvetica,Verdana,sans-serif,"ＭＳ Ｐゴシック","MS PGothic";
    font-weight:400;
    color:#262C25;
    -webkit-font-feature-settings:"palt";
    font-feature-settings:"palt";
    word-break:break-all;
    background:#FAFFEF;
    line-height:1.6
}

@media screen and (min-width:769px) {
    body {
    letter-spacing:0.6em
}


}

@media screen and (max-width:768px) {
    body {
    letter-spacing:0.5em
}


}

body.is-fixed {
    overflow:hidden
}

img {
    width:100%;
    height:auto
}

a {
    color:inherit
}

@media screen and (min-width:769px) {
    a {
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out
}


}

@media screen and (min-width:769px) {
    a[href^="tel:"] {
    pointer-events:none!important;
    text-decoration:none!important
}


}

sup {
    vertical-align:super;
    font-size:60%
}

#container {
    background:url("/s/hc/htlp/assets/img/kv_bg.jpg") no-repeat #fbfff0 50% 0;
    background-size:1560px
}

@media screen and (max-width:1200px) {
    #container {
    background-size:138% auto
}


}

@media screen and (max-width:768px) {
    #container {
    background:url("/s/hc/htlp/assets/img/sp/kv_bg.png") no-repeat #fbfff0 0 0;
    background-size:contain
}


}

main {
    overflow:hidden
}

@-webkit-keyframes ctaIcon {
    0% {
    -webkit-transform:rotate(10deg) translateY(-50%);
    transform:rotate(10deg) translateY(-50%)
}

25% {
    -webkit-transform:rotate(-10deg) translateY(-50%);
    transform:rotate(-10deg) translateY(-50%)
}

50% {
    -webkit-transform:rotate(10deg) translateY(-50%);
    transform:rotate(10deg) translateY(-50%)
}

75% {
    -webkit-transform:rotate(-10deg) translateY(-50%);
    transform:rotate(-10deg) translateY(-50%)
}

to {
    -webkit-transform:rotate(0deg) translateY(-50%);
    transform:rotate(0deg) translateY(-50%)
}


}

@keyframes ctaIcon {
    0% {
    -webkit-transform:rotate(10deg) translateY(-50%);
    transform:rotate(10deg) translateY(-50%)
}

25% {
    -webkit-transform:rotate(-10deg) translateY(-50%);
    transform:rotate(-10deg) translateY(-50%)
}

50% {
    -webkit-transform:rotate(10deg) translateY(-50%);
    transform:rotate(10deg) translateY(-50%)
}

75% {
    -webkit-transform:rotate(-10deg) translateY(-50%);
    transform:rotate(-10deg) translateY(-50%)
}

to {
    -webkit-transform:rotate(0deg) translateY(-50%);
    transform:rotate(0deg) translateY(-50%)
}


}

@-webkit-keyframes contentsIcon {
    0% {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

25% {
    -webkit-transform:translateY(calc(-50% - 10px));
    transform:translateY(calc(-50% - 10px))
}

50% {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

75% {
    -webkit-transform:translateY(calc(-50% - 10px));
    transform:translateY(calc(-50% - 10px))
}

to {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}


}

@keyframes contentsIcon {
    0% {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

25% {
    -webkit-transform:translateY(calc(-50% - 10px));
    transform:translateY(calc(-50% - 10px))
}

50% {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

75% {
    -webkit-transform:translateY(calc(-50% - 10px));
    transform:translateY(calc(-50% - 10px))
}

to {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}


}

@-webkit-keyframes ctaScale {
    0% {
    -webkit-transform:scale(1);
    transform:scale(1)
}

25% {
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}

50% {
    -webkit-transform:scale(1);
    transform:scale(1)
}

75% {
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}

to {
    -webkit-transform:scale(1);
    transform:scale(1)
}


}

@keyframes ctaScale {
    0% {
    -webkit-transform:scale(1);
    transform:scale(1)
}

25% {
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}

50% {
    -webkit-transform:scale(1);
    transform:scale(1)
}

75% {
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}

to {
    -webkit-transform:scale(1);
    transform:scale(1)
}


}

.swiperWrapper {
    position:relative
}

@media screen and (min-width:769px) {
    .swiper-pagination {
    display:none
}


}

.swiper-pagination-horizontal {
    bottom:-50px
}

.swiper-pagination-bullet {
    width:12px;
    height:12px;
    background:#E2E7EA;
    opacity:1;
    margin:0 6px
}

.swiper-pagination-bullet-active {
    background:#41AC26
}

.jsScrollTrigger {
    opacity:0
}

.fadeUp {
    -webkit-animation-name:fadeUpAnime;
    animation-name:fadeUpAnime;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    opacity:0
}

@-webkit-keyframes fadeUpAnime {
    0% {
    opacity:0;
    -webkit-transform:translateY(50px);
    transform:translateY(50px)
}

to {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}


}

@keyframes fadeUpAnime {
    0% {
    opacity:0;
    -webkit-transform:translateY(50px);
    transform:translateY(50px)
}

to {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}


}

.modBpPc {
    display:block
}

@media screen and (max-width:768px) {
    .modBpPc {
    display:none
}


}

.modBpPc--inline {
    display:inline
}

@media screen and (max-width:768px) {
    .modBpPc--inline {
    display:none
}


}

.modBpSp {
    display:none
}

@media screen and (max-width:768px) {
    .modBpSp {
    display:block;
    margin:20px 20px 25px;
}


}

.modBpSp--inline {
    display:none
}

@media screen and (max-width:768px) {
    .modBpSp--inline {
    display:inline
}


}

.modBpTab {
    display:none
}

@media screen and (max-width:1000px) {
    .modBpTab {
    display:block
}


}

@media screen and (max-width:768px) {
    .modBpTab {
    display:none
}


}

.modCTABtn {
    max-width:400px;
    width:90%
}

@media screen and (max-width:768px) {
    .modCTABtn {
    max-width:unset;
    width:100%
}
}

.modCTABtn__link {
    display:block;
    text-align:center;
    width:100%;
    background:#ffffff;
    color:#262C25;
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    border-radius:50px;
    -webkit-box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    position:relative
}

@media screen and (min-width:769px) {
    .modCTABtn__link {
    font-size:22px;
    font-size:2.2rem;
    padding:34px 0
}


}

@media screen and (max-width:1300px) {
    .modCTABtn__link {
    font-size:18px;
    font-size:1.8rem;
    padding:34px 0
}


}

@media screen and (max-width:768px) {
    .modCTABtn__link {
    font-size:18px;
    font-size:1.8rem;
    padding:24px 0
}


}

.modCTABtn__link__textLead {
    letter-spacing:0;
    position:relative
}

.modCTABtn__link__textLead:before {
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    left:-15px;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

.modCTABtn__link__textLead:after {
    content:"";
    position:absolute;
    top:50%;
    left:-6px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat
}

@media screen and (max-width:768px) {
    .modCTABtn__link__textLead:after {
    left:-3px
}


}

.modCTABtn__link__textSmall {
    letter-spacing:0.1em;
    position:absolute;
    top:-22px;
    left:50%;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    display:inline-block;
    padding:9px 20px;
    border-radius:100px;
    border:1px solid #ffffff;
    background:#3DA423;
    font-size:13px;
    font-size:1.3rem;
    text-align:center;
    color:#ffffff
}

@media screen and (max-width:768px) {
    .modCTABtn__link__textSmall {
    font-size:12px;
    font-size:1.2rem;
    top:-20px
}


}

@media screen and (min-width:769px) {
    .modCTABtn__link:hover span {
    color:#FA7025
}

.modCTABtn__link:hover span:before {
    width:68px;
    height:68px;
    background:#FA7025
}


}

@media screen and (min-width:769px) and (max-width:768px) {
    .modCTABtn__link:hover span:before {
    width:58px;
    height:58px
}


}

@media screen and (min-width:769px) {
    .modCTABtn__link:hover span:after {
    -webkit-animation:ctaIcon 0.8s ease-out;
    animation:ctaIcon 0.8s ease-out
}


}

@media screen and (max-width:768px) {
    .modCTABtn--mail {
    margin:0 0 40px
}


}

.modCTABtn--mail .modCTABtn__link__textLead {
    padding:0 0 0 56px
}

.modCTABtn--mail .modCTABtn__link__textLead:after {
    width:51px;
    height:25px;
    background-image:url("/s/hc/lp/assets/img/common/icon_mail.svg")
}

@media screen and (max-width:768px) {
    .modCTABtn--mail .modCTABtn__link__textLead:after {
    width:44px;
    height:22px
}


}

@media screen and (min-width:769px) {
    .modCTABtn--mail .modCTABtn__link:hover span:after {
    background-image:url("/s/hc/lp/assets/img/common/icon_mail_white.svg");
    left:-5px
}


}

.modCTABtn--download .modCTABtn__link__textLead {
    padding:0 0 0 43px
}

.modCTABtn--download .modCTABtn__link__textLead:after {
    width:36px;
    height:32px;
    background-image:url("/s/hc/lp/assets/img/common/icon_download.svg")
}

@media screen and (max-width:768px) {
    .modCTABtn--download .modCTABtn__link__textLead:after {
    width:31px;
    height:27px
}


}

@media screen and (min-width:769px) {
    .modCTABtn--download .modCTABtn__link:hover span:before {
    width:55px;
    height:55px
}

.modCTABtn--download .modCTABtn__link:hover span:after {
    background-image:url("/s/hc/lp/assets/img/common/icon_download_white.svg");
    left:-4px
}


}

@media screen and (min-width:769px) and (max-width:768px) {
    .modCTABtn--download .modCTABtn__link:hover span:after {
    left:0
}


}

.modCTABtn--marginR25 {
    margin-right:25px
}

@media screen and (max-width:768px) {
    .modCTABtn--marginR25 {
    margin-right:0
}


}


/* MV　CTA用オレンジボタン */

.modCTABtn__link_or {
    display:block;
    text-align:center;
    width:100%;
    background:#FA7025;
    color:#fff;
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    border-radius:50px;
    -webkit-box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    position:relative;
    padding: 34px 0;
}

@media screen and (min-width:769px) {
    .modCTABtn__link_or {
    font-size:22px;
    font-size:2.2rem;
}


}

@media screen and (max-width:1300px) {
    .modCTABtn__link_or {
    font-size:18px;
    font-size:1.8rem;
}


}

@media screen and (max-width:768px) {
    .modCTABtn__link_or {
    font-size:18px;
    font-size:1.8rem;
    padding:24px 0
}


}

.modCTABtn__link__textLead_or {
    letter-spacing:0;
    position:relative
}

.modCTABtn__link__textLead_or:before {
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    left:-15px;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

.modCTABtn__link__textLead_or:after {
    content:"";
    position:absolute;
    top:50%;
    left:-6px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat
}

@media screen and (max-width:768px) {
    .modCTABtn__link__textLead_or:after {
    left:-3px
}


}

.modCTABtn__link__textSmall_gr {
    letter-spacing:0.1em;
    position:absolute;
    top:-22px;
    left:50%;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    display:inline-block;
    padding:9px 20px;
    border-radius:100px;
    border:1px solid #3DA423;
    background:#fff;
    font-size:13px;
    font-size:1.3rem;
    text-align:center;
    color:#3DA423;
}

@media screen and (max-width:768px) {
    .modCTABtn__link__textSmall_gr {
    font-size:12px;
    font-size:1.2rem;
    top:-20px
}
}

@media screen and (min-width:769px) {
    .modCTABtn__link_or:hover span {
    color:#fff;
}

.modCTABtn__link_or:hover span:before {
    width:68px;
    height:68px;
    background:#fff;
}
}

@media screen and (min-width:769px) and (max-width:768px) {
    .modCTABtn__link_or:hover span:before {
    width:58px;
    height:58px
}


}

@media screen and (min-width:769px) {
    .modCTABtn__link_or:hover span:after {
    -webkit-animation:ctaIcon 0.8s ease-out;
    animation:ctaIcon 0.8s ease-out
}


}

@media screen and (max-width:768px) {
    .modCTABtn--mail {
    margin:0 0 40px
}


}

.modCTABtn--mail .modCTABtn__link__textLead_or {
    padding:0 0 0 56px
}

.modCTABtn--mail .modCTABtn__link__textLead_or:after {
    width:51px;
    height:25px;
    background-image:url("/s/hc/lp/assets/img/common/icon_mail_white.svg")
}

@media screen and (max-width:768px) {
    .modCTABtn--mail .modCTABtn__link__textLead_or:after {
    width:44px;
    height:22px

}
}


@media screen and (min-width:769px) {
    .modCTABtn--mail .modCTABtn__link_or:hover span:after {
    background-image:url("/s/hc/lp/assets/img/common/icon_mail.svg");
    left:-5px
    /* -webkit-animation:ctaIcon 0.8s ease-out;
    animation:ctaIcon 0.8s ease-out */
}

}

/* @media screen and (min-width:769px) and (max-width:768px) {
    .modCTABtn--mail .modCTABtn__link_or:hover span:after {
    left:-7px
}
} */

.modCTABtn--marginR25 {
    margin-right:25px
}

@media screen and (max-width:768px) {
    .modCTABtn--marginR25 {
    margin-right:0
}


}



/* MV　CTA用オレンジボタン end */




.modTextList__item {
    font-size:12px;
    font-size:1.2rem;
    font-weight:500;
    letter-spacing:0.1em;
    color:#8C958B
}

.modTextList__item--marginBottom {
    margin:0 0 20px
}

.modFixedCTA {
    width:100%;
    opacity:0;
    z-index:-1;
    position:absolute;
    -webkit-transition:opacity 0.3s ease-out,z-index 0.3s ease-out;
    transition:opacity 0.3s ease-out,z-index 0.3s ease-out
}

.modFixedCTA--sp {
    display:none
}

@media screen and (max-width:768px) {
    .modFixedCTA--sp {
    display:block
}


}

.modFixedCTA.is-show {
    z-index:999;
    opacity:1;
    -webkit-animation:ctaScale 1s ease-out;
    animation:ctaScale 1s ease-out;
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s
}

.modFixedCTA .modFixedCTA__flex__mail a .inner:after,.modFixedCTA .modFixedCTA__flex__phone a .inner:after,.modFixedCTA__flex__mail a .modFixedCTA .inner:after,.modFixedCTA__flex__phone a .modFixedCTA .inner:after {
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat
}

.modFixedCTA .modFixedCTA__flex__mail a .inner:before,.modFixedCTA .modFixedCTA__flex__phone a .inner:before,.modFixedCTA__flex__mail a .modFixedCTA .inner:before,.modFixedCTA__flex__phone a .modFixedCTA .inner:before {
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

.modFixedCTA__flex {
    display:-webkit-box;
    display:-ms-flexbox;

    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#FA7025;
    padding:8px 0;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

.modFixedCTA__flex li {
    border-radius:50px;
    background:#ffffff;
    -webkit-box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    width:43.74%;
    text-align:center;
    font-weight:700;
    line-height:1;
    letter-spacing:0
}

.modFixedCTA__flex li a {
    display:block;
    width:100%;
    color:#FA7025
}

.modFixedCTA__flex li a .inner {
    display:inline-block;
    position:relative
}

.modFixedCTA__flex__phone {
    font-family:"Roboto Condensed",sans-serif;
    text-align:center;
    line-height:1;
    font-size:17px;
    font-size:1.7rem
}

.modFixedCTA__flex__phone small {
    font-size:12px;
    font-size:1.2rem;
    font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,Arial,Helvetica,Verdana,sans-serif,"ＭＳ Ｐゴシック","MS PGothic";
    display:block;
    margin:0 0 4px
}

.modFixedCTA__flex__phone a {
    padding:4px 13px 3px 36px
}

.modFixedCTA__flex__phone a .inner:before {
    left:-16px
}

.modFixedCTA__flex__phone a .inner:after {
    left:-29px;
    background-image:url("/s/hc/htlp/assets/img/common/icon_phone_white.svg");
    width:22px;
    height:23px
}

.modFixedCTA__flex__mail {
    margin:0 0 0 7px;
    font-size:14px;
    font-size:1.4rem
}

.modFixedCTA__flex__mail small {
    font-size:12px;
    font-size:1.2rem;
    display:block;
    margin:0 0 4px
}

.modFixedCTA__flex__mail a {
    padding:5px 20px 5px 59px
}

.modFixedCTA__flex__mail a .inner:before {
    left:-23px
}

.modFixedCTA__flex__mail a .inner:after {
    left:-38px;
    background-image:url("/s/hc/htlp/assets/img/common/icon_mail.svg");
    width:33px;
    height:16px
}

.header {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}

.header__logo {
    padding:12px 0 0 40px
}

@media screen and (max-width:768px) {
    .header__logo {
    padding:5px 0 0 10px
}


}

.header__logo .logoCaption {
    display:block;
    font-weight:500;
    letter-spacing:0.2em;
    color:#262C25;
    margin:0 0 3px
}

@media screen and (min-width:769px) {
    .header__logo .logoCaption {
    font-size:10px;
    font-size:1rem
}


}

@media screen and (max-width:768px) {
    .header__logo .logoCaption {
    font-size:7px;
    font-size:0.7rem
}


}

.header__logo .logoImage {
    width:149px;
    margin:0 0 0 7px
}

@media screen and (max-width:768px) {
    .header__logo .logoImage {
    width:100px;
    margin:0 0 0 4px
}


}

.header .header__contact__mail a:after,.header .header__contact__phone:after,.header__contact__mail .header a:after {
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat
}

.header .header__contact__mail a:before,.header .header__contact__phone:before,.header__contact__mail .header a:before {
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

.header__contact {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#FA7025;
    padding:0 16px 0 22px;
    border-radius:0 0 0 10px;
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    position:fixed;
    z-index:999;
    top:0;
    right:0
}

@media screen and (max-width:768px) {
    .header__contact {
    display:none
}


}

.header__contact__phone {
    position:relative;
    font-family:"Roboto Condensed",sans-serif;
    text-align:center;
    line-height:1;
    font-size:18px;
    font-size:1.8rem;
    color:#ffffff;
    padding:0 0 0 32px
}

.header__contact__phone small {
    font-size:12px;
    font-size:1.2rem;
    font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,Arial,Helvetica,Verdana,sans-serif,"ＭＳ Ｐゴシック","MS PGothic";
    display:block;
    margin:0 0 4px
}

.header__contact__phone:before {
    left:-5px
}

.header__contact__phone:after {
    left:0;
    background-image:url("/s/hc/htlp/assets/img/common/icon_phone.svg");
    width:21px;
    height:21px
}

.header__contact__mail a {
    display:block;
    position:relative;
    margin:7px 0 7px 18px;
    padding:8px 22px 8px 52px;
    border-radius:50px;
    -webkit-box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    background:#ffffff;
    font-size:14px;
    font-size:1.4rem;
    width:167px;
    text-align:center;
    line-height:1;
    color:#FA7025
}

.header__contact__mail a small {
    font-size:12px;
    font-size:1.2rem;
    display:block;
    margin:0 0 4px
}

.header__contact__mail a:before {
    left:13px
}

.header__contact__mail a:after {
    left:18px;
    background-image:url("/s/hc/htlp/assets/img/common/icon_mail.svg");
    width:33px;
    height:16px
}

@media screen and (min-width:769px) {
    .header__contact__mail a:hover {
    color:#FA7025
}

.header__contact__mail a:hover:before {
    width:40px;
    height:40px;
    background:#FA7025
}

.header__contact__mail a:hover:after {
    -webkit-animation:ctaIcon 0.8s ease-out;
    animation:ctaIcon 0.8s ease-out;
    background-image:url("/s/hc/htlp/assets/img/common/icon_mail_white.svg")
}


}

.footer {
    position:relative
}

.footer__cta {
    background-repeat:no-repeat;
    background-position:bottom left,right;
    background-color:#FA7025;
    background-image:url("/s/hc/htlp/assets/img/common/footer/cta_bg.png"),url("/s/hc/htlp/assets/img/common/footer/cta_img.png");
    border:none
}

@media screen and (min-width:769px) {
    .footer__cta {
    background-size:contain
}


}

@media screen and (max-width:1200px) {
    .footer__cta {
    background-size:cover
}


}

@media screen and (max-width:768px) {
    .footer__cta {
    background-size:100%;
    background-position:bottom,top left;
    background-image:url("/s/hc/htlp/assets/img/common/footer/sp/cta_img.png"),url("/s/hc/htlp/assets/img/common/footer/sp/cta_bg.png");
    background-size:contain cover
}


}

@media screen and (min-width:769px) {
    .footer__cta__inner {
    padding:75px 62px 90px
}


}

@media screen and (max-width:1200px) {
    .footer__cta__inner {
    padding:75px 20px 90px
}


}

@media screen and (max-width:768px) {
    .footer__cta__inner {
    padding:40px 20px 260px
}


}

.footer__cta__title {
    color:#ffffff;
    font-weight:700;
    margin:0 0 16px
}

@media screen and (min-width:769px) {
    .footer__cta__title {
    font-size:44px;
    font-size:4.4rem;
    line-height:1.4
}


}

@media screen and (max-width:1200px) {
    .footer__cta__title {
    line-height:1.2
}


}

@media screen and (max-width:768px) {
    .footer__cta__title {
    font-size:28px;
    font-size:2.8rem;
    line-height:1.4;
    margin:0 0 30px
}


}

.footer__cta__title small {
    font-size:26px;
    font-size:2.6rem;
    display:inline
}

@media screen and (max-width:768px) {
    .footer__cta__title small {
    font-size:21px;
    font-size:2.1rem
}


}

.footer__cta__flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

@media screen and (min-width:769px) {
    .footer__cta__flex {
    margin:70px 0 0;
    gap:0 33px
}


}

@media screen and (max-width:1200px) {
    .footer__cta__flex {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

@media screen and (max-width:768px) {
    .footer__cta__flex {
    margin:45px 0 0;
    gap:0 33px
}


}

.footer__cta__flex .footerPhone {
    min-width:-webkit-max-content;
    min-width:-moz-max-content;
    min-width:max-content
}

@media screen and (max-width:1200px) {
    .footer__cta__flex .footerPhone {
    margin:0 0 47px;
    width:100%;
    min-width:100%;
    text-align:center
}


}

.footer__cta__flex .footerPhone a {
    display:block;
    font-family:"Roboto Condensed",sans-serif;
    font-weight:700;
    line-height:1.3;
    letter-spacing:0
}

@media screen and (min-width:769px) {
    .footer__cta__flex .footerPhone a {
    font-size:56px;
    font-size:5.6rem;
    padding:0 0 0 94px;
    color:#ffffff
}


}

@media screen and (max-width:1200px) {
    .footer__cta__flex .footerPhone a {
    font-size:38px;
    font-size:3.8rem;
    width:100%;
    background:#ffffff;
    color:#FA7025;
    padding:7px 25px 7px 78px;
    border-radius:50px;
    -webkit-box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    box-shadow:0px 5px 15px rgba(56,63,47,0.2)
}


}

.footer__cta__flex .footerPhone a .inner {
    display:inline-block;
    position:relative
}

.footer__cta__flex .footerPhone a .inner:before {
    content:"";
    position:absolute;
    top:50%;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background:#ffffff
}

@media screen and (min-width:769px) {
    .footer__cta__flex .footerPhone a .inner:before {
    width:80px;
    height:80px;
    left:-94px
}


}

@media screen and (max-width:1200px) {
    .footer__cta__flex .footerPhone a .inner:before {
    width:53px;
    height:53px;
    left:-74px;
    background:#FA7025
}


}

.footer__cta__flex .footerPhone a .inner:after {
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/s/hc/htlp/assets/img/common/icon_phone_white.svg")
}

@media screen and (min-width:769px) {
    .footer__cta__flex .footerPhone a .inner:after {
    width:41px;
    height:41px;
    left:-74px
}


}

@media screen and (max-width:1200px) {
    .footer__cta__flex .footerPhone a .inner:after {
    width:31px;
    height:31px;
    left:-64px;
    background-image:url("/s/hc/htlp/assets/img/common/icon_phone.svg")
}


}

.footer__cta__flex .footerPhone a small {
    font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,Arial,Helvetica,Verdana,sans-serif,"ＭＳ Ｐゴシック","MS PGothic"
}

@media screen and (min-width:769px) {
    .footer__cta__flex .footerPhone a small {
    font-size:20px;
    font-size:2rem
}


}

@media screen and (max-width:1200px) {
    .footer__cta__flex .footerPhone a small {
    font-size:12px;
    font-size:1.2rem
}


}

@media screen and (min-width:769px) {
    .footer__cta__flex .footerPhone a:hover:after {
    -webkit-animation:ctaIcon 0.8s ease-out;
    animation:ctaIcon 0.8s ease-out
}


}

.footer__cta__flex .btn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}

@media screen and (min-width:769px) {
    .footer__cta__flex .btn {
    gap:0 20px
}


}

@media screen and (max-width:1200px) {
    .footer__cta__flex .btn {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    gap:0 20px
}


}

@media screen and (max-width:768px) {
    .footer__cta__flex .btn {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

.footer__cta__flex .btn>* {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}

@media screen and (min-width:769px) {
    .footer__cta__flex .btn>* {
    margin:0
}


}

@media screen and (max-width:1200px) {
    .footer__cta__flex .btn>.modCTABtn {
    max-width:none
}


}

.footer__main__nav {
    position:relative;
    background:#3DA423
}

@media screen and (min-width:769px) {
    .footer__main__nav {
    padding:56px 40px
}


}

@media screen and (max-width:768px) {
    .footer__main__nav {
    padding:40px 20px 30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

.footer__main__nav .footerFlex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

@media screen and (min-width:769px) {
    .footer__main__nav .footerFlex {
    width:513px;
    height:auto;
    margin:0 auto 32px;
    gap:0 16px
}


}

@media screen and (max-width:768px) {
    .footer__main__nav .footerFlex {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:10px 0;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}


}

.footer__main__nav .footerFlex__image {
    width:100%;
    border-radius:10px;
    overflow:hidden
}

.footer__main__nav .footerFlex__image a {
    display:block;
    background:#ffffff
}

@media screen and (max-width:768px) {
    .footer__main__nav .footerFlex__image figure {
    height:80px
}


}

.footer__main__nav .footerFlex__image img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

.footer__main__nav .footerMenu {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

@media screen and (min-width:769px) {
    .footer__main__nav .footerMenu {
    gap:0 40px
}


}

@media screen and (max-width:768px) {
    .footer__main__nav .footerMenu {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:0;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0 0 15px;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}


}

@media screen and (max-width:768px) {
    .footer__main__nav .footerMenu__item {
    width:100%;
    margin:0 0 13px
}


}

.footer__main__nav .footerMenu__item a {
    display:block;
    font-size:14px;
    font-size:1.4rem;
    font-weight:700;
    letter-spacing:0.1em;
    position:relative;
    padding:0 25px 0 0;
    color:#ffffff
}

@media screen and (max-width:768px) {
    .footer__main__nav .footerMenu__item a {
    width:100%;
    padding:0
}


}

.footer__main__nav .footerMenu__item a:after,.footer__main__nav .footerMenu__item a:before {
    content:"";
    position:absolute;
    top:50%;
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

.footer__main__nav .footerMenu__item a:before {
    background:#ffffff;
    border-radius:50%;
    width:15px;
    height:15px;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

@media screen and (max-width:768px) {
    .footer__main__nav .footerMenu__item a:before {
    right:7px
}


}

.footer__main__nav .footerMenu__item a:after {
    border-right:2px solid #3DA423;
    border-bottom:2px solid #3DA423;
    -webkit-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg);
    right:6px;
    width:3px;
    height:3px
}

@media screen and (max-width:768px) {
    .footer__main__nav .footerMenu__item a:after {
    right:13px
}


}

@media screen and (min-width:769px) {
    .footer__main__nav .footerMenu__item a:hover {
    text-decoration:underline
}

.footer__main__nav .footerMenu__item a:hover:before {
    right:-14px
}

.footer__main__nav .footerMenu__item a:hover:after {
    right:-8px
}


}

.footer__main__nav .footerMenu__item:last-child {
    margin-bottom:0
}

.footer__main__nav .footerBackTop {
    position:absolute;
    cursor:pointer;
    background:#ffffff;
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-filter:drop-shadow(8px 8px 20px rgba(104,116,90,0.2));
    filter:drop-shadow(8px 8px 20px rgba(104,116,90,0.2))
}

@media screen and (min-width:769px) {
    .footer__main__nav .footerBackTop {
    width:88px;
    height:88px;
    top:50%;
    right:30px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}


}

@media screen and (max-width:768px) {
    .footer__main__nav .footerBackTop {
    width:56px;
    height:56px;
    top:-24px;
    right:12px
}


}

.footer__main__nav .footerBackTop:after {
    content:"";
    width:15px;
    height:15px;
    display:inline-block;
    border-top:5px solid #3DA423;
    border-right:5px solid #3DA423;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top:5px
}

@media screen and (max-width:768px) {
    .footer__main__nav .footerBackTop:after {
    border-width:3px;
    width:10px;
    height:10px
}


}

@media screen and (min-width:769px) {
    .footer__main__nav .footerBackTop:hover {
    -webkit-animation:contentsIcon 1s ease-out;
    animation:contentsIcon 1s ease-out
}


}

.footer__main__copyright {
    padding:16px 40px;
    background:#379020
}

@media screen and (max-width:768px) {
    .footer__main__copyright {
    padding:14px
}


}

.footer__main__copyright p {
    color:#ffffff;
    text-align:center;
    letter-spacing:0.1em
}

@media screen and (min-width:769px) {
    .footer__main__copyright p {
    font-size:11px;
    font-size:1.1rem
}


}

@media screen and (max-width:768px) {
    .footer__main__copyright p {
    font-size:10px;
    font-size:1rem
}


}

.topKv__main {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

@media screen and (min-width:769px) {
    .topKv__main {
    max-width:1200px;
    margin:0 auto
}


}

@media screen and (max-width:768px) {
    .topKv__main {
    max-height:unset;
    height:auto
}


}

.topKv__main__inner {
    width:100%
}

@media screen and (min-width:769px) {
    .topKv__main__inner {
    width:100%;
    margin:0;
    padding:37px 51px 46px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}


}

@media screen and (max-width:1200px) {
    .topKv__main__inner {
    width:45%
}


}

@media screen and (max-width:768px) {
    .topKv__main__inner {
    width:100%;
    padding:0 20px
}


}

@media screen and (max-width:768px) {
    .topKv__main__title {
    width:100%;
    /* max-width:300px; */
    /* margin-topを74pxから増加 */
    margin:200px 0 11px
}


}

.topKv__main__title picture {
    display:block;
    max-width:438px;
    text-align: center;    
}

.topKv__main__title picture img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

.topKv__main__textLead {
    margin:0 0 25px;
    letter-spacing:0.2em;
    font-weight:700
}

@media screen and (min-width:769px) {
    .topKv__main__textLead {
    font-size:19px;
    font-size:1.9rem
}


}

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

.topKv__main__title picture img {
    width:80%;
    height:80%;
    -o-object-fit:contain;
    object-fit:contain
}
    .topKv__main__textLead {
    font-size:14px;
    font-size:1.4rem;
    line-height:1.5
}


}

.topKv__main__list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

.topKv__main__list .kvItem {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.topKv__main__list .kvItem:first-child {
    position:relative;
    padding:0 47px 0 0
}

@media screen and (max-width:768px) {
    .topKv__main__list .kvItem:first-child {
    padding:0 24px 0 0
}


}

.topKv__main__list .kvItem:first-child:after {
    content:"";
    position:absolute;
    right:24px;
    top:0;
    background:#AEC98B;
    width:1px;
    height:100%
}

@media screen and (max-width:768px) {
    .topKv__main__list .kvItem:first-child:after {
    right:13px
}


}

.topKv__main__list .kvItem__image {
    width:65px;
    margin:0 8px 0 0
}

@media screen and (max-width:768px) {
    .topKv__main__list .kvItem__image {
    width:40px;
    margin:0 4px 0 0
}


}

.topKv__main__list .kvItem__content__text {
    font-weight:700;
    line-height:1.4;
    letter-spacing:0.2em
}

@media screen and (min-width:769px) {
    .topKv__main__list .kvItem__content__text {
    font-size:14px;
    font-size:1.4rem
}


}

@media screen and (max-width:768px) {
    .topKv__main__list .kvItem__content__text {
    font-size:12px;
    font-size:1.2rem
}


}

.topKv__main__list .kvItem__content__text span {
    color:#27960B
}

@media screen and (min-width:769px) {
    .topKv__main__list .kvItem__content__text span {
    font-size:18px;
    font-size:1.8rem
}


}

@media screen and (max-width:768px) {
    .topKv__main__list .kvItem__content__text span {
    font-size:16px;
    font-size:1.6rem
}


}


@media screen and (min-width: 769px) {
    .topKv__cta {
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (min-width:769px) {
    .topKv__cta__inner {
    max-width:1200px;
    width:90%;
    margin:20px auto 0
}


}

@media screen and (max-width:768px) {
    .topKv__cta__inner {
    padding:0 10px;
    /* margin-topを追加 */
    margin-top:28px;
}


}

.topKv__cta__flex {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:20px;
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    background-color:#FA7025;
    background-image:url("/s/hc/htlp/assets/img/cta_bg01.png");
    background-repeat:no-repeat;
    background-position:right 2px;
    background-size:contain
}

@media screen and (min-width:769px) {
    .topKv__cta__flex {
    margin:0 0 100px;
    padding:57px 60px 35px 60px;
    gap:0 20px
}


}

@media screen and (max-width:1300px) {
    .topKv__cta__flex {
    margin:0 0 100px;
    padding:57px 30px 35px 30px;
    gap:0 20px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}


}

@media screen and (max-width:768px) {
    .topKv__cta__flex {
    margin:41px 0 60px;
    padding:52px 20px 32px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background-image:url("/s/hc/htlp/assets/img/sp/cta_bg01.png");
    background-size:cover
}


}

.topKv__cta__flex .image {
    position:absolute;
    bottom:2px;
    right:43px
}

@media screen and (min-width:769px) {
    .topKv__cta__flex .image {
    width:20%;
    height:auto
}


}

@media screen and (max-width:1300px) {
    .topKv__cta__flex .image {
    width:20%;
    height:auto;
    right:12px;
    bottom:auto;
    bottom:65%
}


}

@media screen and (max-width:768px) {
    .topKv__cta__flex .image {
    width:127px;
    height:110px;
    right:12px;
    bottom:auto;
    top:-73px
}


}

.topKv__cta__flex .image img {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -o-object-position:9px;
    object-position:9px
}

@media screen and (min-width:769px) {
    .topKv__cta__flex .image img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}


}

@media screen and (max-width:768px) {
    .topKv__cta__flex .image img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -o-object-position:8px;
    object-position:8px
}


}

.topHeading {
    font-size:48px;
    font-size:4.8rem;
    text-align:center;
    font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,Arial,Helvetica,Verdana,sans-serif,"ＭＳ Ｐゴシック","MS PGothic";
    font-weight:700
}

@media screen and (max-width:768px) {
    .topHeading {
    font-size:34px;
    font-size:3.4rem
}


}

.topHeading__smText {
    display:block;
    color:#27960B;
    text-align:center;
    line-height:1.5;
    letter-spacing:0.2em
}

@media screen and (min-width:769px) {
    .topHeading__smText {
    font-size:24px;
    font-size:2.4rem
}


}

@media screen and (max-width:768px) {
    .topHeading__smText {
    font-size:14px;
    font-size:1.4rem;
    margin:0 0 8px
}


}

.topHeading__smText--white {
    color:#ffffff
}

.topHeading__mdText {
    display:inline;
    font-size:40px;
    font-size:4rem
}

@media screen and (max-width:768px) {
    .topHeading__mdText {
    font-size:30px;
    font-size:3rem
}


}

.topHeading__crownText {
    color:#FFE141;
    position:relative;
    display:inline-block;
    margin:12px 0 0
}

@media screen and (max-width:768px) {
    .topHeading__crownText {
    margin:5px 0 0
}


}

.topHeading__crownText:after {
    content:"";
    width:49px;
    height:20px;
    background-image:url("/s/hc/htlp/assets/img/common/icon_textcrown.svg");
    background-size:contain;
    position:absolute;
    top:-18px;
    left:45%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}

@media screen and (max-width:768px) {
    .topHeading__crownText:after {
    width:20px;
    height:8px;
    top:-6px;
    left:58%
}


}

.topHeading__colorYellow {
    color:#FFE141
}

@media screen and (max-width:768px) {
    .topHeading--sp {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center
}


}

@media screen and (max-width:768px) {
    .topHeading__inner {
    line-height:1.4
}


}

.topHeading u {
    text-underline-offset:-4px;
    text-decoration-color:#FFE141;
    text-decoration-thickness:12px
}

.topSection {
    position:relative;
    z-index:1;
}

@media screen and (min-width:769px) {
    .topSection__inner {
    margin:0 auto;
    width:100%;
    max-width:1200px
}


}

.topSection--gradient {
    color:#ffffff;
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:100%;
    background-image:url("/s/hc/htlp/assets/img/section_bg.png"),radial-gradient(50% 50% at 50% 50%,#89D276 0%,#41B125 64.5%)
}

@media screen and (min-width:769px) {
    .topSection--gradient {
    padding:80px 20px 180px
}


}

@media screen and (max-width:768px) {
    .topSection--gradient {
    padding:50px 20px 90px;
    background-image:url("/s/hc/htlp/assets/img/sp/section_bg.png"),radial-gradient(50% 50% at 50% 50%,#89D276 0%,#41B125 64.5%)
}


}

.topSection--solution {
    padding:100px 20px
}

@media screen and (max-width:768px) {
    .topSection--solution {
    padding:90px 20px 70px
}


}

.topSection--solution:before {
    content:"";
    width:186px;
    height:67px;
    position:absolute;
    top:-1px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background-size:100%;
    background-repeat:no-repeat;
    background-image:url("/s/hc/htlp/assets/img/common/icon_bg.svg")
}

@media screen and (max-width:768px) {
    .topSection--solution:before {
    width:184px;
    height:66px
}


}

.topSection--cta {
    padding:41px 20px 55px;
    background-repeat:no-repeat;
    background-position:left,right;
    background-color:#FA7025;
    background-image:url("/s/hc/htlp/assets/img/cta_bg02.png"),url("/s/hc/htlp/assets/img/cta_img02.png");
    background-size:cover,contain
}

@media screen and (max-width:768px) {
    .topSection--cta {
    padding:40px 20px 48px;
    background-position:right;
    background-image:url("/s/hc/htlp/assets/img/sp/cta_bg02.png");
    background-size:cover
}


}

.topSection--introduction {
    padding:0 20px 100px
}

@media screen and (max-width:768px) {
    .topSection--introduction {
    padding:0 20px 70px
}


}

.topSection--introduction:before {
    content:"";
    width:24px;
    height:37px;
    display:block;
    background-repeat:no-repeat;
    background-size:100%;
    background-image:url("/s/hc/htlp/assets/img/common/icon_person.svg");
    position:relative;
    z-index:1
}

@media screen and (min-width:769px) {
    .topSection--introduction:before {
    margin:5px auto 50px
}


}

@media screen and (max-width:768px) {
    .topSection--introduction:before {
    margin:5px auto 34px
}


}

.topSection--introduction:after {
    content:"";
    width:699px;
    height:408px;
    border-radius:50%;
    position:absolute;
    top:-85px;
    left:50%;
    z-index:0;
    background:#FAFFEF;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}

@media screen and (max-width:768px) {
    .topSection--introduction:after {
    width:250px;
    height:146px;
    top:-44px
}


}

.topSection--introduction .topSection__inner {
    position:relative;
    z-index:1
}

.topSection--introduction .topHeading__smText {
    margin:0 0 10px
}

.topSection--flow {
    padding:80px 20px 100px;
    background:#ffffff
}

@media screen and (max-width:768px) {
    .topSection--flow {
    padding:50px 20px 70px
}


}

.topSection--faq {
    padding:80px 20px 60px;
    background:#ffffff
}

@media screen and (max-width:768px) {
    .topSection--faq {
    padding:50px 20px 70px
}


}

.topSection--rate {
    padding:80px 20px 100px
}

@media screen and (max-width:768px) {
    .topSection--rate {
    padding:50px 20px 70px;
    overflow:hidden
}


}

.topSection--voice {
    padding:80px 20px 110px;
    overflow:hidden
}

@media screen and (max-width:768px) {
    .topSection--voice {
    padding:50px 20px 70px
}


}

.topsubSection {
    overflow:hidden;
    border-radius:20px;
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    background:#ffffff
}

@media screen and (min-width:769px) {
    .topsubSection {
    padding:80px 0
}


}

@media screen and (max-width:768px) {
    .topsubSection {
    padding:50px 0 50px
}


}

.topsubSection__inner {
    width:90%;
    padding:0 20px;
    margin:auto
}

@media screen and (max-width:768px) {
    .topsubSection__inner {
    width:100%
}


}

.topsubHeading {
    text-align:center;
    font-weight:700;
    letter-spacing:0.2em
}

@media screen and (min-width:769px) {
    .topsubHeading {
    font-size:32px;
    font-size:3.2rem
}


}

@media screen and (max-width:768px) {
    .topsubHeading {
    font-size:22px;
    font-size:2.2rem
}


}

.topsubHeading span {
    color:#27960B
}

@media screen and (max-width:768px) {
    .topsubHeading span {
    display:block
}


}

.topTextLead {
    font-size:16px;
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0.2em
}

@media screen and (min-width:769px) {
    .topTextLead {
    margin:32px 0 0;
    text-align:center
}


}

@media screen and (max-width:768px) {
    .topTextLead {
    margin:37px 0 0;
    text-align:left
}


}

.topTextLead--colorWhite {
    color:#ffffff
}

.topConcerns {
    margin:33px 0 103px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

@media screen and (max-width:768px) {
    .topConcerns {
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    margin:40px 0 70px
}


}

.topConcerns__image {
    width:157px;
    margin:0 32px 0 0
}

@media screen and (max-width:768px) {
    .topConcerns__image {
    width:100px;
    margin:0 16px -10px 22px
}


}

.topConcerns__list {
    width:518px;
    margin:5px 0 0
}

@media screen and (max-width:768px) {
    .topConcerns__list {
    width:197px;
    margin:0
}


}

.topConcerns__list__item {
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    display:inline-block;
    position:relative;
    font-weight:700;
    letter-spacing:0.2em;
    color:#ffffff;
    border-radius:20px;
    background:#3DA423
}

@media screen and (min-width:769px) {
    .topConcerns__list__item {
    font-size:20px;
    font-size:2rem;
    margin:0 0 24px;
    padding:15px 40px
}


}

@media screen and (max-width:768px) {
    .topConcerns__list__item {
    font-size:12px;
    font-size:1.2rem;
    margin:0 0 16px;
    padding:8px 20px
}


}

.topConcerns__list__item:nth-child(2):before {
    left:102px
}

@media screen and (max-width:768px) {
    .topConcerns__list__item:nth-child(2):before {
    left:65px
}


}

.topConcerns__list__item:before {
    content:"";
    width:30px;
    height:13px;
    position:absolute;
    bottom:-12px;
    left:62px;
    background-repeat:no-repeat;
    background-size:100%;
    background-image:url("/s/hc/htlp/assets/img/common/icon_textbox.svg")
}

@media screen and (max-width:768px) {
    .topConcerns__list__item:before {
    left:38px
}


}

.topConcerns__list__item:last-child {
    margin-bottom:0
}

.topSolution {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:0 25px;
    margin:150px 0 0
}

@media screen and (max-width:768px) {
    .topSolution {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:104px 0 0;
    gap:80px 0
}


}

.topSolution__item {
    width:31.92%;
    background:#ffffff;
    color:#262C25;
    border-radius:20px;
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    padding:40px
}

@media screen and (max-width:768px) {
    .topSolution__item {
    width:100%;
    padding:40px 20px 43px
}


}

.topSolution__item .title {
    font-size:32px;
    font-size:3.2rem;
    color:#27960B;
    font-weight:700;
    text-align:center;
    margin:-108px auto 0;
    background:#ffffff;
    width:100%;
    padding:37px 0 50px;
    border-radius:50%;
    position:relative
}

@media screen and (max-width:768px) {
    .topSolution__item .title {
    font-size:26px;
    font-size:2.6rem;
    padding:28px 0 60px;
    margin:-100px auto 0;
    width:74.6%
}


}

.topSolution__item .title u {
    text-decoration:none;
    display:inline-block;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(0%,#FFE141));
    background:linear-gradient(transparent 70%,#FFE141 0%)
}

.topSolution__item .image {
    margin:-22px auto 24px;
    position:relative;
    text-align:center;
    width:100%
}

@media screen and (min-width:769px) {
    .topSolution__item .image {
    height:226px
}


}

@media screen and (max-width:768px) {
    .topSolution__item .image {
    height:180px
}


}

.topSolution__item .image img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

.topSolution__item .textLead {
    font-weight:700;
    letter-spacing:0.05em;
    margin:0 0 15px
}

@media screen and (min-width:769px) {
    .topSolution__item .textLead {
    font-size:22px;
    font-size:2.2rem
}


}

@media screen and (max-width:768px) {
    .topSolution__item .textLead {
    font-size:20px;
    font-size:2rem
}


}

.topSolution__item .textLead span {
    color:#27960B
}

.topSolution__item .description {
    font-size:16px;
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0.2em
}

.topSolution__item:last-child .image {
    margin-bottom:41px
}

@media screen and (max-width:768px) {
    .topSolution__item:last-child .image {
    margin-bottom:24px
}


}

.topSolution__item:last-child .textLead {
    margin-bottom:35px
}

@media screen and (max-width:768px) {
    .topSolution__item:last-child .textLead {
    margin-bottom:17px
}


}

.topCTA__title {
    color:#ffffff;
    font-size:40px;
    font-size:4rem;
    font-weight:700;
    margin:0 0 16px
}

@media screen and (max-width:768px) {
    .topCTA__title {
    font-size:26px;
    font-size:2.6rem
}


}

.topCTA__textLead {
    color:#ffffff;
    font-weight:500;
    letter-spacing:0.2em;
    margin:0 0 40px
}

@media screen and (min-width:769px) {
    .topCTA__textLead {
    font-size:16px;
    font-size:1.6rem
}


}

@media screen and (max-width:768px) {
    .topCTA__textLead {
    font-size:14px;
    font-size:1.4rem
}


}

.topCTA__flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

@media screen and (max-width:768px) {
    .topCTA__flex {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

.topFeatures {
    margin:78px 0 0
}

@media screen and (max-width:768px) {
    .topFeatures {
    margin:40px 0 0
}


}

.topFeatures__row__flex {
    position:relative;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

@media screen and (min-width:769px) {
    .topFeatures__row__flex {
    margin:0 0 40px
}


}

@media screen and (max-width:768px) {
    .topFeatures__row__flex {
    margin:0 0 25px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

.topFeatures__row__flex .image {
    overflow:hidden;
    position:relative;
    z-index:1
}

@media screen and (min-width:769px) {
    .topFeatures__row__flex .image {
    width:54%;
    border:1px solid #AEC98B;
    border-radius:10px
}


}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .image {
    width:100%;
    padding:20px 20px 0;
    background:#ffffff;
    border-radius:20px 20px 0 0
}


}

.topFeatures__row__flex .image img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

.topFeatures__row__flex .content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}

@media screen and (min-width:769px) {
    .topFeatures__row__flex .content {
    width:57.5%;
    min-height:400px;
    padding:30px 76px 30px
}


}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content {
    width:100%;
    padding:24px 20px 40px
}


}

.topFeatures__row__flex .content:before {
    content:"";
    background:#ffffff;
    position:absolute;
    height:100%;
    top:0
}

@media screen and (min-width:769px) {
    .topFeatures__row__flex .content:before {
    width:calc(100% + 126px);
    left:-126px;
    border-radius:20px
}


}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content:before {
    width:100%;
    left:0;
    border-radius:0 0 20px 20px
}


}

.topFeatures__row__flex .content .inner {
    position:relative;
    z-index:1;
    color:#262C25
}

.topFeatures__row__flex .content__heading {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 0 32px
}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content__heading {
    margin:0 0 16px
}


}

.topFeatures__row__flex .content__heading__point {
    font-family:"Roboto Condensed",sans-serif;
    font-size:56px;
    font-size:5.6rem;
    text-align:center;
    font-weight:700;
    font-style:italic;
    letter-spacing:0;
    min-width:64px;
    line-height:1
}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content__heading__point {
    font-size:32px;
    font-size:3.2rem;
    min-width:42px
}


}

.topFeatures__row__flex .content__heading__point small {
    font-size:22px;
    font-size:2.2rem;
    color:#3DA423;
    margin:10px 0 5px 0
}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content__heading__point small {
    font-size:14px;
    font-size:1.4rem;
    margin:10px 0 5px 0
}


}

.topFeatures__row__flex .content__heading__title {
    width:100%;
    color:#27960B;
    font-weight:700;
    letter-spacing:0.2em;
    position:relative
}

@media screen and (min-width:769px) {
    .topFeatures__row__flex .content__heading__title {
    font-size:28px;
    font-size:2.8rem;
    padding:0 0 0 48px
}


}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content__heading__title {
    font-size:20px;
    font-size:2rem;
    padding:0 0 0 32px
}


}

.topFeatures__row__flex .content__heading__title:before {
    content:"";
    position:absolute;
    left:23px;
    top:50%;
    background:#AEC98B;
    width:1px;
    height:81%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content__heading__title:before {
    left:13px
}


}

.topFeatures__row__flex .content__description {
    font-weight:500;
    letter-spacing:0.2em
}

@media screen and (min-width:769px) {
    .topFeatures__row__flex .content__description {
    font-size:20px;
    font-size:2rem
}


}

@media screen and (max-width:768px) {
    .topFeatures__row__flex .content__description {
    font-size:16px;
    font-size:1.6rem
}


}

.topFeatures__row__flex .content__description u {
    text-underline-offset:-3px;
    text-decoration-color:#FFE141;
    text-decoration-thickness:8px
}

.topFeatures__row__flex:nth-child(2n) {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}

@media screen and (max-width:768px) {
    .topFeatures__row__flex:nth-child(2n) {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

@media screen and (min-width:769px) {
    .topFeatures__row__flex:nth-child(2n) .content:before {
    left:auto;
    right:-126px
}


}

.topFeatures__row__flex:last-child {
    margin:0 0 40px 10px
}

@media screen and (max-width:768px) {
    .topFeatures__row__flex:last-child {
    margin:0 0 25px
}


}

@media screen and (max-width:768px) {
    .topFeatures__row__flex:last-child .content {
    margin:0
}


}

.topFeatures__column {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:0 36px
}

@media screen and (max-width:768px) {
    .topFeatures__column {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:25px 0;
    margin:0
}


}

.topFeatures__column__item {
    background:#ffffff;
    color:#262C25;
    border-radius:20px;
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15)
}

@media screen and (min-width:769px) {
    .topFeatures__column__item {
    width:31.334%;
    padding:24px 24px 42px
}


}

@media screen and (max-width:768px) {
    .topFeatures__column__item {
    width:100%;
    padding:20px 20px 40px
}


}

.topFeatures__column__item .itemSection__image {
    margin:0 0 24px
}

.topFeatures__column__item .itemSection__title {
    margin:0 0 16px;
    font-weight:700;
    letter-spacing:0.1em;
    color:#27960B
}

@media screen and (min-width:769px) {
    .topFeatures__column__item .itemSection__title {
    font-size:22px;
    font-size:2.2rem
}


}

@media screen and (max-width:768px) {
    .topFeatures__column__item .itemSection__title {
    font-size:18px;
    font-size:1.8rem
}


}

.topFeatures__column__item .itemSection__description {
    font-size:16px;
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0.2em
}

.topIntroduction {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

@media screen and (min-width:769px) {
    .topIntroduction {
    margin:170px 0 80px;
    gap:0 16px
}


}

@media screen and (max-width:768px) {
    .topIntroduction {
    margin:72px 0 40px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    gap:56px 16px
}


}

.topIntroduction__item {
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    background:#ffffff;
    border-radius:20px
}

@media screen and (min-width:769px) {
    .topIntroduction__item {
    width:24%;
    padding:60px 24px 32px 24px
}


}

@media screen and (max-width:768px) {
    .topIntroduction__item {
    width:calc(50% - 8px);
    padding:40px 16px 30px 16px
}


}

.topIntroduction__item__image {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

@media screen and (min-width:769px) {
    .topIntroduction__item__image {
    max-width:180px;
    height:auto;
    margin:-163px auto 0
}


}

@media screen and (max-width:768px) {
    .topIntroduction__item__image {
    width:80px;
    height:80px;
    margin:-80px auto 0
}


}

.topIntroduction__item__image img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

@media screen and (min-width:769px) {
    .topIntroduction__item__image img {
    margin:-18px 0 0
}


}

@media screen and (max-width:768px) {
    .topIntroduction__item__image img {
    margin:-16px 0 0
}


}

.topIntroduction__item__title {
    font-weight:700;
    text-align:center;
    color:#27960B;
    margin:-17px 0 24px;
    position:relative
}

@media screen and (min-width:769px) {
    .topIntroduction__item__title {
    font-size:22px;
    font-size:2.2rem
}


}

@media screen and (max-width:768px) {
    .topIntroduction__item__title {
    font-size:18px;
    font-size:1.8rem;
    margin:0 0 16px
}


}

.topIntroduction__item__list li {
    font-weight:500;
    letter-spacing:0.1em;
    position:relative
}

@media screen and (min-width:769px) {
    .topIntroduction__item__list li {
    font-size:16px;
    font-size:1.6rem;
    margin:0 0 16px;
    padding:0 0 0 19px
}


}

@media screen and (max-width:768px) {
    .topIntroduction__item__list li {
    font-size:14px;
    font-size:1.4rem;
    margin:0 0 8px;
    padding:0 0 0 18px
}


}

.topIntroduction__item__list li:last-child {
    margin-bottom:0
}

.topIntroduction__item__list li:before {
    content:"";
    width:8px;
    height:8px;
    background:#27960B;
    position:absolute;
    top:11px;
    left:0;
    border-radius:50%
}

.topCollaboration {
    margin:57px 0 0
}

@media screen and (max-width:768px) {
    .topCollaboration {
    margin:40px 0 0
}


}

.topCollaboration__inner {
    position:relative
}

.topCollaboration__column {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

@media screen and (min-width:769px) {
    .topCollaboration__column {
    gap:0 25px;
    margin:0 0 58px
}


}

@media screen and (max-width:768px) {
    .topCollaboration__column {
    gap:0;
    margin:0 0 96px
}


}

.topCollaboration__column__item {
    width:calc(33.3333333333% - 8.3333333333px);
    height:auto;
    border:2px solid #AEC98B;
    border-radius:20px;
    background:#ffffff;
    padding:24px 24px 40px
}

@media screen and (max-width:768px) {
    .topCollaboration__column__item {
    width:100%;
    padding:20px 20px 40px
}


}

.topCollaboration__column__item .itemSection__image {
    margin:0 0 24px
}

.topCollaboration__column__item .itemSection__title {
    margin:0 0 16px;
    font-size:18px;
    font-size:1.8rem;
    font-weight:700;
    letter-spacing:0.2em
}

.topCollaboration__column__item .itemSection__description {
    font-weight:500;
    letter-spacing:0.1em
}

@media screen and (min-width:769px) {
    .topCollaboration__column__item .itemSection__description {
    font-size:16px;
    font-size:1.6rem
}


}

@media screen and (max-width:768px) {
    .topCollaboration__column__item .itemSection__description {
    font-size:14px;
    font-size:1.4rem
}


}

.topCollaboration__row__flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 0 56px
}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

.topCollaboration__row__flex .image {
    width:44.24%
}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex .image {
    width:100%;
    margin:0 0 24px
}


}

.topCollaboration__row__flex .content {
    width:50.97%
}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex .content {
    width:100%
}


}

.topCollaboration__row__flex .content__flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:0 16px;
    margin:0 0 24px
}

.topCollaboration__row__flex .content__flex__image {
    width:108px
}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex .content__flex__image {
    width:80px;
    margin:0 10px 0 0
}


}

.topCollaboration__row__flex .content__flex__text {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}

.topCollaboration__row__flex .content__flex__text .category span {
    border-radius:50px;
    font-size:18px;
    font-size:1.8rem;
    text-wrap:nowrap;
    padding:0 20px;
    background:#3DA423;
    line-height:1;
    color:#ffffff;
    font-weight:700
}

@media screen and (max-width:768px) {
    .topCollaboration__row__flex .content__flex__text .category span {
    font-size:12px;
    font-size:1.2rem;
    padding:1px 20px
}


}

.topCollaboration__row__flex .content__flex__text .name {
    margin:8px 0 0;
    font-size:32px;
    font-size:3.2rem;
    font-weight:700;
    color:#27960B
}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex .content__flex__text .name {
    font-size:20px;
    font-size:2rem
}


}

.topCollaboration__row__flex .content__flex__text .name small {
    font-size:20px;
    font-size:2rem;
    display:inline
}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex .content__flex__text .name small {
    font-size:14px;
    font-size:1.4rem
}


}

.topCollaboration__row__flex .content__title {
    font-weight:700;
    letter-spacing:0.2em
}

@media screen and (min-width:769px) {
    .topCollaboration__row__flex .content__title {
    font-size:22px;
    font-size:2.2rem;
    margin:0 0 8px
}


}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex .content__title {
    font-size:18px;
    font-size:1.8rem;
    margin:0 0 16px
}


}

.topCollaboration__row__flex .content__description {
    font-weight:500;
    letter-spacing:0.1em
}

@media screen and (min-width:769px) {
    .topCollaboration__row__flex .content__description {
    font-size:16px;
    font-size:1.6rem
}


}

@media screen and (max-width:1000px) {
    .topCollaboration__row__flex .content__description {
    font-size:14px;
    font-size:1.4rem
}


}

.topCollaboration__row__flex:last-child {
    margin-bottom:0
}

.topFreeUsage {
    margin:80px 0 0
}

@media screen and (max-width:1200px) {
    .topFreeUsage {
    margin:80px 4% 0
}


}

@media screen and (max-width:768px) {
    .topFreeUsage {
    margin:40px 0 0
}


}

.topFreeUsage__flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex {
    margin:0 0 56px
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

.topFreeUsage__flex__image {
    position:relative;
    z-index:1
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__image {
    width:50%
}


}

@media screen and (max-width:1200px) {
    .topFreeUsage__flex__image {
    width:40%
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__image {
    width:100%;
    padding:20px 20px 0;
    background:#ffffff;
    border-radius:20px 20px 0 0
}


}

.topFreeUsage__flex__content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:57.5%;
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content {
    padding:65px 80px 70px;
    min-height:420px
}


}

@media screen and (max-width:1200px) {
    .topFreeUsage__flex__content {
    padding:65px 60px 70px
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content {
    width:100%;
    margin:0;
    padding:20px 20px 40px
}


}

.topFreeUsage__flex__content:before {
    content:"";
    background:#ffffff;
    position:absolute;
    height:100%;
    top:0
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content:before {
    width:calc(100% + 60px);
    left:-60px;
    border-radius:20px
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content:before {
    width:100%;
    left:0;
    border-radius:0 0 20px 20px
}


}

.topFreeUsage__flex__content .inner {
    position:relative;
    color:#262C25
}

.topFreeUsage__flex__content .title {
    color:#27960B;
    font-weight:700;
    letter-spacing:0.2em;
    margin:0 0 16px
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content .title {
    font-size:22px;
    font-size:2.2rem
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content .title {
    font-size:20px;
    font-size:2rem
}


}

.topFreeUsage__flex__content .description {
    font-size:16px;
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0.1em;
    margin:0 0 8px
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content .description {
    padding:0 30px 0 0
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content .description {
    padding:0
}


}

.topFreeUsage__flex__content .button {
    max-width:440px;
    width:100%
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content .button {
    margin:60px auto 0
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content .button {
    margin:40px auto 0
}


}

.topFreeUsage__flex__content .button a {
    display:block;
    width:100%;
    background:#FA7025;
    color:#ffffff;
    font-weight:700;
    letter-spacing:0;
    text-align:center;
    border-radius:50px;
    -webkit-box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    position:relative
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content .button a {
    font-size:22px;
    font-size:2.2rem;
    line-height:1;
    padding:34px 17px
}


}

@media screen and (max-width:1200px) {
    .topFreeUsage__flex__content .button a {
    font-size:18px;
    font-size:1.8rem
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content .button a {
    font-size:18px;
    font-size:1.8rem;
    line-height:1.2;
    padding:24px 12px
}


}

.topFreeUsage__flex__content .button a span {
    padding:0 0 0 56px;
    position:relative
}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content .button a span {
    display:inline-block;
    margin:0 0 0 -44px;
    padding:0 0 0 85px;
    line-height:1.4
}


}

.topFreeUsage__flex__content .button a span:before {
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    left:-15px;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

.topFreeUsage__flex__content .button a span:after {
    content:"";
    position:absolute;
    top:50%;
    left:-6px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    width:51px;
    height:25px;
    background-image:url("/s/hc/htlp/assets/img/common/icon_mail_white.svg")
}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content .button a span:after {
    left:30px;
    width:44px;
    height:22px
}


}

.topFreeUsage__flex__content .button a small {
    position:absolute;
    left:50%;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    display:block;
    padding:9px 20px;
    border-radius:100px;
    border:1px solid #27960B;
    background:#ffffff;
    text-align:center;
    color:#27960B;
    white-space:nowrap
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content .button a small {
    font-size:13px;
    font-size:1.3rem;
    top:-22px
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__content .button a small {
    font-size:12px;
    font-size:1.2rem;
    top:-20px
}


}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content .button a:hover span:before {
    width:68px;
    height:68px;
    background:#ffffff
}


}

@media screen and (min-width:769px) and (max-width:768px) {
    .topFreeUsage__flex__content .button a:hover span:before {
    width:58px;
    height:58px
}


}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__content .button a:hover span:after {
    background-image:url("/s/hc/htlp/assets/img/common/icon_mail.svg");
    left:-5px;
    -webkit-animation:ctaIcon 0.8s ease-out;
    animation:ctaIcon 0.8s ease-out
}


}

@media screen and (min-width:769px) and (max-width:768px) {
    .topFreeUsage__flex__content .button a:hover span:after {
    left:-7px
}


}

.topFreeUsage__flex__sticker {
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:50%;
    background:#ffffff;
    letter-spacing:0.15em;
    line-height:1;
    font-weight:700;
    color:#ffffff;
    position:absolute;
    z-index:1
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__sticker {
    width:126px;
    height:126px;
    top:-30px;
    right:-30px;
    font-size:29px;
    font-size:2.9rem;
    padding:0 0 3px 0.15em
}


}

@media screen and (max-width:1200px) {
    .topFreeUsage__flex__sticker {
    width:103px;
    height:103px;
    top:-30px;
    right:-30px;
    padding:0 0 0 0.15em
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__sticker {
    width:78px;
    height:78px;
    top:-40px;
    right:-10px;
    font-size:18px;
    font-size:1.8rem
}


}

.topFreeUsage__flex__sticker:after,.topFreeUsage__flex__sticker:before {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.topFreeUsage__flex__sticker:before {
    background:#FA7025;
    z-index:-1
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__sticker:before {
    width:calc(100% - 8px);
    height:calc(100% - 8px)
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__sticker:before {
    width:calc(100% - 3px);
    height:calc(100% - 3px)
}


}

.topFreeUsage__flex__sticker:after {
    border:1px solid #ffffff
}

@media screen and (min-width:769px) {
    .topFreeUsage__flex__sticker:after {
    width:calc(100% - 16px);
    height:calc(100% - 16px)
}


}

@media screen and (max-width:768px) {
    .topFreeUsage__flex__sticker:after {
    width:calc(100% - 11px);
    height:calc(100% - 11px)
}


}

.topFreeUsage__flex:last-child {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    margin-bottom:0
}

@media screen and (max-width:768px) {
    .topFreeUsage__flex:last-child {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:50px 0 0;
    gap:0 0
}


}

@media screen and (min-width:769px) {
    .topFreeUsage__flex:last-child .topFreeUsage__flex__content {
    padding:75px 60px 70px 102px
}


}

@media screen and (min-width:769px) {
    .topFreeUsage__flex:last-child .topFreeUsage__flex__content:before {
    width:calc(100% + 60px);
    left:auto;
    right:-60px
}


}

.topFreeUsage__flex:last-child .topFreeUsage__flex__content .description {
    padding:0
}

@media screen and (max-width:768px) {
    .topFreeUsage__flex:last-child .topFreeUsage__flex__content {
    margin:0
}


}

.topFreeUsage__flex:last-child .topFreeUsage__flex__sticker {
    right:auto;
    left:-30px
}

@media screen and (max-width:768px) {
    .topFreeUsage__flex:last-child .topFreeUsage__flex__sticker {
    right:-10px;
    left:auto
}


}

.topDevice {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    /* 以下をspace-betweeenからcenterに修正 */
    justify-content:center;
}

@media screen and (min-width:769px) {
    .topDevice {
    margin:80px 0 0
}


}

@media screen and (max-width:768px) {
    .topDevice {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:32px 0 0
}


}

.topDevice__item {
    background:#ffffff;
    /* 幅を修正 */
    width:100%;
    border-radius:20px;
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15)
}

@media screen and (min-width:769px) {
    .topDevice__item {
    padding:40px 40px 64px
}


}

@media screen and (max-width:768px) {
    .topDevice__item {
    width:100%;
    margin:25px 0 0;
    padding:40px 20px
}


}

.topDevice__item__flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:11px 0;
    margin:0 0 24px
}

@media screen and (min-width:769px) {
    .topDevice__item__flex {
    min-height:293px
}


}

@media screen and (max-width:768px) {
    .topDevice__item__flex {
    width:100%;
    padding:0;
    margin:0 0 40px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

@media screen and (min-width:769px) {
    .topDevice__item__flex .device {
    width:37.85%;
    margin:0 20px 0 0
}


}

@media screen and (max-width:768px) {
    .topDevice__item__flex .device {
    width:54.6%;
    margin:0 0 16px
}


}

.topDevice__item__flex .device--karaoke {
    width:28%;
    min-width:142px
}

@media screen and (max-width:768px) {
    .topDevice__item__flex .device--karaoke {
    width:41.02%
}


}

.topDevice__item__flex .company {
    text-align:center
}

@media screen and (min-width:769px) {
    .topDevice__item__flex .company {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}


}

@media screen and (max-width:768px) {
    .topDevice__item__flex .company {
    width:63%
}


}

.topDevice__item__flex .company figcaption {
    font-weight:700;
    text-align:center;
    letter-spacing:0.1em
}

@media screen and (min-width:769px) {
    .topDevice__item__flex .company figcaption {
    font-size:14px;
    font-size:1.4rem;
    margin:0 0 16px
}


}

@media screen and (max-width:768px) {
    .topDevice__item__flex .company figcaption {
    font-size:12px;
    font-size:1.2rem;
    margin:0 0 12px
}


}

.topDevice__item__flex .company img {
    height:auto
}

@media screen and (min-width:769px) {
    .topDevice__item__flex .company img {
    max-width:248px
}


}

@media screen and (max-width:768px) {
    .topDevice__item__flex .company img {
    max-width:163px
}


}

@media screen and (max-width:768px) {
    .topDevice__item__flex .company--karaoke {
    width:86%
}


}

@media screen and (min-width:769px) {
    .topDevice__item__flex .company--karaoke img {
    max-width:295px
}


}

@media screen and (max-width:768px) {
    .topDevice__item__flex .company--karaoke img {
    max-width:240px
}


}

.topDevice__item__content .listItem {
    margin:0 0 24px
}

.topDevice__item__content .listItem:last-child {
    margin-bottom:0
}

.topDevice__item__content .listItem__title {
    font-weight:700;
    color:#27960B;
    letter-spacing:0.2em;
    margin:0 0 8px;
    position:relative;
    padding:0 0 0 28px
}

@media screen and (min-width:769px) {
    .topDevice__item__content .listItem__title {
    font-size:22px;
    font-size:2.2rem
}


}

@media screen and (max-width:768px) {
    .topDevice__item__content .listItem__title {
    font-size:20px;
    font-size:2rem;
    padding:0 0 0 24px
}


}

.topDevice__item__content .listItem__title:before {
    content:"";
    width:18px;
    height:18px;
    position:absolute;
    left:0;
    top:10px;
    background-repeat:no-repeat;
    background-size:100%;
    background-image:url("/s/hc/htlp/assets/img/common/icon_checkmark.svg")
}

.topDevice__item__content .listItem__description {
    font-size:16px;
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0.1em
}

.topVoice {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

@media screen and (min-width:769px) {
    .topVoice {
    margin:145px 0 80px;
    gap:0 24px
}


}

@media screen and (max-width:768px) {
    .topVoice {
    margin:90px 0 80px;
    gap:0;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}


}

.topVoice__item {
    background:#ffffff;
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    border-radius:20px;
    height:auto;
    position:relative
}

@media screen and (min-width:769px) {
    .topVoice__item {
    width:calc(33.3333333333% - 16px);
    padding:0 24px 48px
}


}

@media screen and (max-width:768px) {
    .topVoice__item {
    width:100%;
    padding:0 24px 25px
}


}

@media screen and (min-width:769px) {
    .topVoice__item__section .image {
    width:180px;
    height:180px;
    margin:-90px auto 0
}


}

@media screen and (max-width:768px) {
    .topVoice__item__section .image {
    width:135px;
    height:135px;
    margin:-60px auto 0
}


}

.topVoice__item__section .title {
    color:#27960B;
    font-weight:700;
    letter-spacing:0.2em;
    position:relative;
    margin:0 0 16px;
    color:#27960B
}

@media screen and (min-width:769px) {
    .topVoice__item__section .title {
    font-size:22px;
    font-size:2.2rem
}


}

@media screen and (max-width:768px) {
    .topVoice__item__section .title {
    font-size:18px;
    font-size:1.8rem
}


}

.topVoice__item__section .description {
    font-weight:500;
    letter-spacing:0.1em
}

@media screen and (min-width:769px) {
    .topVoice__item__section .description {
    font-size:16px;
    font-size:1.6rem;
    margin:0 0 16px
}


}

@media screen and (max-width:768px) {
    .topVoice__item__section .description {
    font-size:14px;
    font-size:1.4rem
}


}

.topVideo {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

@media screen and (min-width:769px) {
    .topVideo {
    margin:56px 0 0;
    gap:24px 50px
}


}

@media screen and (max-width:768px) {
    .topVideo {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:40px 0 0;
    gap:24px 50px
}


}

.topVideo__link {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:460px;
    width:100%;
    margin:0 auto
}

.topVideo__link .movie .ytItem {
    aspect-ratio:16/9;
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

.topVideo__link .movie .ytItem img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

@media screen and (min-width:769px) {
    .topVideo__link .movie .ytItem:hover {
    cursor:pointer
}


}

.topVideo__link .text {
    display:block;
    font-weight:700;
    letter-spacing:0.1em;
    color:#27960B;
    margin:16px 0 0
}

@media screen and (min-width:769px) {
    .topVideo__link .text {
    font-size:22px;
    font-size:2.2rem
}


}

@media screen and (max-width:768px) {
    .topVideo__link .text {
    font-size:18px;
    font-size:1.8rem
}


}

.topFlow {
    position:relative;
    z-index:1;
    counter-reset:number 0
}

@media screen and (min-width:769px) {
    .topFlow {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:0 12px;
    margin:80px 0 0
}


}

@media screen and (max-width:1000px) {
    .topFlow {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:80px 0 0
}


}

.topFlow__item {
    position:relative;
    z-index:10;
    text-align:center
}

@media screen and (min-width:769px) {
    .topFlow__item {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:50px 0 0
}

.topFlow__item:first-child {
    z-index:0
}

.topFlow__item:nth-child(2) {
    z-index:-1
}

.topFlow__item:nth-child(3) {
    z-index:-2
}

.topFlow__item:nth-child(4) {
    z-index:-3
}

.topFlow__item:nth-child(5) {
    z-index:-4
}

.topFlow__item:nth-child(6) {
    z-index:-5
}

.topFlow__item:nth-child(7) {
    z-index:-6
}

.topFlow__item:nth-child(8) {
    z-index:-7
}

.topFlow__item:nth-child(9) {
    z-index:-8
}

.topFlow__item:nth-child(10) {
    z-index:-9
}

.topFlow__item:nth-child(11) {
    z-index:-10
}


}

@media screen and (min-width:769px) and (min-width:769px) {
    .topFlow__item:first-child .topFlow__item__section .circle:after {
    display:none
}


}

@media screen and (min-width:769px) and (max-width:1000px) {
    .topFlow__item:first-child .topFlow__item__section .circle:after {
    display:block
}


}

@media screen and (max-width:1000px) {
    .topFlow__item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    width:100%;
    padding:0;
    z-index:1!important
}

.topFlow__item+li {
    margin:50px 0 0
}

.topFlow__item:last-child .topFlow__item__section .circle:after {
    display:none
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}


}

.topFlow__item__section .circle {
    position:relative;
    background:#ffffff;
    border-radius:100%;
    border:2px solid #3DA423;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-weight:700;
    text-align:center
}

.topFlow__item__section .circle:before {
    display:block;
    content:"";
    padding-top:100%
}

@media screen and (min-width:769px) {
    .topFlow__item__section .circle {
    width:100%;
    max-width:158px;
    margin:0 auto
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section .circle {
    width:131px;
    padding:0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}


}

.topFlow__item__section .circle:after {
    content:"";
    position:absolute;
    z-index:-1;
    background-position:left bottom
}

@media screen and (min-width:769px) {
    .topFlow__item__section .circle:after {
    width:50%;
    height:2px;
    top:55%;
    right:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-image:linear-gradient(to right,#3DA423,#3DA423 2px,transparent 2px,transparent 8px);
    background-size:5px 2px;
    background-repeat:repeat-x
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section .circle:after {
    width:2px;
    height:calc(100% + 50px);
    top:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background-image:linear-gradient(to top,#3DA423,#3DA423 2px,transparent 2px,transparent 8px);
    background-size:2px 5px;
    background-repeat:repeat-y
}


}

.topFlow__item__section .circle__inner {
    width:100%
}

.topFlow__item__section .circle__inner:before {
    counter-increment:number;
    content:counter(number,decimal-leading-zero);
    position:absolute;
    font-weight:700;
    font-family:"Roboto Condensed";
    font-style:italic;
    color:rgba(132,218,64,0.3);
    z-index:-1;
    white-space:nowrap
}

@media screen and (min-width:769px) {
    .topFlow__item__section .circle__inner:before {
    line-height:0.8;
    bottom:85%;
    left:-47px;
    font-size:clamp(90px,7vw,110px)
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section .circle__inner:before {
    line-height:1.6;
    font-size:66px;
    font-size:6.6rem;
    right:-10px;
    left:auto;
    bottom:70%
}


}

.topFlow__item__section .circle__icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:65%;
    margin:0 auto
}

@media screen and (min-width:769px) {
    .topFlow__item__section .circle__icon {
    margin-bottom:5px
}


}

.topFlow__item__section .circle__icon img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}

@media screen and (min-width:769px) {
    .topFlow__item__section .circle__icon img {
    max-width:83px;
    max-height:55px
}


}

@media screen and (max-width:768px) {
    .topFlow__item__section .circle__icon img {
    max-width:70px;
    max-height:47px
}


}

.topFlow__item__section .circle__icon--installation img {
    margin-left:10px
}

.topFlow__item__section .circle__title {
    font-weight:700;
    line-height:1.2;
    letter-spacing:0.2em;
    text-align:center
}

@media screen and (min-width:769px) {
    .topFlow__item__section .circle__title {
    font-size:clamp(10px,1.2vw,16px)
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section .circle__title {
    font-size:14px;
    font-size:1.4rem;
    margin:5px 0 0
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section .circle__title>span {
    font-size:11px;
    font-size:1.1rem
}


}

.topFlow__item__section .circle__title small {
    font-size:9px;
    font-size:0.9rem;
    display:inline
}

.topFlow__item__section .circle__title__eng {
    display:block;
    color:#3DA423;
    font-family:"Roboto Condensed";
    font-style:italic;
    margin:5px 0 0;
    letter-spacing:0.1em
}

@media screen and (min-width:769px) {
    .topFlow__item__section .circle__title__eng {
    font-size:clamp(10px,1vw,12px)
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section .circle__title__eng {
    font-size:11px;
    font-size:1.1rem
}


}

.topFlow__item__section .description {
    font-size:16px;
    font-size:1.6rem;
    letter-spacing:0.1em;
    text-align:left
}

@media screen and (min-width:769px) {
    .topFlow__item__section .description {
    margin:23px 0 0
}


}

@media screen and (max-width:1000px) {
    .topFlow__item__section .description {
    margin:0 0 0 14px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}


}

.topFlow__item__section .description a {
    color:#27960B;
    text-decoration:underline;
    text-underline-offset:2px
}

@media screen and (min-width:769px) {
    .topFlow__item__section .description a[href^="tel:"] {
    color:#262C25!important
}


}

.topRate {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}

@media screen and (min-width:769px) {
    .topRate {
    margin:107px 0 0;
    gap:0 26px
}


}

@media screen and (max-width:768px) {
    .topRate {
    margin:20px 0 0;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}


}

.topRate__item {
    position:relative;
    background:#ffffff;
    -webkit-box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    box-shadow:0px 2px 60px rgba(155,186,117,0.15);
    border-radius:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}

@media screen and (min-width:769px) {
    .topRate__item {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:0 65px 57px
}


}

@media screen and (max-width:1200px) {
    .topRate__item {
    padding:0 40px 57px
}


}

@media screen and (max-width:768px) {
    .topRate__item {
    width:100%;
    margin:90px 0 0;
    padding:40px 24px
}


}

.topRate__item__title {
    font-size:32px;
    font-size:3.2rem;
    color:#27960B;
    font-weight:700;
    text-align:center;
    margin:-55px auto 0;
    background:#ffffff;
    width:54%;
    padding:42px 0 37px;
    border-radius:50%
}

@media screen and (max-width:768px) {
    .topRate__item__title {
    font-size:26px;
    font-size:2.6rem;
    padding:28px 0 40px;
    margin:-100px auto 0;
    width:74.6%
}


}

.topRate__item__content {
    margin:0 0 22px
}

.topRate__item__content .description {
    font-size:16px;
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0.1em;
    margin:0 0 16px
}

.topRate__item__content .list__textItem {
    font-size:16px;
    font-size:1.6rem;
    font-weight:700;
    letter-spacing:0.1em;
    position:relative;
    margin:8px 0 0;
    padding:0 0 0 28px;
    background:url("/s/hc/htlp/assets/img/common/icon_checkmark.svg") no-repeat 0 4px;
    background-size:18px 18px
}

.topRate__item__link {
    max-width:455px;
    width:100%;
    margin:0 auto
}

.topRate__item__link a {
    display:block;
    width:100%;
    background:#FA7025;
    font-weight:700;
    letter-spacing:0;
    color:#ffffff;
    border-radius:50px;
    -webkit-box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    box-shadow:0px 5px 15px rgba(56,63,47,0.2);
    position:relative;
    text-align:center
}

@media screen and (min-width:769px) {
    .topRate__item__link a {
    font-size:22px;
    font-size:2.2rem;
    line-height:1;
    padding:34px 17px
}


}

@media screen and (max-width:1200px) {
    .topRate__item__link a {
    font-size:16px;
    font-size:1.6rem
}


}

@media screen and (max-width:768px) {
    .topRate__item__link a {
    font-size:18px;
    font-size:1.8rem;
    line-height:1.4;
    padding:24px 12px
}


}

.topRate__item__link span {
    position:relative;
    padding:0 0 0 56px
}

@media screen and (max-width:768px) {
    .topRate__item__link span {
    display:inline-block;
    margin:0 0 0 -44px;
    padding:0 0 0 85px;
    text-align:left
}


}

.topRate__item__link span:before {
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    left:-15px;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

.topRate__item__link span:after {
    content:"";
    position:absolute;
    top:50%;
    left:-6px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    width:51px;
    height:25px;
    background-image:url("/s/hc/htlp/assets/img/common/icon_mail_white.svg")
}

@media screen and (max-width:768px) {
    .topRate__item__link span:after {
    left:30px;
    width:44px;
    height:22px
}


}

@media screen and (min-width:769px) {
    .topRate__item__link:hover span:before {
    width:68px;
    height:68px;
    background:#ffffff
}


}

@media screen and (min-width:769px) and (max-width:768px) {
    .topRate__item__link:hover span:before {
    width:58px;
    height:58px
}


}

@media screen and (min-width:769px) {
    .topRate__item__link:hover span:after {
    background-image:url("/s/hc/htlp/assets/img/common/icon_mail.svg");
    -webkit-animation:ctaIcon 0.8s ease-out;
    animation:ctaIcon 0.8s ease-out
}


}

.topRate__item:last-child {
    margin-bottom:0
}

@media screen and (min-width:769px) {
    .topFaq {
    margin:80px 0 120px
}


}

@media screen and (max-width:768px) {
    .topFaq {
    margin:40px 0 70px
}


}

.topFaq__list__item .content {
    border-radius:10px;
    overflow:hidden;
    border:1px solid #AEC98B
}

.topFaq__list__item .content>dd,.topFaq__list__item .content>dt {
    letter-spacing:0.1em
}

.topFaq__list__item .content>dd:before,.topFaq__list__item .content>dt:before {
    font-family:"Roboto Condensed",sans-serif;
    font-style:italic;
    line-height:1;
    letter-spacing:0.1em
}

@media screen and (min-width:769px) {
    .topFaq__list__item .content>dd:before,.topFaq__list__item .content>dt:before {
    font-size:32px;
    font-size:3.2rem;
    margin:0 28px 0 0
}


}

@media screen and (max-width:768px) {
    .topFaq__list__item .content>dd:before,.topFaq__list__item .content>dt:before {
    font-size:30px;
    font-size:3rem;
    margin:0 17px 0 0
}


}

.topFaq__list__item .content>dt {
    font-size:16px;
    font-size:1.6rem;
    font-weight:700;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}

@media screen and (min-width:769px) {
    .topFaq__list__item .content>dt {
    cursor:pointer;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:20px 36px;
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out
}


}

@media screen and (max-width:768px) {
    .topFaq__list__item .content>dt {
    padding:21px 40px 22px 20px
}


}

.topFaq__list__item .content>dt:before {
    content:"Q";
    color:#27960B;
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
    margin-top:-5px
}

.topFaq__list__item .content>dt:after {
    content:"";
    position:absolute;
    border-bottom:2px solid #262C25;
    border-right:2px solid #262C25;
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
    top:50%;
    width:8px;
    height:8px;
    -webkit-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%)
}

@media screen and (min-width:769px) {
    .topFaq__list__item .content>dt:after {
    right:40px
}


}

@media screen and (max-width:768px) {
    .topFaq__list__item .content>dt:after {
    right:23px
}


}

.topFaq__list__item .content>dt.is-open {
    border-bottom:none
}

.topFaq__list__item .content>dt.is-open:after {
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}

.topFaq__list__item .content>dd {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background:#FAFFEF;
    font-size:16px;
    font-size:1.6rem;
    line-height:1.8
}

@media screen and (min-width:769px) {
    .topFaq__list__item .content>dd {
    padding:20px 36px 30px
}


}

@media screen and (max-width:768px) {
    .topFaq__list__item .content>dd {
    padding:26px 20px 28px
}


}

.topFaq__list__item .content>dd:before {
    content:"A";
    color:#FA7025
}

@media screen and (min-width:769px) {
    .topFaq__list__item+li {
    margin:14px 0 0
}


}

@media screen and (max-width:768px) {
    .topFaq__list__item+li {
    margin:10px 0 0
}


}


.topFaq__link {
    margin:32px 0 0;
    text-align:right
}

.topFaq__link a {
    display:inline-block;
    position:relative;
    font-size:16px;
    font-size:1.6rem;
    font-weight:700;
    letter-spacing:0.1em;
    color:#27960B;
    padding:0 31px 0 0
}

.topFaq__link a:after {
    content:"";
    width:17px;
    height:18px;
    position:absolute;
    right:0;
    top:5px;
    background-repeat:no-repeat;
    background-size:100%;
    background-image:url("/s/hc/htlp/assets/img/common/icon_link.svg");
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

@media screen and (min-width:769px) {
    .topFaq__link a:hover {
    text-decoration:underline
}

.topFaq__link a:hover:after {
    right:-8px
}


}


/* 追加　はたつんYouTube枠 */

.youtubelink{
    padding:50px 0;
    text-align: center;
    margin-top: 30px;
    display: block;
}

.youtubelink a {
    display:inline-block;
    position:relative;
    font-size:16px;
    font-size:1.6rem;
    font-weight:700;
    letter-spacing:0.1em;
    color:#27960B;
    padding:0 31px 0 0
}

.youtubelink a:after {
    content:"";
    width:17px;
    height:18px;
    position:absolute;
    right:0;
    top:5px;
    background-repeat:no-repeat;
    background-size:100%;
    background-image:url("/s/hc/htlp/assets/img/common/icon_link.svg");
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}

@media screen and (max-width:769px) {
.youtubelink{
    padding:20px 20px 50px;
    width: 100%;
}

    .youtubelink a:hover {
    text-decoration:underline
}

.youtubelinka:hover:after {
    right:-8px
}

}