.comparison-title {
                font-size: 24px;
            }
            .comparison-grid {
                display: grid;
                grid-template-columns: 1fr; /* SPは1カラム */
                gap: 24px;
                margin-bottom: 40px;
            }
            .tour-card {
                padding: 24px;
            }
            .tour-points-text {
                font-size: 14px;
            }
            .notes-section {
                padding: 24px;
            }   .comparison-title {
                font-size: 24px;
            }
            .comparison-grid {
                display: grid;
                grid-template-columns: 1fr; /* SPは1カラム */
                gap: 24px;
                margin-bottom: 40px;
            }
            .tour-card {
                padding: 24px;
            }
            .tour-points-text {
                font-size: 14px;
            }
            .notes-section {
                padding: 24px;
            }.comparison-title {
                font-size: 24px;
            }
            .comparison-grid {
                display: grid;
                grid-template-columns: 1fr; /* SPは1カラム */
                gap: 24px;
                margin-bottom: 40px;
            }
            .tour-card {
                padding: 24px;
            }
            .tour-points-text {
                font-size: 14px;
            }
            .notes-section {
                padding: 24px;
            }.comparison-title {
                font-size: 24px;
            }
            .comparison-grid {
                display: grid;
                grid-template-columns: 1fr; /* SPは1カラム */
                gap: 24px;
                margin-bottom: 40px;
            }
            .tour-card {
                padding: 24px;
            }
            .tour-points-text {
                font-size: 14px;
            }
            .notes-section {
                padding: 24px;
            } .comparison-title {
                font-size: 24px;
            }
            .comparison-grid {
                display: grid;
                grid-template-columns: 1fr; /* SPは1カラム */
                gap: 24px;
                margin-bottom: 40px;
            }
            .tour-card {
                padding: 24px;
            }
            .tour-points-text {
                font-size: 14px;
            }
            .notes-section {
                padding: 24px;
            } .comparison-title {
                font-size: 24px;
            }
            .comparison-grid {
                display: grid;
                grid-template-columns: 1fr; /* SPは1カラム */
                gap: 24px;
                margin-bottom: 40px;
            }
            .tour-card {
                padding: 24px;
            }
            .tour-points-text {
                font-size: 14px;
            }
            .notes-section {
                padding: 24px;
            }@charset "utf-8";
/* CSS Document */
@media screen and (max-width:768px) {
    html {
        background: #fff;
    }

    main {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
    }

    main div.column1 {
        width: calc(100% - 0px);
        margin: 0px 10px -10px 10px;
    }

    main div.column2 {
        width: calc(50% - 17px);
        margin: 10px 0px 0px 10px;
    }

    main div.column2a {
        width: calc(50% - 20px);
        margin: 10px 10px 30px 10px;
    }

    main div.column2-1 {
        width: calc(20% - 0px);
        margin: 5px;
    }

    main div.column2-2 {
        width: calc(100% - 0px);
        margin: 5px;
    }

    main div.column2-3 {
        width: calc(100% - 20px);
        margin: 20px;
    }

    main div.column2e {
        width: calc(40% - 10px);
        margin: 15px 0px 0px 10px;
    }

    main div.column2f {
        width: calc(60% - 20px);
        margin: 15px 10px 0px 10px;
    }

    main div.column3 {
        width: calc(50% - 18px);
        margin: 10px 5px 10px 10px;
    }

    main div.column3a {
        width: calc(50% - 10px);
        margin: 20px 5px 5px 5px;
    }

    main div.column3b {
        width: calc(100% - 0px);
        margin: 5px 0px 20px 5px;
    }

    main div.column4 {
        width: calc(50% - 17px);
        margin: 10px 0px 10px 10px;
        border: 1px #ccc solid;
        padding: 0px;
        background: #fff;
    }

    main div.column4 img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    header {
        color: #FFFFFF;
        text-align: center;
        background-color: #FFFFFF;
    }

    main div.column4_n {
        width: calc(100% - 0px);
        margin: 0 auto;
        text-align: center;
        margin: 10px 0px 10px 0px;
        padding: 0px;
        background: #fff;
    }

    main div.column4_n img {
        width: 85%;
    }

    .title {
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 50px;
        width: 100%;
    }

    .frame {
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 0px;
        width: 95%;
        background-color: rgba(255, 255, 255, 1);
    }

    .frame01 {
        width: 100%;
        background-color: rgba(247, 255, 228, 1);
        margin: 0 auto;
    }

    .h1_h1 {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 20px;
        margin-top: 20px;
        font-weight: 100;
        font-family: 'Zen Old Mincho', serif;
        margin-bottom: 10px;
    }

    .h1_h2 {
        margin: 0 auto;
        text-align: left;
        width: 90%;
        color: #333f;
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .h1_h2 br {
        display: none;
    }

    .p1 {
        margin: 0 auto;
        font-size: 1.0em;
        text-align: center;
        color: #f01f1f;
        font-weight: bold;
    }

    .p2 {
        margin: 0 auto;
        font-size: 1.3em;
        font-weight: bold;
        color: #2c6eb9;
        text-align: center;
        padding-bottom: 5px;
    }

    .p3 {
        width: 95%;
        margin: 0 auto;
        font-size: 0.9em;
        line-height: 1.4em;
        line-height: 20px;
        padding-bottom: 20px;
    }

    .p4 {
        margin: 0 auto;
        font-size: 0.9em;
    }

    .p5 {
        width: 90%;
        font-size: 0.8em;
        margin: 0 auto;
        text-align: left;
        color: #FFFFFF;
        line-height: 25px;
    }

    .p5 br {
        display: none;
    }

    .p6 {
        margin-top: 3px;
        font-size: 0.9em;
        margin-bottom: 0px;
        line-height: 17px;
        text-align: left;
    }

    .p7 {
        margin: 0 auto;
        font-size: 1.2em;
        font-weight: bold;
        color: #2c6eb9;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .txt01 {
        margin: 0 auto;
        font-size: 14px;
        text-align: left;
        font-weight: bold;
        padding: 10px 10px 10px 10px;
        color: #3887BE;
    }

    .txt01 br {
        display: none;
    }

    .txt02 {
        font-size: 17px;
        font-weight: bold;
        color: #E10003;
        text-align: right;
        margin: 5px 5px 0px 5px;
    }

    .txt03 {
        margin: 0 auto;
        font-size: 12px;
        margin-top: 5px;
    }

    .txt04 {
        margin: 0 auto;
        padding: 10px;
        font-size: 0.8em;
        line-height: 1.4em;
        text-align: left;
    }

    .txt05 {
        margin: 0 auto;
        font-size: 0.9em;
        line-height: 1.4em;
        text-align: left;
    }

    .txt06 {
        margin: 0 auto;
        padding-top: 5px;
        font-size: 13px;
        text-align: left;
    }

    .txt07 {
        margin: 0 auto;
        text-align: left;
        color: #a60321;
        /*文字色*/
        font-weight: 900;
        font-size: 14px;
        padding-top: 0px;
    }

    .txt08 {
        margin: 0 auto;
        margin-top: 3px;
        border: double 1px #cc0000;
        font-size: 0.8em;
        line-height: 16px;
        padding: 2px;
        color: #cc0000;
    }

    .txt09 {
        margin: 0 auto;
        text-align: center;
        font-size: 0.7em;
        font-weight: bolder;
        line-height: 1.4em;
        background-color: #2c6eb9;
        color: #fff;
        padding: 3px;
    }

    .txt09a {
        margin: 0 auto;
        text-align: center;
        font-size: 10px;
        font-weight: bolder;
        line-height: 1.4em;
        background-color: #0896e7;
        color: #fff;
        padding: 3px;
    }

    .txt10 {
        margin: 0 auto;
        background-color: #e7f5ff;
        padding: 3px;
        margin-top: 10px;
        font-size: 0.8em;
    }

    .back_w {
        width: 100%;
        background-color: #FFFFFF;
    }

    .fd {
        padding: 10px;
        font-size: 80%;
        color: #FFFFFF;
        text-align: center;
        background-color: #999999;
    }

    .sp10 {
        padding-top: 10px;
    }

    .sp20 {
        margin-top: 10px;
    }

    .sp30 {
        padding-top: 30px;
    }

    .sp4040 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .sp40 {
        padding-top: 40px;
    }

    .sp50 {
        padding-top: 50px;
    }

    .spb20 {
        margin-bottom: 10px;
    }

    .spb40 {
        margin-bottom: 40px;
    }

    main div.column2v {
        width: calc(100% - 10px);
        text-align: center;
        margin-bottom: 10px;
    }

    .column2a img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        /* この一行を追加するだけ！ */
    }

    main div.column2b {
        width: calc(100% - 15px);
        margin: 10px 0px 0px 10px;
    }

    main div.column4a {
        width: calc(50% - 20px);
        margin: 0px 5px 0px 5px;
        padding: 5px;
    }

    h2 {
        margin: 0 auto;
        font-weight: 500;
    }

    .p01 {
        margin: 0 auto;
        text-align: left;
        font-size: 12px;
        width: 98%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .p02 {
        margin: 0 auto;
        background: linear-gradient(transparent 90%, #0068B7 80%);
        font-size: 13px;
        font-weight: bold;
    }

    .p03 {
        padding-top: 10px;
        margin: 0 auto;
        text-align: center;
        width: 95%;
        font-size: 20px;
        border-bottom: double 5px #66cccc;
    }

    .p04 {
        margin: 0 auto;
        text-align: left;
        font-size: 13px;
        line-height: 20px;
        padding-top: 0px;
        color: #333;
        padding-bottom: 10px;
    }

    .sp30 {
        margin-top: -6%;
    }

    .setumei01 {
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        color: #3366ff;
        font-weight: bold;
    }

    .setumei02 {
        margin: 0 auto;
        text-align: center;
        font-size: 20px;
        color: #FF0004;
        padding-bottom: 15px;
    }

    .kikan {
        margin: 0 auto;
        text-align: center;
        background: #f8f8f8f8;
        padding: 5px;
        margin: 10px 0px 0px 0px;
        font-size: 13px;
        color: #666;
        border: 1px #ccc solid;
    }

    main div.column2sns1 {
        width: calc(50% - 0px);
        text-align: right;
    }

    .column2sns1 img {
        width: 70px;
    }

    main div.column2sns2 {
        width: calc(50% - 0px);
        text-align: left;
    }

    .column2sns2 img {
        width: 70px;
    }

    .bread a {
        text-decoration: none;
        color: #666;
    }

    .bread a:hover {
        text-decoration: none;
        color: #ff9933;
    }

    .bread {
        margin: 0 auto;
    }

    .bread ul {
        display: flex;
        list-style-type: none;
    }

    ul {
        margin: 0 auto;
        text-align: left;
        margin-left: -30px;
        margin-top: -10px;
    }

    .bread li:after {
        content: '\003e';
        margin-left: 5px;
        margin-right: 5px;
        color: #888888;
    }

    .bread li:last-child:after {
        content: "";
        /* 最後のliの後ろには区切り文字を表示しない */
    }

    .breadback {
        margin: 0 auto;
        width: 100%;
        background: #fff;
        margin-top: 5px;
        height: 0px;
        color: #666;
    }

    .breadbacksp {
        margin: 0 auto;
        width: 100%;
    }

    main div.column2c {
        width: calc(100% - 0px);
        margin: 25px 0px 0px 0px;
    }

    .back_fff {
        padding-top: 20px;
        margin-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        background: #d1f1f2;
    }

    .pata_p01 {
        color: #fff;
        text-align: left;
        margin-top: 20px;
        font-size: 13px;
        padding-left: 5px;
    }

    .sd {
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
    }

    .pata_h2 {
        position: relative;
        display: inline-block;
        padding: 0 25px;
        color: #fff;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .pata_h2:before, .pata_h2:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 20px;
        height: 2px;
        background-color: #fff;
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }

    .pata_h2:before {
        left: 0;
    }

    .pata_h2:after {
        right: 0;
    }

    .pata_p03 {
        margin: 0 auto;
        text-align: center;
        border-bottom: solid 1px #3887BE;
        font-size: 18px;
        margin-top: 0px;
        font-weight: bold;
        color: #3887BE;
    }

    .pata_p04 {
        margin: 0 auto;
        text-align: justify;
        margin-top: 10px;
        padding: 0px 7px 5px 7px;
        font-size: 20px;
        font-weight: 700;
        color: #333;
    }
	
	.pata_p04 span{
		font-size: 16px;
		font-weight: 500;
	}

    .pata_p05 {
        margin: 0 auto;
        text-align: center;
        border-bottom: solid 1px #3887BE;
        width: 95%;
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 10px;
        color: #3887BE;
        font-weight: 700;
    }

    .pata_p06_erea {
        margin: 0 auto;
        text-align: left;
        width: 95%;
    }

    .pata_p06 {
        background: #3887BE;
        /*背景色*/
        color: #fff;
        /*文字色*/
        padding: 0.5em 1em 0.5em 0.5em;
        /*文字周りの余白*/
        display: inline-block;
        /*おまじない*/
        line-height: 1.3;
        /*行高*/
        vertical-align: middle;
        border-radius: 25px 0px 0px 25px;
        /*左側の角を丸く*/
        margin-top: 0px;
        font-size: 14px;
    }

    .pata_p06:before {
        content: '●';
        color: white;
        margin-right: 8px;
    }

    .pata_p07_erea {
        margin: 0 auto;
        text-align: left;
        width: 90%;
    }

    .pata_p07 {
        color: #fff;
        /*文字色*/
        padding: 0.5em;
        /*文字周りの余白*/
        display: inline-block;
        /*おまじない*/
        line-height: 1.3;
        /*行高*/
        vertical-align: middle;
        border-radius: 25px 0px 0px 25px;
        /*左側の角を丸く*/
        margin-top: 0px;
        font-size: 14px;
        font-weight: 100;
        background: #033da6;
        /*背景色*/
    }

    .pata_p07:before {
        content: '●';
        color: white;
        margin-right: 8px;
    }

    .pata_p08_erea {
        margin: 0 auto;
        text-align: left;
        width: 90%;
    }

    .pata_p08 {
        color: #fff;
        /*文字色*/
        padding: 0.5em;
        /*文字周りの余白*/
        display: inline-block;
        /*おまじない*/
        line-height: 1.3;
        /*行高*/
        vertical-align: middle;
        border-radius: 25px 0px 0px 25px;
        /*左側の角を丸く*/
        margin-top: 20px;
        font-size: 14px;
        font-weight: 100;
        background: #77915b;
        /*背景色*/
    }

    .pata_p08:before {
        content: '●';
        color: white;
        margin-right: 8px;
    }

    .pata_p09 {
        margin: 0 auto;
        text-align: center;
        border-bottom: solid 1px #632810;
        width: 960px;
        font-size: 30px;
        margin-top: 20px;
        color: #7c5241;
    }

    .point {
        margin: 0 auto;
        background: #fff;
        padding: 10px;
        margin-top: 20px;
        width: 90%;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    }

    .point2 {
        margin: 0 auto;
        background: #fff;
        padding: 10px;
        margin-top: 20px;
        width: 90%;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    }

    .p00 {
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        width: 90%;
        font-weight: 200;
        margin-top: 0px;
        color: #fff;
    }

    .txt00 {
        margin: 0 auto;
        padding-top: 5px;
        font-size: 14px;
        margin-left: 0px;
        margin-right: 10px;
        color: #333;
    }

    main_r2 div.column2_pata1 {
        width: calc(100% - 10px);
        margin: 0px 5px 5px 5px;
        margin-top: 20px;
        text-align: center;
    }

    main2 {
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
    }

    .blog_erea {
        margin: 0 auto;
        text-align: center;
        width: 85%;
        padding: 3px;
        border: 2px #fff solid;
        margin-top: 20px;
    }

    .blog_h2 {
        margin: 0 auto;
        border-bottom: solid 2px #008fd9;
        text-align: center;
        color: #008fd9;
        font-weight: bold;
        padding-top: 5px;
        font-size: 16px;
    }

    .blog_erea img {
        width: 100%;
    }

    .blog_h3 {
        margin: 0 auto;
        text-align: left;
        padding-top: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .blog_p01 {
        text-align: left;
        margin: 0 auto;
        padding-top: 0px;
        font-size: 13px;
        width: 100%;
        color: #999;
    }

    .blog_p01 br {
        display: none;
    }

    .sns_erea {
        margin: 0 auto;
        text-align: center;
        background: #fff;
        padding: 30px 0px 0px 0px;
    }

    .sns_erea img {
        width: 40px;
        padding: 0px 5px 15px 5px;
    }

    .taiken_icon {
        margin: auto;
        text-align: center;
        width: 50px;
        padding: 10px;
    }

    .taiken_p02 {
        margin: 0 auto;
        text-align: center;
        color: #666;
        font-size: 13px;
        width: 90%;
    }


    .taiken_p03 {
        margin: 0 auto;
        text-align: left;
        font-size: 15px;
        padding: 10px 10px 10px 10px;
    }

    .taipen_p04 {
        margin: 0 auto;
        position: relative;
        padding: 0 65px;
        text-align: center;
        width: 50%;
        margin-top: 30px;
    }

    .taipen_p04:before {
        position: absolute;
        top: calc(50% - 1px);
        left: 0;
        width: 100%;
        height: 1px;
        content: '';
        background: #000;
    }

    .taipen_p04 span {
        position: relative;
        padding: 0 1em;
        background: #f8f8f8;
    }

    .taiken_p05 {
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        padding: 10px 10px 20px 10px;
    }

    main div.column2_taiken {
        width: calc(100% - 0px);
        margin: 10px;
        border-radius: 10px;
        background: #f8f8f8;
        margin-bottom: 0px;
    }

    main_r2 {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .st_p01 {
        margin: 0 auto;
        text-align: justify;
        width: 92%;
        padding-top: 10px;
        font-size: 15px;
        padding-right: 10px;
		margin-bottom: 30px;
    }

    hr {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .hr1 {
        border-top: 1px dashed #aaa;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .item01 {
        order: -1;
    }

    .item02 {
        order: 1;
    }

    a.btn_02 {
        display: block;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        width: 93%;
        margin: auto;
        padding: 10px 0px 12px 0px;
        font-weight: bold;
        border: 2px solid #27acd9;
        background: #27acd9;
        color: #fff;
        font-size: 15px;
        transition: 0.5s;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    a.btn_02:hover {
        background: #8fcef6;
    }

    .hitori_p01 {
        margin: 0 auto;
        padding-top: 10px;
        text-align: justify;
        font-size: 14px;
        width: 95%;
    }

    main_r2 div.column2_point {
        width: calc(100% - 0px);
        margin: 10px 5px 20px 5px;
    }

    .point_h2 {
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        border-radius: 30px;
        font-weight: 700;
        margin-top: 20px;
        border: 1px #ccc solid;
        background: #fff8e3;
		color: #3887BE;
        padding: 5px 0px 5px 0px;
    }
	
	    .point_h2a {
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        border-radius: 30px;
        font-weight: 700;
        margin-top: 20px;
        border: 1px #ccc solid;
        background: #fff8e3;
		color: #3887BE;
        padding: 5px 0px 5px 0px;
		margin-bottom: 20px;
    }

    .point_p01 {
        margin: 0 auto;
        text-align: justify;
        font-size: 16px;
        padding-top: 10px;
        width: 97%;
    }

    .waku02 {
        margin: 0 auto;
        text-align: center;
        border: 1px #ccc solid;
        width: 90%;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .departure {
        background: #3f88ca;
        font-size: 13px;
        padding-bottom: 3px;
        color: #fff;
    }

    .day {
        margin: 0 auto;
        text-align: center;
        width: 95%;
        font-size: 13px;
        padding: 5px 0px 5px 0px;
    }

    .setumeikai {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 20px;
        width: 90%;
    }

    .price {
        text-align: right;
        padding-right: 10px;
        font-weight: 700;
        color: red;
        padding-top: 0px;
        font-size: 13px;
    }

    h3 {
        margin: 0 auto;
    }
	
	.pata_p055{
margin: 0 auto;
text-align: center;
font-size: 20px;
margin-top: 10px;
margin-bottom: 10px;
color: #07889b;

}
	
		.h2_h2{
margin: 0 auto;
text-align: left;
font-size: 15px;
  padding: 0.1em 0.25em;/*上下 左右の余白*/
  color: #07889b;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 4px #07889b;/*左線*/
}
	
			.faqa{
		text-align: justify;
		font-size: 15px;
		padding-bottom: 20px;
	}
	
		.qa-8 dt {
		margin: 0 auto;
		width: 90%;
    margin-bottom: 1em;
    color: #000000;
    font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {

    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
		margin: 0 auto;
	width: 84%;
    padding: 0.7em 1.0em;
	margin-bottom: 30px;
    background-color: #ebf9fa;
    color: #000000;
	font-size: 15px;
}

.qa-8 dd::before {
    content: "A.";
}
	
	a.btn_03 {
		margin: 0 auto;
		width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  position: relative;
  background: #228bc8;
  border: 1px solid #228bc8;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff;
  font-size: 16px;

  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
		margin-bottom: 50px;
}
a.btn_03:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.btn_03:hover {
  background: #fff;
  color: #228bc8;
}
a.btn_03:hover:before {
  border-top: 2px solid #228bc8;
  border-right: 2px solid #228bc8;
}
	
	   .comparison-title {
                font-size: 24px;
            }
            .comparison-grid {
                display: grid;
                grid-template-columns: 1fr; /* SPは1カラム */
                gap: 24px;
                margin-bottom: 40px;
            }
            .tour-card {
                padding: 24px;
            }
            .tour-points-text {
                font-size: 14px;
            }
            .notes-section {
                padding: 24px;
            }
}