@charset "UTF-8";
/*
theme Name:
Author:
Description: original theme
version： 0.0.1
*/
* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    -webkit-text-size-adjust: 100%;
    background-color: #FD7F60;
}

main {
    display: block;
    background-color: #fff;
}

.pc_none {
    display: block;
}

@media screen and (min-width: 1024px) {
    .pc_none {
        display: none;
    }
}

#wpadminbar {
    position: fixed !important;
}

.tab_none {
    display: none;
}

@media screen and (min-width: 1024px) {
    .tab_none {
        display: block;
    }
}

.page-template-page-ma-paper-thanks,
.page-template-page-ma-thanks,
.single-library {
    position: relative !important;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #fff;
}

.page-template-page-contact,
.page-template-page-paper,
.single-library {
    background-color: #fff;
}

.st-header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 56px;
    background: #FD7F60;
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

@media screen and (min-width: 1024px) {
    .st-header {
        height: 80px;
    }
}

@media screen and (min-width: 1440px) {
    .st-header {
        height: 96px;
    }
}

.st-header.is-hidden {
    transform: translateY(-150%);
}

.page-template-page-paper .st-header,
.page-template-page-contact .st-header,
.page-template-page-ma-paper-thanks .st-header,
.page-template-page-ma-thanks .st-header {
    position: absolute;
}

.page-template-page-paper .st-header.is-hidden,
.page-template-page-contact .st-header.is-hidden,
.page-template-page-ma-paper-thanks .st-header.is-hidden,
.page-template-page-ma-thanks .st-header.is-hidden {
    transform: translateY(0);
}

.st-header_inner {
    width: 100%;
    height: 100%;
    padding-left: 5%;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1024px) {
    .st-header_inner {
        justify-content: space-between;
        padding: 0;
        width: 93%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_inner {
        justify-content: space-between;
        width: 100%;
        max-width: 1270px;
    }
}

.st-header_logo a {
    display: block;
}

.st-header_logo a img {
    width: 135px;
    height: auto;
}

@media screen and (min-width: 1024px) {
    .st-header_logo a img {
        width: 200px;
        height: auto;
    }
}

@media screen and (min-width: 1240px) {
    .st-header_logo a img {
        width: 250px;
        height: auto;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_logo a img {
        width: 300px;
    }
}

.st-header_nav {
    display: flex;
    margin-left: auto;
    height: 100%;
}

@media screen and (min-width: 1024px) {
    .st-header_nav {
        margin-right: auto;
        align-items: center;
    }
}

@supports (-webkit-touch-callout: none) {
    .st-header_navList {
        height: -webkit-fill-available;
    }
}

.st-header_navList {
    display: none;
    width: 100%;
    height: calc(100vh - 56px);
    position: fixed;
    top: 56px;
    left: 0;
    background: #FD7F60;
    border-top: 1px solid #fff;
    overflow-y: scroll;
    padding-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    .st-header_navList {
        overflow-y: visible;
        height: 100%;
        position: static;
        border-top: none;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .st-header_navList > li + li {
        position: relative;
    }
    .st-header_navList > li + li:before {
        content: "";
        display: block;
        width: 1px;
        height: 18px;
        background: #fff;
        opacity: 0.5;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -9px;
    }
}

.st-header_navList a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #fff;
    height: 56px;
    padding: 0 5%;
}

@media screen and (min-width: 1024px) {
    .st-header_navList a {
        font-size: 15px;
        padding: 0 11px;
        position: relative;
        border-bottom: none;
        height: 100%;
    }
    .st-header_navList a:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #FD7F60;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform 0.3s;
    }
    .st-header_navList a:hover {
        color: #FD7F60;
        opacity: 1;
        text-shadow: none;
    }
    .st-header_navList a:hover:after {
        transform: scale(1, 1);
    }
}

@media screen and (min-width: 1240px) {
    .st-header_navList a {
        padding: 0 12px;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_navList a {
        padding: 0 16px;
        font-size: 16px;
    }
}

@media screen and (min-width: 1024px) {
    .st-header_navList {
        display: flex;
    }
}

.st-header_navList .tp-main_contact {
    margin-top: 20px;
    background-color: #FD7F60 !important;
    padding: 0 5%;
}

@media screen and (min-width: 1024px) {
    .st-header_navList .tp-main_contact {
        display: none;
    }
}

.st-header_navList .tp-main_contact li a {
    padding: 0;
}

.st-header_navList-mega.is-show span:before {
    transform: rotate(180deg);
}

@media screen and (min-width: 1024px) {
    .st-header_navList-mega:hover span {
        color: #FD7F60;
        background-position: bottom 14px center;
    }
    .st-header_navList-mega:hover span:after {
        transform: scale(1, 1);
    }
}

.st-header_navList-mega span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #fff;
    padding: 0 5%;
    position: relative;
}

.st-header_navList-mega span:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.167%22%20height%3D%228.875%22%20viewBox%3D%220%200%2015.167%208.875%22%3E%3Cpath%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%207%22%20d%3D%22M0%201.263A1.275%201.275%200%2001.355.378a1.238%201.238%200%2001.886-.379%201.229%201.229%200%2001.885.379l5.462%205.463L13.019.41a1.256%201.256%200%2001.884-.379%201.257%201.257%200%2001.885.379%201.23%201.23%200%2001.379.884%201.23%201.23%200%2001-.379.885L8.472%208.494a1.227%201.227%200%2001-.885.38%201.225%201.225%200%2001-.884-.38L.355%202.146A1.274%201.274%200%20010%201.263z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    width: 15px;
    height: 8px;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 5%;
    transition: 0.3s;
}

@media screen and (min-width: 1024px) {
    .st-header_navList-mega span {
        height: 100%;
        font-size: 15px;
        padding: 0 12px;
        border-bottom: none;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.167%22%20height%3D%228.875%22%20viewBox%3D%220%200%2015.167%208.875%22%3E%3Cpath%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%207%22%20d%3D%22M0%201.263A1.275%201.275%200%2001.355.378a1.238%201.238%200%2001.886-.379%201.229%201.229%200%2001.885.379l5.462%205.463L13.019.41a1.256%201.256%200%2001.884-.379%201.257%201.257%200%2001.885.379%201.23%201.23%200%2001.379.884%201.23%201.23%200%2001-.379.885L8.472%208.494a1.227%201.227%200%2001-.885.38%201.225%201.225%200%2001-.884-.38L.355%202.146A1.274%201.274%200%20010%201.263z%22%20fill%3D%22%2383DDF7%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: bottom 16px center;
        transition: 0.3s;
    }
    .st-header_navList-mega span:before {
        content: none;
    }
    .st-header_navList-mega span:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 2px;
        background: #FD7F60;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform 0.3s;
    }
    .st-header_navList-mega span:hover {
        color: #FD7F60;
        opacity: 1;
        text-shadow: none;
        cursor: pointer;
        background-position: bottom 14px center;
    }
    .st-header_navList-mega span:hover:after {
        transform: scale(1, 1);
    }
}

@media screen and (min-width: 1440px) {
    .st-header_navList-mega span {
        font-size: 16px;
        padding: 0 16px;
        background-position: bottom 18px center;
    }
}

.st-header_navList-megaContent {
    display: none;
    background: #2f2f2f;
    padding: 0 5%;
    border-bottom: 1px solid #fff;
}

@media screen and (min-width: 1024px) {
    .st-header_navList-megaContent {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        padding: 16px 0 32px;
        border-bottom: none;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_navList-megaContent {
        top: 96px;
        left: 0;
    }
}

@media screen and (min-width: 1024px) {
    .st-header_navList-megaContent ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 698px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .st-header_navList-megaContent ul li {
        width: 31%;
        margin: 0 1.15%;
        height: 48px;
    }
}

.st-header_navList-megaContent ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
    .st-header_navList-megaContent ul li a {
        box-shadow: 0 -1px 0 #83ddf7 inset;
        padding: 0 16px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.875%22%20height%3D%2215.167%22%20viewBox%3D%220%200%208.875%2015.167%22%3E%3Cpath%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%201%22%20d%3D%22M1.263%2015.167a1.275%201.275%200%2001-.885-.355%201.238%201.238%200%2001-.379-.886%201.229%201.229%200%2001.379-.885l5.463-5.462L.41%202.148a1.256%201.256%200%2001-.379-.884A1.257%201.257%200%2001.41.379%201.23%201.23%200%20011.294%200a1.23%201.23%200%2001.885.379l6.315%206.316a1.227%201.227%200%2001.38.885%201.225%201.225%200%2001-.38.884l-6.348%206.348a1.274%201.274%200%2001-.883.355z%22%20fill%3D%22%2383DDF7%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center right;
    }
}

.st-header_navList-megaContent ul li:last-of-type a {
    border-bottom: none;
}

.st-header_button {
    display: flex;
    transition: 0.3s;
}

.st-header_button li a {
    display: block;
    background-color: #FD7F60;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 1024px) {
    .st-header_button li a {
        width: 80px;
        height: 80px;
        font-size: 13px;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_button li a {
        width: 96px;
        height: 96px;
        font-size: 14px;
    }
}

.st-header_button li a span {
    display: none;
}

@media screen and (min-width: 1024px) {
    .st-header_button li a span {
        display: block;
        padding-top: 52px;
        letter-spacing: -0.8px;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_button li a span {
        padding-top: 64px;
    }
}

.st-header_button li + li {
    margin-left: 1px;
}

@media screen and (min-width: 1024px) {
    .st-header_button li + li {
        margin-left: 8px;
    }
}

.st-header_button.is-show {
    opacity: 0;
    visibility: hidden;
}

.st-header_buttonDocument a {
    background-image: url(../img/common/paper-mini.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left 8px center;
}

@media screen and (min-width: 1024px) {
    .st-header_buttonDocument a {
        background-image: url(../img/common/paper.png);
        background-repeat: no-repeat;
        background-size: auto 36px;
        background-position: bottom 34px left 25px;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_buttonDocument a {
        background-position: bottom 41px left 32px;
    }
}

.st-header_buttonContact a {
    background-image: url(../img/common/contact-mini.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left 8px center;
}

@media screen and (min-width: 1024px) {
    .st-header_buttonContact a {
        background-image: url(../img/common/contact.png);
        background-repeat: no-repeat;
        background-size: auto 36px;
        background-position: bottom 34px center;
    }
}

@media screen and (min-width: 1440px) {
    .st-header_buttonContact a {
        background-position: bottom 41px center;
    }
}

.st-header_toggle {
    position: relative;
    width: 56px;
    height: 56px;
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.992%22%20height%3D%226.872%22%20viewBox%3D%220%200%2030.992%206.872%22%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20437%22%20d%3D%22M4.824-.004a9.512%209.512%200%2001-1.1%202.52%2021.079%2021.079%200%2000-1.94-1.3l-.84.832a16.668%2016.668%200%20012.112%201.44%208.392%208.392%200%2001-.936.992A8.467%208.467%200%2001.004%205.872a3.238%203.238%200%2001.832%201A9.6%209.6%200%20003.96%204.264a12.616%2012.616%200%20011.576%201.672l.92-.968a17.5%2017.5%200%2000-1.776-1.7A13.445%2013.445%200%20005.792%201.04a5.106%205.106%200%2001.3-.616zm4.1%202.112a10.625%2010.625%200%20011.16-.04h2.8a10.843%2010.843%200%20011.192.04V.856a7.834%207.834%200%2001-1.216.056h-2.756A7.8%207.8%200%20018.928.856zM8.12%206.064c.3-.024.712-.04%201.24-.04h4.244c.624%200%20.92.008%201.272.04V4.796a11.494%2011.494%200%2001-1.3.056h-4.2a7.933%207.933%200%2001-1.256-.056zm12.712-.376c.16-.9.28-1.7.384-2.552a1.284%201.284%200%2001.144-.536l-.52-.448a1.288%201.288%200%2001-.528.08h-1.936a6.046%206.046%200%2001-.944-.048V3.24a8.82%208.82%200%2001.912-.032h1.728c-.08.792-.2%201.568-.368%202.48h-2.128a5.633%205.633%200%2001-.944-.048v1.056c.232-.024.52-.032.944-.032h3.856c.4%200%20.736.008.944.032V5.64a5.469%205.469%200%2001-.936.048zm3.184-1.584c.312-.032.768-.048%201.464-.048h4.04c.624%200%201.152.016%201.472.04V2.784a10.5%2010.5%200%2001-1.464.056H25.48a9.993%209.993%200%2001-1.464-.064z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: bottom 10px center;
    transition: 0.3s;
}

.st-header_toggle:hover {
    opacity: 0.7;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    .st-header_toggle {
        display: none;
    }
}

.st-header_toggle.is-show {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.616%22%20height%3D%227.232%22%20viewBox%3D%220%200%2022.616%207.232%22%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20438%22%20d%3D%22M2.856%204.368A5.39%205.39%200%20011.08%205.784a3.542%203.542%200%2001.6.824A6.231%206.231%200%20003.664%204.66l.008%201.184c0%20.216-.056.264-.28.264a3.307%203.307%200%2001-.72-.08%203.353%203.353%200%2001.224.96c.232.016.456.024.6.024.912%200%201.128-.176%201.128-.9l-.008-1.744h.192a6.194%206.194%200%2001.712.032v-.952a6.6%206.6%200%2001-.78.032h-.136v-.152a2.27%202.27%200%2001.04-.432H3.616a2.4%202.4%200%2001.04.528v.056H2.184a6.513%206.513%200%2001-.776-.032V4.4a6.252%206.252%200%2001.72-.032zm-1.8-1.632h1.44c.264%200%20.5.008.7.016-.016-.168-.016-.312-.016-.7v-1.3c0-.3.008-.5.024-.736a6.591%206.591%200%2001-.816.032H.836A7.288%207.288%200%2001.02.016a8.844%208.844%200%2001.032.9V6.2A7.679%207.679%200%20010%207.232h1.1a7.813%207.813%200%2001-.048-1.016zm0-1.968H2.24v.312H1.056zm0%20.96H2.24v.32H1.056zM6.888.912c0-.408.008-.632.032-.9a7.2%207.2%200%2001-.816.032H4.496A7.108%207.108%200%20013.68.012c.016.264.024.456.024.736v1.3c0%20.384%200%20.472-.016.712.192-.008.424-.016.7-.016h1.5V6c0%20.176-.048.208-.28.208a4.551%204.551%200%2001-.712-.056A3.487%203.487%200%20015.14%207.16c.4.008.432.008.472.008%201.048%200%201.272-.168%201.272-.984zM4.656.768H5.88v.312H4.656zm0%20.96H5.88v.32H4.656zm7.4-.984a4.906%204.906%200%2001.712%201.184l.72-.344a4.7%204.7%200%2000-.72-1.152zm.976-.432a5.9%205.9%200%2001.7%201.144l.7-.352a5.04%205.04%200%2000-.712-1.1zM8.952.16a4.558%204.558%200%2001.032.592c0%20.248-.008.736-.032%201.832a94.045%2094.045%200%2000-.032%201.944%204.665%204.665%200%2000.12%201.144%201.835%201.835%200%2000.72.968%202.793%202.793%200%20001.48.36%203.135%203.135%200%20002.448-1.024%204.948%204.948%200%2000.984-2.152%204.374%204.374%200%2001-1.168-.728%205.147%205.147%200%2001-.336%201.392%201.962%201.962%200%2001-1.864%201.36%201.152%201.152%200%2001-1-.4c-.152-.224-.192-.5-.192-1.272%200-1.384.1-3.52.176-3.992zm8.1%201.288c.24-.032.312-.032.568-.048%201.176-.056%201.312-.064%201.968-.12a18.367%2018.367%200%2001-3.556%202.816l.64%201.032a4.822%204.822%200%20013.268-1.344c.92%200%201.512.376%201.512.96a1.043%201.043%200%2001-.8%201.04%202.041%202.041%200%2000-.368-.688%201.775%201.775%200%2000-1.408-.648A1.325%201.325%200%200017.4%205.66a1.2%201.2%200%2000.488.976%202.8%202.8%200%20001.624.4%204.031%204.031%200%20002.008-.48%202.019%202.019%200%20001.1-1.816%201.635%201.635%200%2000-.584-1.328%202.531%202.531%200%2000-1.676-.552%204.395%204.395%200%2000-1.32.2%2015.29%2015.29%200%20001.736-1.412%204.122%204.122%200%2001.8-.648l-.568-.832a1.358%201.358%200%2001-.544.1c-.744.056-1.736.1-2.424.1A7.141%207.141%200%200117%20.312zm2.572%204.624a1.166%201.166%200%2001-.336.04c-.52%200-.824-.16-.824-.44%200-.192.16-.32.4-.32.376%200%20.64.248.76.72z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
}

.st-header_toggle.is-show .st-header_toggle-icon i:nth-child(1) {
    transform: translateY(8px) rotate(-45deg);
}

.st-header_toggle.is-show .st-header_toggle-icon i:nth-child(2) {
    opacity: 0;
}

.st-header_toggle.is-show .st-header_toggle-icon i:nth-child(3) {
    transform: translateY(-6px) rotate(45deg);
}

.st-header_toggle-icon {
    display: block;
    position: absolute;
    top: 13px;
    left: 50%;
    margin-left: -9px;
    height: 16px;
    width: 18px;
}

.st-header_toggle-icon i {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transition: transform 0.5s, opacity 0.5s;
}

.st-header_toggle-icon i:nth-child(1) {
    top: 0;
}

.st-header_toggle-icon i:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
}

.st-header_toggle-icon i:nth-child(3) {
    bottom: 0;
}

.st-footer {
    padding: 44px 5% 0;
    border-bottom: 5px solid #FD7F60;
    background: #2f2f2f;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .st-footer {
        padding: 80px 0 0;
        border-bottom: 8px solid #FD7F60;
    }
}

.st-footer a {
    color: #fff;
}

.st-footer_inner {
    position: relative;
    padding-bottom: 85px;
    display: block;
}

@media screen and (min-width: 1024px) {
    .st-footer_inner {
        display: flex;
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_inner {
        display: flex;
        max-width: 1100px;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_content {
        flex: 1;
        margin-right: 40px;
        position: relative;
        padding-bottom: 140px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_content {
        margin-right: 50px;
        padding-bottom: 120px;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_action {
        display: flex;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_corp {
        margin-right: 40px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_corp {
        margin-right: 50px;
    }
}

.st-footer_logo img {
    width: 197px;
    height: 47px;
}

@media screen and (min-width: 1024px) {
    .st-footer_logo img {
        width: 180px;
        height: 42px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_logo img {
        width: 214px;
        height: 51px;
    }
}

.st-footer_address h2 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
}

.st-footer_address p {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.5;
}

.st-footer_link {
    margin-top: 24px;
}

@media screen and (min-width: 1024px) {
    .st-footer_link {
        margin-top: 18px;
        width: 100%;
    }
}

.st-footer_sns {
    display: flex;
    align-items: center;
}

.st-footer_sns li a {
    display: block;
    width: 48px;
    height: 48px;
    transition: 0.3s;
}

@media screen and (min-width: 1024px) {
    .st-footer_sns li a {
        width: 32px;
        height: 32px;
    }
}

.st-footer_sns li + li {
    padding-left: 21px;
    margin-left: 21px;
    position: relative;
}

@media screen and (min-width: 1024px) {
    .st-footer_sns li + li {
        padding-left: 14px;
        margin-left: 14px;
    }
}

.st-footer_sns li + li:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #828282;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

@media screen and (min-width: 1024px) {
    .st-footer_sns li + li:before {
        height: 14px;
        margin-top: -7px;
    }
}

.st-footer_icon-f a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.237%22%20height%3D%2224.903%22%20viewBox%3D%220%200%2013.237%2024.903%22%3E%20%3Cpath%20d%3D%22M314.37%2C213.9l.686-4.473h-4.292v-2.9a2.237%2C2.237%2C0%2C0%2C1%2C2.522-2.418h1.951V200.3a23.792%2C23.792%2C0%2C0%2C0-3.464-.3c-3.535%2C0-5.845%2C2.142-5.845%2C6.02v3.409H302V213.9h3.929v10.813a15.643%2C15.643%2C0%2C0%2C0%2C4.836%2C0V213.9Z%22%20transform%3D%22translate(-302%20-200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center center;
}

@media screen and (min-width: 1024px) {
    .st-footer_icon-f a {
        background-size: 14px auto;
    }
}

.st-footer_icon-f a:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.237%22%20height%3D%2224.903%22%20viewBox%3D%220%200%2013.237%2024.903%22%3E%20%3Cpath%20d%3D%22M314.37%2C213.9l.686-4.473h-4.292v-2.9a2.237%2C2.237%2C0%2C0%2C1%2C2.522-2.418h1.951V200.3a23.792%2C23.792%2C0%2C0%2C0-3.464-.3c-3.535%2C0-5.845%2C2.142-5.845%2C6.02v3.409H302V213.9h3.929v10.813a15.643%2C15.643%2C0%2C0%2C0%2C4.836%2C0V213.9Z%22%20transform%3D%22translate(-302%20-200)%22%20fill%3D%22%230077FB%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    opacity: 1;
}

.st-footer_icon-t a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Logo_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.566%22%20height%3D%2219.961%22%20viewBox%3D%220%200%2024.566%2019.961%22%3E%20%3Cpath%20d%3D%22M23.051%2C6.467c.015.217.015.433.015.652a14.243%2C14.243%2C0%2C0%2C1-14.34%2C14.34v0A14.268%2C14.268%2C0%2C0%2C1%2C1%2C19.2a10.253%2C10.253%2C0%2C0%2C0%2C1.2.073%2C10.12%2C10.12%2C0%2C0%2C0%2C6.259-2.162%2C5.046%2C5.046%2C0%2C0%2C1-4.709-3.5%2C5.024%2C5.024%2C0%2C0%2C0%2C2.275-.087%2C5.04%2C5.04%2C0%2C0%2C1-4.043-4.94V8.516a5.008%2C5.008%2C0%2C0%2C0%2C2.287.631%2C5.046%2C5.046%2C0%2C0%2C1-1.56-6.73A14.3%2C14.3%2C0%2C0%2C0%2C13.1%2C7.682a5.045%2C5.045%2C0%2C0%2C1%2C8.589-4.6%2C10.113%2C10.113%2C0%2C0%2C0%2C3.2-1.224%2C5.059%2C5.059%2C0%2C0%2C1-2.216%2C2.787%2C10.023%2C10.023%2C0%2C0%2C0%2C2.894-.793A10.239%2C10.239%2C0%2C0%2C1%2C23.051%2C6.467Z%22%20transform%3D%22translate(-1%20-1.497)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 37px auto;
    background-position: center center;
}

@media screen and (min-width: 1024px) {
    .st-footer_icon-t a {
        background-size: 24px auto;
    }
}

.st-footer_icon-t a:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Logo_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.566%22%20height%3D%2219.961%22%20viewBox%3D%220%200%2024.566%2019.961%22%3E%20%3Cpath%20d%3D%22M23.051%2C6.467c.015.217.015.433.015.652a14.243%2C14.243%2C0%2C0%2C1-14.34%2C14.34v0A14.268%2C14.268%2C0%2C0%2C1%2C1%2C19.2a10.253%2C10.253%2C0%2C0%2C0%2C1.2.073%2C10.12%2C10.12%2C0%2C0%2C0%2C6.259-2.162%2C5.046%2C5.046%2C0%2C0%2C1-4.709-3.5%2C5.024%2C5.024%2C0%2C0%2C0%2C2.275-.087%2C5.04%2C5.04%2C0%2C0%2C1-4.043-4.94V8.516a5.008%2C5.008%2C0%2C0%2C0%2C2.287.631%2C5.046%2C5.046%2C0%2C0%2C1-1.56-6.73A14.3%2C14.3%2C0%2C0%2C0%2C13.1%2C7.682a5.045%2C5.045%2C0%2C0%2C1%2C8.589-4.6%2C10.113%2C10.113%2C0%2C0%2C0%2C3.2-1.224%2C5.059%2C5.059%2C0%2C0%2C1-2.216%2C2.787%2C10.023%2C10.023%2C0%2C0%2C0%2C2.894-.793A10.239%2C10.239%2C0%2C0%2C1%2C23.051%2C6.467Z%22%20transform%3D%22translate(-1%20-1.497)%22%20fill%3D%22%231DA1F2%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    opacity: 1;
}

.st-footer_icon-w a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.48%22%20height%3D%2219.588%22%20viewBox%3D%220%200%2027.48%2019.588%22%3E%20%3Cpath%20d%3D%22M100%2C208.6h3.926l5.888%2C14.691%2C1.963-4.9-3.926-9.794h3.926l1.963%2C4.9%2C1.963-4.9h3.926l-3.926%2C9.794%2C1.963%2C4.9%2C5.888-14.691h3.926l-7.851%2C19.588H115.7l-1.963-4.9-1.963%2C4.9h-3.926Z%22%20transform%3D%22translate(-100%20-208.6)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 41px auto;
    background-position: center center;
}

@media screen and (min-width: 1024px) {
    .st-footer_icon-w a {
        background-size: 27px auto;
    }
}

.st-footer_icon-w a:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.48%22%20height%3D%2219.588%22%20viewBox%3D%220%200%2027.48%2019.588%22%3E%20%3Cpath%20d%3D%22M100%2C208.6h3.926l5.888%2C14.691%2C1.963-4.9-3.926-9.794h3.926l1.963%2C4.9%2C1.963-4.9h3.926l-3.926%2C9.794%2C1.963%2C4.9%2C5.888-14.691h3.926l-7.851%2C19.588H115.7l-1.963-4.9-1.963%2C4.9h-3.926Z%22%20transform%3D%22translate(-100%20-208.6)%22%20fill%3D%22%2300A6BD%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    opacity: 1;
}

.st-footer_button {
    margin-top: 32px;
}

@media screen and (min-width: 1024px) {
    .st-footer_button {
        margin-top: 24px;
    }
}

@media screen and (min-width: 768px) {
    .st-footer_button-link {
        display: flex;
        align-items: center;
    }
}

.st-footer_button-link a {
    background-color: #FD7F60;
    background-position: center right 5%;
    background-repeat: no-repeat;
    color: #000;
    height: 56px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (min-width: 768px) {
    .st-footer_button-link a {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_button-link a {
        background-image: none;
        justify-content: center;
        padding-left: 0;
        font-size: 14px;
        height: 48px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_button-link a {
        font-size: 15px;
    }
}

@media screen and (min-width: 1440px) {
    .st-footer_button-link a {
        font-size: 16px;
    }
}

.st-footer_button-link a + a {
    margin-top: 12px;
}

@media screen and (min-width: 768px) {
    .st-footer_button-link a + a {
        margin-top: 0;
        margin-left: 16px;
    }
}

.st-footer_button-tel {
    margin-top: 12px;
    display: block;
    border: 1px solid #FD7F60;
    height: 56px;
    border-radius: 28px;
    display: flex;
    align-items: center;
    padding-left: 24px;
}

.st-footer_button-tel:hover {
    opacity: 1;
}

@media screen and (min-width: 376px) {
    .st-footer_button-tel {
        justify-content: center;
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .st-footer_button-tel {
        border: none;
        height: auto;
        cursor: default;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_button-tel {
        margin-top: 16px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_button-tel {
        margin-top: 24px;
    }
}

.st-footer_button-tel p {
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .st-footer_button-tel p {
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_button-tel p {
        display: block;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_button-tel p {
        display: flex;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_button-tel .tp-main_contactBtn-telText {
        font-size: 14px;
    }
}

@media screen and (min-width: 1440px) {
    .st-footer_button-tel .tp-main_contactBtn-telText {
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .st-footer_button-tel .tp-main_contactBtn-telNumWrap {
        margin-top: 8px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_button-tel .tp-main_contactBtn-telNumWrap {
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_button-tel .tp-main_contactBtn-telNum {
        font-size: 27px;
        padding-left: 26px;
    }
}

.st-footer_button-tel .tp-main_contactBtn-telNum:before {
    top: -20px;
}

@media screen and (min-width: 768px) {
    .st-footer_button-tel .tp-main_contactBtn-telNum:before {
        top: 50%;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_button-tel .tp-main_contactBtn-telNum:before {
        width: 24px;
        height: 24px;
        margin-top: -14px;
    }
}

.st-footer_button-tel .tp-main_contactBtn-telTime {
    padding-bottom: 4px;
}

@media screen and (min-width: 1024px) {
    .st-footer_button-tel .tp-main_contactBtn-telTime {
        font-size: 12px;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 1440px) {
    .st-footer_button-tel .tp-main_contactBtn-telTime {
        letter-spacing: 0;
        margin-left: 0;
    }
}

.st-footer_nav {
    display: flex;
    margin-left: auto;
    height: 100%;
}

@media screen and (min-width: 1024px) {
    .st-footer_nav {
        margin: 0;
        height: auto;
    }
}

.st-footer_nav {
    margin-top: 32px;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
}

@media screen and (min-width: 1024px) {
    .st-footer_nav {
        margin: 0;
    }
}

.st-footer_navList {
    width: 100%;
    border-top: 1px solid #828282;
}

@media screen and (min-width: 1024px) {
    .st-footer_navList {
        display: flex;
        flex-wrap: wrap;
        margin-top: 28px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navList {
        flex-wrap: nowrap;
    }
}

.st-footer_navList a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #828282;
    height: 56px;
    padding: 0 5%;
}

@media screen and (min-width: 1024px) {
    .st-footer_navList a {
        border: none;
        padding: 0;
        height: auto;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList > li {
        width: 33%;
        margin-top: 28px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navList > li {
        width: 23%;
        margin-top: 28px;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList > li:last-of-type {
        width: 100%;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navList > li:last-of-type {
        width: 31%;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList > li:last-of-type ul {
        display: flex;
        margin-top: 32px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navList > li:last-of-type ul {
        display: block;
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList > li:last-of-type li {
        margin-top: 0;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navList > li:last-of-type li {
        margin-top: 28px;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList > li:last-of-type li + li {
        margin-left: 32px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navList > li:last-of-type li + li {
        margin-left: 0;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList > li li {
        margin-top: 28px;
    }
}

.st-footer_navList-mega span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #828282;
    padding: 0 5%;
    position: relative;
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-mega span {
        border: none;
        display: none;
        padding: 0;
    }
}

.st-footer_navList-mega span:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.167%22%20height%3D%228.875%22%20viewBox%3D%220%200%2015.167%208.875%22%3E%3Cpath%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%207%22%20d%3D%22M0%201.263A1.275%201.275%200%2001.355.378a1.238%201.238%200%2001.886-.379%201.229%201.229%200%2001.885.379l5.462%205.463L13.019.41a1.256%201.256%200%2001.884-.379%201.257%201.257%200%2001.885.379%201.23%201.23%200%2001.379.884%201.23%201.23%200%2001-.379.885L8.472%208.494a1.227%201.227%200%2001-.885.38%201.225%201.225%200%2001-.884-.38L.355%202.146A1.274%201.274%200%20010%201.263z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    width: 15px;
    height: 8px;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 5%;
    transition: 0.3s;
    margin-top: -2px;
}

.st-footer_navList-mega.is-show span:before {
    transform: rotate(180deg);
}

.st-footer_navList-megaContent {
    display: none;
    background: #222;
    padding: 0 5%;
    border-bottom: 1px solid #828282;
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-megaContent {
        padding: 0;
        border: none;
        display: block;
        background: inherit;
        font-size: 15px;
        font-weight: normal;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-megaContent a {
        font-size: 15px;
        font-weight: normal;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-megaContent li {
        margin-top: 14px !important;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-megaContent li:first-of-type a {
        font-size: 16px;
        font-weight: bold;
    }
}

.st-footer_navList-megaContent li:last-of-type a {
    border-bottom: none;
}

.st-footer_navList-blank {
    position: relative;
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-blank {
        display: flex;
    }
}

.st-footer_navList-blank:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    top: 50%;
    right: 5%;
    margin-top: -10px;
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-blank:before {
        content: none;
    }
}

@media screen and (min-width: 1024px) {
    .st-footer_navList-blank:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        background-size: 14px 14px;
        background-position: center center;
        margin: 4px 0 0 4px;
    }
}

.st-footer_navSub {
    margin-top: 32px;
}

@media screen and (min-width: 1024px) {
    .st-footer_navSub {
        border-top: 1px solid #828282;
        padding-top: 32px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navSub ul {
        display: flex;
    }
}

.st-footer_navSub a {
    font-size: 14px;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1024px) {
    .st-footer_navSub a {
        letter-spacing: -0.2px;
    }
}

.st-footer_navSub a:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 2px 0 0 4px;
}

.st-footer_navSub li + li {
    margin-top: 32px;
}

@media screen and (min-width: 1024px) {
    .st-footer_navSub li + li {
        margin-top: 16px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navSub li + li {
        margin-top: 0;
        padding-left: 8px;
        margin-left: 8px;
        position: relative;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_navSub li + li:before {
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background-color: #828282;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
    }
}

.st-footer_pMark {
    width: 75px;
    height: 75px;
    margin: 32px auto;
}

@media screen and (min-width: 1024px) {
    .st-footer_pMark {
        position: absolute;
        bottom: 80px;
        right: 0;
        margin: 0;
    }
}

.st-footer_pMark img {
    width: 75px;
    height: 75px;
}

.st-footer_wantedly {
    margin-top: 32px;
}

@media screen and (min-width: 1024px) {
    .st-footer_wantedly {
        width: 260px !important;
        margin-top: 16px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_wantedly {
        width: 300px !important;
    }
}

.st-footer_wantedly iframe {
    width: 100% !important;
    height: 420px !important;
}

@media screen and (min-width: 1024px) {
    .st-footer_wantedly iframe {
        height: 100% !important;
        padding-bottom: 80px;
    }
}

.st-footer_copy {
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 36px;
}

@media screen and (min-width: 1024px) {
    .st-footer_copy {
        width: auto;
        left: 0;
        bottom: 80px;
    }
}

@media screen and (min-width: 1240px) {
    .st-footer_copy {
        bottom: 80px;
    }
}

.st-footerShort {
    background: #2f2f2f;
    border-bottom: 5px solid #FD7F60;
}

@media screen and (min-width: 1024px) {
    .st-footerShort {
        border-bottom: 8px solid #FD7F60;
    }
}

.st-footerShort_inner {
    padding: 0 5%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 140px;
}

@media screen and (min-width: 768px) {
    .st-footerShort_inner {
        padding: 0;
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .st-footerShort_inner {
        max-width: 1270px;
        padding: 0 60px 0;
        height: 127px;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1240px) {
    .st-footerShort_inner {
        padding: 0 80px 0;
    }
}

@media screen and (min-width: 1024px) {
    .st-footerShort_contant {
        display: flex;
        align-items: center;
    }
}

.st-footerShort_logo {
    display: block;
    width: 177px;
    margin: 0 auto;
}

.st-footerShort_logo img {
    width: 100%;
    height: auto;
}

.st-footerShort_copy {
    color: #fff;
    font-size: 12px;
    margin-top: 12px;
}

@media screen and (min-width: 1024px) {
    .st-footerShort_copy {
        margin-top: 0;
        margin-left: 16px;
    }
}

_:-ms-input-placeholder,
:root .st-footer_button-link a {
    padding-top: 4px;
    padding-bottom: 0;
}

_:-ms-input-placeholder,
:root .st-footer_button-tel .tp-main_contactBtn-telNum {
    padding-top: 4px;
    padding-bottom: 0;
}

.page-main {
    padding-top: 56px;
    display: block;
}

@media screen and (min-width: 1024px) {
    .page-main {
        padding-top: 80px;
    }
}

@media screen and (min-width: 1440px) {
    .page-main {
        padding-top: 96px;
    }
}

.page-pankuzu {
    margin: 32px 0 0;
    padding-bottom: 20px;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .page-pankuzu {
        width: 90%;
        padding: 0 0 16px;
        margin: 32px auto 0;
    }
}

@media screen and (min-width: 1024px) {
    .page-pankuzu {
        margin-top: 46px;
        width: 100%;
        max-width: 1270px;
        padding: 0 60px 20px;
    }
}

@media screen and (min-width: 1240px) {
    .page-pankuzu {
        padding: 0 80px 20px;
    }
}

.page-pankuzu ul {
    display: flex;
    align-items: center;
    overflow-x: auto;
    padding: 4px 0;
}

.page-pankuzu li {
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1;
    white-space: nowrap;
}

@media screen and (min-width: 1024px) {
    .page-pankuzu li {
        font-size: 14px;
    }
}

.page-pankuzu li + li:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.192%22%20height%3D%2236.411%22%20viewBox%3D%220%200%2019.192%2036.411%22%3E%3Cpath%20d%3D%22M.691%2035.664a2.7%202.7%200%20010-3.61l12.823-13.848L.691%204.358a2.7%202.7%200%20010-3.61%202.242%202.242%200%20013.343%200L18.5%2016.379a2.635%202.635%200%2001.692%201.824%202.624%202.624%200%2001-.692%201.821L4.033%2035.66a2.273%202.273%200%2001-1.671.747%202.277%202.277%200%2001-1.671-.743z%22%20fill%3D%22%23989898%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    display: block;
    width: 6px;
    height: 10px;
    background-position: center center;
    background-size: contain;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: -2px;
}

@media screen and (min-width: 1024px) {
    .page-pankuzu li + li:before {
        width: 6px;
        height: 9px;
    }
}

.page-pankuzu a {
    color: #fff;
}

.pankuzuList__single.page-pankuzu {
    margin-top: 20px;
}
.pankuzuList__single.page-pankuzu li,
.pankuzuList__single.page-pankuzu a {
    color: #000;
}

.tp-main_visual {
    background: #FD7F60;
    padding-top: 56px;
    padding-bottom: 20px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .tp-main_visual {
        padding-bottom: 150px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_visual {
        padding-top: 80px;
        padding-bottom: 200px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_visual {
        padding-top: 88px;
    }
}

.tp-main_inner {
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .tp-main_inner {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_inner {
        max-width: 1100px;
    }
}

.tp-main_title h1 {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

@media screen and (min-width: 376px) {
    .tp-main_title h1 {
        font-size: 40px;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_title h1 {
        text-align: left;
        margin-top: 56px;
        font-size: 48px;
        position: relative;
        z-index: 2;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_title h1 {
        font-size: 64px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_title h1 {
        margin-top: 60px;
        font-size: 80px;
    }
}

.tp-main_image {
    width: 58.6%;
    margin: 16px auto 20px;
}

@media screen and (min-width: 768px) {
    .tp-main_image {
        width: 50%;
        position: absolute;
        top: 64px;
        left: 50%;
        z-index: 1;
        margin-left: 35px;
        max-width: 400px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_image {
        width: 420px;
        top: 88px;
        margin-left: 93px;
        max-width: 420px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_image {
        width: 510px;
        top: 116px;
        margin-left: 93px;
        max-width: 510px;
    }
}

.tp-main_image img {
    width: 100%;
    height: auto;
}

.tp-main_text {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .tp-main_text {
        position: relative;
        z-index: 2;
    }
}

.tp-main_text h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

@media screen and (min-width: 321px) {
    .tp-main_text h2 {
        font-size: 18px;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_text h2 {
        text-align: left;
        margin-top: 24px;
        font-size: 24px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_text h2 {
        font-size: 32px;
        margin-top: 20px;
    }
}

.tp-main_text p {
    text-align: center;
    font-size: 10px;
    margin-top: 16px;
    line-height: 1.5;
}

@media screen and (min-width: 321px) {
    .tp-main_text p {
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_text p {
        text-align: left;
        font-size: 16px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_text p {
        margin-top: 18px;
        font-size: 18px;
        line-height: 2;
    }
}

.tp-main_contact {
    background: #2f2f2f;
    padding: 5%;
}

@media screen and (min-width: 768px) {
    .tp-main_contact {
        border-radius: 20px;
        margin: -120px 5% 0;
        position: relative;
        z-index: 1;
        padding: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contact {
        max-width: 700px;
        margin: -140px auto 0;
        padding: 40px 40px 40px;
    }
}

@media screen and (min-width: 1240px) {
    .tp-main_contact {
        margin: -140px auto 0;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_contact li {
        width: 75%;
    }
}

.tp-main_contact li a {
    background-color: #FD7F60;
    height: 64px;
    color: #000;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 375px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .tp-main_contact li a {
        width: 100%;
        height: 80px;
        max-width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contact li a {
        width: 100%;
        height: 100px;
        max-width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contact li a {
        justify-content: flex-start;
    }
}

.tp-main_contact li a p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .tp-main_contact li a p {
        justify-content: flex-start;
    }
}

.tp-main_contact li a p > span {
    display: block;
    line-height: 1;
    font-size: 16px;
    margin-left: 8px;
}

@media screen and (min-width: 321px) {
    .tp-main_contact li a p > span {
        font-size: 19px;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_contact li a p > span {
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contact li a p > span {
        font-size: 23px;
    }
}

@media screen and (min-width: 1240px) {
    .tp-main_contact li a p > span {
        font-size: 26px;
        text-shadow: 2px 0 0 #FD7F60, 0 2px 0 #FD7F60, -2px 0 0 #FD7F60, 0 -2px 0 #FD7F60;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_contact li a p > span {
        letter-spacing: 0;
        margin-left: 10px;
    }
}

.tp-main_contact li a p > span span {
    display: block;
    line-height: 1;
    font-size: 10px;
    margin-top: 6px;
}

@media screen and (min-width: 321px) {
    .tp-main_contact li a p > span span {
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_contact li a p > span span {
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contact li a p > span span {
        font-size: 14px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 1240px) {
    .tp-main_contact li a p > span span {
        font-size: 15px;
        text-shadow: 2px 0 0 #FD7F60, 0 2px 0 #FD7F60, -2px 0 0 #FD7F60, 0 -2px 0 #FD7F60;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_contact li a p > span span {
        letter-spacing: 0;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn {
        display: flex;
    }
}

.tp-main_contactBtn-document a {
    position: relative;
}

@media screen and (min-width: 1240px) {
    .tp-main_contactBtn-document a {
        background-position: center right 16px;
        background-repeat: no-repeat;
    }
}

.tp-main_contactBtn-document a p:before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #FD7F60;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.239%22%20height%3D%2221.742%22%20viewBox%3D%220%200%2023.239%2021.742%22%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20113%22%20d%3D%22M8.588%2010.088H2.894v1.6h5.694zm0%203.663H2.894v1.6h5.694zm5.694%203.363H2.894v1.6h11.388zm.753-15.508a.568.568%200%2001.541.591v2.975q.185-.178.375-.357l1.224-1.186V2.006c0-.025-.025-.142-.034-.208a2.117%202.117%200%2000-.533-1.09%202.139%202.139%200%2000-1.05-.641%203.145%203.145%200%2000-.483-.066H2.089c-.075.008-.158.008-.216.017-.108.016-.216.042-.316.066-.075.025-.158.058-.216.075-.075.025-.151.075-.225.108A2.18%202.18%200%2000.05%201.674L0%202.006v17.731a3.357%203.357%200%2000.05.332c.025.108.066.208.1.316a1.5%201.5%200%2001.076.166%202.213%202.213%200%20001.5%201.141c.116.017.233.042.349.05h13.019c.025%200%20.216-.025.316-.042a2.061%202.061%200%2000.358-.1%202.155%202.155%200%2000.841-.567%202.174%202.174%200%2000.5-.932c.025-.125.05-.25.066-.375v-7.905l-1.6%201.552v6.161a.593.593%200%2001-.525.6H2.113a.574.574%200%2001-.516-.591V2.204a.782.782%200%2000.008-.134.57.57%200%2001.525-.467zm-.741%201.457H2.883v5.1h9.6l1.812-1.746zm-1.6%201.607v1.882H4.48V4.67zm.055%209.282l-1.941-1.941-1.04%202.972%202.947-1zm-1.36-2.561l1.947%201.947%202.24-2.167v.008l1.6-1.546v-.008l.52-.5%205.544-5.361-1.9-1.963-5.542%205.34z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 31px auto;
    background-position: center left 11px;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-document a p:before {
        background-size: 38px auto;
        background-position: center left 11px;
        width: 56px;
        height: 56px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-document a p:before {
        background-size: 41px auto;
        background-position: center left 16px;
        width: 64px;
        height: 64px;
        position: relative;
        margin-left: 16px;
    }
}

.tp-main_contactBtn-contact {
    /*margin-top: 12px;*/
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-contact {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-contact {
        margin: 0 auto;
    }
}

.tp-main_contactBtn-contact a {
    position: relative;
}

@media screen and (min-width: 1240px) {
    .tp-main_contactBtn-contact a {
        background-position: center right 16px;
        background-repeat: no-repeat;
    }
}

.tp-main_contactBtn-contact a p:before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #fff;
    background-image: url("../img/common/contact.png");
    background-repeat: no-repeat;
    background-size: 27px auto;
    background-position: center center;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-contact a p:before {
        background-size: 32px auto;
        width: 56px;
        height: 56px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-contact a p:before {
        background-size: 36px auto;
        width: 64px;
        height: 64px;
        margin-left: 16px;
    }
}

.tp-main_contactBtn-tel {
    margin-top: 12px;
    font-family: Helvetica, Arial;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-tel {
        margin-top: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-tel {
        margin-top: 24px;
    }
}

.tp-main_contactBtn-tel a {
    display: flex;
    align-items: center;
    height: 64px;
    border-radius: 32px;
    border: 2px solid #FD7F60;
    position: relative;
    max-width: 375px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-tel a {
        border: none;
        max-width: none;
        cursor: default;
    }
    .tp-main_contactBtn-tel a:hover {
        opacity: 1;
    }
}

.tp-main_contactBtn-tel p {
    display: block;
    padding-left: 72px;
    width: 100%;
}

.tp-main_contactBtn-tel p span {
    display: block;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-tel p {
        display: flex;
        align-items: center;
        margin: 0 auto;
        padding-left: 0;
        justify-content: center;
    }
}

.tp-main_contactBtn-tel p:before {
    content: "";
    position: absolute;
    display: block;
    top: -2px;
    left: -2px;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    border: 2px solid #FD7F60;
    background-image: url(../img/top/tel-image.png);
    background-size: 64px 64px;
    background-position: -2px -2px;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-tel p:before {
        position: static;
        margin-right: 8px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-tel p:before {
        width: 70px;
        height: 70px;
        background-size: 70px 70px;
    }
}

.tp-main_contactBtn-telText {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-telText {
        font-size: 14px;
        margin-right: 8px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-telText {
        font-size: 18px;
    }
}

@media screen and (min-width: 1240px) {
    .tp-main_contactBtn-telText {
        font-size: 20px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_contactBtn-telText {
        margin: 0 24px;
    }
}

.tp-main_contactBtn-telNumWrap {
    display: block;
    align-items: flex-end;
    margin-top: 2px;
}

@media screen and (min-width: 321px) {
    .tp-main_contactBtn-telNumWrap {
        display: flex !important;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-telNumWrap {
        align-items: center;
    }
}

.tp-main_contactBtn-telNum {
    color: #FD7F60;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 1;
    position: relative;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-telNum {
        padding-left: 40px;
        font-size: 36px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-telNum {
        padding-left: 48px;
        font-size: 44px;
    }
}

@media screen and (min-width: 1240px) {
    .tp-main_contactBtn-telNum {
        padding-left: 48px;
        font-size: 48px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_contactBtn-telNum {
        letter-spacing: 0.1px;
    }
}

.tp-main_contactBtn-telNum:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.076%22%20height%3D%2223.081%22%20viewBox%3D%220%200%2023.076%2023.081%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%8C%96%20136%22%20fill%3D%22%2300ff49%22%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20104%22%20d%3D%22M15.945%2014.966c-.234-.206-1.38-1.206-1.6-1.361s-.392-.251-.643-.036-.934.675-1.141.8-.371.113-.6-.091a7.58%207.58%200%2001-1.8-1.9%208.35%208.35%200%2001-.994-2.234c-.081-.307.1-.411.27-.507s.354-.232.533-.351a1.86%201.86%200%2000.394-.368.488.488%200%2000.106-.466c-.031-.151-.208-1.6-.291-2.186s-.326-.56-.484-.6-.329-.115-.508-.164a1.048%201.048%200%2000-.81.135%203.089%203.089%200%2000-1.557%201.95%205.247%205.247%200%2000.339%203.026%2011.241%2011.241%200%20003.5%205.231c2.448%201.8%202.546%201.449%203.05%201.537a2.837%202.837%200%20002.168-.76%202.225%202.225%200%2000.508-1.213c-.036-.128-.2-.241-.431-.445z%22%2F%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20105%22%20d%3D%22M11.748%2020.694a9.544%209.544%200%2001-5.242-1.562l-3.658%201.162%201.188-3.509a9.377%209.377%200%2001-1.813-5.54%209.526%209.526%200%20119.527%209.448zm0-20.694A11.29%2011.29%200%2000.419%2011.245a11.108%2011.108%200%20001.627%205.8L0%2023.079l6.276-1.991a11.35%2011.35%200%200016.8-9.843A11.286%2011.286%200%200011.748%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    top: -14px;
    right: 37px;
}

@media screen and (min-width: 321px) {
    .tp-main_contactBtn-telNum:before {
        top: -21px;
        right: -28px;
    }
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-telNum:before {
        width: 32px;
        height: 32px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%8C%96%20136%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2239.992%22%20viewBox%3D%220%200%2040%2039.992%22%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20104%22%20d%3D%22M27.637%2025.933c-.405-.358-2.391-2.09-2.78-2.359s-.68-.435-1.115-.062-1.619%201.17-1.977%201.395-.643.2-1.046-.158a13.14%2013.14%200%2001-3.128-3.29%2014.476%2014.476%200%2001-1.722-3.872c-.14-.532.174-.713.468-.878.272-.149.614-.4.924-.609a3.225%203.225%200%2000.682-.638.846.846%200%2000.184-.808c-.054-.261-.361-2.766-.5-3.788s-.565-.971-.84-1.046-.57-.2-.881-.284a1.816%201.816%200%2000-1.4.233%205.353%205.353%200%2000-2.7%203.379%209.093%209.093%200%2000.588%205.244c.15.373%201.821%205.95%206.064%209.066s4.413%202.511%205.286%202.664a4.916%204.916%200%20003.757-1.318%203.856%203.856%200%2000.881-2.1c-.063-.221-.344-.417-.746-.771z%22%20fill%3D%22%2300ff49%22%2F%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20105%22%20d%3D%22M35.864%2019.632a16.54%2016.54%200%2001-2.707%209.086l2.014%206.34-6.081-2.059a16.249%2016.249%200%2001-9.6%203.142A16.463%2016.463%200%20013.104%2019.634%2016.466%2016.466%200%200119.489%203.126a16.461%2016.461%200%200116.374%2016.505zM0%2019.632a19.566%2019.566%200%200019.487%2019.634%2019.249%2019.249%200%200010.054-2.82l10.458%203.546-3.453-10.877a19.7%2019.7%200%20002.419-9.5A19.559%2019.559%200%200019.489-.004%2019.56%2019.56%200%20000%2019.632z%22%20fill%3D%22%2300ff49%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        top: 50%;
        right: auto;
        left: 0;
        margin-top: -18px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-telNum:before {
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%8C%96%20136%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2239.992%22%20viewBox%3D%220%200%2040%2039.992%22%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20104%22%20d%3D%22M27.637%2025.933c-.405-.358-2.391-2.09-2.78-2.359s-.68-.435-1.115-.062-1.619%201.17-1.977%201.395-.643.2-1.046-.158a13.14%2013.14%200%2001-3.128-3.29%2014.476%2014.476%200%2001-1.722-3.872c-.14-.532.174-.713.468-.878.272-.149.614-.4.924-.609a3.225%203.225%200%2000.682-.638.846.846%200%2000.184-.808c-.054-.261-.361-2.766-.5-3.788s-.565-.971-.84-1.046-.57-.2-.881-.284a1.816%201.816%200%2000-1.4.233%205.353%205.353%200%2000-2.7%203.379%209.093%209.093%200%2000.588%205.244c.15.373%201.821%205.95%206.064%209.066s4.413%202.511%205.286%202.664a4.916%204.916%200%20003.757-1.318%203.856%203.856%200%2000.881-2.1c-.063-.221-.344-.417-.746-.771z%22%20fill%3D%22%2300ff49%22%2F%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20105%22%20d%3D%22M35.864%2019.632a16.54%2016.54%200%2001-2.707%209.086l2.014%206.34-6.081-2.059a16.249%2016.249%200%2001-9.6%203.142A16.463%2016.463%200%20013.104%2019.634%2016.466%2016.466%200%200119.489%203.126a16.461%2016.461%200%200116.374%2016.505zM0%2019.632a19.566%2019.566%200%200019.487%2019.634%2019.249%2019.249%200%200010.054-2.82l10.458%203.546-3.453-10.877a19.7%2019.7%200%20002.419-9.5A19.559%2019.559%200%200019.489-.004%2019.56%2019.56%200%20000%2019.632z%22%20fill%3D%22%2300ff49%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        top: 50%;
        right: auto;
        left: 0;
        margin-top: -24px;
    }
}

.tp-main_contactBtn-telTime {
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    margin-left: 4px;
}

@media screen and (min-width: 768px) {
    .tp-main_contactBtn-telTime {
        font-size: 14px;
    }
}

@media screen and (min-width: 1024px) {
    .tp-main_contactBtn-telTime {
        font-size: 18px;
    }
}

@media screen and (min-width: 1240px) {
    .tp-main_contactBtn-telTime {
        font-size: 20px;
    }
}

@media screen and (min-width: 1440px) {
    .tp-main_contactBtn-telTime {
        margin-left: 8px;
        letter-spacing: 0.5px;
    }
}

.tp-introducing {
    background-size: auto 100px;
    height: 100px;
    width: 100%;
    margin-top: 48px;
    margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
    .tp-introducing {
        height: 160px;
        background-size: auto 160px;
        margin-top: 56px;
        margin-bottom: 50px;
    }
}

.page-single {
    display: block;
    background-color: #fff;
}

.page-topArea {
    background: #FD7F60;
    text-align: center;
    padding-top: 76px;
}

@media screen and (min-width: 1024px) {
    .page-topArea {
        padding-top: 116px;
    }
}

@media screen and (min-width: 1440px) {
    .page-topArea {
        padding-top: 132px;
    }
}

.page-topArea_title {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .page-topArea_title {
        font-size: 36px;
    }
}

@media screen and (min-width: 1024px) {
    .page-topArea_title {
        font-size: 42px;
    }
}

.page-topArea_title:after {
    content: "";
    display: block;
    width: 46px;
    height: 3px;
    background: #f3ff5a;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -23px;
}

@media screen and (min-width: 1024px) {
    .page-topArea_title:after {
        width: 62px;
        height: 4px;
        margin-left: -31px;
    }
}

.page-resources {
    display: block;
    background: #f4f8fd;
    padding-bottom: 100px;
}

@media screen and (min-width: 1024px) {
    .page-resources {
        padding-bottom: 160px;
    }
}

.page-resources_top {
    background-color: #FD7F60;
    padding-top: 56px;
}

@media screen and (min-width: 1024px) {
    .page-resources_top {
        padding-top: 80px;
    }
}

@media screen and (min-width: 1440px) {
    .page-resources_top {
        padding-top: 96px;
    }
}

.page-resources_top .page-pankuzu {
    margin: 16px 0 0;
    padding: 0;
    padding-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .page-resources_top .page-pankuzu {
        margin: 32px 0 0;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_top .page-pankuzu {
        margin-top: 46px;
    }
}

.page-resources_top .page-pankuzu li {
    color: #fff;
}

.page-resources_top .page-pankuzu li + li:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.192%22%20height%3D%2236.411%22%20viewBox%3D%220%200%2019.192%2036.411%22%3E%3Cpath%20d%3D%22M.691%2035.664a2.7%202.7%200%20010-3.61l12.823-13.848L.691%204.358a2.7%202.7%200%20010-3.61%202.242%202.242%200%20013.343%200L18.5%2016.379a2.635%202.635%200%2001.692%201.824%202.624%202.624%200%2001-.692%201.821L4.033%2035.66a2.273%202.273%200%2001-1.671.747%202.277%202.277%200%2001-1.671-.743z%22%20fill%3D%22%23C0EDFB%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
}

.page-resources_top .page-pankuzu a {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .page-resources_topText {
        width: 59%;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_topText {
        width: 61%;
        max-width: 580px;
    }
}

@media screen and (min-width: 1240px) {
    .page-resources_topText {
        width: 580px;
    }
}

.page-resources_topInner {
    padding: 20px 5% 0;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center bottom 18%;
}

@media screen and (min-width: 480px) {
    .page-resources_topInner {
        background-size: 66% auto;
    }
}

@media screen and (min-width: 768px) {
    .page-resources_topInner {
        background-position: right 19px center;
        background-size: 39% auto;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_topInner {
        max-width: 1180px;
        margin: 0 auto;
        padding: 36px 40px 0;
        background-position: right 4% center;
        background-size: 40% auto;
    }
}

@media screen and (min-width: 1240px) {
    .page-resources_topInner {
        max-width: 1240px;
        padding: 40px 70px 0;
        background-position: right 0 bottom -32px;
        background-size: 580px auto;
    }
}

@media screen and (min-width: 1440px) {
    .page-resources_topInner {
        max-width: 1270px;
        padding: 40px 85px 0;
        background-position: right 0 bottom -32px;
        background-size: 580px auto;
    }
}

.page-resources_topInner h1 {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    position: relative;
    padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .page-resources_topInner h1 {
        font-size: 36px;
        text-align: left;
        padding-bottom: 8px;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_topInner h1 {
        font-size: 42px;
        padding-bottom: 14px;
    }
}

.page-resources_topInner h1:after {
    content: "";
    display: block;
    width: 46px;
    height: 3px;
    background: #f3ff5a;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -23px;
}

@media screen and (min-width: 768px) {
    .page-resources_topInner h1:after {
        left: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_topInner h1:after {
        width: 62px;
        height: 4px;
    }
}

.page-resources_topInner p {
    display: flex;
    justify-content: center;
}

.page-resources_topInner p span {
    display: inline-block;
    text-align: left;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 59%;
    line-height: 1.5;
}

@media screen and (min-width: 480px) {
    .page-resources_topInner p span {
        margin-bottom: 47.5%;
    }
}

@media screen and (min-width: 768px) {
    .page-resources_topInner p span {
        text-align: left;
        margin-bottom: 0;
        font-size: 16px;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_topInner p span {
        margin-top: 20px;
        font-size: 18px;
    }
}

.page-resources_topBr {
    display: none;
}

@media screen and (min-width: 1024px) {
    .page-resources_topBr {
        display: block;
    }
}

.page-resources_box {
    padding: 0 5%;
    margin-top: 60px;
    background: #f4f8fd;
}

@media screen and (min-width: 1024px) {
    .page-resources_box {
        padding: 0 40px;
        max-width: 1180px;
        margin: 90px auto 0;
    }
}

.page-resources_box h2 {
    position: relative;
}

@media screen and (min-width: 376px) {
    .page-resources_box h2 {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .page-resources_box h2 {
        max-width: 100%;
    }
}

.page-resources_box h2 span {
    font-size: 22px;
    display: inline-block;
    background: #f4f8fd;
    position: relative;
    z-index: 1;
    padding-right: 8px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .page-resources_box h2 span {
        font-size: 26px;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_box h2 span {
        font-size: 32px;
        padding-right: 16px;
    }
}

.page-resources_box h2:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #FD7F60;
    top: 50%;
    z-index: 0;
    margin-top: -1px;
}

.page-resources_list {
    margin-top: 26px;
}

@media screen and (min-width: 768px) {
    .page-resources_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-right: -3%;
        margin-top: 32px;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_list {
        margin-right: -2%;
    }
}

@media screen and (min-width: 376px) {
    .page-resources_listItem {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .page-resources_listItem {
        width: 47%;
        margin: 0;
        margin-right: 3%;
    }
    .page-resources_listItem:nth-of-type(n + 3) {
        margin-top: 32px !important;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_listItem {
        width: 31.333333%;
        margin-right: 2%;
    }
    .page-resources_listItem:nth-of-type(n + 3) {
        margin-top: 0 !important;
    }
    .page-resources_listItem:nth-of-type(n + 4) {
        margin-top: 40px !important;
    }
}

.page-resources_listItem a {
    position: relative;
    text-decoration: none;
    display: block;
    background-color: #fff;
    box-shadow: 0px 30px 30px -20px rgba(15, 31, 43, 0.15), 0px 5px 20px rgba(15, 31, 43, 0.1);
    transition: 0.3s;
    border-radius: 8px;
    font-weight: bold;
    padding: 0 0 88px;
    height: 100%;
}

.page-resources_listItem a:hover {
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .page-resources_listItem a:hover {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        box-shadow: 0px 30px 30px -20px rgba(15, 31, 43, 0.32), 0px 5px 24px rgba(15, 31, 43, 0.2);
    }
    .page-resources_listItem a:hover .page-resources_listButton {
        color: #00abdc;
        text-shadow: none;
        background-color: #fff;
        border: 2px solid #00abdc;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }
}

.page-resources_listItem + .page-resources_listItem {
    margin-top: 32px;
}

@media screen and (min-width: 768px) {
    .page-resources_listItem + .page-resources_listItem {
        margin-top: 0;
    }
}

.page-resources_listImage {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 52.5%;
    border-radius: 8px 8px 0 0;
}

.page-resources_listContents {
    padding: 20px 20px 0;
}

@media screen and (min-width: 1240px) {
    .page-resources_listContents {
        padding: 20px 24px 0;
    }
}

.page-resources_listContents h3 {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.page-resources_listContents h3 span {
    font-size: 19px;
    color: #00abdc;
    font-weight: bold;
    line-height: 1.5;
    overflow: hidden;
    height: 57px;
}

@media screen and (min-width: 768px) {
    .page-resources_listContents h3 span {
        font-size: 22px;
        height: 66px;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_listContents h3 span {
        font-size: 20px;
        height: 60px;
    }
}

.page-resources_listContents p {
    display: flex;
    justify-content: center;
}

.page-resources_listContents p span {
    font-size: 16px;
    margin-top: 12px;
    line-height: 1.5;
    overflow: hidden;
    height: 72px;
}

@media screen and (min-width: 768px) {
    .page-resources_listContents p span {
        height: 72px;
    }
}

@media screen and (min-width: 1024px) {
    .page-resources_listContents p span {
        font-size: 15px;
        height: 67.5px;
    }
}

@supports (-webkit-line-clamp: 3) {
    .page-resources_listContents p span {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        height: auto;
        max-height: 72px;
    }
    @media screen and (min-width: 768px) {
        .page-resources_listContents p span {
            max-height: 72px;
        }
    }
    @media screen and (min-width: 1024px) {
        .page-resources_listContents p span {
            max-height: 67.5px;
        }
    }
    .page-resources_listContents p span::before, .page-resources_listContents p span::after {
        content: normal;
    }
    .page-resources_listContents h3 span {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        height: auto;
        max-height: 57px;
    }
    @media screen and (min-width: 768px) {
        .page-resources_listContents h3 span {
            max-height: 66px;
        }
    }
    @media screen and (min-width: 1024px) {
        .page-resources_listContents h3 span {
            max-height: 60px;
        }
    }
    .page-resources_listContents h3 span::before, .page-resources_listContents h3 span::after {
        content: normal;
    }
}

.page-resources_listButton {
    text-align: center;
    width: 216px;
    height: 48px;
    background-color: #00abdc;
    color: #fff;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    transition: 0.3s;
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -108px;
    border: 2px solid #00abdc;
}

_:-ms-input-placeholder,
:root .page-resources_listButton {
    padding: 4px 0 0;
}

.faqPageArea {
    padding-top: 40px;
}

@media screen and (min-width: 1024px) {
    .faqPageArea {
        padding-top: 80px;
    }
}

.faqArea {
    background-color: #fff;
    margin-top: 40px;
    padding: 0 0 100px;
}

@media screen and (min-width: 1024px) {
    .faqArea {
        max-width: 1110px;
        margin: 80px auto 0;
        padding-bottom: 160px;
    }
}

.faqLink {
    background-color: #fff;
    margin-top: 40px;
    padding: 0 5%;
}

@media screen and (min-width: 1024px) {
    .faqLink {
        padding: 0;
        max-width: 1110px;
        margin: 80px auto 0;
    }
}

.faqLink ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.faqLink li {
    border-bottom: 1px solid #cbf3ff;
    width: 50%;
    text-align: center;
    padding: 8px 0;
}

.faqLink li:nth-child(-n + 2) {
    border-top: 1px solid #cbf3ff;
}

.faqLink li a {
    border-right: 1px solid #cbf3ff;
}

.faqLink li:nth-of-type(2n) a {
    border-right: none;
}

@media screen and (min-width: 768px) {
    .faqLink li {
        width: 25%;
        padding: 12px 0;
    }
    .faqLink li:nth-child(-n + 4) {
        border-top: 1px solid #cbf3ff;
    }
    .faqLink li:nth-of-type(2n) a {
        border-right: 1px solid #cbf3ff;
    }
    .faqLink li:nth-of-type(4n) a {
        border-right: none !important;
    }
}

.faqLink li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0 12px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .faqLink li a {
        font-size: 18px;
    }
}

.faqLink li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 3px;
    left: 50%;
    width: 12px;
    height: 7px;
    margin-left: -6px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.362%22%20height%3D%226.5%22%20viewBox%3D%220%200%2011.362%206.5%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_59%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%2059%22%20d%3D%22M3892.977-3044.217a.922.922%2C0%2C0%2C1-.648-.266.938.938%2C0%2C0%2C1-.277-.664.931.931%2C0%2C0%2C1%2C.277-.663l4-4.092-3.977-4.068a.951.951%2C0%2C0%2C1-.278-.663.952.952%2C0%2C0%2C1%2C.278-.663.891.891%2C0%2C0%2C1%2C.647-.284.892.892%2C0%2C0%2C1%2C.648.284l4.625%2C4.732a.93.93%2C0%2C0%2C1%2C.278.663.928.928%2C0%2C0%2C1-.278.662l-4.649%2C4.755A.922.922%2C0%2C0%2C1%2C3892.977-3044.217Z%22%20transform%3D%22translate(-3044.217%20-3892.052)%20rotate(90)%22%20fill%3D%22%2300abdc%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.faqList_cat {
    box-sizing: border-box;
    background-color: #f5fdef;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 5%;
    padding-left: 5%;
}

@media screen and (min-width: 1024px) {
    .faqList_cat {
        padding: 32px 75px 48px;
        max-width: 1110px;
        border-radius: 8px;
    }
}

.faqList_cat h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .faqList_cat h3 {
        font-size: 24px;
    }
}

.faqList_cat + .faqList_cat {
    margin-top: 40px;
}

@media screen and (min-width: 768px) {
    .faqList_cat + .faqList_cat {
        margin-top: 80px;
    }
}

.faqList {
    margin-top: 24px;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .faqList {
        padding: 0 40px;
        max-width: 960px;
        margin: 32px auto 30px;
    }
}

.faqList_item {
    background-color: #ffffff;
    border-bottom: 1px solid #d2e5ea;
}

.faqList_item dt {
    padding: 18px 32px;
    font-size: 16px;
    font-weight: bold;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.424%22%20height%3D%2215.996%22%20viewBox%3D%220%200%2014.424%2015.996%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_446%22%20data-name%3D%22%E3%83%91%E3%82%B9%20446%22%20d%3D%22M12.979-1.816A9.446%2C9.446%2C0%2C0%2C0%2C15.293-.605L14.229%2C1.436A6.592%2C6.592%2C0%2C0%2C1%2C12.949.9Q12.813.83%2C11.025-.371A7.69%2C7.69%2C0%2C0%2C1%2C7.91.244%2C6.839%2C6.839%2C0%2C0%2C1%2C2.739-1.7%2C7.552%2C7.552%2C0%2C0%2C1%2C.869-7.158a7.543%2C7.543%2C0%2C0%2C1%2C1.875-5.454%2C6.731%2C6.731%2C0%2C0%2C1%2C5.088-1.948%2C6.661%2C6.661%2C0%2C0%2C1%2C5.049%2C1.948%2C7.567%2C7.567%2C0%2C0%2C1%2C1.865%2C5.454A9.422%2C9.422%2C0%2C0%2C1%2C14.229-3.9%2C6.784%2C6.784%2C0%2C0%2C1%2C12.979-1.816ZM10.654-3.447a4.323%2C4.323%2C0%2C0%2C0%2C.835-1.582%2C7.418%2C7.418%2C0%2C0%2C0%2C.278-2.129%2C5.426%2C5.426%2C0%2C0%2C0-1.094-3.706A3.653%2C3.653%2C0%2C0%2C0%2C7.813-12.09a3.661%2C3.661%2C0%2C0%2C0-2.866%2C1.23%2C5.412%2C5.412%2C0%2C0%2C0-1.1%2C3.7A5.538%2C5.538%2C0%2C0%2C0%2C4.946-3.4%2C3.545%2C3.545%2C0%2C0%2C0%2C7.725-2.158a3.391%2C3.391%2C0%2C0%2C0%2C1.182-.205%2C8.361%2C8.361%2C0%2C0%2C0-1.787-.9l.811-1.65A9.819%2C9.819%2C0%2C0%2C1%2C10.654-3.447Z%22%20transform%3D%22translate(-0.869%2014.561)%22%20fill%3D%22%23b8e8f5%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    background-position: left 8px top 22px;
    position: relative;
}

.faqList_item dt:after {
    content: "";
    display: block;
    width: 15px;
    height: 9px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.167%22%20height%3D%228.875%22%20viewBox%3D%220%200%2015.167%208.875%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_2%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%202%22%20d%3D%22M3893.315-3040.412a1.275%2C1.275%2C0%2C0%2C1-.885-.355%2C1.238%2C1.238%2C0%2C0%2C1-.379-.886%2C1.229%2C1.229%2C0%2C0%2C1%2C.379-.885l5.463-5.462-5.431-5.431a1.256%2C1.256%2C0%2C0%2C1-.379-.884%2C1.257%2C1.257%2C0%2C0%2C1%2C.379-.885%2C1.23%2C1.23%2C0%2C0%2C1%2C.884-.379%2C1.23%2C1.23%2C0%2C0%2C1%2C.885.379l6.315%2C6.316a1.227%2C1.227%2C0%2C0%2C1%2C.38.885%2C1.225%2C1.225%2C0%2C0%2C1-.38.884l-6.348%2C6.348A1.274%2C1.274%2C0%2C0%2C1%2C3893.315-3040.412Z%22%20transform%3D%22translate(3055.579%203900.927)%20rotate(-90)%22%20fill%3D%22%23b8e8f5%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    transform: rotate(180deg);
    transition: 0.3s;
}

@media screen and (min-width: 768px) {
    .faqList_item dt:after {
        width: 21px;
        height: 12px;
        right: 20px;
        margin-top: -6px;
    }
}

@media screen and (min-width: 768px) {
    .faqList_item dt {
        background-size: 24px 24px;
        background-position: left 20px top 22px;
        padding: 20px 60px;
        font-size: 18px;
    }
    .faqList_item dt:hover {
        cursor: pointer;
        opacity: 0.72;
    }
}

.faqList_item dt.is-open:after {
    transform: rotate(0deg);
}

.faqList_item dd {
    border-top: 1px solid #d2e5ea;
    padding: 16px 16px 24px 32px;
    font-size: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.365%22%20height%3D%2214.316%22%20viewBox%3D%220%200%2014.365%2014.316%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_447%22%20data-name%3D%22%E3%83%91%E3%82%B9%20447%22%20d%3D%22M14.365%2C0H11.221L9.971-3.252H4.248L3.066%2C0H0L5.576-14.316H8.633ZM9.043-5.664%2C7.07-10.977%2C5.137-5.664Z%22%20transform%3D%22translate(0%2014.316)%22%20fill%3D%22%2300abdc%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: left 8px top 20px;
    display: none;
}

@media screen and (min-width: 768px) {
    .faqList_item dd {
        background-size: 23px 25px;
        background-position: left 20px top 26px;
        padding: 24px 24px 32px 60px;
        line-height: 1.8;
    }
}

.faqList_item dd.button {
    border-top: none;
}

.faqList_item + .faqList_item {
    margin-top: 4px;
}

.faqbutton {
    margin-top: 24px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 24px;
    height: 50px;
    line-height: 50px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    background-color: #FD7F60;
    color: #000;
}

@media screen and (min-width: 768px) {
    .faqbutton {
        font-size: 18px;
    }
}

#faqArea {
    background-color: #f5fdef;
    padding: 80px 0 100px;
}

@media only screen and (max-width: 769px) {
    #faqArea {
        padding: 50px 4% 60px;
    }
}

#faqArea h2 {
    margin-bottom: 60px;
}

@media only screen and (max-width: 769px) {
    #faqArea h2 {
        margin: 0 auto 20px;
    }
}

#faqArea .moreButton__index {
    margin-top: 40px;
}

@media screen and (min-width: 768px) {
    #faqArea .moreButton__index {
        margin-top: 50px;
    }
}


@media only screen and (max-width: 768px) {
    #menu-global_sub {
        display: none;
    }
}

.pager{
    /* For IE */
    -js-display: flex;
    display: flex;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

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

    /* 全てのli要素を消す */
    .pager li {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* 必要なli要素を消す */
    .pager li.active,
    .pager li:first-of-type,
    .pager li:last-of-type,
    .pager li:nth-of-type(2),
    .pager li:nth-last-of-type(2){
        position: static;
        top: initial;
        left: initial;
    }
}

.pager li {
    list-style-type: none;
    padding: 5px 15px;
    /* For IE */
    display: flex;
    justify-content: center;
    background-color: #FD7F60;
    margin: 5px;
    border-radius: 5px;
}

.pager a {
    text-decoration:none;
}

/* Active 以外のhover */
.pager li:not([class*="active"]):hover {
    opacity: 0.6;
    transition: all 0.5s ease;
    color: #fff;
}

/* Activeのスタイル */
.pager li.active {
    font-weight: bold;
    background: none;
}

ul {
    -webkit-padding-start: 0px;
}

/**************************************************************
    Footer Fixed Contact Box
 *************************************************************/
#FooterContactBoxArea {
    position: fixed;
    z-index: 99;
    bottom: -100%;
    right: 0px;
    width: 360px;
    height: 300px;
    background-image: url(../img/common/doctor-board.webp);
    background-size: cover;
    transition: bottom 0.7s, opacity 0.7s;
}
#FooterContactBoxArea.active {
    bottom: 0;
}
#FooterContactBoxArea.disable {
    bottom: -100%;
}
@media only screen and (max-width: 768px) {
    #FooterContactBoxArea {
        bottom: 0;
        right: 0;
        width: 100%;
        height: 40px;
        background-image: unset;
        background-size: unset;
        transition: unset;
    }
}

#FooterContactBoxArea h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 8%;
    left: 26%;
}
@media only screen and (max-width: 768px) {
    #FooterContactBoxArea h2 {
        display: none;
    }
}

.contactButtons__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    position: absolute;
    top: 23%;
    left: 20%;
}
@media only screen and (max-width: 768px) {
    .contactButtons__box {
        width: 100%;
        justify-content: unset;
        position: static;
    }
}
.contactButtons__box a.moreButton {
    width: 48%;
    height: 41px;
    font-size: 13px!important;
    margin: 0;
}
@media only screen and (max-width: 768px) {
    .contactButtons__box a.moreButton {
        width: 50%;
        height: 40px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-radius: unset!important;
    }
}
.contactButtons__box a.icon-paper:before {
    content: "";
    background-image: url("../img/common/paper-mini.png");
    background-size: cover;
    width: 20px;
    height: 20px;
}
.contactButtons__box a.icon-contact:before {
    content: "";
    background-image: url("../img/common/contact-mini.png");
    background-size: cover;
    width: 20px;
    height: 20px;
}
.close__link {
    position: absolute;
    top: 39%;
    left: 51%;
}
@media only screen and (max-width: 768px) {
    .close__link {
        display: none;
    }
}
.close__link a {
    font-size: 14px;
    color: #FD7F60;
    text-decoration: underline;
}

/**************************************************************
    Footer Fixed Return Top Link
 *************************************************************/
#toTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: none;
}
#toTop.active {
    display: block;
}
#toTop a {
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: #FD7F60;
    border-radius: 50%;
    padding: 15% 0 0 0;
    font-size: 27px;
    opacity: .3;
}
#toTop a:hover {
    opacity: 1;
}