/* 2026/10/06 #9352 本体トップ用：大阪テーマ（twentyseventeen）の市区ページ版セクションのCSSを移植。.main_contents_re の中だけで効く */
.main_contents_re #area_sec {padding: 100px 0;
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);}
.main_contents_re #area_sec::before {display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/hyogo/wp-content/uploads/2021/07/map_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;}
.main_contents_re .sec06_titleBox {text-align: center;
    margin: 0 0 40px;}
.main_contents_re .sec06_titleBox h2 {font-size: 45px;
    display: inline-block;
    border-bottom: 5px solid #0071bc;
    color: #0071bc;
    padding-bottom: 10px;}
.main_contents_re .sec06_sub_text {font-size: 17px;
    line-height: 1.8;
    margin: 0 0 30px;
    text-align: center;}
.main_contents_re .sec06_inner {flex-direction: row-reverse;}
.main_contents_re .sec06_image {width: 48%;}
.main_contents_re .sec06_textBox {width: 48%;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto 0;}
.main_contents_re .sec06_textBox .title {font-size: 20px;
    background-color: #0071bc;
    text-align: center;
    line-height: 50px;
    color: #fff;
    margin: 0;
    border-radius: 15px 15px 0 0;}
.main_contents_re .sec06_textBox ul {padding: 20px 20px 5px;}
.main_contents_re .sec06_textBox .sonota ul {padding: 0 20px 10px;}
.main_contents_re .sec06_textBox .sub_title {font-size: 16px;
    font-weight: bold;
    color: #0071bc;
    border-bottom: 2px dashed #0071bc;
    margin: 0 0 15px;
    padding-bottom: 5px;
    width: 100%;}
.main_contents_re .sec06_textBox ul li {margin: 0 15px 15px 0;}
.main_contents_re .sec06_textBox ul li a {display: inline-block;
    color: #333;
    font-size: 15px;
    transition: .2s;
    text-decoration: underline;}
.main_contents_re .sec06_textBox ul li a:hover {color: #0071bc;}
.main_contents_re .sec06.new-area {margin-bottom: 100px;}
.main_contents_re .new-top-common-btn-box {width: 246px;
    height: 43px;
    margin: 0 auto;
    position: relative;
    border: 1px solid #000;
    border-radius: 20px;
    background: #fff;}
.main_contents_re .new-top-common-btn-box:hover .new-top-btn-arrow {right: 20px;
    ;}
.main_contents_re .new-top-common-btn-box a {color: #000 !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;}
.main_contents_re .new-top-btn-arrow {position: absolute;
    right: 25px;
    top: 13px;
    width: 6px;
    transition: 0.3s;}
.main_contents_re .font_din2014 {font-family: "din-2014";
    font-weight: 700;
    font-style: normal;}
.main_contents_re .wrap.min {width: 1140px;}
.main_contents_re .shingle_appeal_re {background-image: url(/osaka/wp-content/themes/twentyseventeen/image/shingle_appeal_re_back.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    border-top: 4px solid #1A1A1A;
    border-bottom: 4px solid #1A1A1A;}
.main_contents_re .shingle_appeal_re .title_area {display: flex;
    margin-bottom: 2.5em;}
.main_contents_re .shingle_appeal_re .title_area::after {content: "";
    display: block;
    background: url(/osaka/wp-content/themes/twentyseventeen/image/belt_ef_v4.png) no-repeat center center;
    background-size: 100% auto;
    width: 48px;
    height: auto;}
.main_contents_re .shingle_appeal_re .title_area .title {color: #fff;
    font-size: 34px;
    font-weight: 900;
    background: #1A1A1A;
    padding: 0.35em 0.5em;}
.main_contents_re .shingle_appeal_re .title_area .title .ex_yellow {color: #EBFF00;}
.main_contents_re .shingle_appeal_re .tti_column {display: flex;
    gap: 30px;}
.main_contents_re .shingle_appeal_re .tti_img {max-width: 998px;
    margin-bottom: 26px;}
.main_contents_re .shingle_appeal_re .tti_img img {width: 100%;
    height: auto;
    display: block;}
.main_contents_re .shingle_appeal_re .column {display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 55px;}
.main_contents_re .shingle_appeal_re .cell {background: #fff;}
.main_contents_re .shingle_appeal_re .image_area {position: relative;}
.main_contents_re .shingle_appeal_re .number_area {position: absolute;
    left: 20px;}
.main_contents_re .shingle_appeal_re .number_area .number_text {color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    background: #E60000;
    padding: 14px 10px 9px 10px;}
.main_contents_re .shingle_appeal_re .number_area::after {content: "";
    display: block;
    background: url(/osaka/wp-content/themes/twentyseventeen/image/belt_ef_v3.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 6px;}
.main_contents_re .shingle_appeal_re .image_area .image {aspect-ratio: 370 / 190;}
.main_contents_re .shingle_appeal_re .image_area .image img {width: 100%;
    height: 100%;
    object-fit: cover;}
.main_contents_re .shingle_appeal_re .text_area {padding: 1.6em 1.6em 2.1em;}
.main_contents_re .shingle_appeal_re .text_area .title {color: #1A1A1A;
    font-size: 20px;
    font-weight: 900;
    margin: 0 0 1em;}
.main_contents_re .shingle_appeal_re .text_area .text {color: #1A1A1A;
    font-size: 14px;
    font-weight: 700;
    min-height: 94px;}
.main_contents_re .shingle_media_sec {background: #DDF8FF;
    padding: 134px 0 94px;
    position: relative;}
.main_contents_re .shingle_media_sec::before, .main_contents_re .shingle_media_sec::after {content: "";
    display: block;
    background: url(/osaka/wp-content/themes/twentyseventeen/image/shingle_media_flag.svg) no-repeat center center;
    background-size: 100% auto;
    width: 333px;
    height: 114px;
    position: absolute;}
.main_contents_re .shingle_media_sec::before {top: 0;
    left: 0;}
.main_contents_re .shingle_media_sec::after {top: 0;
    right: 0;
    transform: scaleX(-1)}
.main_contents_re .shingle_media_sec .sub_title_box {text-align: center;}
.main_contents_re .shingle_media_sec .sub_title {font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 0 2em 0.1em;
    margin-bottom: 20px;}
.main_contents_re .shingle_media_sec .sub_title::before, .main_contents_re .shingle_media_sec .sub_title::after {content: "";
    position: absolute;
    top: 50%;
    width: 40px;
    height: 2px;
    background: #333;
    transform: rotate(45deg);}
.main_contents_re .shingle_media_sec .sub_title::before {left: 0;}
.main_contents_re .shingle_media_sec .sub_title::after {right: 0;
    transform: rotate(-45deg);}
.main_contents_re .shingle_media_sec .shingle_media_con {background: #fff;
    border-radius: 10px;
    padding: 81px 50px 43px;
    position: relative;
    margin-top: 25px;}
.main_contents_re .shingle_media_sec .shingle_media_chara {position: absolute;
    top: -6.7%;
    right: 0;}
.main_contents_re .shingle_media_sec .title {position: relative;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    background: #00B0BF;
    padding: 0.5em 1.5em;
    display: inline-block;}
.main_contents_re .shingle_media_sec .title::before, .main_contents_re .shingle_media_sec .title::after {content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    background: #00B0BF;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 40% 50%, 0% 0%);}
.main_contents_re .shingle_media_sec .title::before {left: -20px;}
.main_contents_re .shingle_media_sec .title::after {right: -20px;
    transform: scaleX(-1);}
.main_contents_re .shingle_media_sec .title_box {width: 100%;
    text-align: center;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;}
.main_contents_re .shingle_media_sec .title .ex {color: #EBFF00;
    font-size: 32px;}
.main_contents_re .shingle_media_con .image img {width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;}
.main_contents_re .shingle_media_con .summary.image {max-width: 940px;
    margin: 0 auto 3.4em;}
.main_contents_re .shingle_media_sec .summary_txt {font-size: 18px;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 2em;}
.main_contents_re .shingle_media_sec .tv-frame {position: relative;
    width: 100%;
    margin: 0 auto 1.6em;}
.main_contents_re .shingle_media_sec .tv-telop {width: 100%;
    height: auto;
    display: block;}
.main_contents_re .shingle_media_sec .tv-bg {position: absolute;
    top: 3%;
    left: 2%;
    width: 96%;
    height: auto;
    object-fit: cover;}
.main_contents_re .shingle_media_sec .shingle_media_column {display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px 25px;
    margin-bottom: 73px;}
.main_contents_re .shingle_media_sec .schedule {font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.7em;}
.main_contents_re .shingle_media_sec .media_tit {color: #C80000;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.8em;}
.main_contents_re .shingle_media_sec .media_txt {font-size: 13px;
    line-height: 1.8;
    margin: 0 0.7em;
    height: 112px;
    overflow: scroll;}
.main_contents_re .shingle_media_sec a.link_txt {color: #009AA0;
    font-size: 12px;
    letter-spacing: -0.3px;
    display: block;
    margin-top: 1.4em;
    transition: 0.3s;}
.main_contents_re .shingle_media_sec .under_txt {text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 60px;}
.main_contents_re .shingle_media_sec .under_txt a.link_txt {font-size: 14px;
    display: inline;}
@media (max-width: 750px) {
    .main_contents_re #area_sec {padding: 40px 0;}
    .main_contents_re .sec06_titleBox {text-align: center;
        margin: 0 0 25px;}
    .main_contents_re .sec06_titleBox h2 {font-size: 25px;
        border-bottom: 3px solid #0071bc;
        padding-bottom: 5px;}
    .main_contents_re .sec06_sub_text {font-size: 15px;
        line-height: 1.6;
        margin: 0 0 25px;
        text-align: left;}
    .main_contents_re .sec06_inner {flex-direction: row;}
    .main_contents_re .sec06_image {width: 100%;
        margin: 0 0 15px;}
    .main_contents_re .sec06_textBox {width: 100%;
        position: static;}
    .main_contents_re .sec06_textBox .title {font-size: 17px;
        line-height: 40px;
        border-radius: 15px 15px 0 0;}
    .main_contents_re .sec06_textBox ul {padding: 10px 10px 5px;}
    .main_contents_re .sec06_textBox .sonota ul {padding: 0 10px 10px;}
    .main_contents_re .sec06_textBox .sub_title {font-size: 15px;
        margin: 0 0 10px;
        padding-bottom: 3px;}
    .main_contents_re .sec06_textBox ul li {margin: 0 10px 10px 0;}
    .main_contents_re .sec06_textBox ul li a {font-size: 13px;}
    .main_contents_re .sec06_textBox ul li a:hover {color: #333;}
    .main_contents_re .wrap, .main_contents_re .wrap.min, .main_contents_re .wrap.mid {width: 90%;}
    .main_contents_re .new-top-common-btn-box a {width: 78%;}
    .main_contents_re .shingle_appeal_re .slick-dots, .main_contents_re .shingle_service_re .slick-dots {width: 95%;
        bottom: 10px;
        background: #F2F2F2;
        height: 6px;
        border-radius: 100vmax;
        margin: 0 2.5%;}
    .main_contents_re .shingle_appeal_re .slick-dots li, .main_contents_re .shingle_service_re .slick-dots li {width: 50%;
        top: -10px;
        margin: 0;}
    .main_contents_re .shingle_appeal_re .slick-dots li button, .main_contents_re .shingle_service_re .slick-dots li button {width: 100%;
        height: 6px;
        border-radius: 100vmax;
        padding: 0;
        transition: background-color 0.3s ease;}
    .main_contents_re .shingle_appeal_re .slick-dots li button:before, .main_contents_re .shingle_service_re .slick-dots li button:before {content: none;}
    .main_contents_re .shingle_appeal_re .slick-dots li.slick-active button, .main_contents_re .shingle_service_re .slick-dots li.slick-active button {background-color: #C80000;}
    .main_contents_re .shingle_appeal_re {padding: 7.69vw 0 25.13vw;}
    .main_contents_re .shingle_appeal_re .title_area .title {font-size: 5.13vw;
        background: none;
        padding: 0;}
    .main_contents_re .shingle_appeal_re .title_area {position: relative;
        left: -6%;}
    .main_contents_re .shingle_appeal_re .ex_sp_blake {display: inline-block;
        background: #1A1A1A;
        padding: 3vw 2.13vw 3vw 5.13vw;
        position: relative;
        line-height: 1;}
    .main_contents_re .shingle_appeal_re .ex_sp_blake+.ex_sp_blake {margin-top: 1.54vw;}
    .main_contents_re .shingle_appeal_re .title_area::after {content: none;}
    .main_contents_re .shingle_appeal_re .ex_sp_blake::after {content: "";
        display: block;
        background: url(/osaka/wp-content/themes/twentyseventeen/image/belt_ef_v4.png) no-repeat center center;
        background-size: 100% auto;
        width: 18px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -18px;}
    .main_contents_re .shingle_appeal_re .tti_column {display: block;}
    .main_contents_re .shingle_appeal_re .tti_img {margin-bottom: 2.56vw;}
    .main_contents_re .shingle_appeal_re .js_slider {margin: 0 -2.56vw 6vw;}
    .main_contents_re .shingle_appeal_re .column {grid-template-columns: 1fr;
        gap: 2.56vw;
        margin: 0 2.56vw 9vw;}
    .main_contents_re .shingle_appeal_re .number_area {left: 0;}
    .main_contents_re .shingle_appeal_re .text_area .title {font-size: 4.62vw;}
    .main_contents_re .shingle_appeal_re .text_area .text {font-size: 3.59vw;
        min-height: 25.13vw;}
    .main_contents_re .shingle_appeal_re .number_area .number_text {font-size: 6.15vw;
        text-align: center;
        padding: 0;
        width: 13.08vw;
        height: 12.08vw;
        display: flex;
        align-items: center;
        justify-content: center;}
    .main_contents_re .shingle_appeal_re .number_area::after {width: 13.08vw;
        aspect-ratio: 50 / 6;}
    .main_contents_re .shingle_media_sec {padding: 25.64vw 0 5.13vw;}
    .main_contents_re .shingle_media_sec::before, .main_contents_re .shingle_media_sec::after {width: 46.15vw;
        height: 15.80vw;}
    .main_contents_re .shingle_media_sec .sub_title {font-size: 4.62vw;}
    .main_contents_re .shingle_media_sec .sub_title::before, .main_contents_re .shingle_media_sec .sub_title::after {width: 6.67vw;}
    .main_contents_re .shingle_media_sec .title {font-size: 4.62vw;
        line-height: 1.3;
        padding: 0.6em 0.4em;
        text-align: left;}
    .main_contents_re .shingle_media_sec .title .ex {font-size: 5.13vw;}
    .main_contents_re .shingle_media_sec .title::before, .main_contents_re .shingle_media_sec .title::after {width: 7vw;}
    .main_contents_re .shingle_media_sec .shingle_media_con {padding: 14.10vw 5.13vw 8.97vw;
        margin-top: 8vw;
        border-radius: 8px;}
    .main_contents_re .shingle_media_con .summary.image {margin-bottom: 4.62vw;}
    .main_contents_re .shingle_media_sec .summary_txt {font-size: 3.59vw;
        margin-bottom: 6.67vw;}
    .main_contents_re .shingle_media_sec .shingle_media_column {grid-template-columns: 1fr;
        margin: 0 2.56vw 10.26vw;}
    .main_contents_re .shingle_media_sec .title_box {top: -9vw;}
    .main_contents_re .shingle_media_sec .schedule {font-size: 3.59vw;}
    .main_contents_re .shingle_media_sec .media_tit {font-size: 4.1vw;
        margin-bottom: 5vw;}
    .main_contents_re .shingle_media_sec .media_txt {font-size: 3.33vw;
        line-height: 1.4;
        margin: 0;
        height: 18vw;}
    .main_contents_re .shingle_media_sec .media_txt.min_box_sizing {height: auto;}
    .main_contents_re .shingle_media_sec .shingle_media_chara {top: auto;
        bottom: -5.13vw;
        right: auto;
        left: -5%;
        width: 24.5vw;
        z-index: 10;}
}
.page_area .shingle_appeal_re .tti_column .tti_img {position: relative;}
.page_area .shingle_appeal_re .tti_column .tti_img .tti_txt {position: absolute;
    top: 0;
    left: 0.6%;
    margin: 0;
    color: #1A1A1A;
    font-family: 'LINE Seed JP Bold', 'Noto Sans JP', sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.02em;
    white-space: nowrap;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;}
@media (max-width: 750px) {
    .page_area .shingle_appeal_re .tti_column .tti_img .tti_txt {left: 0;
        font-size: 6.4vw;
        text-shadow: 0.6vw 0 0 #fff, -0.6vw 0 0 #fff, 0 0.6vw 0 #fff, 0 -0.6vw 0 #fff, 0.4vw 0.4vw 0 #fff, -0.4vw 0.4vw 0 #fff, 0.4vw -0.4vw 0 #fff, -0.4vw -0.4vw 0 #fff;}
}
.page_area .shingle_media_sec .media_marquee {display: block;
    grid-template-columns: none;
    overflow: hidden;
    margin-bottom: 73px;}
.page_area .shingle_media_sec .media_marquee .media_marquee_track {display: flex;
    width: max-content;
    animation: media_marquee_move 60s linear infinite;}
.page_area .shingle_media_sec .media_marquee:hover .media_marquee_track {animation-play-state: paused;}
@keyframes media_marquee_move {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}
.page_area .shingle_media_sec .media_marquee .media_marquee_track .shingle_media_cell {flex: 0 0 auto;
    width: 360px;
    margin-right: 25px;}
.page_area .shingle_media_sec .media_marquee .media_marquee_track .shingle_media_cell .media_tit {margin-bottom: 0;}
@media (max-width: 750px) {
    .page_area .shingle_media_sec .media_marquee {margin: 0 -2.56vw 10.26vw;}
    .page_area .shingle_media_sec .media_marquee .media_marquee_track {animation-duration: 40s;}
    .page_area .shingle_media_sec .media_marquee .media_marquee_track .shingle_media_cell {width: 56vw;
        margin-right: 4vw;}
    .page_area .shingle_media_sec .media_marquee .media_marquee_track .shingle_media_cell .media_tit {margin-bottom: 0;}
    .page_area .shingle_appeal_re .title_area .title .ex_sp_blake {display: table;}
    .page_area .shingle_media_sec {padding-bottom: 12vw;}
}

/* 本体トップの対応エリア：大阪では下がコラム欄（白）なので下余白100pxが目立たないが、本体では赤いオファー帯が続き白い隙間になるため0にする（2026/10/06 #9352） */
.main_contents_re .sec06.new-area { margin-bottom: 0; }
/* 本体トップの対応エリア：地図の下の注記（2026/10/06 #9352） */
.main_contents_re .sec06 .wrap .sec06_note { margin-top: 30px; font-size: 14px; line-height: 1.8; text-align: center; }
@media (max-width: 750px) {
    .main_contents_re .sec06 .wrap .sec06_note { margin-top: 5.33vw; font-size: 3.2vw; text-align: left; }
}

/* 見出しタグを外した要素を、元の見出しと同じ見た目にする（custom.css の該当指定の写し） */
/* 見出し要素の既定の行の高さ（h2・h3 は 1.2）に合わせる */
#secContact .secContact_ttl, ul.secService_lsit li .text_box .secService_ttl, #top_insta .top_insta_logo {line-height: 1.2;}
#secContact .secContact_ttl {font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 20px;}
ul.secService_lsit li .text_box .secService_ttl {margin: 0 0 15px;
    font-size: 20px;
    letter-spacing: 0.12em;
    color: #171717;
    transition: .3s;}
ul.secService_lsit li:hover .text_box .secService_ttl {color: #C90007;}
ul.secService_lsit_small li .text_box .secService_ttl {margin: 0 0 10px;
    font-size: 16px;}
#top_insta .top_insta_logo {margin-bottom: 30px;}
#top_insta .top_insta_logo img {width: 300px;
    margin: 0 auto;
    display: block;}
@media (max-width: 750px) {
    #secContact .secContact_ttl {font-size: 13px;
        margin-bottom: 1rem;}
    ul.secService_lsit li .text_box .secService_ttl {font-size: 14px;
        margin: 0 0 10px;}
    #top_insta .top_insta_logo {margin-bottom: 4vw;}
    #top_insta .top_insta_logo img {width: 60%;}
}