@charset "UTF-8";
/* 画面横 */
@media (orientation: landscape) {
    /* other ---------------------- */
    /* display */
    .pc-cont1 {
        display: block;
    }
    .sp-cont1 {
        display: none;
    }
    .sp-br {
        display: none;
    }
    /* font-size */
    #header-catch h1 {
        font-size: 20px;
    }
    /* line-height */
    #header-catch h1 {
        line-height: 45px;
    }

    /* パンくず */
    .bread {
        width: 90%;
    }

    .gnav__wrap {
        align-items: center;
        display: block;
        justify-content: center;
        position: static;
        width: 80%;
        top: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        margin: auto;
        margin-top: 3em;
        padding-bottom: 5em;
    }
    .gnav {
        overflow-y: scroll;
    }

    /* cont style ---------------------- */
    /* header */
    .site-branding {
        height: 110px;
    }
    #fix-menu {
        width: 90%;
        margin: 0 auto;
    }
    .header-logo {
        width: 200px;
    }
    .header-wrap {
        padding-top: 70px;
        height: calc(100vh - 70px);
    }
    .home-header {
        height: 100vh;
    }
    #header-catch {
        top: calc(50% - -20px);
    }
    .menu {
        top: 10px;
    }

    /* common */
    .link-gap1 {
        padding-top: 130px;
        margin-top: -130px;
    }
    .link-gap2 {
        padding-top: 110px;
        margin-top: -110px;
    }

    /* cont1 */
    .info-item {
        width: 31%;
        max-width: 300px;
    }
    .info-list {
        display: flex;
    }
    .info-list::after {
        display: block;
        content: "";
        width: 32%;
        max-width: 312px;
    }
    .wb-cont1 {
        text-align: center;
    }
    .custom-post-list li,
    .info-item {
        padding-bottom: 1.5em;
    }
    #cont1 .wp-block-latest-posts.is-grid {
        flex-wrap: wrap;
        overflow-x: inherit;
        margin-bottom: 0;
        justify-content: space-between;
    }
    #cont1 .wp-block-latest-posts.is-grid li {
        width: 32%;
        margin: 0;
        max-width: 300px;
    }
    #cont1 .wp-block-latest-posts__featured-image {
        width: auto;
    }
    #cont1 .wp-block-latest-posts__post-title {
        width: auto;
        display: block;
    }

    /* cont4 */
    .list-type1 {
        display: flex;
        align-items: flex-start !important;
        width: 100%;
    }
    .item-type1 {
        width: calc(100% / 3);
        display: flex;
        margin-bottom: 50px;
    }
    .item-type1:nth-of-type(n+4) {
        width: calc((100% / 2) - 100px);
        margin-bottom: 0;
    }
    .item-type1:last-of-type {
        margin-right: 100px;
    }
    .item-type1:nth-of-type(4) {
        margin-left: 100px;
    }
    #cont4 .list-type1 {
        display: flex;
    }
    #cont4 .list-type1 > div:not(:last-of-type) {
        margin-bottom: 0;
    }

    /* cont6 */
    .two-c-cont1 > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .two-c-cont1 figure {
        order: 1;
        width: 38%;
        margin-bottom: 0;
    }
    .two-c-cont1 figure img {
        width: auto;
        max-width: 100%;
    }
    .two-c-title {
        order: 2;
        width: 55%;
        height: fit-content;
        padding-top: 0.5em;
        margin-bottom: 0 !important;
        text-align: left;
    }
    .two-c-txt {
        width: 55%;
        order: 4;
        margin-top: -32%;
        height: fit-content;
    }
    .two-c-cont1 > div::after {
        content: "";
        order: 3;
        width: 38%;
    }
    .two-c-cont1.change-cont1 .two-c-title {
        order: 1;
    }
    .two-c-cont1.change-cont1 figure {
        order: 2;
    }
    .two-c-cont1.change-cont1 .two-c-txt {
        order: 3;
    }
    .two-c-cont1.change-cont1 > div::after {
        display: none;
    }

    /* cont7 */
    .inner-cont-title1 {
        height: 60px;
    }
    .cont7-btns-wrap .wp-block-button a {
        padding: 0.5em !important;
        display: inline-block;
        height: auto;
        width: 100%;
        max-width: 410px;
    }

    /* cont8 */
    .prof-cont > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .prof-sub-title {
        order: 1;
        width: 55%;
        height: fit-content;
        margin-top: -0.5em !important;
        text-align: left;
    }
    .prof-img {
        width: 38%;
        order: 2;
        margin: 0;
        max-width: 100%;
    }
    .prof-cont > div::after {
        content: "";
        width: 38%;
        order: 4;
    }
    .prof-name {
        order: 3;
        width: 55%;
        height: fit-content;
        margin-top: calc(-225 / 768 * 100vw);
    }
    .prof-cont > div::before {
        content: "";
        width: 38%;
        order: 6;
    }
    .pref-txt {
        width: 55%;
        order: 5;
        height: fit-content;
        margin-top: calc(-130 / 768 * 100vw);
    }

    /* cont9 */
    #cont9 .sp-left-txt {
        text-align: center;
    }

    /* 投稿 */
    .info-time {
        text-align: left;
    }
    .info-item:not(:last-of-type) {
        margin-bottom: 0;
    }

    /* 投稿詳細 */
    .single-pn-link div:first-of-type {
        width: 300px;
    }
    .time-cat {
        display: flex;
        align-items: center;
    }
    .single-time {
        margin-right: 1em;
        margin-bottom: 0;
    }

    /* お問合せ */
    .page .c-flow li {
        width: 200px;
        height: 200px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        border: 2px solid #A2A2A2;
    }
    .page .c-flow .active {
        background: #A2A2A2;
    }
    .page .c-flow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 740px;
        margin: 0 auto 100px;
    }
    .page .c-flow::before {
        position: absolute;
        content: "";
        width: 100%;
        background: #A2A2A2;
        height: 2px;
        z-index: -1;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
}


@media screen and (min-width:768px){
    /* other ---------------------- */
    /* width */
    .cw4 {
        width: 620px;
        max-width: 620px;
    }
    /* font-size */
    .fs1 {
        font-size: 32px;
    }
    .fs2 {
        font-size: 28px;
    }
    .fs3 {
        font-size: 20px;
    }
    .fs4 {
        font-size: 18px;
    }
    body {
        font-size: 20px;
    }
    .fm_list li a {
        font-size: 18px;
    }
    .copy {
        font-size: 14px;
    }
    #header-catch h1 {
        font-size: 35px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 20px;
    }
    /* line-height */
    .lh1,
    h2 {
        line-height: 60px;
    }
    .lh2,
    h3,
    h4,
    h5 {
        line-height: 45px;
    }
    .lh3,
    .lh4,
    h6 {
        line-height: 48px;
    }
    body {
        line-height: 40px;
    }
    #header-catch h1 {
        line-height: 80px;
    }
    h1 {
        line-height: 55px;
    }
    /* display */
    .pc-cont1 {
        display: block;
    }
    .sp-cont1 {
        display: none;
    }
    .sp-br {
        display: none;
    }
    .pa-peculiar {
        position: absolute;
    }
    /* position */
    .sp-left-txt {
        text-align: center;
    }

    .gnav__wrap {
        width: 70%;
        margin: 0 15%;
    }

    /* cont style ---------------------- */
    /* header */
    .site-branding {
        height: 110px;
    }
    .hb-menu {
        height: 110px;
    }
    #fix-menu {
        width: 90%;
        margin: 0 auto;
    }
    .header-logo {
        width: 280px;
    }
    .menu {
        top: 20px;
    }
    .header-wrap {
        padding-top: 110px;
        height: calc(100vh - 110px);
        margin-bottom: 70px;
    }
    .home-header {
        height: 100vh;
    }
    #header-catch {
        top: calc(50% - -60px);
    }
    .en-title {
        padding-bottom: 0;
    }

    /* cont1 */
    .info-item {
        width: 31%;
        max-width: 300px;
    }
    .info-list {
        display: flex;
    }
    .info-list::after {
        display: block;
        content: "";
        width: 32%;
        max-width: 312px;
    }
    .wb-cont1 {
        text-align: center;
    }
    .custom-post-list li,
    .info-item {
        padding-bottom: 1.5em;
    }
    #cont1 .wp-block-latest-posts.is-grid {
        flex-wrap: wrap;
        overflow-x: inherit;
        margin-bottom: 0;
    }
    #cont1 .wp-block-latest-posts.is-grid li {
        width: 31%;
        max-width: 300px;
    }
    #cont1 .wp-block-latest-posts__featured-image {
        width: auto;
    }
    #cont1 .wp-block-latest-posts__post-title {
        width: auto;
        display: block;
    }

    /* cont2 */
    #inner-cont-wrap1 #inner-cont1,
    #inner-cont-wrap1 #inner-cont2 {
        margin-bottom: 0;
    }
    #inner-cont-wrap1 #inner-cont1 > div,
    #inner-cont-wrap1 #inner-cont3 > div {
        display: inline-block;
    }
    #inner-cont-wrap1 {
        line-height: 52px;
    }
    .exc-lh1 {
        line-height: 52px;
    }
    #inner-cont-wrap1 > div > div > div {
        height: 544px;
    }
    #inner-cont-wrap1 #inner-cont1 .img-left1 {
        z-index: -1;
        margin: 0;
        top: 18px;
        left: 0;
        width: 200px;
    }
    #inner-cont-wrap1 .inner-cont1-txt {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        text-align: center;
        width: 100%;
    }
    #inner-cont-wrap1 #inner-cont2 {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: 100%;
    }
    #inner-cont-wrap1 .inner-cont3-txt {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        text-align: center;
        width: 100%;
    }
    #inner-cont-wrap1 .img-right1 {
        z-index: -1;
        right: 0;
        margin: 0;
        bottom: 16px;
        width: 200px;
    }

    /* cont4 */
    .list-type1 {
        display: flex;
        align-items: flex-start !important;
        width: 100%;
    }
    .item-type1 {
        width: calc(100% / 3);
        display: flex;
        margin-bottom: 50px;
    }
    .item-type1:nth-of-type(n+4) {
        width: calc((100% / 2) - 100px);
        margin-bottom: 0;
    }
    .item-type1:last-of-type {
        margin-right: 100px;
    }
    .item-type1:nth-of-type(4) {
        margin-left: 100px;
    }
    #cont4 .list-type1 {
        display: flex;
    }
    #cont4 .list-type1 > div:not(:last-of-type) {
        margin-bottom: 0;
    }

    /* cont5 */
    #inner-cont-wrap2 > div > div > div {
        height: 165px;
    }
    #inner-cont-wrap2 .img-left2 {
        z-index: 0;
        margin: 0;
        top: 10px;
        left: 0;
        width: auto;
        margin-right: 0;
    }
    #inner-cont-wrap2 .inner-cont1-txt {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        text-align: center;
        width: 100%;
    }
    #inner-cont-wrap2 .inner-cont2-txt {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        text-align: center;
        width: 100%;
    }
    #inner-cont-wrap2 .img-right2 {
        z-index: 0;
        margin: 0;
        bottom: 9px;
        right: 0;
        width: auto;
        margin-left: 0;
    }
    #inner-cont-wrap2 #inner-cont1 > div,
    #inner-cont-wrap2 #inner-cont2 > div {
        display: inline-block;
    }
    #inner-cont-wrap2 .img-left2 img,
    #inner-cont-wrap2 .img-right2 img {
        width: 110px;
    }
    #inner-cont-wrap2 #inner-cont1 {
    margin-bottom: 0;
    }

    /* cont6 */
    .two-c-cont1 > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .two-c-cont1 figure {
        order: 1;
        width: 38%;
        margin-bottom: 0;
    }
    .two-c-cont1 figure img {
        width: auto;
        max-width: 100%;
    }
    .two-c-title {
        order: 2;
        width: 55%;
        height: fit-content;
        padding-top: 0.5em;
        margin-bottom: 0 !important;
        text-align: left;
    }
    .two-c-txt {
        width: 55%;
        order: 4;
        margin-top: -32%;
        height: fit-content;
    }
    .two-c-cont1 > div::after {
        content: "";
        order: 3;
        width: 38%;
    }
    .two-c-cont1.change-cont1 .two-c-title {
        order: 1;
    }
    .two-c-cont1.change-cont1 figure {
        order: 2;
    }
    .two-c-cont1.change-cont1 .two-c-txt {
        order: 3;
    }
    .two-c-cont1.change-cont1 > div::after {
        display: none;
    }

    /* cont7 */
    .inner-cont-title1 {
        height: 60px;
    }
    .cont7-btns-wrap .wp-block-button a {
        padding: 0.5em !important;
        display: inline-block;
        height: auto;
        width: 100%;
        max-width: 410px;
    }

    /* cont8 */
    .prof-cont > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .prof-sub-title {
        order: 1;
        width: 55%;
        height: fit-content;
        margin-top: -0.5em !important;
        text-align: left;
    }
    .prof-img {
        width: 38%;
        order: 2;
        margin: 0;
        max-width: 100%;
    }
    .prof-cont > div::after {
        content: "";
        width: 38%;
        order: 4;
    }
    .prof-name {
        order: 3;
        width: 55%;
        height: fit-content;
        margin-top: calc(-225 / 768 * 100vw);
    }
    .prof-cont > div::before {
        content: "";
        width: 38%;
        order: 6;
    }
    .pref-txt {
        width: 55%;
        order: 5;
        height: fit-content;
        margin-top: calc(-130 / 768 * 100vw);
    }

    /* cont9 */
    #cont9 .sp-left-txt {
        text-align: center;
    }

    /* 投稿 */
    .info-time {
        text-align: left;
    }
    .info-item:not(:last-of-type) {
        margin-bottom: 0;
    }

    /* 投稿詳細 */
    .single-pn-link div:first-of-type {
        width: 300px;
    }
    .time-cat {
        display: flex;
        align-items: center;
    }
    .single-time {
        margin-right: 1em;
        margin-bottom: 0;
    }

    /* お問合せ */
    .page .c-flow li {
        width: 200px;
        height: 200px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        border: 2px solid #A2A2A2;
    }
    .page .c-flow .active {
        background: #A2A2A2;
    }
    .page .c-flow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 740px;
        margin: 0 auto 100px;
    }
    .page .c-flow::before {
        position: absolute;
        content: "";
        width: 100%;
        background: #A2A2A2;
        height: 2px;
        z-index: -1;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
}

/* 画面横かつ幅768以上 */
@media (orientation: landscape) and (min-width:768px) {
    /* other ---------------------- */
    /* font-size */
    .fs1 {
        font-size: 32px;
    }
    .fs2 {
        font-size: 28px;
    }
    .fs3 {
        font-size: 20px;
    }
    .fs4 {
        font-size: 18px;
    }
    body {
        font-size: 20px;
    }
    .fm_list li a {
        font-size: 18px;
    }
    .copy {
        font-size: 14px;
    }
    /* line-height */
    .lh1 {
        line-height: 60px;
    }
    .lh2 {
        line-height: 45px;
    }
    .lh3 {
        line-height: 48px;
    }
    .lh4 {
        line-height: 38px;
    }
    body {
        line-height: 40px;
    }
}

@media screen and (min-width:768px) and (max-width:1279px){
    /* other ---------------------- */
    /* font-size */
    #menu-common > li a {
        font-size: 14px;
    }
}


@media screen and (min-width:980px){
    /* other ---------------------- */
    /* font-size */
    #header-catch h1 {
        font-size: 54px;
    }
    /* line-height */
    #header-catch h1 {
        line-height: 95px;
    }

    /* cont style ---------------------- */
    /* header */
    .header-logo {
        width: 250px;
    }
    #menu-common {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    #fm-wrap {
        width: 68%;
    }
    .hb-menu {
        display: none;
    }
    #fix-menu-wrap {
        display: block;
    }
    #page-single {
        padding-top: 80px;
    }

    /* top ------------------------- */
    /* cont2 */
    #inner-cont-wrap1 #inner-cont3 .img-right1,
    #inner-cont-wrap1 #inner-cont1 .img-left1 {
        width: 250px;
    }

    /* cont3 */
    #cont3 .is-layout-flex {
        display: flex;
    }
    #cont3 .cont-title {
        margin-bottom: 0;
    }

    /* cont4 */
    #cont4 {
        max-width: 960px;
    }
    .item-inner1 {
        width: 240px;
        display: flex;
    }
    .item-inner1 img {
        width: 200px;
    }

    /* cont7 */
    #cont7 .flow-wrap2.is-layout-flex {
        display: flex;
    }
    .list-type4-wrap,
    .notes {
        width: 45%;
    }
    .list-type4-wrap {
        margin-bottom: 0 !important;
    }

    /* cont8 */
    .prof-name {
        margin-top: calc(-295 / 980 * 100vw);
    }
    .pref-txt {
        margin-top: calc(-200 / 980 * 100vw);
    }

    /* 投稿 */
    .page-header-wrap {
        padding-top: 140px;
        margin-bottom: 60px;
    }

    /* 投稿詳細 */
    .sns-link-wrap1 {
        display: flex;
    }
    .sns-link-wrap1 p {
        margin-right: 1em !important;
        padding-right: 0.7em;
        border-right: 1px solid;
    }
}

@media screen and (min-width:980px) and (max-width:1279px){
    /* cont3 */
    .summary-txt {
        width: 70%;
        max-width: 520px;
    }
}


/* 画面横かつ幅980以上 */
@media (orientation: landscape) and (min-width:980px) {
    /* other ---------------------- */
    /* font-size */
    #header-catch h1 {
        font-size: 40px;
    }
    /* line-height */
    #header-catch h1 {
        line-height: 80px;
    }

    /* 投稿詳細 */
    .sns-link-wrap1 {
        display: flex;
    }
    .sns-link-wrap1 p {
        margin-right: 1em !important;
        padding-right: 0.7em;
        border-right: 1px solid;
    }
}

@media screen and (min-width:1116px){
    /* cont8 */
    .prof-name {
        margin-top: -345px;
    }
    .pref-txt {
        margin-top: -250px;
    }
}

@media screen and (max-width:1280px){
    /* 投稿詳細 */
    .side-bar-cont {
        display: none !important;
    }
}

@media screen and (min-width:1280px){
    /* other ---------------------- */
    /* width */
    .cw1,
    .cw3 {
        width: 1120px;
    }
    .cw2 {
        width: 1000px;
    }
    #page-single {
        width: 800px;
    }
    .side-bar-cont {
        display: block;
        width: 250px;
    }
    /* font-size */
    .fs1 {
        font-size: 36px;
    }
    .fs2 {
        font-size: 28px;
    }
    .fs3 {
        font-size: 24px;
    }
    .fs4 {
        font-size: 22px;
    }
    /* line-height */
    .lh1 {
        line-height: 65px;
    }
    .lh2 {
        line-height: 50px;
    }
    .lh3 {
        line-height: 55px;
    }
    .lh4 {
        line-height: 45px;
    }


    /* cont style ---------------------- */
    /* header */
    #fix-menu {
        width: 1100px;
    }
    .header-logo {
        width: 280px;
    }
    #menu-common {
        width: 780px;
    }
    #fm-wrap {
        width: auto;
    }

    /* パンくず */
    .bread {
        width: 1120px;
    }

    /* cont2 */
    #inner-cont-wrap1 #inner-cont3 .img-right1,
    #inner-cont-wrap1 #inner-cont1 .img-left1 {
        width: 330px;
    }

    /* cont3 */
    .summary-txt {
        width: 520px;
    }

    /* cont6 */
    .two-c-cont1 figure {
        width: 400px;
    }
    .two-c-title {
        width: 540px;
    }
    .two-c-txt {
        width: 540px;
        margin-top: -340px;
    }
    .two-c-cont1 > div::after {
        width: 400px;
    }

    /* cont7 */
    .list-type3 {
        width: 450px;
    }
    .list-type4-wrap,
    .notes {
        width: 450px;
    }
    .sim-disc {
        width: 470px;
    }
    #cont7 .wp-block-image img {
        width: 470px;
    }
    #cont7 .flow-wrap1.is-layout-flex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    #cont7 .list-type3 {
        padding-bottom: 0;
        display: block;
    }
    #cont7 .list-type3 > .wp-block-group__inner-container {
        max-width: inherit;
        width: auto;
    }

    /* cont8 */
    .prof-sub-title {
        width: 540px;
    }
    .prof-img {
        width: 400px;
    }
    .prof-cont > div::after {
        width: 400px;
    }
    .prof-name {
        margin-top: -360px;
        width: 540px;
    }
    .prof-cont > div::before {
        width: 400px;
    }
    .pref-txt {
        width: 540px;
    }

    /* 投稿詳細 */
    .side-bar-cont ul {
        margin: 0;
        padding: 0;
    }
    .side-bar-cont ul li {
        list-style: none;
    }
    .side-bar-cont li a {
        text-decoration: none;
    }
}

/* 画面横かつ幅1280以上 */
@media (orientation: landscape) and (min-width:1280px) {
    /* other ---------------------- */
    /* font-size */
    #header-catch h1 {
        font-size: 54px;
    }
    /* line-height */
    #header-catch h1 {
        line-height: 95px;
    }
}