/* screens smaller than 768---------------------------------------------------------- */

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

    /*layout*/
    /*------------------------------------------------------------------------------*/
    .inner {
        width: 95%;
    }

    .sp {
        display: inherit;
    }

    .pc {
        display: none;
    }

    .pc_tb {
        display: none;
    }

    .tb {
        display: none;
    }

    .tb_sp {
        display: inherit;
    }

    /*bg*/
    /*------------------------------------------------------------------------------*/
    .bg02 .inner:after {
        content: none;
    }

    .bg03 .inner:after {
        content: none;
    }

    /*contents_hurry*/
    /*------------------------------------------------------------------------------*/
    .contents_hurry {
        margin-bottom: 35px;
        padding: 35px 0;
        background: #f8f8f1;
    }

    .contents_hurry:before {
        content: none;
    }

    .hurry_title {
        order: 1;
        width: 100%;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
    }

    .hurry_title:before {
        content: none;
    }

    .hurry_title_in {
        position: static;
        transform: none;
    }

    .hurry_title h2 {
        margin-bottom: 10px;
        margin-left: 0;
        padding-bottom: 5px;
        border-bottom: 2px dotted #efa389;
    }

    .hurry_title .main {
        font-size: calc(100% + 1.6vw);
    }

    .hurry_title .sub {
        font-size: calc(100% + 0.26vw);
    }

    .hurry_title p {
        margin-bottom: 30px;
        padding-top: 0;
        font-size: calc(100% + 1vw);
    }

    .hurry_img {
        order: 3;
        width: 100%;
        text-align: center;
    }

    .hurry_tel {
        order: 2;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0;
    }

    .hurry_tel li {
        margin-bottom: 20px;
        width: 100%;
    }

    /*contents_bnr*/
    /*------------------------------------------------------------------------------*/
    .contents_bnr {
        margin-bottom: 35px;
    }

    .contents_bnr .inner.flex01 {
        flex-direction: column;
    }

    .contents_bnr .bnr {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .contents_bnr .bnr02 {
        margin-bottom: 0;
        max-height: 165px;
        height: 25.38vw;
        background: url(../image/common/contents_bnr02_sp.png) no-repeat center center;
        background-size: contain;
    }

    .contents_bnr .bnr02 ul {
        align-items: center;
        padding: 0 20px;
        max-width: 650px;
        width: 100%;
        height: 50%;
    }

    .contents_bnr .bnr02 li {
        width: 45.9%;
    }

    /*btn/more/arr*/
    /*------------------------------------------------------------------------------*/
    .btn01 a {
        max-width: 550px;
        border-radius: 50px;
        font-size: calc(100% + 1vw);
    }

    /*header*/
    /*------------------------------------------------------------------------------*/
    header:before {
        content: none;
    }

    #top-head {
        position: absolute;
        height: 70px;
        border-bottom: 3px solid #ef612f;
        background-color: #fff;
    }

    header .inner {
        height: 70px;
    }

    header .left_box {
        width: calc(100% - 90px);
    }

    header #logo_text {
        margin-bottom: 0;
        padding-right: 0;
    }

    header .right_box {
        width: 85px;
    }

    header #h_menu {
        display: none;
    }

    /*globalnav*/
    /*------------------------------------------------------------------------------*/
    #globalnav {
        position: absolute;
        top: 0;
        right: -100%;
        /* closeボタンよりは奥 */
        z-index: 998;
        visibility: hidden;
        align-self: flex-start;
        padding-top: 100px;
        width: 80%;
        height: 0;
        background: rgba(0, 0, 0, 0.8);
        text-align: left;
        opacity: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .open #globalnav {
        position: fixed;
        right: 0;
        visibility: visible;
        overflow-y: scroll;
        height: 100vh;
        opacity: 1;
    }

    #globalnav_in {
        overflow-y: scroll;
        padding-bottom: 50px;
        width: 100%;
    }

    #globalnav #nav {
        display: block;
        width: 100%;
        height: auto;
        border-top: 1px solid #777;
    }

    #globalnav li {
        display: block;
    }

    #globalnav #nav li {
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #777;
        text-align: left;
    }

    #globalnav #nav li a,
    #globalnav #nav li.mega {
        position: relative;
        padding: 15px 6%;
        color: #fff;
    }

    #globalnav #nav li a:after {
        position: absolute;
        top: 50%;
        right: 5%;
        width: 8px;
        height: 8px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        content: '';
        -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
    }

    #globalnav li.child-home .sub {
        display: block;
    }

    #globalnav li.child-home img {
        display: none;
    }

    #globalnav #nav li.mega {
        background: none;
    }

    #globalnav .mega_box {
        position: static;
        visibility: visible;
        padding: 5px 0;
        background: none;
        opacity: 1;
    }

    #globalnav .mega_box--wide {
        width: 100%;
    }

    #globalnav .mega_box:before {
        content: none;
    }

    #globalnav #nav li .mega_box li {
        border-bottom: none;
    }

    #globalnav #nav li li a {
        padding: 8px 0 8px 15px;
    }

    #globalnav #nav li li:last-child a {
        padding-bottom: 0;
    }

    /*gnav_btn*/
    /*------------------------------------------------------------------------------*/
    #gnav_btn {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999;
        display: block;
        width: 70px;
        height: 70px;
        cursor: pointer;
        -webkit-transition: -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #gnav_btn.is-opened {
        position: fixed;
        border: none;
    }

    #gnav_btn_in {
        position: relative;
        width: 70px;
        height: 70px;
        background-color: #ef612f;
    }

    .is-opened #gnav_btn_in {
        background-color: transparent;
    }

    #gnav_btn .bar {
        position: absolute;
        top: 18px;
        right: 0;
        left: 0;
        margin: auto;
        height: 3px;
        background-color: #fff;
    }

    #gnav_btn .bar:nth-child(1) {
        width: 24px;
    }

    #gnav_btn .bar:nth-child(2) {
        width: 38px;
    }

    #gnav_btn .bar:nth-child(3) {
        width: 40px;
    }

    #gnav_btn.is-opened .bar:nth-child(1),
    #gnav_btn.is-opened .bar:nth-child(3) {
        width: 40px;
    }

    #gnav_btn .menu {
        position: absolute;
        right: 0;
        bottom: 7px;
        left: 0;
        color: #fff;
        font-size: 14px;
    }

    .is-opened #gnav_btn .menu {
        display: none;
    }

    #gnav_btn.is-opened .bar {
        background-color: #fff;
    }

    #gnav_btn .bar:nth-child(1) {
        -webkit-transform: translateY(-300%);
        transform: translateY(-300%);
    }

    #gnav_btn.is-opened .bar:nth-child(1) {
        -webkit-animation: btBar1Open 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
        animation: btBar1Open 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
    }

    @-webkit-keyframes btBar1Open {
        0% {
            -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
        }

        40% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
    }

    @keyframes btBar1Open {
        0% {
            -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
        }

        40% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
    }

    #gnav_btn.is-closed .bar:nth-child(1) {
        -webkit-animation: btBar1Close 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
        animation: btBar1Close 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
    }

    @-webkit-keyframes btBar1Close {
        0% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        40% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        100% {
            -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
        }
    }

    @keyframes btBar1Close {
        0% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        40% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        100% {
            -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
        }
    }

    #gnav_btn .bar:nth-child(2) {
        opacity: 1;
    }

    #gnav_btn.is-opened .bar:nth-child(2) {
        -webkit-animation: btBar2Open 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
        animation: btBar2Open 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
    }

    @-webkit-keyframes btBar2Open {
        0% {
            opacity: 1;
        }

        40% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes btBar2Open {
        0% {
            opacity: 1;
        }

        40% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    #gnav_btn.is-closed .bar:nth-child(2) {
        -webkit-animation: btBar2Close 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
        animation: btBar2Close 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
    }

    @-webkit-keyframes btBar2Close {
        0% {
            opacity: 0;
        }

        40% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes btBar2Close {
        0% {
            opacity: 0;
        }

        40% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    #gnav_btn .bar:nth-child(3) {
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
    }

    #gnav_btn.is-opened .bar:nth-child(3) {
        -webkit-animation: btBar3Open 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
        animation: btBar3Open 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
    }

    @-webkit-keyframes btBar3Open {
        0% {
            -webkit-transform: translateY(300%);
            transform: translateY(300%);
        }

        40% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    }

    @keyframes btBar3Open {
        0% {
            -webkit-transform: translateY(300%);
            transform: translateY(300%);
        }

        40% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    }

    #gnav_btn.is-closed .bar:nth-child(3) {
        -webkit-animation: btBar3Close 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
        animation: btBar3Close 600ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
    }

    @-webkit-keyframes btBar3Close {
        0% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        40% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        100% {
            -webkit-transform: translateY(300%);
            transform: translateY(300%);
        }
    }

    @keyframes btBar3Close {
        0% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        40% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        100% {
            -webkit-transform: translateY(300%);
            transform: translateY(300%);
        }
    }

    /* Fixed */
    /*------------------------------------------------------------------------------*/
    #top-head.fixed {
        height: 85px;
    }

    #top-head.fixed .inner {
        height: 85px;
    }

    #top-head.fixed .left_box {
        display: block;
    }

    #top-head.fixed .right_box {
        width: 85px;
    }

    #top-head .right_box.fixed {
        position: fixed;
        top: 0;
        right: 0;
        /* overflow-y : scroll; */
    }

    #top-head .right_box.fixed .right_box-child {
        overflow-y: scroll;
    }

    /*side_bnr*/
    /*------------------------------------------------------------------------------*/
    #side_bnr {
        display: none;
    }

    /*footer*/
    /*------------------------------------------------------------------------------*/
    footer {
        padding-bottom: 80px;
        background: url('../image/common/footer_bg_sp.jpg') no-repeat center bottom;
        background-size: cover;
    }

    footer .inner {
        display: block;
        padding: 50px 0 200px;
    }

    footer .left_box {
        margin-bottom: 20px;
        width: 100%;
    }

    footer .left_box dt,
    footer .left_box p,
    footer .right_box {
        padding-left: 20px;
    }

    footer .left_box li {
        margin-top: 10px;
        text-align: center;
    }

    footer .left_box li img {
        max-width: 650px;
    }

    footer .right_box {
        width: 100%;
        font-size: 18px;
        line-height: 1.4;
    }

    footer .right_box,
    footer .right_box a {
        color: #333;
    }

    footer .right_box dd {
        display: block;
    }

    footer .right_box .unit01 {
        width: 100%;
    }

    footer .right_box .unit02 {
        width: 100%;
    }

    /*foot_bnr*/
    /*------------------------------------------------------------------------------*/
    #foot_bnr.fixed {
        background-color: none;
    }

    #foot_bnr ul {
        padding: 0;
        width: 100%;
        text-align: center;
    }

    #foot_bnr a {
        display: block;
        color: #fff;
        font-size: 26px;
    }

    #foot_bnr li:first-child,
    #foot_bnr li img {
        display: none;
    }

    #foot_bnr span {
        display: block;
        padding: 20px 0;
    }

    #foot_bnr li {
        width: 50%;
    }

    #foot_bnr .single_tel li {
        width: 33%;
    }

    #foot_bnr .single_tel li.foot_bnr_tel {
        margin-right: 0;
        margin-left: 0;
        width: 33%;
    }

    #foot_bnr li.foot_bnr_tel a {
        width: 100%;
    }

    #foot_bnr li:last-child {
        margin-left: 0;
        width: 34%;
    }

    #foot_bnr li.soudan-siryo a:nth-of-type(3) {
        width: 100%;
        background-color: #ef612f;
        font-size: 14px;
        text-indent: 10px;
    }

    #foot_bnr li:last-child a:nth-of-type(1),
    #foot_bnr li:last-child a:nth-of-type(2) {
        display: none;
    }

    #foot_bnr li:nth-child(2) span,
    #foot_bnr li:nth-child(3) span {
        display: inline-block;
        padding-left: 60px;
        background: url('../image/common/foot_bnr_icon01.png') no-repeat left center;
    }

    #foot_bnr li:nth-child(3) span {
        background: url('../image/common/foot_bnr_icon02.png') no-repeat left center;
    }

    #foot_bnr li:nth-child(2) a {
        background-color: #6a6a1c;
    }

    #foot_bnr li:nth-child(2) a:nth-of-type(2) {
        background-color: #d35456;
    }

    #foot_bnr li:nth-child(3) a {
        background-color: #02907a;
        width: 100%;
        font-size: 16px;
    }

    #foot_bnr .foot_bnr_box .karikaiin a {
        background: #02907a;
        font-size: 15px;
        text-indent: 34px;
    }

    #foot_bnr .foot_bnr_box .karikaiin span {
        background: url(../image/common/foot_bnr_icon03.png) no-repeat left center;
        background-size: 25px 25px;
        background-position: 5px;
    }

    #foot_bnr .foot_bnr_box .soudan-siryo a {
        background: #ef612f;
        font-size: 15px;
        text-indent: 38px;
    }

    #foot_bnr .foot_bnr_box .soudan-siryo span {
        background: url(../image/common/foot_bnr_icon02.png) no-repeat left center;
        background-size: 25px 25px;
        background-position: 5px;
    }

    #foot_bnr .foot_bnr_box a p {
        background: #15827b;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border-radius: 40px;
        color: #fff;
        margin: 12px;
    }

    #foot_bnr .foot_bnr_box a + a p {
        background: #e57d58;
    }

    #foot_bnr .foot_bnr_box {
        display: flex;
    }

    #foot_bnr .foot_bnr_box div {
        width: 33%;
    }

    #foot_bnr .foot_bnr_box span {}

    #foot_bnr .foot_bnr_box div.dropdown {
        display: none;
    }

    #foot_bnr .foot_bnr_box div.dropdown a {}

    div.dropdown a::before,
    #foot_bnr .foot_bnr_box label::before {
        content: "";
        display: block;
        position: absolute;
        right: 5%;
        width: .5em;
        height: .5em;
        transform: rotate(135deg);
    }

    #foot_bnr .foot_bnr_box input[type="checkbox"] {
        display: none;
    }

    #foot_bnr .foot_bnr_box label[for="menubox"] {
        display: block;
        background: #6a6a1c;
        color: #fff;
        padding: 20px 0;
        width: 34%;
        font-size: 15px;
        line-height: 25px;
        text-indent: 30px;
    }

    #foot_bnr .foot_bnr_box label[for="menubox"] span {
        background: url(../image/common/foot_bnr_icon01.png) no-repeat left center;
        background-size: 25px 25px;
        padding: 0;
    }

    #foot_bnr .foot_bnr_box label[for="menubox"]::before {
        transform: rotate(225deg);
    }

    input[type="checkbox"]:checked + #hiddenbox {
        display: block;
        position: absolute;
        top: -158px;
        left: 21px;
    }

    /*------------------------------------------------------------------------------*/
}


/*------------------------------------------------------------------------------*/


/* screens smaller than 540---------------------------------------------------------- */

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

    /*header*/
    /*------------------------------------------------------------------------------*/
    header #logo img {
        max-width: 90%;
    }

    /*foot_bnr*/
    /*------------------------------------------------------------------------------*/
    /* #foot_bnr li {
		width : 50%;
	}
	#foot_bnr li:last-child {
		margin-left : 0;
		width : 40%;
	}
	#foot_bnr .single_tel li:last-child {
		width : 50%;
	} */
    #foot_bnr a {
        font-size: 20px;
    }

    #foot_bnr li:nth-child(2) span,
    #foot_bnr li:nth-child(3) span {
        padding-left: 30px;
        background: url('../image/common/foot_bnr_icon01.png') no-repeat left center;
        background-size: 25px 25px;
        font-size: 14px;
    }

    #foot_bnr li:nth-child(3) span {
        background: url('../image/common/foot_bnr_icon03.png') no-repeat left center;
        background-size: 25px 25px;
    }

    #foot_bnr li:nth-child(4) span {
        background: url('../image/common/foot_bnr_icon02.png') no-repeat left center;
        background-size: 25px 25px;
        background-position: 5px;
    }

    /*------------------------------------------------------------------------------*/
}


/*------------------------------------------------------------------------------*/

/* LINE相談ボタン追加*/
.line_btn {
    display: none;
}

@media screen and (max-width:768px) {
    .line_btn {
        display: block;
        position: fixed;
        bottom: 150px;
        right: 20px;
        width: 48px;
        z-index: 100;
    }
    #topcontrol {
        z-index: 100;
    }
}


/* SPフッターバナー改修*/
@media screen and (max-width:768px) {
    #foot_bnr.foot_new .foot_text {
        background: #fff;
    }

    #foot_bnr.foot_new .foot_text span {
        display: inline;
        padding: 0;
    }

    #foot_bnr.foot_new .foot_text {
        font-size: 0.9rem;
        line-height: normal;
        text-align: center;
        letter-spacing: -0.05rem;
    }

    #foot_bnr.foot_new .foot_text .red {
        font-size: 1rem;
    }

    #foot_bnr.foot_new .foot_text .text_big {
        font-size: 1.2rem;
    }

    #foot_bnr.foot_new .foot_text .text_small {
        font-size: 0.9rem;
    }

    #foot_bnr.foot_new .foot_bnr_box {
        justify-content: space-around;
        padding: 1% 0;
    }

    #foot_bnr.foot_new label[for="menubox"] {
        background: none;
        text-indent: 0;
        width: 48%;
        padding: 0;
    }

    #foot_bnr.foot_new .foot_bnr_box .soudan-siryo,
    #foot_bnr.foot_new .foot_bnr_box .karikaiin {
        width: 25%;
    }

    #foot_bnr.foot_new .foot_bnr_box .soudan-siryo a {
        background: none;
        text-indent: 0;
    }

    #foot_bnr.foot_new .foot_bnr_box .karikaiin a {
        background: none;
        text-indent: 0;
    }

    #foot_bnr.foot_new ul {
        background: #fff;
        justify-content: space-around;
        padding-bottom: 1%;
    }

    #foot_bnr.foot_new li:first-child,
    #foot_bnr.foot_new li img {
        display: block;
    }
    #foot_bnr.foot_new li:last-child a:nth-of-type(1),
    #foot_bnr.foot_new li:last-child a:nth-of-type(2) {
        display: block;
        background: none;
    }

    #foot_bnr.foot_new ul li.foot_bnr_tel {
        width: 47%;
    }
    #foot_bnr.foot_new ul li.foot_bnr_tel a {
        background: none;
    }

    #foot_bnr.foot_new ul li.soudan-siryo,
    #foot_bnr.foot_new ul li.karikaiin {
        width: 25%;
    }
    #foot_bnr.foot_new li:nth-child(2) a {
        background: none;
    }
    p#copyright {
        padding-bottom: 15px;
    }
}