@media screen and (max-width: 766px) {
    #topics, #planid, #golf {
        position: absolute;
        top: -55px;
    }
    .pc_only {
        display: none;
    }
    .pcflex_spcolmn{
        flex-direction: column;
    }
    .topicsArea{
       width: 100%;
    }
    .news_content_block {
       width: 100%;
    }
    header .top_container {
        position: fixed;
        top: 0;
        z-index: 999;

        align-items: center;
        
        padding: 0 7.1% 0 5%;
        padding-bottom: 0;

        height: 55px;
        background-color: rgb(255,255 ,255);
    }

    header .top_container.wrapper {
        width: 100%;
    }

    header .logoImgBlock {
        width: 70%;
        margin-top: 0;
        margin-right: 0;
    }

    .wideBlock {
        margin-top: 55px;
        height: 15vw;
    }

    .wideBlock .imgBlock:first-of-type img, .wideBlock .imgBlock:last-of-type img {
        width: 100%;
    }

    .wideBlock .imgBlock:nth-of-type(2) img {
        margin-bottom: 5%;
    }

    .cloudImg_left {
        width: 19%;
    }

    .cloudImg_right {
        width: 19.5%;
    }

    /* ハンバーガーメニュー */
    header .response_sideBlock {
       display: block;
       position: absolute;
       right: 85px; 
 
       width: 95px;
       height: 100%;
 
       text-align: center;
       letter-spacing: 2px;
 
       background-color: rgb(29,59,166);/* JavaScriptで色を変更 */
    }
 
    header .response_sideBlock a {
       width: 100%;
       height: auto;
       font-size: 12.5px;
       color: rgb(255,255,255);
    }
 
    header .response_sideBlock .ImgBlock {
       margin-top: 14px;
       margin-bottom: 10px;
    }
 
    header .response_sideBlock .ImgBlock img {
       margin: 0 auto;
       width: 30px;
    }
 
    header .response_sideBlock .txtBlock h2 {
       font-size: 14px;
    }
 
    header .response_sideBlock .txtBlock p {
       margin-top: 4px;
    }
 
    /* ハンバーガーメニュー ブロック */
    #drawer_toggle {
       display: flex;
       justify-content: center;
       align-items: center;
       width: 25px;
       height: 25px;
    }
 
    /* 三本線 */
    #drawer_toggle span,
    #drawer_toggle span:before,
    #drawer_toggle span:after {
       position: absolute;
       content: '';
 
       display: block;
 
       height: 3px;
       width: 25px;
 
       border-radius: 3px;
       background-color: rgb(8,128,60);
    }
 
    /* 1本目 */
    #drawer_toggle span:before {
       bottom: 8px;
    }
 
    /* 3本目 */
    #drawer_toggle span:after {
       top: 8px;
    }
 
    /* ハンバーガーメニュー（クリック） */
    /* 1本目 */
    #drawer_toggle.open span:before {
       bottom: 0;
       transform: rotate(45deg);
    }
 
    /* 2本目 */
    #drawer_toggle.open span {
       background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
    }
 
    /* 3本目 */
    #drawer_toggle.open span::after {
       top: 0;
       transform: rotate(-45deg);
    }
 
    /* メニューを表示させる */
    .menu-content.open {
       display: block;
    }

    .menu-content.close {
       display: none;
    }

    /* ハンバーガーメニュー（クリック）End */
 
    .menu-content {
       position: fixed;
       z-index: 900;
       top: 55px;
       left: 0;
 
       width: 100%;
 
       font-weight: 600;
       background-color: rgb(255,255 ,255);
       transition: all 0.5s; /*アニメーション設定*/
 
       display: none;
    }
 
    .menu-content-li {
       border-bottom: solid 1px rgb(200,200,200);;
    }
 
    .menu-content-li:first-of-type {
       border-top: solid 1px rgb(200,200,200);;
    }
 
    .menu-content-li:last-of-type {
       border: none;
    }
 
    .menu-content-li-content {
       display: flex;
       justify-content: space-between;
       align-items: center;
 
       width: 100%;
       font-size: 16px;
       box-sizing: border-box;
       color: rgb(8,128,60);
       text-decoration: none;
       padding: 3% 5%;
       position: relative;
    }
 
    /* 右矢印 */
    .menu-rightArrowBlock span {
       margin-right: 15px;
    }
 
    .menu-rightArrowBlock span {
       display: block;
       position: relative;
    }
 
    .menu-rightArrowBlock span::before, .menu-rightArrowBlock span::after {
       content: "";
       margin: auto;
       position: absolute;
    }
 
    .menu-rightArrowBlock span::before { /* くの字の表示設定 */
       top: 0.2px;
 
       bottom: 0;
       left: 3px;
 
       width: 7px;    /* くの字を山なりに見た時、左側の長さ */
       height: 7px;   /* くの字を山なりに見た時、右側の長さ */
       border-top: 2px solid rgb(29,59,166);     /* くの字を山なりに見た時、左側の太さと色 */
       border-right: 2px solid rgb(29,59,166);   /* くの字を山なりに見た時、右側の太さと色 */
       transform: rotate(45deg);    /* くの字の向き */
    }
 
    .menu-rightArrowBlock span::after { /* 棒の表示設定 */
       top: 0;
       bottom: 0;
       left: -2.5px;
       width: 13px; /* 棒の長さ */
       height: 2px; /* 棒の太さ */
       background: rgb(29,59,166);
    }
 
    .menu-content-li-p-privacy {
       font-size: 15px;
    }

    .block_01 {
        padding: clamp(3%,3vw,5%) 0 0 0;
    }

    .block_01 .upblock, .block_01 .downBlock {
        display: block;
    }

    .block_01 .upblock {
        margin-right: 3%;
    }

    .block_01 .upblock .imgBlock:first-of-type, .block_01 .downBlock .imgBlock:first-of-type {
        margin-bottom: 5%;
    }

    .block_01 .downBlock .imgBlock:first-of-type {
        /* padding: 5% 2%; */
    }

    .block_01 .downBlock .imgBlock:last-of-type {
        /* padding: 5% 2%; */
    }

    .block_01 .imgBlock {
        width: 100%;
    }

    .block_01 .upblock a, .block_01 .downBlock a {
        width: 100%;
    }

    .block_02 {
        margin-top: 5%;
        padding-bottom: 0%;
    }

    .block_02_container {
        display: block;
    }

    .block_02 .txtBlock {
        font-size: 3.4vw;
    }

    .block_02 .other_services_block .imgBlock {
        width: 50%;
    }

    .block_02 .new_plan_block {
        width: 100%;
    }

    .block_02 .planBlock_ul {
        height: 334px;
    }
    .block_02 .planBlock_ul2 {
        height: 600px;
    }

    .block_02 .planBlock_a .imgBlock {
        height: 19vw;
    }
    .block_02 .contentBlock {
        width: calc(100% - 28%);
     }

    .block_02 .date {
        font-size: 4vw;
        margin-right: 0.5vw;
    }

    .block_02 .content {
        font-size: 4vw;
    }
    
    .block_02 .news_content_block {
        margin-top: 10%;
        width: 100%;
    }

    .block_02 .news_content {
        padding: 10px;
    }

    .block_02 .news_content_li .ttlBlock {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .block_03 {
        margin-top: 20px;
        padding-bottom: 30px;
        /* padding-top: 17%; */
    }

    .block_03 .topBlock {
        font-size: 5vw;
    }

    .block_02 .detailBlock {
        max-height: 250px;
    }

    .block_03 .downBlock {
        display: block;
        padding: 2vw 0;
    }

    .block_03 .downBlock .txtBlock {
        margin-top: 1vw;
        font-size: 3.5vw;
    }

    .block_03 .reserve_center_imgBlock {
        width: 20%;
        top: 6%;
        right: 0;
    }

    .block_03 .reserve_center_imgBlock.is-fixed {
        top: 10%;
        right: 5%;
    }

    .block_04 {
        padding: 2vw;
    }

    .block_04 .container {
        margin-right: 0;
        width: 100%;
        margin: 0 auto;
    }

    .block_04 .imgBlock {
        margin-right: 2%;
    }

    .block_04 .textBig {
        font-size: 4vw;
        text-align: left;
    }

    .block_04 .textBig_br {
        display: block;
     }

    .block_04 .arrow-Right {
        margin-top: 1.7vw;
        width: 10px;
        height: 10px;
        border-top: solid 3px rgb(0,0,0);
        border-left: solid 3px rgb(0,0,0);
    }

    .block_04 .txtSmall {
        font-size: 3.5vw;
        justify-content: start;
    }

    .block_05 .container {
        display: block;
        padding-bottom: 15vw;
    }

    .block_05 .addressBlock, .block_05 .openTimeBlock {
        font-size: 16px;
        width: 95%;
        margin: 0 auto;
    }

    .block_05 .openTimeBlock {
        margin-top: 3vw;
    }

    .block_05 .openTimeBlock .item {
        letter-spacing: 3px;
    }

    .block_05 .downBlock {
        display: none;
    }

    .block_05 .detailBlock {
        margin-top: 3vw;
    }

    .block_05 .faxImgBlock {
        margin-top: 3%;
    }

    .block_05 .telImgBlock img, .block_05 .faxImgBlock img {
        width: 70%;
        margin: 0 auto;
    }

    .block_05 .topBlock .txtBlock {
        font-size: 16px;
        text-align: center;
    }

    .block_05 .contactBlock {
        margin: 3% auto 0 auto;
        width: 85%;
    }

    .block_05 .contactBlock .imgBlock img {
        width: 100%;
    }

    .block_05 .contactBlock .txtBlock {
        font-size: 3.5vw;
    }

    .block_05 .greenImgBlock {
        display: none;
    }

    .block_05 .contactBlock:before, .block_05 .contactBlock:after {
        position: absolute;
        content: '';
     
        background-color: rgb(8,128,60);/*線の色*/
        height: 2px;/*線の太さ*/
    }
     
    .block_05 .contactBlock:before {
        right: -25px;
        top: 52.3%;
        width: 50px;
        transform: rotate(90deg);
    }
     
    .block_05 .contactBlock:after {
        left: 6px;
        bottom: 0;
        width: 99%;
    }

    .block_05 .backTopBlock {
        padding-top: 0;
        width: 120px;
        height: 30px;
        font-size: 16px;
    }

    .block_05 .arrow-Top {
        margin-top: 11px;

        width: 13px;
        height: 13px;
        border-top: solid 3px rgb(8,128,60);
        border-left: solid 3px rgb(8,128,60);
    }

    .block_05 .downBlock_sp {
        display: flex;

        position: absolute;
        bottom: 0;
        left: 0;

        width: 65%;
    
        font-size: 3.5vw;
    }
     
    .block_05 .downBlock_sp_a_01, .block_05 .downBlock_sp_a_02 {
        padding: 0 1%;
        border-left: 1px solid rgb(0,0,0);
    }
    
    .block_05 .downBlock_sp_a_02 {
        border-right: 1px solid rgb(0,0,0);
    }
    
    .block_05 .downBlock_sp_a_01:hover, .block_05 .downBlock_sp_a_02:hover {
        color: rgba(0,0,0,0.6);
    }

    footer .txtBlock {
        font-size: 16px;
        text-align: left;
    }

    footer .copywriterBlock {
        font-size: 16px;
        text-align: left;
    }
    .contact-container {
        padding-top: 100px;
    }


}
@media screen and (max-width: 550px) {
    .sp550only{
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .block_02 .planBlock_ul {
        height: 257px;
    }
    .flex_wrap{
        flex-wrap: wrap;
     }
     .contactFlexLeft{
        width: 100%;
        margin-right: 0;
        text-align: left;
     }
     .contactFlexRight{
        width: 100%;
        padding: 5px 0 10px 0;
     }


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



}
@media screen and (max-width: 400px) {
    .block_02 .planBlock_ul {
        height: 216px;
    }
    .block_02 .planBlock_ul2 {
        height: 400px;
    }
}
@media screen and (max-width: 370px) {
    .sp370none{
        display: none;
    }
}