:root {
    --font-main: '游ゴシック体", "Yu Gothic", YuGothic, sans-serif';
    /* FONT SITE */
    --txt: #000;
    /* COLOR TEXT */
    --mcolor: #aaa082;
    /* MAIN COLOR  */
    --scolor: #7d82aa;
    /* SUB COLOR */
    --site_size: 1280px;
    /* SIZE WRAPPER */
    /* CUSTOM COLOR */
    --f-nts: 'Noto Sans JP', sans-serif;
    --f-nsr: 'Noto Serif JP', serif;
    --f-cor: 'Cormorant', serif;
    --f-yumin: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", serif;
    --f-quick: 'Quicksand', sans-serif;
    --f-tiro: 'Tiro Telugu', serif;
    /* --f-yugo: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; */
}
body{
  overflow-x: hidden !important;
}

.sp_600, nav, .plugin_bottom, .sp920, .sp320, .sp600, .sp768, .sp440, .tablet, .hamburger, .show_sp, .sec01_img_sp {
    display: none
}

@media screen and (min-width: 1922px) {
    #wrapper {
        max-width: 1920px;
    }
}

/* CAN DELETE */
@media screen and (max-width: 1280px) {
    .mv_bg {
        max-height: 820px;
    }
}

/* CAN DELETE */

/* RESPONSIVE LAPTOP */
@media screen and (max-width: 1600px) {
    .footer_top {
        padding-left: 50px;
        padding-right: 50px;
    }

    .sec03_desc {
        padding: 0;
    }

    .sec03_desc li a {
        font-size: 16px;
        padding: 5px 10px;
    }

    .sec01 {
        min-height: auto;
    }

    /* .sec05_content{margin-top: 15px;} */
    .sec05_bg {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1300px) {
    .sec01_step {
        width: 250px;
        height: 150px;
    }

    .h_left {
        width: 27%;
    }

    .h_right {
        width: 85%;
    }
}

/* RESPONSIVE LAPTOP */

/* FIX PC */
@media screen and (min-width: 1150px) {
    .sec01_step:hover {
        opacity: 0.8;
        ;
        cursor: pointer;
    }

    .sec04_txt:hover {
        background-color: #fff;
    }

    .sec04_txt:hover a {
        color: var(--mcolor);
    }

    /* .sec04_ct:hover::before{opacity: 0;visibility: hidden;} */
    .sec02_point:last-child .desc_point p {
        transform: translateX(-25px);
    }

    .sec02_point:first-child .desc_point p {
        transform: translateX(50px);
    }

    .sec03_ct:hover .sec03_desc {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

    .sec03_ct:hover .sec03_img::before {
        opacity: 0;
        visibility: hidden;
    }

    .sec06_contact {
        transform: translate(0, -18px);
    }

    .desc_mv {
        transform: translate(0, -10px);
    }

    .sp_pc {
        display: block;
    }

    .h_menu>ul>li>a::before, .h_menu>ul>li>p::before {
        content: '';
        top: -2px;
        left: 4px;
        width: calc((100% - 8px));
        height: calc((100% + 4px));
        background-color: #fff;
        position: absolute;
        z-index: -1;
        border-radius: 10px;
        transform: scale(0.5);
        opacity: 0;
        transition: .3s ease-in-out;
    }

    .h_menu ul>li>a:hover::before, .h_menu ul>li>p:hover::before {
        opacity: 1;
        transform: scale(1);
    }

    .h_menu ul>li>a:hover, .h_menu ul>li>p:hover {
        text-decoration: underline;
        color: var(--mcolor);
    }

    .h_contact_mail:hover {
        background-color: var(--txt);
        cursor: pointer;
    }

    .btn a:hover {
        background-color: var(--mcolor);
        border-color: var(--mcolor);
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .2);
        color: #fff;
    }

    .btn a:hover::after {
        filter: brightness(0) invert(1);
    }

    .sec03_desc li a:hover {
        background-color: var(--mcolor);
        color: #fff;
    }

    .to_top:hover p {
        background-color: var(--mcolor);
    }

    .to_top:hover img {
        filter: brightness(0) invert(1);
    }

    .ft_menu_ct ul li a:hover {
        color: var(--scolor);
    }

    .sec01_step:nth-child(3) {
        margin-right: 50px;
    }
}

@media screen and (min-width: 1025px) {
    .sec01_step:nth-child(3) {
        margin-right: 130px;
        transform: translateX(58px);
    }

    .sec01_step:nth-child(1) {
        transform: translateX(58px);
    }

    .sec01_step:nth-child(2) {
        transform: translateX(58px);
    }
}

@media screen and (min-width: 1600px) {
    .sec01_step:nth-child(3) {
        margin-right: 130px;
        transform: translateX(67px);
    }

    .sec01_step:nth-child(1) {
        transform: translateX(67px);
    }

    .sec01_step:nth-child(2) {
        transform: translateX(67px);
    }
}

/* FIX PC */

/* RESPONSIVE TABLETS */
@media screen and (max-width: 1150px) {
    .footer_bottom {
        padding-bottom: 0;
    }

    .footer_top {
        padding-left: 0;
        padding-right: 0;
    }

    .sec02 h3.title_h3.reason_ttl span.en::before {
        width: 80%;
        left: 20px;
    }

    h3.title_h3 span.en::before {
        left: -5px;
        width: calc(100% + 10px);
    }

    .inner {
        padding: 0 15px;
    }

    .sec05_content {
        margin-top: 70px;
    }

    .ft_bottom_list {
        padding-left: 0;
        justify-content: center;
    }

    .h_menu>ul>li {
        padding: 0 10px;
    }

    .h_menu>ul>li>a, .h_menu>ul>li>p {
        font-size: 11px;
    }

    .h_contact {
        margin-left: 30px;
    }

    .content_mv {
        left: 0;
    }

    header {
        padding-top: 0;
        height: auto;
    }

    #logo {
        width: 100%;
    }

    .h_contact {
        width: 210px;
    }

    .h_contact_tel a {
        font-size: 15px;
    }

    h2.h2_mv {
        font-size: 60px;
    }

    .desc_mv p {
        font-size: 24px;
    }

    .desc_mv span {
        font-size: 16px;
    }

    .mv_bg {
        max-height: 500px;
    }

    .sec01 {
        min-height: auto;
        padding: 75px 0 0 0;
    }

    .sec01::before {
        pointer-events: none;
    }

    .sec01_tag {
        width: auto;
        height: auto;
        padding: 20px;
        margin-left: auto;
        max-width: 500px;
        margin-right: auto;
    }

    .sec01_tag p {
        margin: 5px;
    }

    .sec01_content {
        margin-top: 40px;
        transform: translateX(4px);
    }

    .sec01_step {
        width: 250px;
        height: 140px;
    }

    .sec01_step a {
        font-size: 18px;
        line-height: 1.2;
    }

    .sec02 {
        min-height: auto;
        padding: 100px 0 50px 0;
        background-position: center;
    }

    h3.title_h3 span.en {
        font-size: 36px;
        margin-bottom: 5px;
    }

    h3.title_h3 span.ja {
        font-size: 18px;
    }

    .sec02_img {
        min-width: auto;
        width: 440px;
        margin-left: 30px;
    }

    .desc_point span {
        margin-left: 0;
    }

    .sec02_info {
        width: 400px;
    }

    .desc_point p {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    .tablet {
        display: block;
    }

    .sec02_content {
        margin-top: 20px;
        padding-bottom: 0;
    }

    .sec02_point:not(:last-child) {
        margin-bottom: 40px;
    }

    .sec02_btn {
        margin-left: 130px;
        margin-top: 40px;
    }

    .sec03_content {
        padding: 80px 0 80px 0;
    }

    .sec04_txt {
        width: 230px;
        height: 45px;
    }

    .sec04_txt a {
        font-size: 16px;
    }

    .sec03_title p {
        font-size: 15px;
    }

    .sec03_title {
        height: 50px;
    }

    .sec05_bg {
        height: 350px;
        margin-top: 10px;
    }

    .sec06_content {
        margin-top: 15px;
    }

    .sec06 {
        height: auto;
        padding: 50px 0;
    }

    .sec07_map {
        height: 320px;
        margin-top: 45px;
    }

    .sec08 {
        padding: 50px 0 50px 0;
    }

    .btn_allnews {
        right: 0;
    }

    .sec09_content .img9_1 {
        width: 80%;
        margin-left: 0;
    }

    .img9_2, .img9_3 {
        width: 80%;
        margin-left: auto;
    }

    .ft_menu_ct.w_250 {
        margin-right: 30px;
    }

    .ft_box {
        margin-right: 60px;
    }

    .ft_bottom_list a {
        width: 300px;
    }

    .sec03_list {
        margin: -15px 0;
        padding: 0 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sec03_ct {
        width: 25%;
        display: flex;
        flex-direction: column;
        margin: 15px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        background-color: #fff;
        border-bottom: 1px solid var(--mcolor);
    }

    .sec03_desc {
        position: unset;
        opacity: 1;
        visibility: visible;
        padding: 0 0;
        order: 3;
        max-height: 109px;
        overflow-y: auto;
    }

    .sec03_img {
        order: 2;
        height: 230px;
        overflow: hidden;
    }

    .sec03_img p {
        height: 100%;
    }

    .sec03_img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .sec03_title {
        position: unset;
        order: 1;
        border: 0;
        border-left: 10px solid var(--mcolor);
    }

    .sec03_desc li a {
        margin-bottom: 0;
        padding: 12px 10px;
        border-bottom: 1px dashed var(--mcolor);
        font-size: 14px;
        position: relative;
    }

    .sec03_desc li a::after {
        content: '';
        position: absolute;
        top: calc((100% - 14px)/2);
        right: 15px;
        width: 8px;
        height: 14px;
        background-image: url(../images/ic_sec03.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    @supports (background-image: url(../images/ic_sec03.png)) {
        .sec03_desc li a::after {
            background-image: url(../images/ic_sec03.webp);
        }
    }

    .sec03_desc li:last-child a {
        border-bottom: 0;
    }

    .sec03_img::before {
        display: none;
    }

    .sec03_title p {
        font-size: 14px;
    }

    .sec03_content .flex_center {
        margin-bottom: 15px;
    }

    .sec06_list {
        flex-direction: column;
        align-items: center;
    }

    .sec06_address p {
        text-align: center;
    }

    .sec06_media_ct a {
        line-height: 1.2;
        height: 34px;
        display: flex;
        align-items: center;
    }

    .sec06_contact {
        margin-right: 0;
    }

    .sec06_address {
        margin: 10px 0 30px 0;
    }

    .sec06_media_ct p {
        margin-bottom: 10px;
    }

    .sec06_btn {
        margin-top: 35px;
    }

    .sec06_tel a {
        font-size: 48px;
    }

    .sec06_tel a::before {
        top: 12px;
    }

    .hide_sp {
        display: none;
    }

    .show_sp {
        display: block;
    }

    .sec08_news dt, .sec08_news dd {
        width: 100%;
        padding: 0;
    }

    .sec08_news dl.external dd, .sec08_news dl.external dt {
        width: 100%;
    }

    .sec08_news dl {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 25px;
    }

    .btn_allnews {
        position: unset;
        margin-top: 30px;
    }

    .btn_allnews .btn {
        display: flex;
        justify-content: center;
    }

    .sec08_news dt p {
        margin-right: 25px;
    }

    .ft_bottom_list a {
        margin-right: 0;
    }

    nav {
        display: none;
    }

    .plugin_list {
        display: flex;
    }

    .plugin_ct {
        width: calc(100% / 4);
        background-color: var(--mcolor);
        height: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .plugin_ct.bg_purple {
        background-color: var(--scolor);
    }

    .plugin_ct p {
        min-width: 23px;
        margin-bottom: 0px;
    }

    .pc_600 {
        display: none;
    }

    .sp_600 {
        display: block;
    }

    .plugin_ct a {
        display: block;
        letter-spacing: 0;
        line-height: 1.2;
        font-family: var(--f-yumin);
        color: #fff;
        text-align: center;
        font-size: 12px;
    }

    .footer_top {
        padding-top: 90px;
        padding-bottom: 90px;
        height: auto;
    }
}

@media screen and (max-width: 920px) {
    img {
        max-width: 100%;
        height: auto;
    }

    #wrapper,
    header,
    main,
    footer,
    .inner {
        width: 100% !important;
        min-width: unset !important
    }

    .pc {
        display: none !important
    }

    .hamburger {
        display: flex;
    }

    .sec03_img {
        height: 130px;
    }

    .sub {
        display: none
    }

    .sub ul:not(:last-child) {
        margin-bottom: 15px
    }

    .sub a {
        color: var(--mcolor);
        border-bottom: none;
    }

    .sp768 {
        display: block;
    }

    .to_top p {
        width: 35px;
        height: 35px;
    }

    .to_top p img {
        width: 12px;
    }

    .to_top span {
        font-size: 14px;
    }

    .to_top {
        right: 10px;
    }

    .plugin_bottom {
        display: block;
        position: fixed;
        bottom: -10%;
        left: 0;
        width: 100%;
        z-index: 9;
        transition: .3s ease-in-out;
    }

    .plugin_bottom.show {
        bottom: 0;
    }

    /*=====================================================
                          C U S T O M
    ======================================================*/

    /*============ HEADER ============*/
    .h_box {
        height: 60px
    }

    .h_inner {
        padding: 0 10px;
        transition: .3s ease-in-out;
    }

    .sp920 {
        display: block;
    }

    .h_right, .h_left {
        width: auto;
    }

    /*============ Main ============*/
    main {
        padding-top: 0;
    }

    /* MAIN VISUAL */
    .mv_bg, .main_slider li.slide_item {
        height: 500px
    }

    h2.h2_mv {
        font-size: 50px;
    }

    .desc_mv p {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .desc_mv span {
        margin-bottom: 20px;
    }

    /*============ FOOTER ============*/
    footer {
        margin-bottom: 60px;
    }

    .ft_top .inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ft_info {
        width: 290px;
        padding-right: 0;
    }

    .ft_map {
        width: 100%;
        margin-top: 30px;
    }

    .ft_map_iframe {
        height: 199px;
    }

    .footer_top {
        height: auto;
        padding: 80px 20px;
        display: none;
    }

    .ft_bottom_list p {
        font-size: 12px;
        display: none;
    }

    /*   FOOTER BANNER */
    .ft_bnn {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .ft_bnn li {
        width: 48%;
        margin: 0 0 30px;
    }

    .ft_social {
        padding-top: 0;
    }


    /* to top */

    /*============ END 750 ============ */
    .sec02_info {
        padding-top: 0;
        width: 100%;
        max-width: 500px;
    }

    .sec02_btn {
        margin-left: 0;
        display: flex;
        justify-content: center;
    }

    .sec02_point {
        flex-direction: column;
        align-items: center;
    }

    .sec02_img {
        margin-left: 0;
    }

    .num_point p {
        transform: translate(0);
    }

    .desc_point span {
        width: 100%;
        text-align: center;
        margin: 10px 0 20px 0;
    }

    .desc_point p {
        text-align: center;
        font-weight: 500;
    }

    .nav_menu_sp {
        display: none;
    }

    /* Menu SP */
    .nav_menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 60px;
        left: 0;
        z-index: 20;
        background-color: #fff;
        background-image: url(../images/footer_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 20px 20px 100px 20px;
        overflow-y: auto;
    }

    .nav_menu::before {
        content: '';
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        pointer-events: none;
    }

    nav .ft_menu {
        position: relative;
        z-index: 1;
    }

    nav .ft_menu_list {
        flex-direction: column;
    }

    nav .w_250 {
        width: 100%;
    }

    nav .ft_menu_ct.w_250 {
        margin-right: 0;
    }

    nav .ft_box {
        margin-right: 0;
    }

    nav .ft_box:not(:last-child) {
        margin-bottom: 20px;
    }

    .ft_link:not(:last-child) {
        margin-bottom: 20px;
    }

    .ft_link .menu03>li:first-child, .ft_link .menu04>li:first-child {
        margin-bottom: 20px;
    }

    nav .ft_menu_ct:not(:last-child) {
        margin-bottom: 30px;
    }

    nav p.add_nav {
        margin-bottom: 0;
        font-size: 14px;
        font-family: var(--f-nts);
        text-align: center;
        color: #000;
        position: relative;
        z-index: 2;
        margin-top: 20px;
    }

    .hamburger.is_active {
        background-color: var(--mcolor);
    }

    .hamburger.is_active p {
        background-color: #fff;
    }

    .hamburger.is_active p::before, .hamburger.is_active p::after {
        background-color: #fff;
    }

    .hamburger.is_active p::before {
        transform: rotate(45deg);
        width: 100%;
        top: 0;
        opacity: 1;
        visibility: visible;
    }

    .hamburger.is_active p::after {
        transform: rotate(-45deg);
        width: 100%;
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

    .hamburger.is_active p {
        visibility: hidden;
    }

    .h_inner.active {
        background-color: #fff;
    }

    body.ovh {
        overflow: hidden;
    }

    /* Menu SP */

}

@media screen and (max-width: 777px) {
    .sp768 {
        display: block;
    }

    .desc_mv {
        margin-left: 0;
    }

    .tablet {
        display: none;
    }

    .content_mv {
        flex-direction: column-reverse;
        align-items: flex-start;
        left: 0;
        bottom: 0;
        padding-left: 50px;
    }

    .desc_mv span {
        margin-bottom: 0;
    }

    .sec01 {
        background-position: right;
    }

    .sec01_tag {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 680px) {
    .sec03_ct {
        width: 40%;
    }

    .sec04_list {
        flex-direction: column;
    }

    .sec04_ct {
        width: 80%;
    }

    .sec04_ct:last-child {
        margin-top: 20px;
        margin-left: auto;
    }

    .sec09_content .img9_1 {
        width: 100%;
    }
}

/* RESPONSIVE TABLETS */



@media screen and (min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }

    .sp {
        display: none
    }

    /* nav */
    .nav_list {
        display: flex;
    }

    .nav_list>li>a {
        display: flex;
        align-items: center;
        position: relative;
        font-weight: 500;
        padding: 5px 20px;
        height: 60px;
    }

    .nav_list>li.parent {
        position: relative;
    }

    .nav_list>li.parent>a {
        cursor: default
    }

    .sub {
        position: absolute;
        z-index: 1;
        transition: all .3s;
        opacity: 0;
        visibility: hidden;
        border-top: solid 1px #FFF;
        width: 300px;
        top: 100%;
        left: 0
    }

    .sub ul li a {
        font-size: 16px;
        display: flex;
        width: 100%;
        height: 60px;
        align-items: center;
        letter-spacing: .001em;
        padding: 5px 35px;
        margin: 0 auto;
        border-bottom: solid 1px #FFF;
        color: #fff;
        background: var(--mcolor);
    }

    /*  FOOTER */
    .ft_bnn li:not(:last-child) {
        margin-right: 30px;
    }

    /* hover */
    .ft_link ul li>a:hover,
    .nav_list>li:hover>a {
        color: var(--scolor);
        text-decoration: none;
    }

    .parent:hover .sub {
        opacity: 1;
        transform: translate(0, 0);
        visibility: visible
    }

    .sub a:hover {
        background-color: var(--scolor);
        text-decoration: none;
    }

    .ft_bnn li a:hover,
    .to_top img:hover,
    .btn a:hover {
        opacity: .8
    }
}


/* RESPONSIVE SP */
@media screen and (max-width: 600px) {
    .sec03_desc li a::after {
        top: 13px;
        right: 13px;
        width: 11px;
        height: 18px;
    }

    .content_mv {
        left: 0;
        padding-left: 20px;
    }

    .sec01 {
        background-image: url(../images/sec01_bg_sp.png);
        background-position: bottom;
    }

    .sec01_step {
        width: 170px;
        height: 120px;
    }

    h2.h2_mv {
        font-size: 46px;
    }

    .desc_mv span {
        font-size: 14px;
    }

    .desc_mv p {
        font-size: 18px;
    }

    .sec02 {
        padding: 50px 0;
    }

    .sec01_tag p {
        font-size: 16px;
    }

    .sec01_step a {
        font-size: 16px;
    }

    .sec01_tag {
        padding: 15px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .4);
        position: relative;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: 3;
    }

    .sec01_img_sp img {
        width: 100%;
        height: auto;
    }

    .sec01_img_sp {
        display: block;
        position: relative;
        top: 0;
        right: -15px;
        width: 90%;
        margin-left: auto;
        margin-top: -70px;
    }

    .sec03_ct {
        width: 100%;
        margin: 15px 0;
    }

    .sec03_desc {
        max-height: none;
    }

    .sp600 {
        display: block;
    }

    .sec09_content {
        flex-direction: column;
    }

    .img9_2 {
        margin-top: 0;
    }

    .sec09_right {
        margin-top: 30px;
    }

    .sec03_img {
        height: 190px;
    }

    .sec09 {
        padding: 25px 0;
    }

    .sec09_content .img9_1 {
        margin-top: -50px;
    }

    .sec08 {
        padding: 80px 0 80px;
    }

    .img9_2 {
        margin-left: unset;
        margin-right: auto;
    }

    .img9_3 {
        margin-top: 30px;
    }

    .sec08_news dl {
        padding: 15px;
    }

    .sec06_media {
        flex-wrap: wrap;
        justify-content: center;
    }

    .sec06_media_ct {
        width: calc(50% - 30px);
        margin: 15px;
    }

    .sec06_media_ct:not(:last-child) {
        margin-right: 0;
    }

    .sec06_btn {
        margin-top: 20px;
    }

    .sec05_btn, .sec05_desc {
        padding: 0 15px;
    }

    .sec05_btn .btn a:not(:last-child) {
        margin-right: 15px;
    }

    .sec05_desc .sp768.none {
        display: none;
    }

    .sec05_desc .sp600.none {
        display: none;
    }

    /* .sec02{background-image: url(../images/sec02_bg_sp.png);} */
    .sec02_img {
        max-width: 320px;
        width: 100%;
    }

    .sp768.none {
        display: none;
    }

    .sec05_bg {
        height: 250px;
    }

    .not_sp {
        display: none;
    }

    .sec05_txt {
        bottom: 20px;
        left: 10px;
        width: 300px;
    }

    h3.title_h3 span.en {
        font-size: 32px;
    }

    h3.title_h3 span.ja {
        font-size: 16px;
    }

    .sec03_title p {
        font-size: 18px;
    }

    .sec04_txt {
        width: 160px;
    }

    .sec04_txt a {
        font-size: 14px;
    }

    .sec08_news dd a {
        font-size: 14px;
        margin-top: 5px;
    }

    .ft_bottom_list a {
        width: 250px;
    }
}

@media screen and (max-width: 400px) {
    .sec01_step {
        width: 150px;
        height: 100px;
    }
}

@media screen and (max-width: 360px) {
    .sp320 {
        display: block;
    }

    h2.h2_mv {
        font-size: 36px;
    }

    .desc_mv p {
        font-size: 16px;
    }

    .desc_mv span {
        font-size: 12px;
    }

    #logo {
        width: 240px;
    }

    .sec01_tag p {
        font-size: 14px;
    }

    .sec01_tag span {
        font-size: 12px;
    }

    .sec01 {
        padding: 30px 0;
    }

    .sec01_step {
        width: 130px;
        height: 85px;
    }

    .sec01_step a {
        font-size: 14px;
        letter-spacing: 0.1em;
    }

    .desc_point p {
        font-size: 16px;
    }

    .btn a::after {
        right: 10px;
    }

    .sec06_tel a {
        font-size: 36px;
        padding-left: 20px;
        display: inline-block;
    }

    .sec06_tel {
        text-align: center;
    }

    .sec06_tel a::before {
        width: 15px;
        height: 15px;
        left: 0;
        top: 15px;
    }

    nav p.add_nav {
        font-size: 12px;
    }
}


/*==========================================================
                        UNDER
==========================================================*/
@media screen and (max-width: 920px) {
    .under main {
        padding-bottom: 60px;
    }

    .under main h1, .under main h2, .under main h3, .under main h4, .under main h5, .under main h6,
    .under main input, .under main button, .under main textarea, .under main select, .under main p, .under main blockquote,
    .under main th, .under main td, .under main pre, .under main address, .under main li, .under main dt, .under main dd {
        font-size: 14px;
    }
}

@media screen and (min-width: 751px) {

    .lightbox,
    .lightboxOverlay {
        min-width: var(--site_size);
    }


    /* HOVER */
    .under main #topic_path li a:hover {
        text-decoration: underline
    }

    .under main .bnn a:hover {
        opacity: 0.7;
    }

    .under main .link:hover {
        color: var(--scolor);
    }

}

@media screen and (max-width: 920px) {
    .under main #content {
        padding: 0 0 80px
    }

    .under main section {
        padding: 0 0 60px;
    }

    .under main p, .under main li, .under main dd, .under main dt {
        line-height: 2;
    }

    .under main .image_r,
    .under main .image_l {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 auto 30px !important
    }

    .under main #topic_path li {
        font-size: 12px;
    }

    .under main #topic_path li span {
        padding: 0 5px;
    }

    /*==========================================================
                 C U S T O M
==========================================================*/
    /*  TOP INFO  */
    .under main #top_info {
        height: 300px
    }

    .under main #topic_path {
        margin-bottom: 15px
    }

    /*============ HEAD TITLE ============ */
    .under main h4,
    .under main h6 {
        margin-bottom: 20px;
    }

    .under main h2 {
        font-size: 24px;
        padding-top: 60px;
    }

    .under main h3 {
        font-size: 24px;
        padding-bottom: 6px;
        margin-bottom: 30px;
    }

    .under main h3:before {
        width: 100px;
    }

    .under main h4 {
        font-size: 22px;
        padding: 6px 15px 8px;
    }

    .under main h5 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .under main h6 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    /*============ TABLE ============ */
    .under main table {
        margin-bottom: 30px
    }

    .under main table td,
    .under main table th {
        padding: 15px 10px
    }

    .under main table.tb_block tr {
        display: flex;
        flex-direction: column
    }

    .under main table.tb_block tr:not(:last-child) th {
        border-bottom: none
    }

    .under main table.tb_block td+td {
        border-top: none;
    }

    .under main table.tb_block th {
        border-bottom: none;
    }

    .under main table.tb_block tr:not(:last-child) td:last-child {
        border-bottom: none;
    }

    .under main table.tb_block th,
    .under main table.tb_block td {
        width: 100%;
    }

    /* TABLE SCROLL */
    .under main .tb_scroll {
        overflow: scroll;
    }

    .under main .tb_scroll:not(:last-child) {
        margin-bottom: 30px;
    }

    .under main .tb_scroll table {
        width: 1000px;
    }

    .under main .tb_note {
        margin-bottom: 10px;
        color: #999;
    }

    /*============ LIST ============ */
    .under main .list_2col li {
        width: 100%;
    }

    .under main .list01 li {
        padding-left: 18px;
        margin-bottom: 5px;
    }

    .under main .list01 li::before {
        width: 8px;
        height: 8px;
    }

    .under main .list02 {}

    .under main .list02 li {}

    .under main .list02 li::before {}

    .under main .list_check li {
        padding-left: 30px;
        margin-bottom: 5px;
    }

    .under main .list_check li::before {
        width: 18px;
        height: 17px;
        top: 6px;
    }

    /* LIST FAQ */
    .under main .list_faq dl {
        margin-bottom: 30px;
        padding: 15px
    }

    .under main .list_faq dt span {
        font-size: 30px;
        margin-top: -3px;
        margin-right: 15px;
    }

    .under main .list_faq dt {
        font-size: 18px;
        min-height: 50px;
        padding-bottom: 3px;
    }

    .under main .list_faq dd {
        padding: 20px;
    }

    .under main .list_faq .it {
        margin-left: 10px;
    }

    .under main .list_faq .it:before {
        top: -10px;
        left: -10px;
    }

    /* List STEP */
    .under main .list_step .step_num {
        font-size: 30px;
        top: 21px;
        left: 10px;
    }

    .under main .list_step .step_tl {
        font-size: 18px;
    }

    .under main .list_step .step_it {
        padding: 35px 15px 15px;
        margin-bottom: 35px;
    }

    .under main .list_step .step_it:not(:last-child)::before {
        border-width: 30px 40px 0 40px;
        bottom: -15px;
    }

    .under main .list_step .box_in {
        padding: 30px 20px;
    }

    /*============ FRAME ============ */
    .under main .frame01 {
        padding: 30px 5%
    }

    .under main .frame02 {
        padding: 30px 15px
    }

    .under main .frame_pick {
        padding: 30px 15px
    }

    .under main .img_full {
        width: calc(100% + 30px);
        height: auto;
        text-align: center;
        left: -15px;
    }

    /*============ ORTHER ============ */
    .under main .box_map {
        height: 250px
    }

    .under .ud_box_img.col2, .under .ud_box_img.col3 {
        margin: 0;
    }

    .under .ud_box_img.col2 .col_item, .under .ud_box_img.col3 .col_item {
        width: 100%;
        text-align: center;
    }

    /*============ KIJIKAKU ============ */
    .under main .kiji_detail_ct img {
        max-width: 100%;
        max-height: 300px;
    }


}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
    /*============ ORTHER ============ */


    /*============ KIJIKAKU ============ */
    .under .kiji_list dl {
        flex-wrap: wrap;
    }

    .under .kiji_list dd {
        width: 100%;
        margin-top: 10px;
    }

    .under .kiji_list dt img {
        top: inherit;
    }

}

/*============ CONTACT ============ */
@media only screen and (max-width:1000px) and (min-width:769px) {
    .contact-form-style01 .contact-table dt {
        width: 40%
    }

    .contact-form-style01 .contact-table dd {
        width: 60%
    }

    .contact-form-style02 {
        padding: 50px 30px 50px;
    }
}

@media only screen and (max-width:768px) {
    .contact-form-style01 .contact-table dl {
        display: block;
    }

    .contact-form-style01 .contact-table dd, .contact-form-style01 .contact-table dt {
        width: 100%
    }

    .contact-form-style01 .contact-table dd {
        border-color: transparent;
    }

    .contact-form-style01 .contact-table input, .contact-form-style01 .contact-table textarea {
        width: 100%
    }

    .contact-form-style01 .contact-table input[type=checkbox], .contact-form-style01 .contact-table input[type=radio] {
        width: auto;
    }

    .contact-form-style01 .wpcf7-list-item {
        display: block;
    }

    .contact-form-style02 {
        padding: 40px 30px 40px;
    }

    .contact-form-style02 .contact-table input, .contact-form-style02 .contact-table textarea {
        padding-bottom: 20px;
        text-align: center;
    }

    .contact-form-style02 .contact-table dl {
        width: 100%
    }

    .contact-form-style02 .contact-table dl dt {
        width: 100%;
        text-align: center;
    }

    .contact-form-style02 .contact-table dl:not(.full) dt {
        bottom: 20px;
    }

    .contact-form-style02 .contact-table dl:not(.full).focus dt, .contact-form-style02 .contact-table dl:not(.full).non-empty dt {
        font-size: 0.9em;
    }

    .contact-form-style02 .wpcf7-not-valid-tip {
        text-align: center;
    }
}

/* IPHONE 6 */
@media screen and (max-width: 425px) {
    .check_privacy {
        font-size: 11px !important;
    }
}


/* RESPONSIVE SP */