@charset "utf-8";
main .inner {height:auto;}

/* 見出し */
main .inner .section1 {padding:0 0 40px 0; height:auto; display:flex; background:var(--sky-blue3); justify-content: center; border-bottom:2px solid #51bcb2 ;}
main .inner .section1 .l {flex-basis:50%; margin-right:20px;}
main .inner .section1 .l h2 {font-size:43px; line-height:75px; color:#333; margin:30px 0 0 40px;}
main .inner .section1 .l p:nth-of-type(1) {font-size:18px; line-height:24px; font-weight:500; color:#51bcb2; margin:0 0 0 40px;}
main .inner .section1 .l p:nth-of-type(2) {font-size:16px; line-height:27px; color:#333; margin:25px 0 0 40px;}
main .inner .section1 .l p:nth-of-type(2) a {font-size:16px; line-height:27px; color:#51bcb2; font-weight: 500;}
main .inner .section1 .r {flex-basis:50%; margin-left:20px;}
main .inner .section1 .r .image {text-align:left; margin-top:50px; padding-right:30px; box-sizing:border-box; }

/* 店舗一覧 */
main .inner .section2 {display:flex; justify-content: space-between; justify-items: center; width:100%; flex-wrap: wrap;}
main .inner .section2 .tempo_name {width:30%; padding:50px 20px; }
/* main .inner .section2 .tempo_name {width:20%; padding:50px 20px; } 店舗閉鎖につき*/
main .inner .section2 .tempo_name h3 {text-align:center; color:#4d4d4d; border-bottom:2px solid #4d4d4d; padding-bottom:5px;}
main .inner .section2 .tempo_name div.ar {width:15px; margin:0 auto; }
main .inner .section2 .tempo_name div.ar img {display:block; margin-top:8px;}
main .inner .section2 .tempo_name:nth-child(5) div.ar img:nth-child(2) {display:none;}

/* 住所・マップ */
main .inner .section3 .box {display:flex; margin-bottom:80px;}
main .inner .section3 .box .address {flex-basis: 50%; padding-right:20px;}
main .inner .section3 .box .address .inner {background-color:#f2f9fa; border-left:9px solid #00d0bf; padding:20px;}
main .inner .section3 .box .address .inner h3 {font-size:24px; line-height:30px; color:#4d4d4d;background:url('../img/tempo/section3_h3.svg'); background-repeat: no-repeat;padding:10px 0 10px 50px;}
main .inner .section3 .box .address .inner p {color:#595757; font-size:16px; line-height:24px; margin-top:10px; font-weight:500; }
main .inner .section3 .box .address .inner p span {color:#51bcb2; font-size:16px; line-height:24px;}
.section4{margin-top:30px;}
.section4 h2{margin-bottom:30px;}
.section4 h3{color:#51BCB2; font-size:30px;}
.section4 table{ border-bottom:1px solid #ccc;width:100%;border-collapse: collapse;margin-bottom:40px;}
.section4 table td{border-top:1px solid #ccc;}
.section4 table th{background:#E7F6F4;;width:25%;padding:10px 20px;vertical-align: top;border-top:1px solid #ccc;}
.section4 table td{padding:10px 20px;}

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

    /* 見出し */
    main .inner .section1 {padding:0 0 20px 0; border:0; background-color:#fff; background:url("../img/tempo/section1_hana_sp.png"); background-repeat: no-repeat; background-size:100%; background-position: 0 -70px;}
    main .inner .section1 .l {flex-basis:100%;}
    main .inner .section1 .l p:nth-of-type(2) {display:none;}
    main .inner .section1 .l {margin-right:0;}
    main .inner .section1 .l h2 {font-size:calc(var(--min) * 32vw); line-height:calc(var(--min) * 32vw); margin:80px 0 0 20px;}
    main .inner .section1 .l p:nth-of-type(1) {
        font-size:calc(var(--min) * 18vw); 
        line-height:calc(var(--min) * 24vw); 
        margin:15px 0 0 20px; 
        padding:5px 4px 6px 15px; 
        color:#fff; 
        font-weight:700;  
        background:url("../img/tempo/section1_p.svg"); background-repeat: no-repeat;}
    main .inner .section1 .r {display:none;}

    /* 店舗一覧 */
    main .inner .section2 {padding:0px 10px 0 10px; justify-content: flex-start;}
    main .inner .section2 .tempo_name {padding:10px 10px 10px 10px; flex-basis:33.333%;}
    main .inner .section2 .tempo_name:nth-child(5) h3 {border-bottom:2px solid #d94d42;}
    main .inner .section2 .tempo_name:nth-child(5) div.ar img:nth-child(1) {display:none;}
    main .inner .section2 .tempo_name:nth-child(5) div.ar img:nth-child(2) {display:block;}

    /* 住所・マップ */
    main .inner .section3 .box {margin-bottom:20px; padding:20px 10px; display: block;}
    main .inner .section3 .box .address {width:100%; margin-bottom:15px; padding-right:0;}
    main .inner .section3 .box .address .inner {border-left:9px solid #00d0bf; padding:20px 10px 20px 10px;}
    main .inner .section3 .box .map {flex-basis: 50%;}
    main .inner .section3 .box .map iframe {width:100%;}
    .section4{padding:0 15px;}
    .section4 table th{width:100%;display:block;}
    .section4 table td{width:100%;display:block;}
    }