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

@media screen and (max-width: 1024px) {
    .header-content {
        padding: 0;
    }
}

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

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

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

@media screen and (max-width: 1024px) {
    .sub-header {
        width: 100%;
        height: 200px;
    }
    .sub-header-txt {
        font-size: 1.8rem;
    }
}

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

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

@media screen and (max-width:770px) {
    br.pc {
        display: none;
    }
    br.sp {
        display: block;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .half {
        width: 100%;
    }
    .left30,
    .right70,
    .left70,
    .right30,
    .left40,
    .right60,
    .left60,
    .right40 {
        width: 100%;
    }
    .receive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .philo-box {
        margin: 20px auto !important;
        padding: 30px 10px !important;
    }
    .title01 {
        color: #614e41;
        font-size: 2.8rem;
        margin-bottom: 20px;
    }
    .title01 span,
    .title02 span {
        font-size: 1.5rem;
    }
    section#news {
        background-size: 30%, 30%, 200%;
        background-position: -5% 5%, 100% 100%, 0 100%;
    }
    section.home-section02 {
        padding-bottom: 50px;
        margin: 0 5px;
    }
    .greet-box {
        background-size: 20%;
        background-position: 5% 0, 95% 0;
    }
    .greet-box p {
        padding: 0 0 20px;
    }
    section.home-section03 {
        background-size: 25%, 100%;
    }
    section.home-section04 {
        background-size: 20%, 25%, 200%;
        background-position: 3% 0, 97% 99%, 0 0;
    }
    ul.flex.philo-list {
        display: block;
    }
    section.home-section03 {
        padding-top: 100px;
    }
    ul.flex.list_service li {
        width: 48%;
    }
    ul.flex.list_service li img {
        width: 100%;
        height: 180px;
    }
    p.service-name {
        font-size: 15px;
    }
    .intro-text {
        padding: 30px;
    }
    .intro-text p,
    .service-contents ul li p {
        font-size: 15px;
        text-align: left;
    }
    h2.title03.cw,
    h2.title03,
    h4.service-item-lower-title {
        font-size: 2.8rem;
    }
    .service-contents {
        padding: 30px 20px;
    }
    .service-contents ul li img {
        height: 150px;
    }
    .tab-panel-a .tab {
        font-size: 1.5rem;
    }
    h3.intro-name {
        font-size: 1.8rem;
    }
    .intro-txt p {
        font-size: 15px;
    }
    .ex-txt p {
        font-size: 15px;
    }
    .ex-content-wrap.flex {
        display: block;
    }
    .ex-img,
    .ex-txt {
        width: 100%;
    }
    .ex-item.no-img .ex-content-wrap {
        display: block;
    }
    .ex-item.no-img .ex-txt {
        width: 100%;
    }
    .ex-content-wrap {
        flex-direction: column;
        align-items: center;
        /* 中央揃え */
    }
    .ex-content-wrap .ex-img,
    .ex-content-wrap .ex-txt {
        width: 100%;
    }
    .ex-txt {
        padding: 10px 0;
    }
    .ex-img img {
        height: 240px;
    }
    h4.service-item-lower-title span {
        font-size: 2rem;
    }
    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    ul.flex.gallery-wrap li {
        width: calc(50% - 20px);
    }
    ul.flex.gallery-wrap li img {
        height: 130px;
    }
    .file-block li {
        width: 100%;
    }
    ul.flex.contact-row li {
        margin-bottom: 0;
    }
    .guide section.first {
        margin: 10px;
    }
    .guide-box {
        padding: 30px !important;
        background-position: 95% 2%;
    }
    .guide-list li {
        width: 96%;
        margin: 10px auto;
    }
    .guide-list li .tel-link,
    .guide-list li .con-link {
        font-size: 1.5rem;
    }
    section.guide-section.guide-section02 {
        padding-top: 75px;
        background-position: 0 0, 100% 0, 0 100%, 100% 100%;
        background-size: 30%, 30%, 25%, 25%, 30%, 25%, 25%;
    }
    .bg-w {
        padding: 10px 5px;
    }
    section.contact-section02 {
        background-position: 100% 0, 0 100%, 100% 100%;
        background-size: 20%, 30%, 30%;
    }
}