@charset "utf-8";
@import url("css/reset.css");
@import url("css/jquery.bxslider.css");
@import url("css/swiper-bundle.min.css");
/*
Theme Name: wordpressCity
Theme URI:
Description:
Version: 1.1
Author: yourName
Author URI:
*/
/* CSS Document */
/*全体への設定----------------------------------------------------------------------------------------------------*/
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}
body {
    box-sizing: border-box;
    color: #333;
    font-size: 100%;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-style: normal;
}
body * {
    box-sizing: inherit;
}
.en {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    transition: all 0.5s 0s ease;
    color: #333;
    text-decoration: none;
}
a:hover {
    opacity: .8;
}
a:active {
    filter: brightness(.8);
}
.positionRelative {
    position: relative;
}
.positionAbsolute {
    position: absolute;
}
.textAlignStart {
    text-align: start;
}
.displayBlock {
    display: block;
}
.boxShadow {
    box-shadow: 1px 1px 3px rgba(10, 9, 9, 0.4);
}
.btnLink {
    border-radius: 30px;
    background-color: #EBAA2D;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    padding: 10px 20px;
    width: 200px;
    margin: 5px auto;
    box-shadow: 1px 1px 3px rgba(10, 9, 9, 0.4);
}
.btnLink:hover {
    color: #fff;
    transform: translateY(0.1875em);
}
.btnLink::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(45deg) translateY(-50%);
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff;
}
.btnLink:active {
    filter: brightness(.9);
}
.width90 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.mB40 {
    margin-bottom: 40px;
}
h3 {
    font-size: 10vw;
    font-family: "Zen Dots", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(10, 9, 9, 0.4);
}
.textY {
    color: #E6F2EF;
}
.sectionArea {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
/*全体への設定ここまで----------------------------------------------------------------------------------------------------*/
/*SPタイプの記述*/
.pc {
    visibility: hidden;
}
.bx-wrapper {
    display: none;
}
.fixedPara {
    display: none;
}
/*ヘッダーエリアの設定*/
header {
    height: 105px;
    width: 100%;
    top: 0;
    right: 0;
    transition: .3s;
    z-index: 100;
    overflow: hidden;
}
.h1Logo {
    height: 70px;
    width: auto;
    margin: 20px;
}
h1 p {
    display: none;
}
.navColumnLangBtn, .menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navColumnLangBtn li, .menu li {
    width: 200px;
}
.menu li {
    background: #fff;
}
.navColumnLangBtn li, .menu li, .downContents li {
    display: flex;
}
.navWrap a {
    width: 200px;
    display: block;
    padding: 10px;
}
.navWrap .menu a {
    background-color: #fff;
}
.navWrap .btnLink:hover {
    transition: all 0.5s 0s ease;
}
.navWrap .menu a:hover {
    background-color: #A8BF73;
    transition: all 0.5s 0s ease;
    color: #000;
    opacity: 1;
}
.navWrap .menu a:active {
    transition: all 0.5s 0s ease;
    opacity: .8;
    color: #fff;
    filter: brightness(1);
}
/*ドロワーメニューの設定----------------------------------------------------------------------------------------------------*/
/*チェックボックスを非表示*/
.menuCheckbox {
    display: none;
}
/*メニューボタンの装飾*/
.menuBtn {
    display: block;
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 300;
    height: 30px;
    width: 40px;
    cursor: pointer;
}
.menuBtn::before, .menuBtn::after {
    content: '';
    transition: .3s;
}
.menuBtn::before, .menuBtn::after, .menuBtn span {
    display: block;
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    margin: -1px;
    background-color: #000;
}
/*線１*/
.menuBtn::before {
    top: 0;
}
/*線２*/
.menuBtn::after {
    bottom: 0;
}
/*線３*/
.menuBtn span {
    top: 50%;
}
/*メニューボタンのアニメーション*/
/*線１*/
.menuCheckbox:checked ~ .menuBtn::before {
    top: 50%;
    transform: rotate(45deg);
}
/*線２*/
.menuCheckbox:checked ~ .menuBtn::after {
    top: 50%;
    transform: rotate(-45deg);
}
/*線３*/
.menuCheckbox:checked ~ .menuBtn span {
    display: none;
}
/*ドロワーメニューの装飾*/
.spNav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 200;
    height: 100%;
    width: 300px;
    padding: 20px;
    transform: translateX(100%);
    transition: .5s;
    background-color: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.spNavLogo {
    height: 90px;
    width: auto;
    margin: 5px;
}
.spNav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.spNav .spNavInner li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
/*ナビゲーションの見出しの後ろに線を引く----------------------------------------------------------------------------------------------------*/
.title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.title::before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #333;
}
.title::before {
    margin-right: 1em;
    margin-left: 10px;
}
.spNavInner a:active .title::before {
    transition: all 0.5s 0s ease;
    background: #fff;
}
/*ナビゲーションの見出しの後ろに線を引くここまで----------------------------------------------------------------------------------------------------*/
.spNav .spNavInner li a:hover {
    background-color: #A8BF73;
    transition: all 0.5s 0s ease;
    color: #000;
    opacity: 1;
}
.spNav .spNavInner li a:active {
    transition: all 0.5s 0s ease;
    opacity: .8;
    color: #fff;
    filter: brightness(1);
}
.spNav .btnLink:hover {
    color: #333;
}
.spNav .btnLink:active {
    color: #fff;
    filter: brightness(1);
}
.spNav ul li .btnLink::after {
    border-color: #333;
}
.spNav ul li .btnLink:active::after {
    transition: all 0.5s 0s ease;
    border-color: #fff;
}
.spNav a {
    display: block;
    padding: 15px 0 15px 15px;
    color: #000;
    text-decoration: none;
}
.spNav .btnLink {
    padding: 10px;
}
/*ドロワーメニューの開閉*/
.menuCheckbox:checked ~ .spNav {
    transform: translateX(0);
}
/*ドロワーメニューの背景*/
.menuBackground {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100px;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
}
.drawer-background {
    background: rgba(0, 0, 0, 0);
    display: none;
    height: 0;
    top: 0;
    width: 0;
    z-index: 199;
}
.menuCheckbox:checked ~ .drawer-background {
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    width: 100vw;
    z-index: 199;
}
.menuCheckbox:checked ~ .menuBackground {
    display: block;
}
.drawer-close {
    width: 100%;
    height: 100%;
    background: red;
    position: fixed;
    top: 0;
    left: 100%; /* 閉じるための要素を画面外へ */
    z-index: 99; /* 重なり順をメニューより下に*/
    transition: .5s;
}
#drawer-check:checked ~ .drawer-close {
    left: 0; /* 閉じるための要素を画面内へ */
}
/*ドロワーメニューの設定ここまで----------------------------------------------------------------------------------------------------*/
/*ヘッダーエリアの設定ここまで*/
/*メインエリアの設定*/
/*ファーストビューセクションの設定*/
.firstView {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.firstView .displayBlock, .aboutSection .displayBlock {
    margin: 40px auto 40px;
    width: fit-content;
    max-width: 600px;
}
/*スクロールを促すアニメーションの記述----------------------------------------------------------------------------------------------------*/
.scroll {
    position: absolute;
    right: 10%;
    bottom: 30%;
    /* writing-mode: vertical-rl;*/
}
/* 線のアニメーション部分 */
.scroll::before {
    animation: scroll 2s infinite;
    background-color: #333;
    bottom: -90px;
    content: "";
    height: 75px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 1px;
}
/* 線のアニメーション */
@keyframes scroll {
    0% {
        transform: scale(1, 0);
        transform-origin: 0 0;
    }
    50% {
        transform: scale(1, 1);
        transform-origin: 0 0;
    }
    51% {
        transform: scale(1, 1);
        transform-origin: 0 100%;
    }
    100% {
        transform: scale(1, 0);
        transform-origin: 0 100%;
    }
}
/*スクロールを促すアニメーションの記述ここまで----------------------------------------------------------------------------------------------------*/
/*トップへ戻るボタンの記述----------------------------------------------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    line-height: 1;
    z-index: 101;
    text-align: center;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    background-color: #93B3C6;
    width: 60px;
    height: 60px;
    padding: 22px 0px;
    text-align: center;
    display: block;
    border-radius: 90px;
    opacity: 0.9;
    transition: all .3s ease;
    margin: 0 auto 5px;
}
#page-top a:hover {
    text-decoration: none;
    opacity: .5;
}
/*トップへ戻るボタンの記述ここまで----------------------------------------------------------------------------------------------------*/
.mainh2 {
    position: relative;
    margin: 0 auto 40px;
    padding: 20px;
    color: #fff;
    background-color: #93B3C6;
    display: block;
    width: 90%;
    max-width: 400px;
}
.mainh2::before {
    position: absolute;
    inset: 5px -5px -5px 5px;
    border: 1px solid #333;
    content: '';
}
.chiba {
    width: 80%;
    max-width: 450px;
}
.chibaArea {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
/*ファーストビューセクションの設定ここまで*/
/*ニュースセクションの設定*/
.newsSection {
    text-align: center;
}
/*タブの設定----------------------------------------------------------------------------------------------------*/
.tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.tab_item {
    width: calc(100%/2);
    height: 50px;
    background: #d9d9d9;
    line-height: 50px;
    text-align: center;
    display: block;
    float: left;
    font-size: 1.5rem;
    border: 1px solid #333;
    transition: .5s;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.tab_Item:hover {
    opacity: .8;
}
/*ラジオボタンを消す*/
input[name="tab_item"] {
    display: none;
}
.tab_content {
    display: none;
    padding: 20px 20px 0;
    clear: both;
    overflow: hidden;
    border: 1px solid #333;
}
/*選択されているタブのコンテンツのみを表示する*/
#topics:checked ~ #topics_content, #event:checked ~ #event_content {
    display: block;
}
.tabs input:checked + .tab_item {
    background: #A8BF73;
    color: #fff;
}
/*タブの設定ここまで----------------------------------------------------------------------------------------------------*/
/*タブの個別の中身の設定*/
.tabCardContents .cont {
    display: flex; /* カードを横並びにする */
    justify-content: center;
    align-items: top;
    flex-wrap: wrap; /* 画面サイズが小さくなったときにコンテンツを折り返す */
}
.tabCardContents a {
    margin: 1rem; /* カード間の余白 */
    border: solid 1px #333; /* カードの枠線 */
    width: 400px;
    display: block;
    border-radius: 8px;
}
.pict {
    padding-top: 62.5%;
    position: relative;
    overflow: hidden;
}
.pict img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}
.tabCardContents .pict, .tabCardContents h2, .tabCardContents .text, .tabCardContents .date {
    margin-bottom: 8px; /* コンテンツ間の余白 */
}
.tabCardContents h2, .tabCardContents .text, .tabCardContents .date {
    margin-left: 8px; /* 左右の余白 */
    margin-right: 8px; /* 左右の余白 */
}
.tabCardContents h2 {
    font-size: 1.2rem; /* タイトルの文字サイズ */
    font-weight: bold; /* タイトルの文字太さ */
}
.tabCardContents .date {
    text-align: right; /* 日付を右揃えにする */
}
/*タブの個別の中身の設定ここまで*/
/*ニュースセクションの設定ここまで*/
/*about*/
.aboutSection {
    background: #EFF2E6;
    padding-top: 40px;
}
.aboutContent {
    border-radius: 20px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
.aboutTextLocation {
    align-items: center;
}
.aboutSection .aboutContent .btnLink {
    max-width: 400px;
    width: 80%;
    margin: 10px auto;
}
/*アバウトセクションの設定*/
/*アバウトセクションの設定ここまで*/
/*リブセクションの設定*/
/*左右交互エリアの設定----------------------------------------------------------------------------------------------------*/
.liveWrap {
    margin-left: auto;
    margin-right: auto;
}
.liveWrap:not(:last-child) {
    margin-bottom: 80px;
}
.liveWrap:nth-child(even) {
    flex-direction: row-reverse;
}
.liveWrap img {
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    width: 80%;
    height: auto;
    max-width: 500px;
}
.box {
    width: 80%;
    margin: 0 auto;
}
.liveSection .mainh2 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.liveSection h4 {
    text-align: center;
}
.liveSection .liveWrap h4 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
    color: #EBAA2D;
}
.liveSection .liveWrap h4::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(45deg) translateY(-50%);
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
}
.liveWrap a {
    display: inline-block;
    padding: 0.6em 2em;
    margin: 0 0 1em;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.liveWrap a:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-0.1875em);
} /*左右交互エリアの設定ここまで----------------------------------------------------------------------------------------------------*/
.liveSectionLive, .liveSectionWork, .liveSectionParenting, .supportSectionFarm, .supportSectionBusiness, .supportSectionWork {
    width: 25%;
}
.liveSectionLive img, .liveSectionWork img, .liveSectionParenting img, .supportSectionFarm img, .supportSectionBusiness img, .supportSectionWork img {
    border-radius: 20px;
}
.images {
    width: 100%;
}
.liveSectiontext {
    font-weight: bold;
    font-size: 2rem;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(10, 9, 9, 0.4);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*リブセクションの設定ここまで*/
/*コラムセクションの設定*/
.columnSection {
    background: #E6F2EF;
    padding: 40px;
}
.columnContent {
    display: flex;
}
/*スワイパーの設定----------------------------------------------------------------------------------------------------*/
.card02, .fv01 {
    overflow: hidden;
}
.card02 .swiper-slide {
    width: 85%;
    background-color: #fff;
    border-radius: 8px;
    height: auto;
}
.card02 .slide-media {
    padding-top: 62.5%;
}
.slide-media, .thumb-media {
    position: relative;
    overflow: hidden;
}
.card02 .slide-media img {
    height: calc(100% + 16px);
}
.slide-media img, .thumb-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}
.card02 .slide-content {
    padding: 3rem;
}
.card02 .slide-title {
    font-size: 1.2rem;
    line-height: 1;
    display: block;
    color: #EBAA2D;
    margin-top: 5px;
}
.card02 p {
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.2em;
    margin-top: 1.6rem;
}
.card02 .swiper-controller {
    display: flex;
    gap: 1.6rem;
    align-items: center;
    justify-content: flex-end;
    margin-top: 3.2rem;
}
.card02 .swiper-pagination {
    margin-left: auto;
}
.swiper {
    overflow: visible;
}
.swiper-button-prev, .swiper-button-next {
    display: none;
} /*スワイパーの設定ここまで----------------------------------------------------------------------------------------------------*/
/*コラムセクションの設定ここまで*/
/*snsセクションの設定の設定*/
.snsSection {
    text-align: center;
}
.twitter-timeline {
    margin-left: auto;
    margin-right: auto;
}
/*snsセクションの設定ここまで*/
/*サポートセクションの設定*/
.imgMaxWrap {
    max-width: 1200px;
    margin: 0 auto;
}
.cityLink {
    justify-content: space-between;
    align-items: center;
}
.cityLink a {
    display: block;
    width: 300px;
    padding: 10px 20px;
    margin: 5px auto;
    border: solid #333 1px;
    background-color: #EFF2E6;
}
.displayFlex {
    display: block;
}
.supportSection .supporth3, .supportSection .supportPara, .liveSection .liveh3, .liveSection .livePara {
    padding-left: 40px;
}
/*サポートセクションの設定ここまで*/
/*メインエリアの設定ここまで*/
/*フッターエリアの設定*/
.footerSection {
    background: #E6F2EF;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    margin-top: 40px;
}
.footerNav {
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
}
.footerNavInner {
    justify-content: space-between;
    width: fit-content;
    margin: 0 auto;
}
.footerNavList li {
    padding-top: 2px;
    padding-bottom: 2px;
}
.footerNavList .margin20 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.footerAddress .margin20 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.footerNavList li:not(:first-child) {
    display: block;
    min-width: 190px;
}
.footerNavList li:first-child {
    display: block;
    min-width: 90px;
}
.footerAddressWrap {
    width: fit-content;
    margin: 0 auto;
}
.footerNavList li, .footerAddressLi {
    text-align-last: left;
}
.footerAddress {
    margin: 0 auto;
}
.footerAddress li img {
    width: 10%;
    height: auto;
}
.footerAddress .displayFlex {
    align-items: center;
}
.footerAddress .btnLink {
    display: block;
    margin-right: auto;
}
/*フッターエリアの設定ここまで*/
/*sp、pcの表示切替の設定*/
.pcNav, .pcNav a, #page-top {
    visibility: hidden;
    transition: all 0s 0s;
} /*0s*/
.h1Logo {
    visibility: visible;
}
/*sp、pcの表示切替の設定ここまで*/
/*フェードインの設定----------------------------------------------------------------------------------------------------*/
.slide-bottom {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.3s 0s ease-out;
}
/*フェードインの設定ここまで----------------------------------------------------------------------------------------------------*/
/*SPタイプの記述ここまで*/
/*PCタイプの記述*/
@media screen and (min-width:940px) {
    /*全体への設定*/
    .displayFlex {
        display: flex;
    }
    .pc {
        visibility: visible;
    }
    .sp {
        display: none;
    }
    .bx-wrapper {
        display: block;
    }
    h3 {
        font-size: 6vw;
    }
    /*全体への設定ここまで*/
    /*ヘッダーエリアの設定*/
    header {
        height: 133px;
        width: 100%;
        position: fixed;
        top: 0;
        right: 0;
        transition: .3s;
        z-index: 100;
        overflow: visible;
    }
    .h1Logo {
        height: 50px;
        width: auto;
    }
    h1 p {
        display: block;
    }
    .h1Logo {
        height: 75px;
        width: auto;
        margin: 0;
    }
    /*ドロップダウンメニューの設定----------------------------------------------------------------------------------------------------*/
    .menuCheckbox:checked ~ .drawer-background {
        display: none;
    } /*downContentsの位置基準になる*/
    .menu .downMenu {
        position: relative;
    }
    .downContents {
        width: 100%;
        position: absolute;
        top: 45.59px;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: 0s;
    }
    nav {
        width: 100%;
        z-index: 100;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .pcNav .downContents a {
        visibility: hidden;
        opacity: 0;
        transition: 0s;
    }
    .downMenu .downContents li {
        max-width: 200px;
        width: 100%;
    }
    .downMenu:hover .downContents {
        transition: .5s;
        visibility: visible;
        opacity: 1;
    }
    .pcNav .downMenu:hover .downContents a {
        visibility: visible;
        opacity: 1;
    }
    /*ドロップダウンメニューの設定ここまで----------------------------------------------------------------------------------------------------*/
    /*ヘッダーエリアの設定ここまで*/
    /*メインエリアの設定*/
    main {
        margin-top: 110px;
    }
    /*ファーストビューセクションの設定*/
    .firstView {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    /*メインイメージの設定----------------------------------------------------------------------------------------------------*/
    .mask-clip {
        -webkit-clip-path: url(#mask);
        clip-path: url(#mask);
        max-width: 80%;
    }
    .topImgh2 {
        font-size: clamp(18px, 1.8vw, 36px);
        color: #fff;
        text-shadow: 0 0 5px #333;
        right: 15%;
        bottom: 35%;
    }
    /*メインイメージの設定ここまで----------------------------------------------------------------------------------------------------*/
    .fixedPara {
        top: 50%;
        left: 50px;
        transform: translate(-50%, -50%) rotate(180deg);
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        position: fixed;
        z-index: 100;
        display: block;
        height: 350px;
    }
    .chibaArea img {
        width: 50%
    }
    /*spとpcの表示切替の設定*/
    .pcNav, .pcNav a, #page-top {
        visibility: visible;
        transition: all 0s 0s;
    } /*0s*/
    /*ファーストビューセクションの設定ここまで*/
    /*ニュースセクションの設定*/
    /*タブの設定----------------------------------------------------------------------------------------------------*/
    .newsSection {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    /*タブの設定ここまで----------------------------------------------------------------------------------------------------*/
    /*ニュースセクションの設定ここまで*/
    /*アバウトセクションの設定*/
    .aboutSection {
        padding: 40px;
    }
    .aboutContent {
        background: #fff;
    }
    .aboutContent img {
        width: 50%;
    }
    .aboutTextLive img {
        width: 33%;
    }
    .aboutTextLocationPara {
        width: 40%;
    }
    /*アバウトセクションの設定ここまで*/
    /*リブセクションの設定*/
    .liveWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 80%;
    }
    .liveWrap img {
        display: block;
        width: 48%;
        /* height: auto; */
    }
    .box {
        width: 48%;
    }
    /*リブセクションの設定ここまで*/
    /*コラムセクション*/
    .l-inner {
        padding: 0 4rem;
    }
    .card02 .swiper-slide {
        width: 36rem;
    }
    .swiper-button-prev, .swiper-button-next {
        display: block;
    }
    /*コラムセクションの設定ここまで*/
    /*サポートセクションの設定*/
    .cityLink {
        margin: 0 40px;
        justify-content: space-between;
        align-items: center;
    }
    .cityLink a {
        display: block;
        width: calc(25%);
        padding: 20px 20px;
        border: solid #333 1px;
    }
    .cityLink a:not(:last-child) {
        margin-right: 20px;
    }
    /*サポートセクションの設定ここまで*/
    /*メインエリアの設定ここまで*/
    /*フッターエリアの設定*/
    .cityMark {
        margin: 0 auto;
        width: 242.06px;
    }
    /*フッターエリアの設定ここまで*/
}
/*PCタイプの記述ここまで*/
/*#liveのシグネチャ設定----------------------------------------------------------------------------------------------------*/
#live .mainh2 {
    margin-top: 150px;
    margin-bottom: 100px;
}
#live .p-textImgBox {
    margin-bottom: 100px;
}
#live .center {
    width: 80%;
    margin: 0 auto;
}
#live .p-textImgBox__textBox {
    position: relative;
    background-color: #E6F2EF;
    padding: 60px 88px 42px;
    width: 100%;
    z-index: 1;
}
#live .p-textImgBox__textBox {
    padding: 60px 72px 48px;
    margin-top: -50px;
}
#live .p-textImgBox__textBox::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 53px;
    background-color: #E6F2EF;
    top: -53px;
    left: 0;
    z-index: -1;
}
#live .p-textImgBox__textBox::before {
    width: 150px;
    height: 100%;
    top: 0;
    left: -150px;
}
#live .p-textImgBox__text {
    margin-top: 39px;
}
#live .p-textImgBox__img {
    width: 100%;
    max-width: 500px;
    display: block;
    position: relative;
    z-index: 5;
    margin-right: auto;
    margin-left: auto;
}
#live .p-textImgBox__img {
    max-width: 600px;
}
/*#liveのシグネチャ設定内のpcの記述*/
@media screen and (min-width:940px) {
    #live .p-textImgBox:nth-child(even) .p-textImgBox__inner {
        flex-direction: row-reverse;
    }
    #live .p-textImgBox:nth-child(even) .p-textImgBox__textBox::before {
        left: initial;
        right: -150px;
    }
    #live .p-textImgBox:nth-child(even) .p-textImgBox__number::before {
        right: initial;
        left: 50px;
    }
}
/*#liveのシグネチャ設定内のpcの記述ここまで*/
/*＃liveのシグネチャここまで----------------------------------------------------------------------------------------------------*/
/*記述ここまで*/