* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
}

*,
*:before,
*:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
}

html {
        font-size: 62.5%;
        /* sets the base font to 10px for easier math 1 */
}

body {
        font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.4rem;
        color: #444444;
        width: 100%;
        line-height: 1.44;
        letter-spacing: 0.01em;
}

a,
a:hover,
a:visited {
        color: #333;
}

a {
        outline: none;
}

a:focus {
        outline: none;
}

h1,
h2,
h3,
h4,
h5 {
        font-weight: bold;
}

.pc {
        display: block;
}
.mobile {
        display: none;
}
.sp {
        display: none;
}
.br_sp {
        display: none;
}
.sp03 {
        display: none;
}
.sp-04 {
        display: block;
}
.top_menu01 {
        color: #ffffff;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}

.content_box01 {
        padding-top: 4rem;
}
.content_box02 {
        padding-top: 2rem;
}
.content_box03 {
        padding-top: 2rem;
}

.content_color {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 4rem 0;
}

.box_color01 {
        background-color: var(--back-color);
        margin-bottom: -2rem;
}
.box_color02 {
        background-color: var(--back3-color);
}

:root {
        --main-color: #ff6c1b;
}
:root {
        --sub-color: #ffed52;
        
}
:root {
        --sub2-color: #27a6b2;
}
:root {
        --back-color: #fff8e1;
}
:root {
        --back2-color: #f5f5f5;
}
:root {
        --back3-color: #95ddd3;
}
:root {
        --back4-color: #60d2c3;
}
:root {
        --gray-color: #757575;
}

/*-アコーディオンどこでも-*/
details[open] summary+* {
        position: relative;
}

details[open] summary::before {
        position: fixed;
        inset: 0;
        content: '';
}

/* .content_box01::before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: calc(100vh - 450px);
        transform: skewY(-0deg);
        background-color: var(--back-color);
        margin-top: 15.4rem;
        z-index: -5;
}
.content_box02::before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: calc(100vh - 652px);
        transform: skewY(0deg);
        background-color: #95ddd3;
        margin-top: 15.4rem;
        z-index: -4;
}
.content_box03::before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: calc(100vh - 900px);
        background-color: var(--back2-color);
        margin-top: 15.4rem;
        z-index: -3;
} */

/*-固定メニュー-*/
.sp_fixed-menu {
        display: none;
}

/*-文字色-*/
/* .color01 {
        color: var(--main-color);
}
.color02 {
        color: #1d66c9;
}
.color03 {
        color: var(--main-color);
} */
.color04 {
        color: rgba(255, 152, 0, 1);
}
.color05 {
        color: rgba(0, 91, 172, 1);
}
.color06 {
        color: rgba(17, 167, 59, 1);
}
.color07 {
        color: #e5001b;
}
.color08 {
        color: rgba(255, 152, 0, 1);
}
.color09 {
        color: var(--main-color);
}
.color10 {
        color: var(--main-color);
}
.color11 {
        color: #27a6b2;
}
.color12 {
        color: var(--main-color);
}

/* ---------- 要素の遅延表示 ---------- */

.effect-fade {
        opacity: 0;
        transform: translate(0, 20px);
        transition: all 600ms;
}

.effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
}



/* ---------- page top ボタン ---------- */

#pageTop {
        position: fixed;
        bottom: 2em;
        right: 2em;
        z-index: 200;
}

#pageTop a {
        display: block;
        z-index: 999;
        border-radius: 30px;
        width: 60px;
        height: 60px;
        border: solid 1px rgba(0, 0, 0, 0.2);
        color: rgba(0, 0, 0, 0.5);
        font-size: 2em;
        font-weight: bold;
        line-height: 55px;
        text-decoration: none;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.4);
}

/* ---------- 電話番号リンク ---------- */

.tel-link {
        text-decoration: none;
}

/* ---------- ヘッダー ---------- */
#header {
        width: 100%;
        height: auto;
        margin: 0 auto;
}

#header .header-logo {
        position: relative;
        width: 100%;
        max-width: 1200px;
        height: 120px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 2.5rem;
}

#header .header-logo .logo-box {
        width: 420px;
        height: auto;
        overflow: hidden;
        float: left;
}

#header .header-logo .logo-box a {
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 100px;
        background-image: url("images/logo.png");
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 100% auto;
}

#header h1 {
        position: absolute;
        top: 75%;
        left: 0;
        font-size: 1.1em;
        font-weight: normal;
}

.breadcrumb-box {
        width: 100%;
        height: auto;
        background-color: var(--main-color);
}

.breadcrumb {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

.breadcrumb li {
        display: inline-block;
        height: auto;
        list-style: none;
        font-weight: normal;
        padding: 0.5rem 0;
        color: #ffffff;
}

.breadcrumb li a {
        text-decoration: none;
        color: #ffffff;
}

.breadcrumb li::after {
        content: '>';
        padding: 0 3px;
        color: #ffffff;
}

#header .header-menu {
        width: 300px;
        height: auto;
        overflow: hidden;
        float: right;
}

#header .header-menu ul,
#header .header-menu li {
        list-style: none;
}

#header .header-menu li {
        position: relative;
        display: block;
        width: 150px;
        height: auto;
        overflow: hidden;
        float: left;
}

#header .header-menu li a {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        text-decoration: none;
        font-size: 1.2rem;
        padding: 10px 0;
}

#header .head-google-box a {
        display: inline-block;
}

#header .header-menu li a::after {
        content: "";
        width: 0px;
        height: 2px;
        background-color: #aaa;
        position: absolute;
        bottom: 3rem;
        left: 0;
        -webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        -moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#header .header-menu li:hover a::after {
        background-color: var(--main-color);
        width: 100%;
}

#header .header-menu li a .head-icon-box {
        width: 100%;
        height: 70px;
        background-size: 24% auto;
        background-position: center bottom 1.5rem;
        background-repeat: no-repeat;
        margin-bottom: -1rem;
}

#header .header-menu li.header-contact a .head-icon-box {
        background-image: url("images/otoiawase_h.png");
}

#header .header-menu li.header-contact a:hover .head-icon-box {
        opacity: 0.4;
}

#header .header-menu li.header-yoyaku a .head-icon-box {
        background-image: url("images/raiten_yoyaku_h.png");
}

#header .header-menu li.header-yoyaku a:hover .head-icon-box {
        opacity: 0.6;
}

/* ---------- メインメニュー ---------- */
#main-menu {
        width: 100%;
        height: 100px;
        background-color: #ffffff;
        border-top: solid 1px #dddddd;
        position: relative;
        padding-bottom: 1em;
}

#main-menu>ul {
        display: block;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        list-style: none;
}

#main-menu>ul>li {
        display: block;
        width: calc(100%/9);
        height: auto;
        margin: 0;
        padding: 0;
        text-align: center;
        float: left;
}
#main-menu .sub_li {
        display: block;
        width: calc(100%/11);
        height: auto;
        margin: 0;
        padding: 0;
        text-align: center;
        float: left;
}

#main-menu>ul>li a {
        position: relative;
        display: block;
        font-size: 1.1rem;
        text-decoration: none;
}

#main-menu>ul>li>a::after {
        content: "";
        width: 0;
        height: 2px;
        background-color: #aaa;
        position: absolute;
        bottom: 2rem;
        left: 0;
        -webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        -moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#main-menu>ul>li:hover>a::after {
        background-color: var(--main-color);
        width: 100%;
}

#cw a {
        position: relative;
        display: inline-block;
        text-decoration: none;
        width: max-content;
}

#cw a::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: rgb(255, 255, 255);
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform .3s;
}

#cw a:hover::after {
        transform: scale(1, 1);
        /* width: 100%; */
}

#main-menu>ul>li a .navi-icon-box {
        width: 100%;
        height: 70px;
        background-size: 30% auto;
        background-position: center bottom 1.5rem;
        background-repeat: no-repeat;
}

#main-menu>ul>li.menu01 a .navi-icon-box {
        background-image: url("images/oheya_sagasu_h.png");
}

#main-menu>ul>li.menu02 a .navi-icon-box {
        background-image: url("images/parking_ico_r.png");
}

#main-menu>ul>li.menu010 a .navi-icon-box {
        background-image: url("images/kaisya_gaiyou_h.png");

}

#main-menu>ul>li.menu03 a .navi-icon-box {
        background-image: url("images/uritai_kaitai_h.png");

}

#main-menu>ul>li.menu04 a .navi-icon-box {
        background-image: url("images/tenant_h.png");

}

#main-menu>ul>li.menu05 a .navi-icon-box {
        background-image: url("images/monthly_h.png");

}

#main-menu>ul>li.menu06 a .navi-icon-box {
        background-image: url("images/gakusei_h.png");

}

#main-menu>ul>li.menu07 a .navi-icon-box {
        background-image: url("images/houjin_h.png");

}

#main-menu>ul>li.menu08 a .navi-icon-box {
        background-image: url("images/owner_h.png");
}

#main-menu>ul>li.menu09 a .navi-icon-box {
        background-image: url("images/nyukyotyu_h.png");
}

#main-menu>ul>li.menu10 a .navi-icon-box {
        background-image: url("images/trunk_ico_r.png");
}
#main-menu>ul>li.menu10 a .menu010tk {
        font-size: 10px;
}
#main-menu>ul>li.menu11 a .navi-icon-box {
        background-image: url("images/saiyou_h.png");
}
#main-menu>ul>li.menu12 a .navi-icon-box {
        background-image: url("images/kaisya_gaiyou_h.png");
}

.mdd_wrap {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
        z-index: 2;
}

#main-menu .current {
        display: none;
}

.mdd_wrap .mdd_inner {
        width: 100%;
        height: auto;
        max-height: 0;
        margin: 0 auto;
        background: var(--main-color);
        overflow: hidden;
        transition: max-height .5s ease;
}

.mdd_wrap .mdd_inner .mdd_body {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 3rem;
}

.mdd_wrap .mdd_inner ul,
.mdd_wrap .mdd_inner li {
        list-style: none;
}

.mdd_wrap .mdd_inner li a {
        color: #ffffff;
        text-decoration: none;
}

#main-menu>ul>li:hover .mdd_wrap .mdd_inner {
        max-height: 500px;
}

.mdd_wrap .mdd_inner .sub-menu-title {
        width: 30%;
        height: auto;
        margin-top: 3rem;
        font-size: 2.4rem;
        font-weight: bold;
        color: #fff;
        text-align: left;
        float: left;
}

.mdd_wrap .mdd_inner .sub-menu-list {
        width: 70%;
        height: auto;
        float: left;
        margin-top: 2rem;
}

.mdd_wrap .mdd_inner .sub-menu-list li {
        display: block;
        width: 50%;
        height: auto;
        padding: 2rem 0;
        padding-left: 6rem;
        text-align: left;
        float: left;
        background-size: 10% auto;
        background-repeat: no-repeat;
        background-position: left center;
}

.mdd_wrap .mdd_inner .sub-menu-list li a {
        font-size: 1.6rem !important;
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-map-top {
        background-image: url("images/oheya_sagasu_h_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-map {
        background-image: url("images/sa_map_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-condition {
        background-image: url("images/sa_condition_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-request {
        background-image: url("images/request_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-yoyaku {
        background-image: url("images/raiten_yoyaku_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-youtube {
        background-image: url("images/pc_youtube.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-guide {
        background-image: url("images/guide.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-parking-month {
        background-image: url("images/parking_month_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-parking-day {
        background-image: url("images/parking_1day_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-trunk-room {
        background-image: url("images/trunk_room.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-container-room {
        background-image: url("images/container_room.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-baibai-top {
        background-image: url("images/uritai_kaitai_h_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-baibai {
        background-image: url("images/baibai_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-sell {
        background-image: url("images/sell_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-satei {
        background-image: url("images/satei_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-buy {
        background-image: url("images/buy_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-baibai-contact {
        background-image: url("images/baibai_contact_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-monthly {
        background-image: url("images/monthly_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tokudai {
        background-image: url("images/tokudai_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tokudai {
        background-image: url("images/tokudai_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-bunri {
        background-image: url("images/bunri_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-shikoku {
        background-image: url("images/shikoku_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-anabuki {
        background-image: url("images/anabuki_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-top {
        background-image: url("images/gakusei_h_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-anshin {
        background-image: url("images/gakusei_anshin_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-area {
        background-image: url("images/gakusei_area_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-qanda {
        background-image: url("images/gakusei_qanda_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-gakusei-qanda {
        background-image: url("images/gakusei_qanda_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-syataku {
        background-image: url("images/syataku_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-tantou {
        background-image: url("images/tenkin_tantou_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-top {
        background-image: url("images/houjin_h_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-rusu {
        background-image: url("images/tenkin_rusu_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-jisseki {
        background-image: url("images/tenkin_jisseki_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-tenkin-otoiawase {
        background-image: url("images/tenkin_otoiawase_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-system {
        background-image: url("images/owner_system_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-akiya {
        background-image: url("images/owner_akiya_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-shisan {
        background-image: url("images/owner_shisan_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-souzoku {
        background-image: url("images/souzoku.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-support {
        background-image: url("images/owner_support_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-baibai {
        background-image: url("images/owner_baibai_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-owner-seminar {
        background-image: url("images/owner_seminar_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-nyukyo-top {
        background-image: url("images/nyukyotyu_h_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-residents-app {
        background-image: url("images/residents_app_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-residents-out {
        background-image: url("images/residents_out_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-residents-change {
        background-image: url("images/residents_change_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-residents-quote {
        background-image: url("images/residents_quote_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-residents-search {
        background-image: url("images/residents_search_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-top {
        background-image: url("images/kaisya_top_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-outline {
        background-image: url("images/kaisya_outline_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-history {
        background-image: url("images/kaisya_history_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-shop {
        background-image: url("images/kaisya_shop_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-staff {
        background-image: url("images/kaisya_staff_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-blog {
        background-image: url("images/kaisya_blog_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-voice {
        background-image: url("images/saiyou_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-csr {
        background-image: url("images/kaisya_csr_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-access {
        background-image: url("images/kaisya_access_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-sitemap {
        background-image: url("images/kaisya_sitemap_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-privacypolicy {
        background-image: url("images/kaisya_privacypolicy_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-sdgs {
        background-image: url("images/kaisya_sdgs_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-keizokuryoku {
        background-image: url("images/kaisya_keizokuryoku_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-kaisya-cm {
        background-image: url("images/cm_g.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-top {
        background-image: url("images/recruit_top_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-fresh {
        background-image: url("images/recruit_fresh_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-career {
        background-image: url("images/recruit_career_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-faq {
        background-image: url("images/recruit_faq_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-flow {
        background-image: url("images/recruit_flow_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-interview {
        background-image: url("images/recruit_interview_w.png");
}

.mdd_wrap .mdd_inner .sub-menu-list li.sub-menu-recruit-blog {
        background-image: url("images/recruit_blog_w.png");
}

/* ---------- ローディング画面 ---------- */

#loading {
        display: flex;
        width: 100%;
        height: 455px;
        overflow: hidden;
        justify-content: center;
}

#loading img {
        width: auto;
        height: 100%;
        margin: 0 auto;
}

/* ---------- 画像スライダー ---------- */
#slider1 {
        width: 100%;
        height: 615px;
        overflow: hidden;
        padding: 2em 0;
        background-color: var(--back2-color);
}

#slider1 .slider-pro {
        display: none;
}

.slider-wrap {
        width: 100%;
        max-width: 1200px;
        overflow: hidden;
        margin: 5rem auto 0;
}

.sp-image-container {
        overflow: visible !important;
}

.slide-banner01 {
        border: 1px solid var(--main-color) !important;
}

.slide-banner02 {
        border: 1px solid #999999 !important;
}

.slide-banner03 {
        border: 1px solid #008ccf !important;
}
.slide-banner04 {
        border: 1px solid #0085d0 !important;
}
.slide-banner05 {
        border: 1px solid #f39700 !important;
}
.slide-banner06 {
        border: 1px solid #ff6699 !important;
}
.slide-banner07 {
        border: 1px solid #135ABC !important;
}

.swiper {
        margin: 3rem 0 5rem;
}

#content .special-feature {
        width: 94%;
        max-width: 1200px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin: 0 auto;
}

.swiper-slide {
        width: 100%;
        height: auto;
        text-align: center;
        position: relative;
}

.swiper-box {
        width: 100%;
        margin: 0 auto;
        padding: 0.5em;
        text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
        --swiper-navigation-size: 25px !important;
        color: #ffffff !important;
        font-weight: bold;
}

.swiper-photo {
        width: 100%;
        height: auto;
        vertical-align: top;
}

/* ---------- メインエリア ---------- */
#main {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#tintai #main {
        width: 100%;
}

/* ---------- 本日の物件公開数 ---------- */

#content .number-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 6rem auto 2rem;
}


#content .number-box .content-title {
        width: 30%;
        margin-top: 0;
        line-height: 3.2rem;
        float: left;
        border-right: solid 1px #333333;
}

#content .content-title-todeay h2 {
        font-size: 3rem;
        width: 100%;
        height: auto;
        padding: 0 2rem;
        text-align: center;
        color: #444444;
        border: solid 2px #444444;
        border-radius: 9999px;
}

#content .number-box .content-title-todeay {
        width: 40%;
        margin: 0 auto;
        margin-top: 0;
        padding-bottom: 2em;
        float: none;
        border-right: none;
        text-align: center;
}

#content .number-box .content-title h2 {
        font-size: 2.8rem;
        padding: 0;
}

#content .number-box .number {
        width: 90%;
        margin: 0 auto;
        height: auto;
}

#content .number-box .number dl {
        display: block;
        list-style: none;
        width: 100%;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
}

#content .number-box .number .number-item {
        width: 50%;
        height: auto;
        overflow: hidden;
        float: left;
}

#content .number-box .number dt,
#content .number-box .number dd {
        list-style: none;
        display: blick;
}

#content .number-box .number dt,
#content .number-box .number dd {
        display: block;
        width: 50%;
        height: auto;
        float: left;
        font-size: 2.6rem;
        font-weight: bold;
        text-align: center;
        line-height: 3.2rem;
}

#content .number-box .number dd {
        font-size: 3.2rem;
        color: #ff4e00;
        border-right: solid 1px #333333;
}

#content .number-box .number-item-last dd {
        border-right: none;
}
#content .number-item-last {
        padding-left: 1em;
}
#content .number-box .number-item-last2 dd {
        border-left: none;
}

#content .number {
        display: flex;
        justify-content: space-around;
        align-items: center;
}

.emergency-box {
        max-width: calc(1200px + 6%);
        padding: 0 3%;
        margin: 2rem auto;
}

.emergency {
        padding: 2rem;
        text-align: center;
        font-size: 1.7rem;
        border: 1px solid var(--main-color);
        background-color: rgba(230, 0, 27, 0.1);
}



/* ---------- 物件検索new ---------- */
.tintai-search-box {
        width: 100%;
        margin: 0 auto 6rem;
        padding: 2.5rem 0 3rem;
        background-color: var(--back-color);
}
.search-box-,
.search-,
.search-- {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
}
.tintai-search-box img {
        height: 10vw;
        max-height: 65px;
        min-height: 40px;
}
.search-box- li,
.search- li,
.search-- li {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        list-style: none;
        width: calc(100%/2 - 2rem);
        margin: 1rem;
        background-color: #fff;
        font-size: 14px;
        text-align: center;        
}
.tintai-search-box li {
        box-shadow: 0px 5px 10px #a596514d;
        /* transition-duration: 0.2s; */
}
.tintai-search-box li:hover {
        box-shadow: 0px 8px 10px #a596514d;
        /* transform: translateY(-3px); */
        background-color: #ffee55;
}
.search-- li {
        width: calc(100%/3 - 2rem);
        height: 36vw;
        max-height: 140px;
        background-color: #fff;
}
.search-- li a {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        font-weight: bold;
}
.search-- li a p {
        margin-top: 0.5rem;
}
.tintai-search-box li span {
        font-size: 12px;
}
.tintai-search-box a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-decoration: none;
        font-size: 16px;
        margin: 2rem;
}
.tintai-search-box a div {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 1.5rem;
        margin-bottom: 0.5rem;
}
.tintai-search-box a div div {
        display: flex;
        flex-direction: column;
}
.tintai-search-box a {
        font-size: 14px;
        margin-left: 1.5rem;
}
.tintai-search-box a span {
        font-size: 21px;
        font-weight: bold;
}

/* ---------- 新型コロナウイルス感染拡大防止に伴う対応について ---------- */

#content .against_covid19 {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
}

#content .against_covid19 a {
        display: block;
        width: 66%;
        height: auto;
        margin: 0 auto;
        padding: 8rem 0 4rem 0;
        position: relative;
        background-image: url("images/heyakarichan.png");
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left top;
        text-decoration: none;
}

#content .against_covid19 a:hover {
        background-image: url("images/heyakarichan_on.png");
}

#content .against_covid19 .against_covid19_button {
        display: block;
        width: auto;
        width: max-content;
        height: auto;
        text-decoration: none;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
        background-color: var(--main-color);
        font-size: 1.8rem;
        line-height: 4rem;
        padding: 0 3rem;
        border-radius: 2rem;
}

#content .against_covid19 .against_covid19_button i {
        margin-left: 1rem;
}

.web-contact {
        width: 100%;
        max-width: 1200px;
        margin: 3rem auto;
}

.web-contact a {
        display: inline-block;
}

.web-contact img {
        width: 100%;
}

/* ---------- お気軽にお問い合わせください ---------- */

#content .tel-box {
        width: 100%;
        height: auto;
        margin: 0 auto 2rem;
        overflow: hidden;
        padding: 0 0 2rem;
        background-image: radial-gradient(rgba(240, 196, 4, 0.13), rgba(230, 0, 28, 0));
        background-size: 3px 3px;
}
#content .tel_container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
}

#content .tel-box .tel-title {
        margin-top: 0;
}

#content .tel-box .tel-number dl,
#content .tel-box .tel-number dt,
#content .tel-box .tel-number dd {
        list-style: none;
}

#content .tel-box .tel-number {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: -3rem;
}

#content .tel-box .tel-number dl {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hiden;
}

#content .tel-box .tel-number .tel-item {
        width: calc(100%/3);
        height: auto;
        overflow: hidden;
        float: left;
}

#content .tel-box .tel-number dt {
        display: block;
        width: 100%;
        height: auto;
        font-size: 2rem;
        font-weight: bold;
        color: var(--main-color);
        text-align: center;
}

#content .tel-box .tel-number dd {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 3.6rem;
        font-weight: bold;
        color: #333;
        border-bottom: solid 1px #333;
        padding: 1rem 0;
        margin-bottom: 2rem;
}

#content .tel-box .tel-number dd i {
        margin-right: 0.7rem;
        transform: rotate(-30deg);
}

#content .tel-box .contact-button {
        display: none;
}

/* -- Top NAVI -- */
#city-navi {
        width: 100%;
        height: auto;
        overflow: hidden;
}

#city-navi ul,
#city-navi li {
        list-style: none;
}

#city-navi ul {
        margin-top: 4rem;
}

#city-navi li {
        display: block;
        width: 282px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-right: 24px;
}
#city-navi h3 {
        text-align: center;
}

#city-navi li.last {
        margin-right: 0;
}

#city-navi li a {
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 141px;
        background-size: cover;
        background-repeat: no-repeat;
}

#city-navi .top-navi01 a {
        background-image: url("images/chintai.png");
        border: solid 1px var(--main-color);
}

#city-navi .top-navi02 a {
        background-image: url("images/sumitas.png");
        border: solid 1px #008ccf;
}

#city-navi .top-navi03 a {
        background-image: url("images/tenant.png");
        border: solid 1px #0085d0;
}

#city-navi .top-navi04 a {
        background-image: url("images/monthly.png");
        border: solid 1px #f39700;
}

.top_list_box{
        width: 100%;
        margin: 5rem auto 0;
}
.top_list_boxsp {
        width: 100%;
        margin: 0 auto;
        margin-top: -4rem;
}
.top_list{
        width: 97%;
        max-width: 1200px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
}
.top-list-images {
        width: 100%;
        margin: 0 auto;
}
.top-list-images- {
        width: 100%;
        padding-left: 0.8%;
        margin: 0 auto;
}
.top-list-image {
        width: 100%;
}

.top_listsp {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.top-list-imagem {
        width: 100%;
}


/* ---------- content エリア ---------- */
#content {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
}

/* ---------- content タイトル ---------- */
#content .content-title {
        text-align: center;
        color: #333;
        padding: 4rem 0;
}
#tintai #content .content-title {
        text-align: center;
        color: #333;
        padding: 4rem 0 0;
}

#content .content-title h2 {
        font-size: 2.4rem;
        width: 100%;
        height: auto;
        padding: 0 1rem 0;
}

.content-titleh2-2 {
        text-align: center;
}

#content .content-title p {
        width: 94%;
        margin: 0 auto;
}

/* ---------- 物件検索 ---------- */

#content .search-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
}

#content .search {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 2rem auto 0;
}

#content .search ul,
#content .search li {
        list-style: none;
}

#content .search_ul {
        display: flex;
        justify-content: center;
        width: 80%;
        max-width: 800px;
        margin: 0 auto;
}

#content .search li span {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
}

#content .search li a {
        display: block;
        width: calc(100%/3 - 1rem);
        font-weight: bold;
        text-decoration: none;
}

#home #content .search-youtube-wrap {
        display: flex;
        justify-content: space-between;
        max-width: calc(1200px + 6%);
        padding: 0 3% 2.4rem;
        margin: 0 auto;
}

#home .youtube_box {
        width: 100%;
        /* background-color: var(--back-color); */
        /* padding: 4rem 0; */
}

#home #content .search-box {
        width: 25%;
        margin: 0;
}

#home #content .search-box .search {
        margin-top: 0;
}

#home #content .youtube-box {
        width: 70%;
        position: relative;
}

#home #content .search li {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
}

#home #content .search li:last-child {
        margin-bottom: 0;
}

#home #content .search li a {
        width: 100%;
        margin-bottom: 0;
        padding: 3rem 2.5rem;
        padding-left: 28%;
        background-size: 13% auto;
        background-position: left 2rem center;
        background-repeat: no-repeat;
        font-size: 2.4rem;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        background-color: var(--main-color);
}

#home .youtube-box .gallery-box .cm-box {
        width: 46%;
        height: auto;
        margin: 2%;
        float: left;
}

#home .youtube-box .cm-box .movie-box {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
}

#home .youtube-box .cm-box .movie-box iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
}

#home .youtube-box .cm-box .text-box {
        width: 100%;
        height: auto;
        margin: 1rem auto 0;
        text-align: center;
}

#home .youtube-link {
        max-width: calc(1200px + 6%);
        padding-left: 3%;
        padding-right: 3%;
        margin: 4rem auto 0;
}

.youtube-link-banner {
        display: block;
        box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
}

#home .youtube-link:hover {
        transform: translateY(-8px);
        transition: .3s;
}

#home .youtube-text {
        margin-top: 1rem;
        text-align: center;
}

#home .youtube-link-img {
        width: 100%;
        vertical-align: top;
}

#home .hitorigurasisummer {
        width: 100%;
        font-size: 3rem;
        text-align: center;
        margin: 0 auto;
        padding: 6rem 0 2rem;
}
#home .hitorigurasisummer p {
        width: 100%;
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
}
#home .hitorigurasisummer-link-img img {
        width: 100%;
        max-width: 1200px;
        padding-top: 2rem;
        margin: 0 auto;
}

@media (max-width: 1920px) and (min-width: 769px) {
        .swiper-slide {
                padding-left: 0.8%;
        }
}

@media screen and (max-width:768px) {
        #home #content .search-youtube-wrap {
                display: block;
                margin-top: -3rem;
        }

        #home #content .search-box,
        #home #content .youtube-box {
                width: 100%;
        }

        #home #content .search ul {
                display: none;
        }

        #content .search_ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
        }

        #tintai .search_ul {
                display: flex;
                justify-content: space-between;
                width: 90%;
        }

        #home #content .search li {
                width: 48%;
                margin-right: 0;
        }

        #home #content .youtube-box {
                margin: 2rem auto 0;
        }

}

#home .youtube-box .cm-box .text-box i {
        margin-right: 1rem;
}

#home .youtube-box .cm-box .text-box .text-left {
        text-align: left;
}

#content .search li a:hover {
        opacity: 0.6;
}

#content .search li {
        margin-right: 24px;
}

#content .search li.last {
        margin-right: 0;
}

/* ---------- 新築物件特集 ---------- */
.online_method .new-home-list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 2rem auto;
        background-image: radial-gradient(rgba(230, 0, 28, 0.1), rgba(230, 0, 28, 0));
        background-size: 3px 3px;
        padding: 4rem 0;
}

.new-home-flex {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1200px;
        margin: 0 auto;
}

.new-home-item {
        width: 48%;
        list-style-type: none;
}

.new-home-item img {
        width: 100%;
}

.tintai-new-home-list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 2rem auto;
        padding: 4rem 0;

}

/* ---------- 来店せずにお部屋を探す ---------- */

.online_method {
        width: 100%;
        height: auto;
}

.online_method .method-list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 2rem auto;
        background-image: radial-gradient(rgba(230, 0, 28, 0.1), rgba(230, 0, 28, 0));
        background-size: 3px 3px;
        padding: 4rem 0;
}

.online_method .method-list ul,
.online_method .method-list li {
        list-style: none;
}

.online_method .method-list li {
        display: block;
        width: 50%;
}

.online_method .method-list li.method_02,
.online_method .method-list li.method_03 {
        margin-left: 2%;
}

.online_method .method-list li a {
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 66%;
        background-repeat: no-repeat;
        background-size: 100% auto;
}

.online_method .method-list .method_01 {
        width: 94%;
        margin: 0 auto;
}

.online_method .method-list ul {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 94%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 1rem;
}

#tintai .online_method .method-list li.method_02,
#tintai .online_method .method-list li.method_03 {
        margin: 0;
}
#tintai .online_method .method-list li.method_03 {
        margin-left: 2rem;}

#tintai .online_method .method-list li a {
        display: block;
        width: 100%;
        height: auto;
        padding: 3rem 0 3.8rem;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        list-style: none;
}
#tintai .online_method .method-list li h3 {
        font-size: 3.2rem;
        padding-bottom: 2rem;
}
#tintai .online_method .method-list li span {
        width: 80%;
        font-size: 1.6rem;
        margin: 0 auto;
        text-align: left;
        padding-bottom: 1rem;
}
#tintai .online_method .method-list li .tyuui_p {
        font-size: 1.2rem;
        width: 80%;
        margin: 0 auto;
        text-align: left;
}
#tintai .online_method .method-list li.method_02 a {
        position: relative;
        width: 100%;
        background-color: #12c512;
}
#tintai .online_method .method-list li.method_02 a::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        border-top: 3rem solid transparent;
        border-right: 3rem solid #0e910e;
}
#tintai .online_method .method-list li.method_03 a {
        width: 100%;
        background-color: #01B9EF;
}
#tintai .online_method .method-list li.method_03 a::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        border-top: 3rem solid transparent;
        border-right: 3rem solid #088ac7;
}

.method_01 a {
        display: block;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        height: 0;
        padding-top: 120px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        overflow: hidden;
}
.method_01 span{
        display: block;
        text-align: center;
}
.online_method .method-list .method_01 a {
        background-image: url("images/web_contact.png");
}

/* .online_method .method-list li.method_02 a {
        background-image: url("images/top_slide_line.png");
}

.online_method .method-list li.method_03 a {
        background-image: url("images/top_slide_vr.png");
} */

#content .online_method li span {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 0.5rem;
}

/* ---------- 実施中のキャンペーン ---------- */
#home .campaign-box {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
}

#home .campaign-yoyaku a {
        display: block;
        width: 100%;
        max-width: 1200px;
        height: 0;
        padding-top: 300px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url(images/yoyaku_campain.png);
        background-size: 100% auto;
}

#home .campaign-yoyaku02 {
        display: block;
        width: 100%;
        max-width: 1200px;
        height: 0;
        margin-top: 3rem;
        padding-top: 300px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url(images/newyear.png);
        background-size: 100% auto;
}

.campaign-list {
        width: 100%;
        height: auto;
        margin: 4rem auto;
}

.campaign-list ul,
.campaign-list li {
        list-style: none;
}

.campaign-list ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

.campaign-list li {
        display: block;
        width: 100%;
        height: auto;
        float: left;
}

.campaign-list li.campaign_04 {
        margin-right: 0;
}

.campaign-list li img {
        width: 100%;
        height: auto;
}

/* ---------- ニューストピックスとお知らせ ----------*/
#content .newstab_item {
        width: calc(100% / 4);
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        display: block;
        float: left;
        text-align: center;
        transition: all 0.2s ease;
        padding: 1.5rem;
        border-radius: 10px 10px 0 0;
        background-size: 5px 5px;
}

/* #content .newstabs {
        padding-top: 4rem;
} */

#content .newstabs input:checked+.newstab_item {
        color: var(--main-color);
        background-color: #fff;
        border-bottom: solid 3px var(--main-color);
        background-image: none;
}

#content input[name="newstab_item"] {
        display: none;
}

#content .newstab_content {
        display: none;
        padding: 1.5rem;
        clear: both;
        overflow: hidden;
        border-top: 1px solid #aaa;
}

#content .newscontent-title {
        width: 100%;
        height: auto;
        text-align: center;
        color: #333;
}

#content .newstopics-box {
        width: 94%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 2rem;
}

#content .newstopics-list {
        width: 100%;
        margin: 0 auto;
}

#content .newstopicscontent {
        display: flex;
        justify-content: center;
        width: 94%;
        max-width: 1200px;
        padding: 2rem 0 4rem 0;
        margin: 0 auto;
}

#content .newstopics-list a {
        text-decoration: none;
}

#content .newsarticlearticle {
        width: calc(100%/4);
        padding: 2rem;
        margin: 0 auto;
}

#content .staffdetail-box .image-box {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
}

#content .newsarticlearticle img {
        display: block;
        width: 27vw;
        height: 17vw;
        max-height: 21rem;
        object-fit: cover;
        overflow: hidden;
        margin: 0 auto;
}

#content .staffdetail-box .date {
        width: 100%;
        max-width: 11rem;
        font-size: 16px;
        font-weight: bold;
        padding: 0.3rem 1rem 0.5rem;
        color: #ffffff;
        background-color: var(--main-color);
}

#content .staffdetail-box h3 {
        font-size: 16px;
        padding-top: 1rem;
}

/* ---------- Topics - お知らせ ---------- */

#content .topics-box {
        width: 94%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#content .topics-box dl,
#content .topics-box dt,
#content .topics-box dd {
        list-style: none;
}

#content .topics-box .topics-list {
        margin-top: -2rem;
}

#content .topics-box .article {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 1rem 0;
        margin: 1rem auto;
        border-bottom: dotted 1px #666;
}

#content .topics-box .article:last-child {
        border: none;
        margin-bottom: 1rem;
}

#content .topics-box .article dt {
        display: block;
        width: 20%;
        height: auto;
        padding: 0.5rem;
        background-color: var(--gray-color);
        color: #ffffff;
        text-align: center;
        float: left;
}

#content .topics-box .article dd {
        display: block;
        width: 80%;
        height: auto;
        padding-left: 3rem;
        float: left;
}

#content .topics-box .article dd .blog-title {
        width: 100%;
        height: auto;
        padding-bottom: 0.5rem;
        color: var(--main-color);
}
#content .topics-box .article dd .blog-title2 {
        color: #333;
}

#content .topics-box .article dd .blog-detail span {
        color: #020202;
        margin-left: 1rem;
}

#content .topics-box .article dd a {
        text-decoration: none;
}

.topics-btn {
        width: max-content;
        margin: 0 0 0 auto;
        border-radius: 10px;
        background-color: var(--main-color);
        color: #ffffff;
}

.topics-btn a {
        display: inline-block;
        padding: 1rem 3rem;
        color: #ffffff;
        text-decoration: none;
}

/* ---------- おすすめタイトル ---------- */

#content .osusume .osusume-title {
        background-color: #ffffff;
        padding: 4rem 0;
        margin-top: 0;
}

/* ---------- おすすめ新着物件 ---------- */

#content .new {
        width: 100%;
        background-image: radial-gradient(rgba(255, 255, 255, 0.1), rgb(255, 248, 225));
        background-size: 3px 3px;
        padding-bottom: 3rem;
        margin-bottom: 0;
}

#content .new-list {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 3rem;
}

#content .new-list .article a {
        text-decoration: none;
}

#content .new-list .article {
        width: 94%;
        background-color: #ffffff;
        margin: 0 auto;
        margin-bottom: 2rem;
}

#content .new-list .article .date {
        width: 33.3%;
        height: auto;
        font-size: 1.6rem;
        padding: 0.5rem;
        text-align: center;
        margin-bottom: 1rem;
        color: #ffffff;
        background-color: var(--main-color);
}

#content .article .detail-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 1rem;
}

#content .article .image-box {
        width: 100px;
        height: 100px;
        float: left;
}

#content .article .image-box img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

#content .article .detail-text {
        height: auto;
        overflow: hidden;
        padding: 0 1rem 4rem;
        position: relative;
}

#content .article .detail-text span {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: auto;
        text-align: right;
        color: var(--main-color);
}

#content .article .detail-text h3 {
        font-size: 1.8rem;
        color: var(--main-color);
        margin-bottom: 1rem;
        font-weight: normal;
}

/* ---------- おすすめスライダー ---------- */

#content .osusume {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 20px;
}

#content .concept {
        margin-bottom: 0;
}

#content .osusume-slide {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 4rem;
        margin-left: auto;
        margin-right: auto;
}

#slider2 .osusume-list,
#slider3 .osusume-list,
#slider4 .osusume-list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 20px;
}

.osusume-slide .sp-arrow {
        width: 40px !important;
        height: 460px !important;
        top: 0 !important;
}

.osusume-slide .sp-next-arrow::after,
.osusume-slide .sp-previous-arrow::after {
        display: none !important;
}

.osusume-slide .sp-next-arrow,
.osusume-slide .sp-previous-arrow {
        transform: none !important;
}

.osusume-slide .sp-horizontal .sp-arrows {
        width: 100% !important;
        height: auto;
        top: 0 !important;
        margin-top: 0 !important;
}

.osusume-slide .sp-fade-arrows {
        opacity: 1.0 !important;
}

.osusume-slide .sp-fade-arrows:hover {
        opacity: 1.0 !important;
}

.osusume-slide .sp-horizontal .sp-previous-arrow {
        left: 0 !important;
        top: 0 !important;
}

.osusume-slide .sp-horizontal .sp-next-arrow {
        right: 0 !important;
        top: 0 !important;
}

.osusume-slide .sp-arrow::before {
        left: 0 !important;
}

.osusume-slide .sp-previous-arrow::before,
.osusume-slide .sp-next-arrow::before {
        background-color: rgba(255, 0, 31, 0) !important;
}

/*前矢印のアイコンフォント*/
.osusume-slide .sp-previous-arrow::before {
        font-family: "Font Awesome 5 Free" !important;
        content: '\f137' !important;
        font-weight: 900 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        text-align: center !important;
        width: 40px !important;
        height: auto !important;
        top: 50% !important;
        color: rgba(116, 113, 113, 0.39) !important;
        font-size: 3rem;
}

/*後矢印のアイコンフォント*/
.osusume-slide .sp-next-arrow::before {
        font-family: "Font Awesome 5 Free" !important;
        content: '\f138' !important;
        font-weight: 900 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        text-align: center !important;
        width: 40px !important;
        height: auto !important;
        top: 50% !important;
        color: rgba(0, 0, 0, 0.1) !important;
        font-size: 3rem;
}

.osusume-slide .osusume-item {
        width: 100%;
        height: 420px;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 4rem;
        position: relative;
        background-color: #ffffff;
}

.osusume-slide .osusume-item a {
        text-decoration: none;
}

.osusume-slide .osusume-item .os-image {
        width: 80%;
        height: 200px;
        text-align: center;
        margin: 0 auto;
}

.osusume-slide .osusume-item .os-image img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        object-fit: cover;
}

.osusume-slide .osusume-item .os-comment {
        width: 100%;
        height: auto;
        font-size: 1.4rem;
}

.osusume-slide .osusume-item .os-detail {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 1rem 4rem;
}

.osusume-slide .osusume-item .os-detail .detail-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0.5rem 0;
}

.osusume-slide .osusume-item .os-detail .detail-title {
        display: block;
        width: 35%;
        height: 3rem;
        line-height: 3rem;
        float: left;
}

.osusume-slide .osusume-item .os-detail .detail-text {
        display: flex;
        align-items: baseline;
        width: 100%;
        height: auto;
        min-height: 3rem;
        line-height: 3rem;
        float: left;
}

.osusume-slide .osusume-item .os-detail .detail-box-3 .detail-text {
        display: inline-block;
        position: absolute;
        bottom: 1em;
        right: 1.5em;
        font-size: 2.4rem;
        font-weight: bold;
        color: #e5001b;
        text-align: right;
}
.detail-box-4 {
        font-size: 2.4rem;
        font-weight: bold;
}

.osusume-slide .osusume-item .os-new {
        height: 40px;
        line-height: 43px;
        margin: 0 1em;
}

.osusume-slide .osusume-item .os-new img {
        width: 50px;
        height: auto;
}

.new-build .osusume-slide {
        background-image: radial-gradient(rgba(255, 152, 0, 0.2), rgba(255, 152, 0, 0));
        background-size: 3px 3px;
}

/* .new-build .osusume-slide .osusume-item .os-comment, */
.new-build .osusume-slide .osusume-item .detail-box-3 .detail-text {
        color: rgba(255, 152, 0, 1);
}

.single .osusume-slide {
        background-image: radial-gradient(rgba(230, 0, 28, 0.1), rgba(230, 0, 28, 0));
        background-size: 3px 3px;
}

.family .osusume-slide {
        background-image: radial-gradient(rgba(255, 152, 0, 0.2), rgba(255, 152, 0, 0));
        background-size: 3px 3px;
}

/* .family .osusume-slide .osusume-item .os-comment, */
.family .osusume-slide .osusume-item .detail-box-3 .detail-text {
        color: rgba(255, 152, 0, 1);
}

.concept .osusume-slide {
        background-image: radial-gradient(rgba(0, 91, 172, 0.1), rgba(0, 91, 172, 0));
        background-size: 3px 3px;
}

/* .concept .osusume-slide .osusume-item .os-comment, */
.concept .osusume-slide .osusume-item .detail-box-3 .detail-text {
        color: rgba(0, 91, 172, 1);
}

.model .osusume-slide {
        background-image: radial-gradient(rgba(17, 167, 59, 0.1), rgba(17, 167, 59, 0));
        background-size: 3px 3px;
}

/* .model .osusume-slide .osusume-item .os-comment, */
.model .osusume-slide .osusume-item .detail-box-3 .detail-text {
        color: rgba(17, 167, 59, 1);
}

/* ---------- 大学学校別お部屋探し ---------- */
#tintai #content .daigaku {
        width: 100%;
        margin: 6rem auto;
}

#content .daigaku {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#content .daigaku_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto 2rem;
        background-image: radial-gradient(rgba(255, 108, 27, 0.1), rgba(230, 0, 28, 0));
        background-size: 3px 3px;
        padding: 4rem 0;
}

#content .daigaku_list ul {
        display: flex;
        justify-content: space-around;
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#content .daigaku_list ul,
#content .daigaku_list li,
#content .daigaku_list li a {
        list-style: none;
        text-decoration: none;
}

#content .daigaku_list li {
        width: calc(100%/4 - 4rem);
        margin: 0 auto;
}

#content .daigaku_list li img {
        width: 100%;
        margin: 0 auto;
}

#content .daigaku_list li.last a {
        margin-right: 0;
}

#content .daigaku-special-feature {
        width: 94%;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
}

#content .daigaku-box {
        width: 100%;
        padding-bottom: 2rem;
}

/* ---------- ホームカテゴリー別物件特集 ---------- */

#home #content .accordion_c {
        width: 94%;
        max-width: 1200px;
        padding: 0.5em;
        padding-bottom: 0.5em;
        margin: 0 auto;
        margin-top: 2em;
}

#home #content .accordion_cf {
        margin-top: 8rem;
}

.accordion_c_detail_1 {
        background-color: var(--main-color);
}

#home #content .accordion_c_summary {
        display: block;
        width: 100%;
        font-weight: bold;
        color: #ffffff;
        position: relative;
        list-style: none;
        margin: 0 auto;
        text-align: center;
        padding-top: 10px;
}

#home #content .accordion_c_summary::-webkit-details-marker {
        display: none;
}

#home #content .accordion_c_summary::after {
        content: "▼";
        color: #ffffff;
        font-size: 1em;
        list-style: none;
        position: relative;
        top: 1px;
        transform: translateY(-50%);
}

#home #content .accordion_c[open] .accordion_c_summary::after {
        content: "▲";
        color: #ffffff;
}

#home #content .accordion_c_detail {
        padding: 4px 10px;
}

#home #content summary {
        height: auto;
        border: 0;
        border-left: 0;
        box-sizing: border-box;
}

#home #content .top-city-navi-text {
        text-align: justify;
}

#home #content .category {
        margin: 0 auto;
        /* background-image: radial-gradient(rgba(230, 0, 28, 0.1), rgba(230, 0, 28, 0)); */
        background-size: 3px 3px;
        padding-bottom: 2rem;

}

#home #content .category .category-item {
        max-width: calc(1200px + 6%);
        padding: 0 3%;
        margin: 0 auto;
        margin-top: 2rem;
}

#home #content .category .category-item ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
}

#home #content .category .category-item ul,
#home #content .category .category-item li {
        list-style: none;
}

#home #content .category .category-item li {
        width: 32%;
        padding: 1rem;
        margin-bottom: 1rem;
        background-color: #ffffff;
}

#home #content .category .category-item li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        text-decoration: none;
}

#home #content .category .category-item li.last {
        margin-right: 0;
}

#home #content .category .category-item li a span {
        display: inline-block;
        vertical-align: middle;
        width: 90%;
}

#home #content .category .category-item li a i.fa-home {
        display: inline-block;
        vertical-align: middle;
        width: 10%;
        color: #eb5919;
        font-size: 2rem;
        margin-right: 4%
}

#home #content .category .category-item li a i.fa-chevron-right {
        display: inline-block;
        vertical-align: middle;
        width: 10%;
        color: #eb5919;
        font-size: 2rem;
        text-align: right;
}

#home #content .category-text {
        padding: 0.5em 0;
        font-size: 16px;
}

/* ---------- 合格前予約ページ ---------- */
.goukakumae {
        width: 100%;
        max-width: 1200px;
        padding-top: 4rem;
}

/* ---------- 賃貸物件特集ページ ---------- */
.city-zero-img,
.chukai-zero-img {
        border: solid 1px #e5001b;
}

.aeon-img,
.kitajima-img {
        border: solid 1px #9a2d6a;
}

.ninkikouku-img {
        border: solid 1px #81c8ed;
}

#content .special-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 2rem 0;    
}
#content .special-container {
        width: 100%;
        margin: 0 auto;
        padding: 4rem 0;
        background-color: var(--back-color);
}

#content .special-box .special {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 2rem;
}

#content .special-box .special ul,
#content .special-box .special li {
        list-style: none;
}

#content .special-box .special li {
        display: block;
        width: 282px;
        height: auto;
        float: left;
        margin-right: 24px;
}

#content .special-box .special li.last {
        margin-right: 0;
}

#content .special-box .special li a img {
        width: 100%;
        height: auto;
}

#content .special-box .special li.city_de_zero img {
        border: solid 1px var(--main-color);
}

#content .special-box .special li.kitajima img {
        border: solid 1px #9a2d6a;
}


/* ---------- オリジナルコンテンツ ---------- */

#content .original {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#content .original_list {
        width: 94%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#content .original_list ul,
#content .original_list li {
        list-style: none;
}

#content .list-panel-item {
        background-color: #ffffff;
}

.list-panel {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 94%;
        margin: 0 auto;
}

.list-panel-item {
        display: flex;
        align-items: center;
        width: 18.5%;
        margin-bottom: 2rem;
        border: solid 1px #aaa;
}

.list-panel-item.is-empty {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        border: none;
}

#content .original_list li a {
        text-decoration: none;
}

/* 
#content .original_list li a {
        display: block;
        width: 224px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-right: 20px;
        border: solid 1px #aaa;
        text-decoration: none;
        margin-bottom: 2rem;
} */

#content .original_list li.last a {
        margin-right: 0;
}

#content .original_list li .image-box {
        width: 100%;
        height: 16vw;
        max-height: 224px;
}

#content .original_list li .image-box img {
        width: 100%;
        height: auto;
        object-fit: cover;
}

#content .original_list li .text-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 60px;
        padding: 1rem;
        text-align: center;
}

/* ---------- お部屋探しお役立ち情報 ---------- */
#content .useful-info-box {
        width: 100%;
        height: auto;
        margin: 0 auto;       
        background-size: 3px 3px;
        background-color: #ffffff00;
}

#content .useful-info-box .useful-info {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
}

#content .useful-info-box .useful-info ul,
#content .useful-info-box .useful-info li,
#content .ancillary_products_box .useful-info li {
        list-style: none;
}

#content .useful-info-box .useful-info-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 94%;
        margin: 0 auto;
}


#content .useful-info-box .useful-info li {
        display: block;
        width: 33%;
        height: auto;
        padding: 0.6rem;
}

#content .useful-info-box .useful-info li.last {
        margin-right: 0;
}

#content .useful-info-box .useful-info li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 120px;
        text-decoration: none;
        padding: 1rem;
        padding-left: 140px;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 120px auto;
        background-color: #ffffff;
}

/* ---------- 付帯商品 ---------- */
.ancillary_products_box {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        background-size: 3px 3px;
        /* background-image: radial-gradient(rgba(230, 0, 28, 0.1), rgba(230, 0, 28, 0)); */
}
#content .ancillary_products_box .useful-info-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 94%;
        margin: 0 auto;
}
#content .ancillary_products_box .useful-info li {
        display: block;
        width: 32%;
        height: auto;
        padding: 1rem;
        background-color: #ffffff;
        margin-bottom: 2rem;
        border: solid 1px #dddddd;
}
#content .ancillary_products_box .useful-info li.last {
        margin-right: 0;
}
#content .ancillary_products_box .useful-info li a,
#content .ancillary_products_box .useful-info li div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 120px;
        text-decoration: none;
        padding: 1rem;
        padding-left: 140px;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 120px auto;
}

/* ---------- グループサイト ---------- */

#content .group {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding-top: 2rem;
}
#content .group_box {
        width: 100%;
        margin: 0 auto;
        background-color: var(--back2-color);
}

#content .group_list {
        width: 94%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 3.5rem 0;
}

#content .group_list ul,
#content .group_list li {
        list-style: none;
}
#content .group_list ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
        margin: 0 auto;
}
#content .group_list li {
        width: 100%;
        height: 145px;
        padding: 0.5em;
        margin: 0 auto;
}

#content .group_list li a {
        /*display: flex;
flex-direction: column;
justify-content: center; */
        width: 100%;
        height: 130px;
        overflow: hidden;
        float: left;
        text-decoration: none;
        text-align: center;
        font-size: 1.7rem;
        background-repeat: no-repeat;
        background-position: center 10px;
        padding-top: 98px;
        color: #ffffff;
        font-weight: bold;
        background-color: #aaa;
}

#content .group_list li.last a {
        margin-right: 0;
}

#content .group_list li.cityh a {
        background-color: #0068B7;
        background-size: 80px auto;
}

#content .group_list li.monthly a {
        background-color: #ffa105;
        background-size: 80px auto;
}

#content .group_list li.tenant a {
        background-color: #00beff;
        background-size: auto 80px;
}

/*
#content .group_list li.baibai a {
        background-color: #008ccf;
        background-size: auto 90px;
}*/
#content .group_list li.baibai a {
        background-color: #008ccf;
        background-size: auto 94px;
}

#content .group_list li.asset a {
        background-color: #181D62;
        background-size: auto 80px;
}

#content .group_list li.souzoku a {
        background-color: #27a6b2;
        background-size: auto 80px;
}

#content .group_list li.cralier a {
        background-color: #812600;
        background-size: auto 80px;
}

#content .group_list li.akiya a {
        background-color: #812600;
        background-size: auto 80px;
}

#content .group_list li.souzoku-c a {
        background-color: #54BC00;
        background-size: auto 80px;
}

#content .group_list li.energy a {
        background-color: #0064ff;
        background-size: auto 80px;
}

#content .group_list li.click a {
        background-color: #ea5504;
        background-size: auto 80px;
}

/* ---------- シティ・ハウジングのスタッフブログ ----------*/

#content .staffblog-btn-box {
        width: 94%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1rem 4rem;
}

#content .staffblog-btn {
        width: max-content;
        margin: 0 0 0 auto;
        border-radius: 10px;
        background-color: var(--main-color);
        color: #ffffff;
}

#content .staffblog-btn a {
        display: inline-block;
        padding: 1rem 3rem;
        color: #ffffff;
        text-decoration: none;
}

#content .city-staffblog {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 2rem;
        padding-top: 4rem;
}
#content .city-staffblog {
        width: 100%;
        height: auto;
        margin-top: 1rem;
}
#content .staffblogtop {
        width: 100%;
        margin: 0 auto;
        background-color: var(--back-color);
}
#content .staffblogcontent {
        display: flex;
        justify-content: center;
        width: 94%;
        max-width: 1200px;
        padding: 4rem 0 2rem;
        margin: 0 auto;
}
#content .staffblogcontent a {
        text-decoration: none;
}
#content .articlearticle {
        width: calc(100%/3 - 2rem);
        background-color: #ffffff;
        padding: 2rem;
        margin: 0 auto;
        border: solid 2px #ffeebf;
}
#content .staffdetail-box .image-box {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
}
#content .articlearticle img {
        display: block;
        width: 27vw;
        height: 25vw;
        max-height: 340px;
        object-fit: cover;
        overflow: hidden;
        margin: 0 auto;
}
#content .staffdetail-box .date {
        width: 100%;
        max-width: 11rem;
        font-size: 16px;
        font-weight: bold;
        padding: 0.3rem 1rem 0.5rem;
        color: #ffffff;
        background-color: var(--main-color);
}
#content .staffdetail-box h3 {
        font-size: 16px;
        padding-top: 1rem;
}


/* ---------- シティ・ハウジングのSNS ---------- max-width:7*/

#content .city-sns {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 2rem;
}

#content .sns-box {
        width: 100%;
        height: auto;
        margin-top: 1rem;
}

.sns-fb-twitter {
        display: flex;
        justify-content: space-between;
}

#content .sns-box .sns-logo {
        width: 100%;
        height: auto;
        margin-bottom: 2rem;
}

#content .sns-box .sns-logo img {
        height: 60px;
        width: auto;
}

#content .sns-box .facebook-box {
        width: 45%;
        height: auto;
        margin-left: 10%;
}

#content .sns-box .twitter-box {
        width: 45%;
        height: auto;        
}

#content .sns-box .instagram-box {
        width: 30%;
        height: auto;
        margin-left: 5%;
}

#content .sns-box .sns_insta {
        width: 73%;
        margin: 0 auto;
        padding-bottom: 5rem;
        /* padding-top: 2em; */
}

#content .sns-box .sns_insta ul.insta_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
}

#content .sns-box .sns_insta ul.insta_list li {
        list-style: none;
        width: calc(73vw / 3 - 1rem);
        height: calc(73vw / 3 - 1rem);
        max-width: 286px;
        max-height: 286px;
        margin-bottom: 0.7rem;
}

#content .sns-box .sns_insta ul.insta_list li a p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
}

#content .sns-box .sns_insta ul.insta_list li a p span {
        font-size: 120%;
}

.insta_list li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}

/* ---------- 徳島のエリアから探す ---------- */

#content .search-area {
        width: 94%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 2rem;
        /* background-image: radial-gradient(rgba(230, 0, 28, 0.1), rgba(230, 0, 28, 0)); */
        background-size: 3px 3px;
}

#content .search-area-body {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 20px;
}

#content .search-area-body ul,
#content .search-area-body li {
        list-style: none;
}

#content .search-area-body ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
}

#content .search-area-body li {
        display: block;
        width: 49%;
        text-decoration: none;
        background-color: #ffffff;
        padding: 1rem;
        border: solid 1px #ffffff;
        margin-bottom: 20px;
}

/* #content .search-area-body li a {
        display: block;
        width: 378px;
        height: auto;
        color: 333;
        text-decoration: none;
        background-color: #ffffff;
        margin-bottom: 20px;
        font-size: 1.6rem;
        padding: 1rem;
        border: solid 1px #ffffff;
} */

#content .search-area-body li a:hover {
        box-sizing: border-box;
        color: var(--main-color);
        background-image: linear-gradient(-45deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
        background-size: 5px 5px;
        border: solid 1px var(--main-color);
}

#content .search-area-body li a i.fa-map-marker-alt {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 10%;
        height: 60px;
        float: left;
        color: var(--main-color);
        font-size: 3rem;
}

#content .search-area-body li a span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 80%;
        height: 60px;
        float: left;
}

#content .search-area-body li a i.fa-chevron-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 10%;
        height: 60px;
        float: left;
        text-align: right;
        color: var(--main-color);
}

/* ---------- 徳島のエリアから探す ---------- */
#content .teikei-box .teikei {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
}

#content .teikei-box .teikei ul,
#content .teikei-box .teikei li {
        list-style: none;
}
#content .teikei-box .teikei ul {
        width: 94%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
}
#content .teikei-box .teikei li {
        width: calc(100%/3 - 1em);
}

/* ---------- 提携サイト ---------- */
#content .teikei-box * {
        box-sizing: border-box;
}

#content .teikei-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0 6rem;
}

#content .teikei-box .teikei ul,
#content .teikei-box .teikei li {
        list-style: none;
}

#content .teikei-box .teikei li {
        display: block;
        width: 378px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-right: 33px;
}

#content .teikei-box .teikei li.last {
        margin-right: 0;
}

#content .teikei-box .teikei li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 120px;
        padding: 1rem;
        padding-top: 1rem;
        text-decoration: none;
        color: #7acb00;
        text-align: center;
}

#content .teikei-box .teikei li.chubb a {
        font-size: 2.4rem;
        font-weight: bold;
        border: solid 1px #7acb00;
}

#content .teikei-box .teikei li.pikara a {
        background-repeat: no-repeat;
        background-position: center 1rem;
        color: #00A2E6;
        border: solid 1px #00A2E6;
        padding-top: 7rem;
        font-size: 1.8rem;
        font-weight: bold;
}

#content .teikei-box .teikei li.housemate a {
        background-repeat: no-repeat;
        background-position: center 1rem;
        color: #d70066;
        border: solid 1px #d70066;
        padding-top: 7rem;
}

/* ---------- 徳島の賃貸お部屋探しはシティ・ハウジング ---------- */
#content .message {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 40px;
}

#content .message-text {
        width: 94%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        margin-bottom: 4rem;
}

/* ---------- シティ・ハウジングの店舗紹介 ---------- */
/*タブ切り替え全体のスタイル*/
.tabs {
        background-color: #fff;
        width: 100%;
        margin: 20px auto;
        padding-bottom: 40px;
}

/*タブのスタイル*/
.tab_item {
        width: calc(100%/4);
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        font-size: 1.6rem;
        font-weight: bold;
        text-align: center;
        display: block;
        float: left;
        text-align: center;
        transition: all 0.2s ease;
        padding: 1.5rem;
        border-radius: 10px 10px 0 0;
        color: var(--main-color);
        background-image: linear-gradient(-45deg, #fff 25%, rgba(255, 136, 0, 0.1) 25%, rgba(255,
                136,
                0, 0.1) 50%, #fff 50%, #fff 75%, rgba(255,
                        136,
                        0, 0.1) 75%, rgba(255,
                                136,
                                0, 0.1));
        background-size: 5px 5px;
}

*::-ms-backdrop,
.tab_item {
        width: 33.33%;
        /* IE11 */
}

.tab_item4 {
        border-right: 1px solid #aaa;
}

.tab_item:hover {
        opacity: 0.6;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
        display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
        display: none;
        padding: 1.5rem;
        clear: both;
        overflow: hidden;
        border: solid 1px #aaaccc;
        border-top: none;
}

/*選択されているタブのコンテンツのみを表示*/
#honten:checked~#honten_content,
#ekimae:checked~#ekimae_content,
#plus:checked~#plus_content,
#tamiya:checked~#tamiya_content,
#osirase:checked~#osirase_content,
#news:checked~#news_content {
        display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked+.tab_item {
        background-color: #fff;
        border-bottom: none;
        background-image: none;
}

.shop-info {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

.shop {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 20px;
}

.shop-box {
        width: 100%;
        height: auto;
        overflow: hidden;
}

.shop-box01 .yoyaku-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 190px;
        height: 5rem;
        float: left;
}

.shop-box01 .yoyaku-box a {
        display: blocl;
        width: 100%;
        height: auyo;
        font-size: 1.6rem;
        font-weight: bold;
        padding: 0.7rem;
        background-color: var(--main-color);
        color: #ffffff;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
}

.shop-box01 .address-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 350px;
        height: auto;
        float: left;
        padding-left: 3rem;
}

#content .shop-box01 .tel-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 250px;
        min-width: 0;
        height: 5rem;
        font-size: 3rem;
        float: left;
        text-align: cente;
        color: var(--main-color);
        margin-top: 0;
        margin-left: 40px;
        background: none;
        padding: 0;
}

#content .shop-box01 .tel-box span {
        font-weight: bold;
}

#content .shop-box01 .tel-box span a {
        color: var(--main-color);
}

#content .shop-box01 .tel-box i {
        margin-right: 0.5em;
}

#content .shop-box01 .link-box a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: max-content;
        height: auto;
        padding: 1rem;
        color: #ffffff;
        font-weight: bold;
        background-color: var(--main-color);
        margin-left: 50px;
        float: left;
        text-decoration: none;
        border-radius: 5px;
}


.shop-box02 {
        margin-top: 20px;
        margin-bottom: 20px;
}

.calendar-box {
        width: 17vw;
        min-width: 185px;
        max-width: 210px;
        height: auto;
        overflow: hidden;
        float: left;
}

.calendar-box p {
        display: block;
        width: 100%;
        height: 30px;
        text-align: center;
        background-color: var(--main-color);
        color: #ffffff;
        line-height: 30px;
        font-weight: bold;
}

.calendar-box table.calendar th {
        text-align: center;
        color: #666666;
}

.calendar-box #calendar,
.calendar-box #calendar_eki,
.calendar-box #calendar_oki,
.calendar-box #calendar_tamiya {
        width: 17vw;
        min-width: 185px;
        max-width: 210px;
        padding: 5px;
        height: auto;
        border: solid 1px #aaaccc;
        border-top: none;
}

.calendar-box table.calendar td {
        border-bottom: solid 1px #aaaCCC;
        text-align: center;
        width: 25px;
        height: 20px;
        vertical-align: middle;
        line-height: normal;
}

.calendar-box table.calendar td.Sun {
        color: #FF0000;
}

.calendar-box table.calendar td.Sat {
        color: #000099;
}

.calendar-box table.calendar td.xday {
        background-color: #ffbbdd;
}

.calendar-box #calendar span {
        font-size: inherit !important;
}

.shop-box02 .map-box {
        width: 69vw;
        max-width: 950px;
        height: 350px;
        overflow: hidden;
        float: right;
}

.shop-box02 .map-box iframe {
        width: 100%;
        height: 100%;
        border: solid 1px #aaaccc;
}

.shop-box-photo {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 20px;
}

.shop-box-photo .photo-box {
        width: 100%;
        height: auto;
        overflow: hidden;
}

.shop-box-photo .photo-box ul,
.shop-box-photo .photo-box li {
        list-style: none;
}

.shop-box-photo .photo-box li {
        display: block;
        width: 33.3%;
        height: auto;
        float: left;
        border-right: solid 2px #ffffff;
}

.shop-box-photo .photo-box li img {
        width: 100%;
        height: auto;
}

/* ---------- フッター ---------- */
#footer {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #333;
        margin-top: 40px;
}

#footer .footer-body {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 40px;
}

#footer .footer-logo {
        width: 100%;
        height: 120px;
        border-bottom: solid 1px #ffffff;
        margin-bottom: 40px;
        position: relative;
}

#footer .footer-logo a.logo {
        display: block;
        width: 45%;
        height: 0;
        overflow: hidden;
        padding-top: 80px;
        background-image: url("images/footer-logo.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin: 20px 0 0;
        float: left;
}

#footer .footer-logo .sns-box {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 55%;
        height: 80px;
        text-align: right;
        margin: 20px 0 0;
        float: left;
}

#footer .footer-logo .sns-box a {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 15px;
}

#footer .footer-logo .sns-box a img {
        width: 100%;
        height: auto;
}

#footer .footer-body .fotter-box {
        width: calc(100%/3);
        height: auto;
        overflow: hidden;
        color: #ffffff;
        float: left;
}

#footer .footer-body .fotter-box ul,
#footer .footer-body .fotter-box li {
        list-style: none;
}

#footer .footer-body .fotter-box li {
        padding: 1rem 0;
}

#footer .footer-body .fotter-box li a {
        position: relative;
        display: block;
        width: 80%;
        height: auto;
        color: #ffffff;
        text-decoration: none;
}

#footer .footer-body .fotter-box li>a::after {
        content: "";
        width: 0px;
        height: 1px;
        background-color: #333;
        position: absolute;
        bottom: -0.5rem;
        left: 0;
        -webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        -moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#footer .footer-body .fotter-box li:hover>a::after {
        background-color: #ffffff;
        width: 100%;
}

#footer .footer-body .group-list ul {
        padding-top: 1rem;
}

#footer .footer-body .sub-list li a {
        margin-left: 3rem;
}

/* ---------- copyright ---------- */
#copyright {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0.6rem 0;
        text-align: center;
        color: #ffffff;
        background-color: #333;
        border-top: solid 1px #ffffff;
}

/* ---------- 徳島賃貸ナビヘッダー ---------- */
#tintai #header .tintai-header-logo {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        position: relative;
        width: 94%;
        max-width: 1200px;
        /* height: 130px; */
        overflow: hidden;
        margin: 0 auto;
        margin-top: 2.5rem;
        padding-bottom: 1.5rem;
}

#tintai #header .tintai-header-logo .logo-box {
        width: 100%;
        max-width: 415px;
        min-width: 240px;
        height: auto;
        overflow: hidden;
        float: left;
}

#tintai #header .tintai-header-logo .logo-box a {
        display: block;
        width: 100%;
        max-width: 415px;
        min-width: 240px;
        height: 0;
        overflow: hidden;
        background-image: url("images/chintai_logo.png");
        background-size: auto 35px;
        background-repeat: no-repeat;
        padding-top: 60px;
        margin-top: 35px;
        background-position: left 2px;
}

#tintai #header h1 {
        font-size: 1.6rem;
        position: absolute;
        top: 1rem;
        left: 0;
        font-weight: normal;
        margin-top: 0;
}

#tintai #header .tintai-header-tel {
        width: 50%;
        height: 100px;
        float: left;
        padding-top: 20px;
}

#tintai #header .tintai-header-tel dt {
        display: block;
        width: 100%;
        height: auto;
        font-size: 1.6rem;
        color: var(--main-color);
        text-align: center;
}

#tintai #header .tintai-header-tel dd {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 4rem;
        font-weight: bold;
        color: #333;
}

#tintai #header .tintai-header-logo .city-logo {
        display: block;
        width: 50%;
        max-width: 437px;
        height: 0;
        overflow: hidden;
        padding-top: 90px;
        margin-top: 1rem;
        background-image: url("images/logo.jpg");
        background-size: 100% auto;
        background-position: right center;
        background-repeat: no-repeat;
        float: left;
}

/* ---------- 徳島賃貸ナビメインメニュー ---------- */
#tintai #tintai-main-menu {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: var(--main-color);
}

#tintai #tintai-main-menu .menu-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        font-size: 1.4rem;
}

#tintai #tintai-main-menu .menu-box ul,
#tintai #tintai-main-menu .menu-box li {
        list-style: none;
}

#tintai #tintai-main-menu .menu-box li a {
        position: relative;
        display: block;
        width: 200px;
        height: auto;
        color: #ffffff;
        text-decoration: none;
        float: left;
        font-weight: bold;
        padding: 1.5rem 0.5rem;
        padding-left: 4.5rem;
        border-left: solid 1px rgba(255, 255, 255, 0.6);
        background-size: auto 2.5rem;
        background-position: 1rem center;
        background-repeat: no-repeat;
}

#tintai #tintai-main-menu .menu-box li.last a {
        border-right: solid 1px rgba(255, 255, 255, 0.6);
}

#tintai #tintai-main-menu .menu-box li a::after {
        content: "";
        width: 0px;
        height: 1px;
        background-color: var(--main-color);
        position: absolute;
        bottom: 0.4rem;
        left: 4px;
        -webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        -moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#tintai #tintai-main-menu .menu-box li:hover a::after {
        background-color: #ffffff;
        width: 96%;
}

#tintai #tintai-main-menu .menu-box li.menu01 a {
        background-image: url("images/sa_condition_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu02 a {
        background-image: url("images/gakusei_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu03 a {
        background-image: url("images/houjin_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu04 a {
        background-image: url("images/owner_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu05 a {
        background-image: url("images/nyukyotyu_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu06 a {
        background-image: url("images/kaisya_gaiyou_w.png");
}

#tintai #top-search {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #aadaff;
        position: relative;
}

#tintai #top-search .top-search-body {
        width: 100%;
        max-width: 1200px;
        height: 840px;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
}

#tintai #top-search .mapbox {
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 840px;
        background-image: url("images/ground.png");
        background-position: right top;
        background-repeat: no-repeat;
        background-size: auto 840px;
}

#tintai #top-search .top-form-box {
        width: 550px;
        height: auto;
        margin-top: 20px;
        float: right;
        /* box-shadow: 5px 5px 10px -5px; */
        border-radius: 0 0 10px 10px;
}

#tintai #top-search .top-form-box h2 {
        width: 100%;
        height: 50px;
        color: var(--main-color);
        font-size: 1.8rem;
        line-height: 50px;
        text-align: center;
        border-radius: 10px 10px 0 0;
        color: #ffffff;
        background-color: var(--main-color);
}

#tintai #top-search .top-search-form {
        width: 100%;
        height: 750px;
        overflow: hidden;
        padding: 1rem 2rem;
        background-color: #ffffff;
        font-size: 1.6rem;
}

#tintai #top-search .form-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 0.5rem;
        border-bottom: dotted 1px #666;
        padding: 0.2rem 0;
}

#tintai #top-search .top-search-form dt {
        font-size: 1.6rem;
        color: var(--main-color);
}

#tintai #top-search .area-box {
        padding: 0;
        border: none;
}

#tintai #top-search .area {
        position: absolute;
        width: auto;
        height: auto;
        background-color: rgba(255, 255, 255, 1.0);
        padding: 0.5rem 0.6rem;
        color: var(--main-color);
        font-size: 1.4rem;
        border: solid 1px var(--main-color);
        border-radius: 5px;
        text-align: center;
}

#tintai #top-search .fukidashi {
        display: none;
        width: 200px;
        position: absolute;
        top: 35px;
        left: 0px;
        padding: 1rem;
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0.9);
        color: #666;
        z-index: 999;
        text-align: left;
}

#tintai #top-search .area .area-button:hover+.fukidashi {
        display: block;
        font-size: 1.6rem;
}

#tintai #top-search .area0 {
        left: 200px;
        top: 380px;
}

#tintai #top-search .area0 .fukidashi {
        width: 480px;
        left: -170px;
        text-align: center;
}

#tintai #top-search .area1 {
        left: 280px;
        top: 430px;
}

#tintai #top-search .area1_hidden {
        display: none;
}

#tintai #top-search .area1 .fukidashi {
        width: 350px;
        left: -110px;
        text-align: center;
}

#tintai #top-search .area2 {
        left: 140px;
        top: 430px;
}

#tintai #top-search .area2_hidden {
        display: none;
}

#tintai #top-search .area2 .fukidashi {
        width: 350px;
        left: -120px;
        text-align: center;
}

#tintai #top-search .area3 {
        left: 210px;
        top: 480px;
}

#tintai #top-search .area3_hidden {
        display: none;
}

#tintai #top-search .area3 .fukidashi {
        width: 420px;
        left: -160px;
        text-align: center;
}

#tintai #top-search .area4 {
        left: 210px;
        top: 290px;
}

#tintai #top-search .area4 .fukidashi {
        width: 200px;
        left: -30px;
        text-align: center;
}

#tintai #top-search .area5 {
        left: 280px;
        top: 100px;
}

#tintai #top-search .area5 .fukidashi {
        text-align: center;
        left: -50px;
}

#tintai #top-search .area6 {
        left: 140px;
        top: 240px;
}

#tintai #top-search .area6 .fukidashi {
        width: 250px;
        left: -40px;
        text-align: center;
}

#tintai #top-search .area7 {
        left: 350px;
        top: 560px;
}

#tintai #top-search .area7 .fukidashi {
        left: -50px;
}

#tintai #top-search .area7 .fukidashi {
        text-align: center;
        top: -50px;
}

#tintai #top-search .area9 {
        left: 0px;
        top: 370px;
}

#tintai #top-search .area9 .fukidashi {
        width: 300px;
        text-align: center;
}

#tintai #top-search .area10 {
        left: 450px;
        top: 620px;
}

#tintai #top-search .area10 .fukidashi {
        top: -50px;
        left: -40px;
        text-align: center;
}

#tintai form-box dt,
#tintai form-box dd {
        list-style: none;
}

#tintai form-box dd {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
}

#tintai #top-search .type {
        width: 20%;
        float: left;
}

#tintai #top-search .rent-box .rent-main {
        width: 100%;
        height: auto;
        overflow: hidden;
}

#tintai #top-search .rent-box .rent {
        width: 40%;
        height: auto;
        float: left;
}

#tintai #top-search .rent-box .kara {
        width: 10%;
        height: auto;
        float: left;
        text-align: center;
}

#tintai #top-search .rent-box select {
        width: 100%;
        height: auto;
        padding: 0.5rem 0;
        font-size: 1.4rem;
        color: #666;
}

#tintai #top-search .rent-sub {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 0.5rem;
}

#tintai #top-search .rent-sub .rent-check01 {
        width: 50%;
        height: auto;
        float: left;
}

#tintai #top-search .rent-sub .rent-check02,
#tintai #top-search .rent-sub .rent-check03 {
        width: 25%;
        height: auto;
        float: left;
}

#tintai #top-search .room {
        width: 25%;
        float: left;
}

#tintai #top-search .structure {
        width: auto;
        float: left;
        margin-right: 8rem;
}

#tintai #top-search .structure3,
#tintai #top-search .structure4 {
        display: none;
}

#tintai #top-search .years {
        width: 20%;
        float: left;
}

#tintai #top-search .dimensions-box .dimensions {
        width: 40%;
        height: auto;
        float: left;
}

#tintai #top-search .dimensions-box .kara {
        width: 10%;
        height: auto;
        float: left;
        text-align: center;
}

#tintai #top-search .dimensions-box select {
        width: 100%;
        height: auto;
        padding: 0.5rem 0;
        font-size: 1.4rem;
        color: #666;
}

#tintai #top-search .heqs {
        width: 25%;
        float: left;
}

#tintai #top-search .p-heqs {
        width: 33.3%;
        float: left;
}

#tintai #top-search .p-heqs-hidden {
        display: none;
}

#tintai #top-search .submit_button input[type="submit"] {
        display: block;
        width: max-content;
        height: auto;
        padding: 1rem 0.5rem;
        margin: 1rem auto;
        background-color: var(--main-color);
        color: #ffffff;
        border: none;
        border-radius: 5px;
        font-size: 1.6rem;
        font-weight: bold;
}

#tintai #top-search .button-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 2rem;
}

#tintai #top-search .button-box .reset-button,
#tintai #top-search .button-box .submit_button {
        width: 49%;
}

#tintai #top-search .reset-button input[type="reset"] {
        display: block;
        width: 90%;
        height: auto;
        padding: 1rem 0.5rem;
        margin: 0 auto;
        color: var(--main-color);
        text-align: center;
        border: solid 1px var(--main-color);
        border-radius: 5px;
        font-size: 1.6rem;
        font-weight: bold;
        background-image: linear-gradient(0deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
        background-size: 5px 5px;
        background-color: #ffffff;
        cursor: pointer;
}

#tintai #top-search .submit_button .btn {
        display: block;
        width: 90%;
        height: auto;
        padding: 1rem 0.5rem;
        margin: 0 auto;
        color: var(--main-color);
        text-align: center;
        border: solid 1px var(--main-color);
        border-radius: 5px;
        font-size: 1.6rem;
        font-weight: bold;
        background-image: linear-gradient(0deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
        background-size: 5px 5px;
        text-decoration: none;
        cursor: pointer;
}

#tintai #top-search .more-condition {
        margin-top: 1rem;
        cursor: pointer;
}

#tintai #top-number {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 600px;
        height: auto;
        overflow: hidden;
}

#tintai #top-number .top-number-box {
        width: 80%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 5px;
}

#tintai #top-number .top-number-box dl,
#tintai #top-number .top-number-box dt,
#tintai #top-number .top-number-box dd {
        list-style: none;
}

#tintai #top-number .top-number-box dt,
#tintai #top-number .top-number-box dd {
        display: block;
        width: 50%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        color: #333;
        padding: 1rem;
}

#tintai #top-number .top-number-box dd {
        color: var(--main-color);
}

#tintai #top-search .display-area {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: auto;
        padding: 2rem 0;
        background-color: rgba(229, 0, 27, 0.7);
        z-index: 100;
}

#tintai #top-search .display-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#tintai #top-search .display-box .match-number {
        width: 50%;
        height: auto;
        padding: 0.5rem;
        color: #ffffff;
        text-align: center;
        font-size: 2.2rem;
        font-weight: bold;
        text-align: center;
        float: left;
}

#tintai #top-search .display-box .submit_button {
        width: 50%;
        height: auto;
        float: left;
}

#tintai #top-search .display-box .submit_button .btn {
        width: max-content;
        height: auto;
        padding: 0.5rem 2rem;
        font-size: 1.8rem;
        font-weight: bold;
        color: var(--main-color);
        background-color: #ffffff;
        border-radius: 0.5rem;
        margin: 0 auto;
}

/* ---------- 徳島賃貸ナビ メイン ---------- */
#tintai #main #content {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
}

#tintai #content .search li {
        width: calc(100%/3);
        margin: 0 auto;
}
#tintai #content .search li img {
        width: 8rem;
        height: 8rem;
        display: flex;
        margin: 0 auto;
}

#tintai #content .search li.search-raiten {
        margin-right: 0;
}

#tintai #content .search li a {
        width: 100%;
        padding: 0;
}

#tintai #content .link-text {
        display: block;
        width: 100%;
        padding: 0.2rem 1rem;
        color: var(--main-color);
        text-align: center;
}

/* ---------- 実施中のキャンペーン ---------- */

#tintai .campaign-yoyaku a {
        display: block;
        width: 100%;
        max-width: 1200px;
        height: 0;
        padding-top: 300px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("images/yoyaku_campain.png");
        background-size: 100% auto;
}

/* ---------- 来店せずにお部屋を探す ---------- */

#tintai .online_method .method-list {
        background-image: none;
        padding: 0;
        margin: 0 auto;
}

/* ---------- カテゴリー別物件特集 ---------- */
#tintai .category-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 20px;
}

#tintai .category-item {
        width: 232px;
        height: auto;
        overflow: hidden;
        margin-left: 10px;
        float: left;
        border: solid 1px #aaa;
        margin-bottom: 20px;
}

#tintai .category-item a {
        text-decoration: none;
}

#tintai .category01,
#tintai .category06 {
        margin-left: 0;
}

#tintai .category-item .image-area {
        width: 100%;
        height: 230px;
}

#tintai .category-item .image-area img {
        width: 100%;
        height: auto;
}

#tintai .category-item .text-area {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 60px;
        padding: 1rem;
        text-align: center;
        color: #333;
        font-size: 1.5rem;
        border-top: solid 1px #aaa;
}

#tintai .search_category {
        width: 93%;
        margin: 2.5rem auto 0;
        padding: 2.5rem 0;
        background-color: var(--main-color);
}
#tintai .search_category h2 {
        width: 100%;
        text-align: center;        
        padding-bottom: 2rem;
        color: #fff;
}
#tintai .search_category ul {
        width: 94%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;  
}
#tintai .search_category li {
        width: 100%;
        font-size: 1.6rem;
        height: 8rem;
        display: flex;
        align-items: center;
        list-style: none;        
}
#tintai .search_category a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 6rem;
        text-align: center;
        text-decoration: none;
        margin: 0 auto;
        background-color: #ffffff;
        /* box-shadow: 0.5rem 0.5rem 0 #fcde34; */
}
#tintai .search_category_item {
        width: 100%;
        margin: 0 auto;
}

/* ---------- 下層ページ タイトル ---------- */
.SuMiTASlogo {
        width: 100%;
        margin: 0 auto;
        padding: 3em 0 1em 0;
}
.SuMiTASlogoimg {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        max-width: 700px;
        margin: 0 auto;
}

.residents-wrap {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
}

.residents {
        display: flex;
        justify-content: flex-start;
        margin: 0px 0px 30px 0px;
}

.residents-1 {
        display: block;
        height: auto;
        color: #ffffff;
        font-size: 2rem;
        font-weight: bold;
        text-align: right;
        background-color: #005bab;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
}

.residents-1 a {
        text-decoration: none;
        color: #ffffff;
}

.residents-1 .link {
        text-decoration: none;
}

.top-title {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

.top-title-box {
        display: block;
        width: 100%;
        height: auto;
        font-size: 3rem;
        font-weight: bold;
        text-align: center;
        margin-top: 3.5rem;
        margin-bottom: 1rem;
}

.top-title-box-s {
        display: block;
        width: 100%;
        height: auto;
        font-size: 3rem;
        font-weight: bold;
        text-align: center;
        margin-top: 3.5rem;
        margin-bottom: 1rem;
}

.top-title-box span.en {
        color: var(--main-color);
}

.top-title-box-s span.en-s {
        color: #008CCE;
}

.top-title-box h2,
.top-title-box span.jp {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 2.2rem;
        font-weight: normal;
        margin: 1rem auto;
}

.top-title-box-s h2,
.top-title-box-s span.jp {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 2.2rem;
        font-weight: normal;
        margin: 1rem auto;
}

/* ---------- 下層ページ NAVI ---------- */
.top-navi {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

.top-navi ul,
.top-navi li {
        list-style: none;
        width: auto;
}

.top-navi li::before {
        content: "　｜　";
}

.top-navi li.start::before {
        content: "";
}

.top-navi ul.navi {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
}

.top-navi ul.navi a {
        text-decoration: none;
        font-size: 1.6rem;
}

.top-navi ul.navi a:hover {
        color: var(--main-color);
}

.top-navi ul.navi2 {
        margin-top: 2rem;
}

.top-text {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        margin-top: 60px;
}

/* ---------- 徳島賃貸ナビ 大学学校別お部屋探し専門サイト ---------- */
#tintai #content .daigaku_list li a {
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
}

/* ---------- 徳島賃貸ナビ 地図で探す ---------- */
#tintai.area-select #main {
        width: 100%;
        height: auto;
        overflow: hidden;
}

#tintai.area-select .content-box h3 {
        width: 100%;
        height: auto;
        font-size: 4rem;
        text-align: center;
        margin: 4rem auto;
        color: var(--main-color);
}

#tintai.area-select .area-box {
        width: 100%;
        height: 0;
        padding-top: 55%;
        background-image: url("images/ground.png");
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 80% auto;
        background-color: rgba(170, 218, 255, 0.5);
        position: relative;
}

#tintai.area-select .area-box .area-button {
        position: absolute;
        width: max-content;
        height: auto;
        text-align: center;
}

#tintai.area-select .area-box .area-button a {
        text-decoration: none;
}

#tintai.area-select .area-box .area-button01 {
        left: 54.5%;
        top: 38%;
}

#tintai.area-select .area-box .area-button02 {
        left: 63%;
        top: 47%;
}

#tintai.area-select .area-box .area-button03 {
        left: 44%;
        top: 47%;
}

#tintai.area-select .area-box .area-button04 {
        left: 50%;
        top: 60%;
}

#tintai.area-select .area-box .area-button05 {
        left: 53.5%;
        top: 20%;
}

#tintai.area-select .area-box .area-button06 {
        left: 30%;
        top: 57%;
}

#tintai.area-select .area-box .area-button07 {
        left: 55%;
        top: 80%;
}

#tintai.area-select .area-box .area-button .area-name {
        width: 100%;
        height: auto;
        color: #ffffff;
        background-color: var(--main-color);
        padding: 0.5rem;
        border: solid 1px var(--main-color);
        border-bottom: none;
        border-radius: 0.5rem 0.5rem 0 0;
}

#tintai.area-select .area-box .area-button .area-detail {
        width: 100%;
        height: auto;
        background-color: #fff;
        padding: 0.5rem;
        border: solid 1px var(--main-color);
        border-top: none;
        border-radius: 0 0 0.5rem 0.5rem;
}

#tintai.area-select #content .shop-info {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
}

.raitennsezuni_top {
        width: 100%;
        background-color: #D4ECFF;
}
.raitennsezuni_top .img_box {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 150px;
        max-height: 500px;
        overflow: hidden;
}
.raitennsezuni_top img {
        position: absolute;
        bottom: -10rem;
        width: 100%;
        min-height: 460px;
        object-fit: cover;
}

/* ---------- コンテンツタイトル ---------- */
/* .special-box {
        background-color: #dddddd;
} */
.content-title {
        width: 100%;
        height: auto;
        text-align: center;
        color: #333;
}

.content-title h2 {
        font-size: 2.4rem;
        width: 100%;
        height: auto;
        padding: 0 1rem 0.5rem;
}

.content-title p {
        font-size: 1.6rem;
}

/* ---------- 徳島大学生のお部屋探し ---------- */
#tokudai #main {
        width: 100%;
        background-image: url(images/tokudai_back.png);
}

#tokudai #main #content {
        display: block;
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        float: none;
        background: #ffffff;
        margin-top: 60px;
}

#tokudai .top-text {
        padding: 0 2rem;
        margin-bottom: 60px;
}

/* ---------- CMギャラリー ---------- */

#cm-gallery #main {
        width: 100%;
        margin-top: 0;
}

#cm-gallery .top-image-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 300px;
        margin-top: 2rem;
        background-image: url(images/cm_top.png);
        background-size: cover;
        background-position: center center;
}

#cm-gallery .top-image-box h2 {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 2rem;
        background-color: rgba(0, 0, 0, 0.0);
        font-size: 6rem;
        letter-spacing: 0.5rem;
        color: #fff;
        text-shadow: rgb(0 0 0 / 30%) 2px 2px 4px, rgb(0 0 0 / 30%) -2px 2px 4px;
}

#cm-gallery .content-box {
        width: 100%;
        height: auto;
}

#cm-gallery .gallery-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 4rem auto;
}

#cm-gallery .gallery-box .cm-box {
        width: 46%;
        height: auto;
        margin: 2%;
        float: left;
}

#cm-gallery .gallery-box .cm-box .movie-box {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
}

#cm-gallery .gallery-box .cm-box .movie-box iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
}

#cm-gallery .gallery-box .cm-box .text-box {
        width: 100%;
        height: auto;
        font-size: 2rem;
        margin: 1rem auto;
        text-align: center;
}

#cm-gallery .gallery-box .cm-box .text-box i {
        margin-right: 1rem;
}

#cm-gallery .gallery-box .cm-box .text-box .text-left {
        text-align: left;
}

/* ---------- シティちゃんねる ---------- */

.city-channel-top-image-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 300px;
        background-image: url(images/city_channel_img.png);
        background-size: cover;
        background-position: center center;
}

.city-channel-top-image-box h2 {
        display: none;
}

#cm-gallery .gallery-box .city-channel-wrap {
        overflow: hidden;
        margin-bottom: 4%;
}

.movie-link-btn {
        text-align: center;
        width: 20rem;
        float: right;
}

.movie-link-btn a {
        display: block;
        width: 100%;
        padding: 0.5rem 2rem;
        text-decoration: none;
        color: #ffffff;
        background-color: var(--main-color);
        border: 1px solid var(--main-color);
        border-radius: 3px;
}

.movie-link-btn a:hover {
        color: var(--main-color);
        background-color: #ffffff;
        transition: .3s;
}

/* ---------- 賃貸用語集 ---------- */
#word .breadcrumb-box {
        width: 100%;
        background-color: var(--main-color);
}

#word .breadcrumb,
#word .breadcrumb li::after,
#word .breadcrumb li a {
        color: #ffffff;
}

#word #main {
        width: 100%;
        margin-top: 0;
}

#word .top-image-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 300px;
        background-image: url("images/word_top.png");
        background-size: cover;
        background-position: center center;
}

#word .top-image-box h2 {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 2rem;
        background-color: rgba(0, 0, 0, 0.0);
        font-size: 6rem;
        letter-spacing: 0.5rem;
        color: #fff;
        text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px, rgba(0, 0, 0, 0.3) -2px 2px 4px;
}

#word .content-box {
        width: 100%;
        height: auto;
}

#word .content-box .word-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 4rem auto;
}

#word .content-box .word-box .line-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 6rem;
}

#word .content-box .word-box .line-box .line-title {
        width: 100%;
        height: auto;
        border-bottom: solid 1px #3399ff;
}

#word .content-box .word-box .line-box h3 {
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        text-align: center;
        color: #ffffff;
        background-color: #3399ff;
        font-size: 1.8rem;
        font-weight: normal;
        border-radius: 1rem 1rem 0 0;
}

#word .content-box .word-box .line-box h3 span {
        font-size: 2.8rem;
        font-weight: bold;
}

#word .content-box .word-box .line-box .line-item {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 2rem;
        border-bottom: dotted 1px #3399ff;
}

#word .content-box .word-box .line-box .line-item dt {
        display: block;
        width: 25%;
        height: auto;
        float: left;
        font-size: 1.8rem;
        font-weight: bold;
        color: #3399ff;
}

#word .content-box .word-box .line-box .line-item dd {
        display: block;
        width: 75%;
        height: auto;
        float: left;
}

/*ここから11月23日変更用語ページ用*/
.qa_summary {
        position: relative;
        display: block;
        /* 矢印を消す */
        cursor: pointer;
        /* カーソルをポインターに */
        font-weight: bold;
        transition: 5s;
        margin: 10px;
        -webkit-transition: all 0.5s;
        border-radius: 10px 10px 0px 0px;
        outline: none
}

.qa_summary:hover {
        background-color: #3399ff;
        border-radius: 10px 10px 0px 0px;
        margin-right: 10px;
        transition: transform .3s;
}

.qa_summary:hover::after {
        transform: scale(2, 1);
}

.qa_summary::-webkit-details-marker {
        display: none;
        /* 矢印を消す */
}

/* 疑似要素でアイコンを表示 */
.qa_summary:before,
.qa_summary:after {
        display: inline-block;
        width: 30px;
        /*画像の幅*/
        height: 5px;
        /*画像の高さ*/
        background-size: 1px;
        vertical-align: middle;
        border-style: none;
}

.qa_summary:before {
        width: 16px;
        height: 16px;
        border-radius: 0px;
        background-color: #1da1ff;
}

.qa_summary:after {
        left: 6px;
        width: 5px;
        height: 5px;
        border: 5px groove transparent;
        border-left: 5px solid #fff;
        box-sizing: border-box;
        transition: .1s;
}

.my-down {
        /*ボタン部分*/
        color: #3399ff;
        position: absolute;
        right: 5rem;
        top: 2rem;
        width: 4rem;
        height: 4rem;
        font-size: 3rem;
}

.my-down:hover {
        /*ボタン部分ホバー時*/
        color: #f5faf5;
        position: absolute;
        right: 5rem;
        top: 2rem;
        width: 4rem;
        height: 4rem;
        font-size: 3rem;
        transform: rotate(360deg);
        transition: 1s;
}

.my-down:active {
        /*ボタン部分クリック時*/
        color: #ff6347;
        position: absolute;
        right: 5rem;
        top: 2rem;
        width: 4rem;
        height: 4rem;
        font-size: 3rem;
        transform: rotateZ(360deg);
        transition: 1s;
}

/* オープン時のスタイル */
details[open] .qa_summary {
        background-color: #1da1ff;
}

details[open] .qa_summary:after {
        transform: rotate(360deg);
        /* アイコンを回転 */
        left: 4px;
        /* 位置を調整 */
        top: 5px;
        /* 位置を調整 */
}

details[open] .my-down:after {
        transform: rotate(360deg);
        /* アイコンを回転 */
        left: 4px;
        /* 位置を調整 */
        top: 5px;
        /* 位置を調整 */
}

/* アニメーション */
details[open] .details-content {
        animation: fadeIn 1s ease;
}

@keyframes fadeIn {
        0% {
                opacity: 0;
                transform: translateY(-10px);
        }

        100% {
                opacity: 1;
                transform: none;
        }
}

/*ここまで11月23日変更用語ページ用*/

/* ---------- お問い合わせフォーム ---------- */

.formError .formErrorContent {
        font-size: 1.4rem !important;
}

#otoiawase #content {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
}

#otoiawase #content01 {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.6rem;
}

#otoiawase .step-box {
        width: 100%;
        height: auto;
        overflow: hidden;
        /*margin: 80px auto;*/
        margin: 80px 0 35px 0;
}

#otoiawase .step-box ul,
#otoiawase .step-box li {
        list-style: none;
}

#otoiawase .step-box li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30%;
        height: 10rem;
        float: left;
        position: relative;
        color: #999999;
        background-color: #f1f1f1;
        border-radius: 7px;
        font-size: 1.8rem;
        font-weight: bold;
        margin-right: 5%;
        z-index: -1;
}

#otoiawase .step-box li span {
        font-size: 2.2rem;
        margin-right: 2rem;
}

#otoiawase .step-box li.step03 {
        margin-right: 0;
}
#otoiawase .step-box li.step03-s {
        margin-right: 0;
}

#otoiawase .step-box li.step01::after,
#otoiawase .step-box li.step02::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-left: 16px solid #f1f1f1;
        border-bottom: 16px solid transparent;
        border-right: 16px solid transparent;
        position: absolute;
        right: -31px;
        top: 50%;
        margin-top: -16px;
}

#otoiawase .step-box li.step01-s::after,
#otoiawase .step-box li.step02-s::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-left: 16px solid #008CCE;
        border-bottom: 16px solid transparent;
        border-right: 16px solid transparent;
        position: absolute;
        right: -31px;
        top: 50%;
        margin-top: -16px;
}

#otoiawase .step-box li.active {
        color: #ffffff;
        background-color: var(--main-color);
}

#otoiawase .step-box li.active-s {
        color: #ffffff;
        background-color: #008CCE;
}

#otoiawase .step-box li.active::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-left: 16px solid var(--main-color);
        border-bottom: 16px solid transparent;
        border-right: 16px solid transparent;
        position: absolute;
        right: -31px;
        top: 50%;
        margin-top: -16px;
}

#otoiawase .step-box li.active-s::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-left: 16px solid #008CCE;
        border-bottom: 16px solid transparent;
        border-right: 16px solid transparent;
        position: absolute;
        right: -31px;
        top: 50%;
        margin-top: -16px;
}

#otoiawase .form-box {
        width: 100%;
        height: auto;
        overflow: hidden;
}

#otoiawase #formWrap {
        width: 100%;
        height: auto;
        overflow: hidden;
}

#otoiawase #formWrap form,
#otoiawase #formWrap form input,
#otoiawase #formWrap form select,
#otoiawase #formWrap form textarea {
        font-size: 1.6rem;
}

#otoiawase #formWrap dl {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        margin: 40px auto;
}

#otoiawase #formWrap .form-item {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 2px solid #efefef;
        padding: 2rem;
}

#otoiawase #formWrap dt {
        display: block;
        width: 35%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        float: left;
        padding: 1em;
        line-height: 2.8em;
        color: var(--main-color);
}

#otoiawase #formWrap .dt-s {
        display: block;
        width: 35%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        float: left;
        padding: 1em;
        line-height: 2.8em;
        color: #008CCE;
}

#otoiawase #formWrap dt::before {
        display: inline-block;
        width: 10px;
        height: 2.8rem;
        vertical-align: middle;
        content: "";
        margin-right: 1rem;
        border-radius: 5px;
        background-color: var(--main-color);
}

#otoiawase #formWrap .dt-s::before {
        display: inline-block;
        width: 10px;
        height: 2.8rem;
        vertical-align: middle;
        content: "";
        margin-right: 1rem;
        border-radius: 5px;
        background-color: #008CCE;
}

#otoiawase #formWrap dt span {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        height: 2.4rem;
        line-height: 2.4rem;
        padding: 0 0.5rem;
        font-size: 1.4rem;
        color: #ffffff;
        background-color: var(--main-color);
        border-radius: 5px;
        margin-left: 1.6rem;
}

#otoiawase #formWrap .dt-s span {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        height: 2.4rem;
        line-height: 2.4rem;
        padding: 0 0.5rem;
        font-size: 1.4rem;
        color: #ffffff;
        background-color: #f19f06;
        border-radius: 5px;
        margin-left: 1.6rem;
}

#otoiawase #formWrap dd {
        display: block;
        width: 65%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        float: left;
        padding: 1em;
        line-height: 2em;
        background: #ffffff;
}

#otoiawase #formWrap form input[type="text"] {
        width: 80%;
        padding: 1rem;
        border: 1px solid #c7c7c7;
}

#otoiawase #formWrap form textarea {
        width: 80%;
        height: 30rem;
        padding: 1rem;
        border: 1px solid #c7c7c7;
}

#otoiawase #formWrap form .mokuteki textarea {
        height: 15rem;
}

#otoiawase .privacy .privacy-title {
        width: 100%;
        height: auto;
        padding: 0.7rem 2rem;
        color: #ffffff;
        background-color: var(--main-color);
        font-size: 1.6rem;
        font-weight: bold;
        border-radius: 5px;
}

#otoiawase .privacy .privacy-title-s {
        width: 100%;
        height: auto;
        padding: 0.7rem 2rem;
        color: #ffffff;
        background-color: #008CCE;
        font-size: 2.4rem;
        font-weight: bold;
        border-radius: 5px;
}

#otoiawase .privacy .privacy-area {
        width: 100%;
        height: 250px;
        overflow: auto;
        font-size: 1.6rem;
        margin-top: 20px;
        padding: 1.4rem;
        border: 1px solid #c7c7c7;
}

#otoiawase .privacy .privacy-area h3 {
        color: var(--main-color);
        text-align: center;
}

#otoiawase .privacy .privacy-area .ceo-box {
        width: 100%;
        height: auto;
        margin: 1.4rem 0;
        text-align: right;
}

#otoiawase .privacy .privacy-area h4 {
        margin: 1.4em 0;
}

#otoiawase .privacy .privacy-area ol {
        padding-left: 2em;
}

#otoiawase .privacy .privacy-area .kaiji-box {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 1.4em 0;
}

#otoiawase #formWrap form .button-box {
        width: 680px;
        height: auto;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        margin-bottom: 80px;
}
#otoiawase #formWrap form .button-box-s {
        width: 680px;
        height: auto;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        margin-bottom: 80px;
}

#otoiawase #formWrap form .button-box input {
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: #ffffff;
        font-size: 1.2em;
        color: var(--main-color);
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px var(--main-color);
        margin: 0;
        -webkit-appearance: none;
}

#otoiawase #formWrap form .button-box-s input {
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: #ffffff;
        font-size: 1.2em;
        color: #008CCE;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px #008CCE;
        margin: 0;
        -webkit-appearance: none;
}

#otoiawase #formWrap form .button-box input[type="submit"] {
        color: #ffffff;
        background-color: var(--main-color);
        float: left;
}

#otoiawase #formWrap form .button-box-s input[type="submit"] {
        color: #ffffff;
        background-color: #008CCE;
        float: left;
}


#otoiawase #formWrap form .button-box input[type="reset"] {
        float: right;
}

#otoiawase #formWrap form .button-box-s input[type="reset"] {
        float: right;
}

#otoiawase :focus {
        outline: none;
}

.radio-place {
        /*本文*/
        height: 0;
        margin-bottom: 10px;
        padding: 0 20px;
        overflow: hidden;
}

.toggle:checked+.Label+.radio-place {
        /*開閉時*/
        height: auto;
        padding: 20px;
        transition: all .3s;
}

.toggle:checked+.Label::before {
        transform: rotate(-45deg) !important;
}

/* ---------- お問い合わせ確認画面 ---------- */
#otoiawase #formWrap {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 40px autp;
}

#otoiawase #formWrap table {
        width: 100%;
}

#otoiawase #formWrap table tr {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 2px solid #efefef;
}

#otoiawase #formWrap table th {
        display: block;
        width: 35%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        float: left;
        padding: 1em;
        line-height: 2.8em;
        color: var(--main-color);
        text-align: left;
}

#otoiawase #formWrap table td {
        display: block;
        width: 65%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        float: left;
        padding: 1em;
        line-height: 2em;
        background: #ffffff;
}

#otoiawase #formWrap input[type="submit"] {
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: var(--main-color);
        font-size: 1.2em;
        color: #ffffff;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px var(--main-color);
        margin: 80px 20px;
}

#otoiawase #formWrap input[type="button"] {
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: #ffffff;
        font-size: 1.2em;
        color: var(--main-color);
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px var(--main-color);
        margin: 80px 20px;
}
#otoiawase #formWrap input[type="button-s"] {
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: #ffffff;
        font-size: 1.2em;
        color: #008CCE;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px #008CCE;
        margin: 80px 20px;
}

#otoiawase #formWrap form select {
        width: 45%;
        padding: 1rem;
        border: 1px solid #c7c7c7;
        background-color: #ffffff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1697571/chevron-down.svg) no-repeat right;
}


#otoiawase #formWrap form .from-box {
        width: 10%;
        margin: 0.5rem;
        text-align: center;
        writing-mode: vertical-lr;
}

#otoiawase #formWrap .raiten-bi-box select {
        float: none;
        margin-bottom: 20px;
}

#otoiawase #formWrap form .select-time,
#otoiawase #formWrap form .select-minute {
        width: 50%;
        height: auto;
        float: left;
}

#otoiawase #formWrap form .select-time select,
#otoiawase #formWrap form .select-minute select {
        width: 60%;
}

#otoiawase .radio-place {
        padding-left: 4rem;
}

#otoiawase .radio-place-title {
        color: var(--main-color);
}

#otoiawase .radio-place-select01 {
        margin-bottom: 2rem;
}

#otoiawase .radio-style-wrap {
        display: flex;
        align-items: center;
}

#otoiawase .radio-style {
        padding-right: 2rem;
}

/* ---------- 送信完了画面 ---------- */
#otoiawase #content01 .thanks-box {
        font-size: 1.6rem;
        margin-bottom: 80px;
}

#otoiawase #content01 .back-box a {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30%;
        height: 10rem;
        color: #ffffff;
        background-color: var(--main-color);
        border-radius: 7px;
        font-size: 2.2rem;
        font-weight: bold;
        margin: 80px auto;
        text-decoration: none;
}
#otoiawase #content01 .back-box-s a {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30%;
        height: 10rem;
        color: #ffffff;
        background-color: #008CCE;
        border-radius: 7px;
        font-size: 2.2rem;
        font-weight: bold;
        margin: 80px auto;
        text-decoration: none;
}

/* ---------- はいる！ーむ資料請求 ---------- */
#otoiawase.hairoom .hairoom-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        padding: 4rem;
        padding-right: 40%;
        margin: 4rem auto;
        background-image: url("images/hairoom_back.png");
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right 10% center;
}

#otoiawase.hairoom .step-box li.active {
        background-color: #ef86a7;
}

#otoiawase.hairoom .step-box li.active::after {
        border-left: 16px solid #ef86a7;
}

#otoiawase.hairoom #formWrap dt {
        color: #ef86a7;
}

#otoiawase.hairoom #formWrap dt::before {
        background-color: #ef86a7;
}

#otoiawase.hairoom #formWrap dt span {
        background-color: #ef86a7;
}

#otoiawase.hairoom .privacy .privacy-title {
        background-color: #ef86a7;
}

#otoiawase.hairoom .privacy .privacy-area h3 {
        color: #ef86a7;
}

#otoiawase.hairoom #formWrap form .button-box input {
        color: #ef86a7;
        border: solid 1px #ef86a7;
}

#otoiawase.hairoom #formWrap form .button-box input[type="submit"] {
        color: #ffffff;
        background-color: #ef86a7;
}

#otoiawase.hairoom #formWrap table th {
        color: #ef86a7;
}

#otoiawase.hairoom #formWrap input[type="button"] {
        color: #ef86a7;
        border: solid 1px #ef86a7;
}

#otoiawase.hairoom #formWrap input[type="submit"] {
        background-color: #ef86a7;
        border: solid 1px #ef86a7;
}

#otoiawase.hairoom #content01 .back-box a {
        background-color: #ef86a7;
}

/*相原追加ハンバーガーメニュ用*/
#nav-drawer {
        position: relative;
}

.nav-unshown {
        display: none;
}

#nav-open {
        position: fixed;
        top: 4rem;
        right: 3rem;
        z-index: 5;
        display: inline-block;
        width: 50px;
        height: 50px;
}

#nav-open span,
#nav-open span:before,
#nav-open span:after {
        position: absolute;
        height: 5px;
        width: 50px;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.5);
        display: block;
        content: '';
        cursor: pointer;
}

#nav-open span:before {
        bottom: -17px;
}

#nav-open span:after {
        bottom: -34px;
}

#nav-close {
        display: none;
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: black;
        opacity: 0;
        transition: .3s ease-in-out;
}

#nav-content {
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 90%;
        max-width: 25%;
        height: 100%;
        background: #333;
        transition: .3s ease-in-out;
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%);
        padding: 2rem;
}

#nav-content span.menu-midashi {
        display: block;
        width: 100%;
        height: auto;
        font-size: 2rem;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        margin: 2rem auto;
}

#nav-content ul,
#nav-content li {
        list-style: none;
}

#nav-content li a {
        display: block;
        width: 100%;
        height: auto;
        padding: 2rem 1rem;
        text-decoration: none;
        color: #ffffff;
        font-size: 1.4rem;
        border-bottom: dotted 1px #ffffff;
}

#nav-input:checked~#nav-close {
        display: block;
        opacity: .5;
}

#nav-input:checked~#nav-content {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}

/* ---------- 新型コロナウイルス感染拡大防止に伴う対応について ---------- */

#prevention #main {
        background-image: url("images/prevention_back.png");
}

#prevention .top-title {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 4rem auto;
        background-color: #54c3f1;
        border-radius: 1rem;
        padding: 1rem 4rem 4rem;
        background-image: url("images/prevention_title_heyakarichan.png");
        background-repeat: no-repeat;
        background-position: right 5% bottom;
}

#prevention .top-title h2 {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 180px;
        background-image: url("images/prevention_title_back.png");
        background-repeat: no-repeat;
        background-position: center top;
}

#prevention .top-title .top-title-comment {
        width: 65%;
        height: auto;
        font-size: 2.2rem;
        color: #ffffff;
        text-align: left;
        margin-top: 4rem;
}

#prevention .prevention-menu {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 4rem;
}

#prevention .prevention-menu ul,
#prevention .prevention-menu li {
        list-style: none;
}

#prevention .prevention-menu li a {
        display: block;
        width: 224px;
        height: 224px;
        background-color: #ffffff;
        float: left;
        border: solid 3px #f08300;
        border-radius: 1rem;
        margin-right: 20px;
        text-decoration: none;
        padding: 1rem;
        padding-top: 150px;
        font-size: 2rem;
        color: #f08300;
        text-align: center;
        background-repeat: no-repeat;
        background-size: 80% auto;
}

#prevention .prevention-menu li.menu05 a {
        margin-right: 0;
}

#prevention .prevention-menu li.menu01 a {
        background-image: url("images/menu01_back.png");
        background-position: center top 25%;
}

#prevention .prevention-menu li.menu02 a {
        background-image: url("images/menu02_back.png");
        background-position: center bottom 80%;
}

#prevention .prevention-menu li.menu03 a {
        background-image: url("images/menu03_back.png");
        background-position: center bottom 80%;
}

#prevention .prevention-menu li.menu04 a {
        background-image: url("images/menu04_back.png");
        background-position: center bottom 80%;
        background-size: 55% auto;
}

#prevention .prevention-menu li.menu05 a {
        background-image: url("images/menu05_back.png");
        background-position: center bottom 80%;
        background-size: 50% auto;
}

#prevention .step-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        margin-bottom: 4rem;
}

#prevention .step-title {
        width: 100%;
        height: auto;
        background-image: url("images/step_box_heyakarichan.png");
        background-repeat: no-repeat;
        background-size: 13% auto;
        background-position: left 5% bottom;
}

#prevention .step-title h3 {
        width: 80%;
        height: 0;
        overflow: hidden;
        padding-top: 14%;
        margin-left: 20%;
        background-repeat: no-repeat;
        background-position: left bottom 20%;
        position: relative;
}

#prevention .step-title h3 span {
        position: absolute;
        left: 1%;
        top: 20%;
        z-index: 1;
        display: block;
        width: auto;
        width: max-content;
        height: auto;
        padding: 0.2rem 1rem;
        color: #ffffff;
        background-color: #54c3f1;
        transform: rotate(-10deg);
}

#prevention .step-list-box {
        width: 100%;
        height: auto;
        padding: 2rem;
        padding-top: 4rem;
        background-color: #ffffff;
        border: solid 3px #f08300;
        border-radius: 1rem;
        background-repeat: no-repeat;
        background-position: right 3rem center;
        background-size: 30% auto;
}

#prevention .step-list-box-wrap {
        padding-bottom: 22rem;
}

#prevention .step-list-box ul,
#prevention .step-list-box li {
        list-style: none;
}

#prevention .step-list-box ul {
        display: block;
        width: 65%;
        height: auto;
}

#prevention .step-list-box li {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 2rem;
}

#prevention .step-list-box li .list-number {
        width: 6%;
        height: auto;
        float: left;
}

#prevention .step-list-box li .list-text {
        width: 94%;
        height: auto;
        float: left;
        line-height: 3rem;
}

#prevention .step-list-box li .list-number span {
        display: block;
        width: 3rem;
        height: 3rem;
        text-align: center;
        line-height: 3rem;
        color: #ffffff;
        background-color: #54c3f1;
        border-radius: 1.5rem;
}

#prevention .step-list-box {
        display: flex;
        align-items: flex-start;
        justify-content: center;
}

#prevention .step-list-box ul {
        width: 63%;
        margin-right: 2%;
}

#prevention .step-list-box .photo-wrap {
        width: 35%;
}

#prevention .step-list-box .photo-wrap img {
        width: 85%;
        margin: 1rem auto;
}

#prevention #step_bottom .step-list-box {
        text-align: center;
        padding-bottom: 15%;
        margin-bottom: 8rem;
        background-image: url("images/step_bottom_heyakarichan.png"), url("images/step_bottom_back.png");
        background-size: auto 70%, 98% auto;
        background-position: center bottom, center center;
}

#prevention .step-title {
        width: 100%;
        height: auto;
        background-image: url(images/step_box_heyakarichan.png);
        background-repeat: no-repeat;
        background-size: 13% auto;
        background-position: left 5% bottom;
}

#prevention .step-title h3 {
        width: 80%;
        height: 0;
        overflow: hidden;
        padding-top: 14%;
        margin-left: 20%;
        background-image: url(images/step05_title.png);
        background-repeat: no-repeat;
        background-position: left bottom 20%;
        position: relative;
}
#prevention #footer {
        margin-top: 0;
}

/* -- 挨拶 -- */
#city-navi .accordion {
        width: 94%;
        max-width: 1200px;
        padding-bottom: 0;
        margin: 0 auto 4rem;
}

#city-navi .accordion_summary {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;        
        width: 94%;
        font-weight: bold;
        color: #333;
        position: relative;
        list-style: none;
        margin: 0 auto;
}

#city-navi .accordion-sp .accordion_detail {
        display: grid;
        grid-template-rows: 0fr;
        transition: 0.5s;
}
#city-navi .accordion-sp:hover .accordion_detail {
        grid-template-rows: 1fr;
}
#city-navi .accordion-sp div {
        overflow: hidden;
}

#city-navi .accordion_summary:hover {
        grid-template-rows: 0fr;
}

#city-navi .accordion_summary::-webkit-details-marker {
        display: none;
}

#city-navi .accordion_summary::after {
        content: "| open";
        font-size: 1em;
        list-style: none;
        position: relative;
        top: 1px;
        transform: translateY(0%);
        padding-left: 10px;
}

#city-navi .accordion[open] .accordion_summary::after {
        content: "| close";
}


#city-navi .accordion_detail {
        padding: 4px 10px;
        margin: 10px 0;
}

#city-navi summary {
height: auto;
border: 0;
border-left: 0;
box-sizing: border-box;
transition: .1s;
}

#city-navi .city-navi-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

#city-navi .city-navi-text {
        width: 100%;
        height: auto;
}

#city-navi .top-city-navi-text {
        text-align: justify;
}

#city-navi .accordion_summary_sp {
        display: none;
}

/*-学校で探す-*/

.gakkou_summary {
        display: block;
        width: 100%;
        font-weight: bold;
        color: var(--main-color);
        position: relative;
        list-style: none;
        margin: 0 auto;
        text-align: center;
        border-radius: 10px;
}
.summary_menu {
        width: 50%;
        position: absolute;
        right: 25%;
        margin: 0 auto;
        background-color: var(--main-color);
        z-index: 5;
}
.summary_menu a {
        width: 100%;
        border-bottom: solid 1px #ffffff;
        margin: 0 auto;
        padding: 1rem;
}

.gakkou_summary::-webkit-details-marker {
        display: none;
}
.accordion[open] .gakkou_summary_box {
        content: "";
}

/*-カレンダー部分メッセージ-*/
.accordion_calendar {
        width: 80%;
        margin: 0 auto;
        text-align: center;
}
.summary_menu {
        width: 60%;
        position: absolute;
        right: 20%;
        margin: 0 auto;
        margin-top: 1rem;
        background-color: #ffffff;
        border-radius: 3rem;
        border: solid 10px var(--back4-color);
        z-index: 5;
        box-shadow: 0 0 5px #c5c5c586;
}
.summary_menu::before {
        content: "";
        position: absolute;
        top: -12%;
        left: 45%;
        transform: translateY(-50%);
        border: 2rem solid transparent;
        border-bottom: 1.7rem solid var(--back4-color);
}
.summary_menu a {
        width: 100%;
        border-bottom: dashed 1px var(--back4-color);
        color: #444;
        margin: 0 auto;
        padding: 1rem;
}
#content .summary_menu a {
        width: 100%;
        height: 4rem;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
}

#tintai .accordion {
        width: 80%;
        margin: 0 auto;
        text-align: center;
}

#tintai .summary_menu {
        width: 50%;
        position: absolute;
        right: 25%;
        margin: 0 auto;
        margin-top: 1rem;
        background-color: #ffffff;
        border-radius: 1rem;
        border: solid 10px var(--back4-color);
        z-index: 5;
        box-shadow: 0 0 5px #c5c5c586;
}

#tintai .summary_menu::before {
        content: "";
        position: absolute;
        top:-12%;
        left:78%;
        transform: translateY(-50%);
        border: 2rem solid transparent;
        border-bottom: 1.7rem solid var(--back4-color);
}

#tintai .summary_menu a {
        width: 100%;
        border-bottom: dashed 1px var(--back4-color);
        color: #444;
        margin: 0 auto;
        padding: 1rem;
}
#tintai #content .summary_menu a {
        width: 100%;
        height: 4rem;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
}

#tintai #content .link-text02 {
        display: block;
        width: 100%;
        padding: 0.2rem 1rem;
        text-align: center;
        font-weight: 500;
        font-size: 1.6rem;
        color: var(--gray-color);
}
#tintai #content .link-text02:hover {
        color: var(--sub2-color);
}

/*-tintai折りたたみ-*/
.message-text_summary_calendar {
        display: block;
        font-size: 2.4rem;
        color: var(--main-color);
        width: 100%;
        font-weight: bold;
        list-style: none;
        margin: 2rem auto 1rem;
        text-align: center;
}
.message-text_summary_calendar::-webkit-details-marker {
        display: none;
}
.message-text1 {
        margin: 1rem auto;
}
.message-text {
        width: 94%;
        max-width: 1200px;
        height: auto;
        font-size: 1.4rem;
        font-weight: 500;
        text-align: left;
        margin: 0 auto;
        color: #333;
}

/* ---------- PC用設定ここまで ---------- */
@media only screen and (max-width: 1200px) {
        #tintai .summary_menu::before {
        left:90%;
}
}
@media only screen and (max-width: 870px) {
#city-navi .accordion {
        width: 94vw;
}
#city-navi .accordion_summary::after {
        content: "⇓ open ⇓";
        padding-left: 10px;
}

#city-navi .accordion-sp:hover .accordion_summary::after {
        content: "⇑ close ⇑";
}
#city-navi .accordion_summary_sp {
        display: inline;
}
}

/* ---------- 画面サイズが767px以下の場合読み込む---------- */

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

        /*-固定メニュー-*/
        .sp_fixed-menu {
                display: block;
                position: fixed;
                bottom: 0;
                z-index: 99999;
                width: 100%;
        }
        .for-sp {
                background-color: #444444;
        }
        .for-sp ul {
                width: 100%;
                display: flex;
                bottom: 0;
                flex-wrap: wrap;
                justify-content: space-around;
                align-items: center;
                margin: 0 auto;
                padding: 1rem 0;
                text-align: center;
        }
        .for-sp a{
                width: calc(100%/5 - 10px);
                color: #ffffff;
                list-style: none;
                text-decoration: none;
                font-size: 10px;
                margin: 0 auto;
        }
        .for-sp img{
                width: 40%;
                margin: 0 auto;
        }
        .for-sp li {
                color: #ffffff;
                margin: 0 auto;
        }
        .tel_details {
                width: calc(100%/5 - 10px);
                color: #ffffff;
                list-style: none;
                text-decoration: none;
                font-size: 10px;
                margin: 0 auto;
        }
        .tel_details summary {
                display: block;
                list-style: none;
        }
        .tel_details::-webkit-details-marker {
                display: none;
        }
        #fixed-menu .tel_summary_div {
                position: absolute;
                bottom: 8rem;
                left: 3%;
                z-index: 1;
                width: 94%;
                background-color: #ffffff;
                border: solid 8px var(--main-color);
                border-top: 0;
        }
        #fixed-menu .tel_summary_div p {
                font-size: 16px;
                text-align: center;
                color: #444;
                padding: 1rem 0;
        }
        #fixed-menu .tel_summary_div  .tel_p {
                border-bottom: solid 1px #444;
                width: 94%;
                margin: 0 auto;
        }
        #fixed-menu .tel_summary_div span {
                font-size: 28px;
                font-weight: bold;
        }
        #fixed-menu div .tel_otoiawase {
                width: 100%;
                margin: 0 auto;
                color: #ffffff;
                background-color: var(--main-color);
                
        }
        #fixed-menu div .tel_otoiawase  span{
                width: 100%;
                margin: 0 auto;
                font-size: 24px;
        }


        /*-基本-*/

        .pc {
                display: none;
        }
        .sp {
                display: block;
        }

        #main-list .mobile {
                display: inherit;
                font-size: 13px;
                line-height: 1.1;
                color: #444444;
        }
        .mobile {
                display: inherit;
                color: #444444;
        }
        .mobile02 {
                display: inherit;
        }
        .top_menu01 {
                color: #ffffff;
        }

        html {
                font-size: 62.5%;
        }

        body {
                width: 100%;
                font-size: 1.4rem;
                background-image: none;
                margin: 0 auto;
        }

        .formError {
                left: 50% !important;
        }

        .sp-only {
                display: none;
        }

        .content_box01 {
                padding-top: 2rem;
        }
        
        .content_box02 {
                padding-top: 3rem;
        }
        
        .content_box03 {
                padding-top: 4rem;
        }

        .content_box01::before {
        height: calc(100vh - -692px);
        /* transform: skewY(-6deg); */
        margin-top: 13.5rem;
}
        .content_box02::before {
        height: calc(100vh - 125px);
        margin-top: 13.5rem;
        /* transform: skewY(6deg); */
}
        .content_box03::before {
        height: calc(100vh - 597px);
        margin-top: 13.5rem;
}

/* ---------- 学生のみなさまへ - ドロップダウンメニュー ---------- */

#tab.top-navi {
        position: relative;
        width: 100%;
        color: #fff;
        /* アコーディオン タブ文字色 */
        overflow: hidden;
        margin-top: 2rem;
}

#tab.top-navi input {
        position: absolute;
        opacity: 0;
        z-index: -1;
}

#tab.top-navi label {
        position: relative;
        display: block;
        padding: 1em;
        background: var(--main-color);
        /* アコーディオン タブ背景色 */
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
}

#tab.top-navi .tab-content {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .35s;
        -o-transition: max-height .35s;
        transition: max-height .35s;
}

/* :checked */
#tab.top-navi input:checked~.tab-content {
        max-height: 30em;
        background: var(--main-color);
}

/* Icon */

#tab.top-navi label::after {
        background: #ff4e00;
        content: '+';
        display: block;
        line-height: 60px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 60px;
        height: 60px;
        font-size: 2.4rem;
        font-weight: bold;
}

#tab.top-navi input[type=checkbox]:checked+label::after {
        content: '-';
}

#tab.top-navi .menu {
        position: absolute;
        top: 0;
        right: 70px;
        width: auto;
        width: max-content;
        height: 60px;
        line-height: 60px;
        font-size: 1.6rem;
        font-weight: bold;
}

.breadcrumb {
        display: block;
        width: 94%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
}

#main {
        width: 100%;
}

.top-title {
        width: 100%;
}

.top-title-box {
        margin: 0;
}

.top-title-box span.en {
        color: #666666;
}

.top-title-box h2,
.top-title-box span.jp {
        font-weight: bold;
}

.top-navi {
        width: 100%;
        margin-top: 2rem;
}

.top-navi ul.navi {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #ffffff;
}

.top-navi li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50%;
        height: 6rem;
        float: left;
        text-align: center;
        padding: 0.5rem;
        color: var(--gray-color);
        background-color: #ffffff;
}

.top-navi li a:hover {
        color: var(--main-color);
}

.top-navi li.navi01 a,
.top-navi li.navi03 a {
        border-right: solid 1px #dddddd;
}

.top-navi li.navi01 a,
.top-navi li.navi02 a,
.top-navi li.navi03 a,
.top-navi li.navi04 a {
        border-bottom: solid 1px #dddddd;
}

.top-navi li::before {
        display: none;
}

        /* ---------- スマホ ヘッダー ---------- */
        #header .header-logo {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: auto;
                border-top: solid 8px #333333;
        }

        #header h1 {
                order: 2;
                position: static;
                width: 94%;
                height: auto;
                margin: 0 auto;
                font-size: 12px;
                margin-bottom: 2%;
        }

        #header .header-logo .logo-box {
                order: 1;
                width: 94%;
                height: auto;
                margin: 0 auto;
                margin-top: 0.5rem;
                float: none;
        }

        #header .header-logo .logo-box a {
                width: 100%;
                padding-top: 19%;
                background-repeat: no-repeat;
                background-size: 86% auto;
        }

        #header .header-menu {
                display: none;
        }

        .breadcrumb-box {
                background-color: #ffffff;
                border-bottom: solid 1px #dddddd;
        }

        .breadcrumb li {
                color: #ffffff;
        }
        
        .breadcrumb li a {
                color: #ffffff;
        }
        .breadcrumb li::after {
                color: #ffffff;
        }

        /* ---------- スマホ メインメニュー ---------- */
        #main-menu {
                height: auto;
                overflow: hidden;
                border: none;
                margin-bottom: 1rem;
        }

        #main-menu>ul {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                width: 100%;
                height: auto;
                font-weight: bold;
        }

        #main-menu>ul>li {
                width: calc(100%/3);
                height: auto;
                padding: 1%;
        }

        #main-menu>ul>li.menu01 {
                width: 100%;
        }

        #main-menu>ul>li>a {
                display: block;
                width: 100%;
                height: auto;
                color: #ffffff;
        }

        #main-menu>ul>li>a::after {
                display: none;
        }

        #main-menu>ul>li a .navi-icon-box {
                height: 0;
                padding-top: 43%;
                background-size: 30% auto;
                background-position: center center;
        }

        #main-menu>ul>li.menu01 a .navi-icon-box {
                padding-top: 20%;
                background-size: 10% auto;
                background-position: center center;
                background-image: url(images/oheya_sagasu_w.png);
        }

        .main-menu_summary {
                position: relative;
                display: block;
                padding: 1em;
                background: var(--main-color);
                font-size: 1.8rem;
                font-weight: bold;
                cursor: pointer;
                color: #ffffff;
        }

        .main-menu_summary::-webkit-details-marker {
                display: none;
        }
        .main-menu_summary::after {
                background: #ff4e00;
                content: '+';
                display: block;
                line-height: 60px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 0;
                width: 60px;
                height: 60px;
                font-size: 2.4rem;
                font-weight: bold;
        }
        .main-menu_details[open] .main-menu_summary::after {
                content: '-';
        }

        #main-menu>ul>li.menu02,
        #main-menu>ul>li.menu03,
        #main-menu>ul>li.menu04,
        #main-menu>ul>li.menu06,
        #main-menu>ul>li.menu08,
        #main-menu>ul>li.menu09
        {
                border-top: solid 1px #dddddd;
                border-right: solid 1px #dddddd;
        }

        #main-menu>ul>li.menu07,
        #main-menu>ul>li.menu10,
        #main-menu>ul>li.menu12
        {
                border-top: solid 1px #dddddd;
        }

        #main-menu>ul>li.menu08,
        #main-menu>ul>li.menu09,
        #main-menu>ul>li.menu12
        {
                border-bottom: solid 1px #dddddd;
        }

        .mdd_wrap,
        .mdd_inner,
        .mdd_body {
                display: none;
        }

        /* ---------- スマホ ハンバーガーメニュー ---------- */

        #nav-open {
                top: 5%;
                right: 3%;
        }

        /* ---------- スマホ パンくずリスト ---------- */

        .breadcrumb {
                width: 94%;
                margin: 0 auto;
        }

        /* ---------- スマホ メインエリア ---------- */
        #main {
                width: 100%;
        }

        #home #main,
        #tintai #main {
                width: 100%;
        }

        #content .content-title {
                width: 100%;
                margin: 0 auto;
                padding: 0 0 2rem
        }

        #content .content-title-todeay h2 {
                font-size: 2.6rem;
        }
        #content .number-box .content-title-todeay {
                width: 80%;
                padding-bottom: 1em;
        }

        /* ---------- スマホ ページタイトル ---------- */

        .residents-wrap {
                width: 100%;
        }

        .residents {
                justify-content: center;
        }

        .residents-1 {
                font-size: 1.8rem;
        }

        .top-title {
                width: 100%;
        }

        .top-title-box {
                margin-top: 1rem;
        }
        .top-title-box-s {
                margin-top: 1rem;
        }

        .top-title-box span.en {
                color: #999999;
                font-size: 2rem;
        }
        .top-title-box-s span.en-s {
                color: #999999;
                font-size: 2rem;
        }

        .top-title-box-s h2,
        .top-title-box-s span.jp {
                font-size: 2.4rem;
                font-weight: bold;
                color: #008CCE;
        }

        .top-title-box h2,
        .top-title-box span.jp {
                font-size: 2.4rem;
                font-weight: bold;
                color: var(--main-color);
        }

        .top-title-box-s h2,
        .top-title-box-s span.jp {
                font-size: 2.4rem;
                font-weight: bold;
                color: #008CCE;
        }

        #loading {
                display: block;
                width: 100%;
                height: auto;
        }

        #loading img {
                width: 100%;
                height: auto;
        }

        #loading img.loader-img01,
        #loading img.loader-img03 {
                display: none;
        }

        /* ---------- スマホTOP スライドバナー ---------- */
        #slider1 {
                height: 555px;
        }

        .slider-wrap {
                width: 100%;
                margin: 0 auto;
        }

        #slider_2 .sp-mask {
                height: 130px !important;
        }

        /* .slide-banner01,
        .slide-banner02,
        .slide-banner03,
        .slide-banner04,
        .slide-banner05,
        .slide-banner06 {
                height: 130px !important;
        } */


        /* ---------- スマホTOP 賃貸物件を探す ---------- */
        #home .youtube_box {
                padding: 0 0 2.8rem;
        }
        #content .search-box {
                width: 100%;
                margin-bottom: 0;
        }

        #content .search {
                margin: 1rem auto 0;
        }

        #content .search li {
                width: 48%;
                margin: 2% 0;
        }

        #content .search li.search-map,
        #content .search li.search-reques {
                margin-right: 4%;
        }

        #home #content .search li a {
                font-size: 2rem;
                padding: 0;
                padding-top: 0.5rem;
                padding-bottom: 10rem;
                text-align: center;
                background-size: auto 50%;
                background-position: center bottom 1rem;
        }

        /* ---------- スマホTOP 電話番号 ---------- */

        #content .tel-box {
                width: 100%;
                min-width: 100%;
                margin: 0 auto;
                padding: 3rem 0;
        }

        #content .tel-box .tel-title {
                width: 100%;
        }

        #content .tel-box .tel-title h2 {
                font-size: 2rem;
        }

        #content .tel-box .tel-number {
                margin-top: 0;
        }

        #content .tel-box .tel-number {
                width: 94%;
                margin: 0 auto;
        }

        #content .tel-box .contact-button {
                display: block;
        }

        #content .tel-box .contact-button a {
                display: block;
                width: 94%;
                height: auto;
                padding: 1rem;
                margin: 1rem auto;
                margin-top: 2rem;
                font-size: 2rem;
                font-weight: bold;
                text-align: center;
                text-decoration: none;
                color: #ffffff;
                background-color: var(--main-color);
                border-radius: 0.5rem;
        }

        #content .tel-box .contact-button a i {
                font-size: 3rem;
                margin-right: 1rem;
        }

        #content .tel-box .tel-number .tel-item {
                width: 100%;
        }

        #content .tel-box .tel-number dd {
                margin-bottom: 2rem;
        }

        #content .tel-box .tel-number dl {
                display: block;
        }

        /* ---------- スマホTOP city navi ---------- */
        #city-navi .city-navi-box {
                width: 94%;
                margin: 0 auto;
        }

        #city-navi li {
                width: 100%;
                float: none;
                margin: 0;
                margin-bottom: 2rem;
        }

        #city-navi li a {
                padding-top: 50%;
        }

        /* ---------- スマホTOP 物件公開数 ---------- */

        #content .number-box {
                width: 100%;
                margin: 3rem auto;
        }

        #content .number-box .content-title {
                width: 100%;
                line-height: inherit;
                float: none;
                border-right: none;
        }

        #content .number-box .content-title h2 {
                width: 100%;
                height: auto;
                font-size: 2.2rem;
        }

        #content .number-box .number {
                width: 94%;
                margin: 0 auto;
                float: none;
        }

        #content .number-box .number dl {
                width: 100%;
                background-color: #ffffff;
                color: #333;
        }

        #content .number-box .number .number-item {
                width: 100%;
                border-bottom: dotted 1px #8f8f8f;
        }

        #content .number-box .number dt {
                text-align: left;
                font-size: 1.8rem;
                line-height: normal;
                padding: 0.5rem;
        }

        #content .number-box .number dd {
                border-right: none;
                text-align: right;
                font-size: 2.2rem;
                line-height: normal;
                padding: 0.5rem;
        }

        .emergency {
                padding: 1rem;
                text-align: justify;
                font-size: 1.5rem;
                border: 1px solid var(--main-color);
        }
        
        #content .number-item-last {
                padding-left: 0;
        }

        /* ------ スマホTOP 新型コロナウイルス感染拡大防止に伴う対応について ------- */

        #content .against_covid19 {
                width: 94%;
        }

        #content .against_covid19 a {
                width: 100%;
                padding: 8rem 0 0;
                background-size: auto 70%;
                background-position: center top;
        }

        #content .against_covid19 a:hover {
                background-image: url(images/heyakarichan.png);
        }

        #content .against_covid19 .against_covid19_button {
                width: 100%;
                height: auto;
                border-radius: 0.5rem;
                line-height: 2rem;
                padding: 1rem 2rem;
                font-size: 1.6rem;
        }

        .web-contact {
                width: 94%;
                margin: 2rem auto;
        }

        /* ---------- 新築物件特集 ---------- */

        .new-home-flex {
                width: 94%;
                display: block;
        }

        .new-home-item {
                width: 100%;
                margin-bottom: 2rem;
        }

        #content .online_method li.new-home-item span {
                margin-top: 0;
        }

        .new-home-item:last-child {
                margin-bottom: 0;
        }

        /* ---------- スマホTOP 来店せずにお部屋を探す ---------- */

        .online_method .method-list ul {
                display: block;
                width: 100%;
        }

        .online_method .method-list li {
                width: 100%;
                float: none;
                margin-bottom: 2rem;
        }

        .online_method .method-list .method_01 a {
                background-image: url(images/web_contact_mobile.png);
        }
        .method_01 a {
                padding-top: 30%;
        }
        .online_method .method-list .method_01 {
                width: 100%;
                padding-bottom: 1rem;
        }

        
        .online_method .method-list li.method_02,
        .online_method .method-list li.method_03 {
                margin-left: 0;
        }

        .online_method .method-list li.method_03 {
                margin-bottom: 0;
        }

        #tintai .online_method .method-list li h3 {
        font-size: 2.2rem;
        padding-bottom: 1rem;
        }
        #tintai .online_method .method-list li.method_03 {
                margin-left: 0;
        }

        /* ---------- スマホTOP 実施中のキャンペーン ---------- */
        #home .campaign-box {
                width: 100%;
                margin: 0 auto;
        }

        #home .campaign-yoyaku a,
        #home .campaign-yoyaku02 {
                width: 94%;
                padding-top: 54%;
                background-size: auto 100%;
                background-position: center top;
                margin: 1rem auto;
        }

        .campaign-list {
                margin: 2rem auto;
        }

        .campaign-list ul {
                display: block;
                width: 94%;
                margin-left: auto;
                margin-right: auto;
        }

        .campaign-list li {
                width: 100%;
                float: none;
                margin-bottom: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
        }

        .campaign-list li img {
                width: auto;
        }

        .campaign-list li.campaign_02,
        .campaign-list li.campaign_03 {
                margin-left: 0;
        }

        /* ---------- スマホTOP おすすめシングル ---------- */

        #home #content .osusume .osusume-title {
                width: 100%;
                padding: 0 0 2rem 0;
        }

        #home #content .single .osusume-title,
        #home #content .family .osusume-title,
        #home #content .concept .osusume-title,
        #home #content .new .osusume-title,
        #home #content .model .osusume-title {
                padding-top: 2rem;
        }

        #content .osusume-title h2 {
                font-size: 2.2rem;
        }

        #content .osusume-title p {
                text-align: center;
        }

        #content .osusume {
                width: 100%;
                margin-bottom: 0;
        }

        #content .osusume-slide {
                width: 100%;
                padding-top: 2rem;
        }

        .osusume-slide .osusume-item {
                width: 94%;
                height: 38rem;
                font-size: 1.8rem;
                padding-bottom: 2rem;
                margin-bottom: 2rem;
                font-size: 1.4rem;
        }
        .osusume-slide .osusume-item .os-detail .detail-text {
                line-height: 2em;
                padding-top: 0.1em;
        }
        .osusume-slide .osusume-item .os-detail .detail-box-3 .detail-text {
                bottom: 0.5rem;
        }


        .osusume-slide .sp-mask {
                width: 100% !important;
        }

        .osusume-slide .osusume-item .os-comment {
                font-size: 1.4rem;
                padding: 0.2rem 0;
        }

        .osusume-slide .osusume-item .os-detail {
                padding: 1rem 2.5rem 0;
        }

        .osusume-slide .osusume-item .os-detail .detail-box {
                padding: 0.2rem 0;
        }

        .osusume-slide .osusume-item .os-image {
                height: 19rem;
        }

        /* ---------- スマホTOP おすすめ新着物件 ---------- */



        #home #content .new-list {
                width: 94%;
                margin: 0 auto;
                margin-top: 2rem;
        }

        #home #content .new-list .article {
                width: 100%;
                margin: 0;
                margin-bottom: 2rem;
        }

        #home #content .article .detail-text {
                height: auto;
                padding-bottom: 4rem;
        }

        /* ---------- ニューストピックスとお知らせ ----------*/
        #content .newstopicscontent {
                padding: 2rem 0;
        }
        #content .newsarticlearticle {
                width: calc(100%/2 - 2rem);
                padding: 1rem 0;
        }
        #content .newsarticlearticle img {
                width: 40vw;
                height: 27vw;
        }

        #content .newstab_item {
                width: calc(100% / 2);
                font-size: 1.5rem;
        }
        #content .newstopicscontent {
                width: 100%;
                flex-wrap: wrap;
        }
        #content .newstopics-box {
                width: 100%;
        }

        /* ---------- スマホTOP Topics - お知らせ ---------- */

        #content .topics-box {
                width: 100%;
        }

        #content .topics-box .article {
                width: 94%;
        }

        #content .topics-box .article dt {
                width: max-content;
                padding: 0.5rem 1.5rem;
                float: none;
                margin-bottom: 1rem;
                background-color: var(--main-color);
        }

        #content .topics-box .article dd {
                width: 100%;
                padding-left: 0;
        }

        /* ---------- スマホTOP 大学学校別お部屋探し専門サイト ---------- */

        #home .hitorigurasisummer {
        font-size: 2.2rem;
        padding: 0 1rem 4rem;
}

        #content .daigaku {
                width: 100%;
        }

        #content .daigaku-title h2 {
                font-size: 2.2rem;
        }

        #content .daigaku_list ul {
                display: block;
                width: 94%;
                margin-left: auto;
                margin-right: auto;
        }

        #content .daigaku_list li a {
                display: block;
                width: 100%;
                float: none;
                margin-right: 0;
                background-size: 100% auto;
                margin-bottom: 1rem;
        }

        #content .daigaku_list {
                padding: 3rem 0;
                margin: 0 auto 2.4rem;
        }

        #content .daigaku_list li {
                width: 94%;
        }

        .swiper {
                margin-bottom: 1rem;
        }

        #tintai #content .daigaku {
                margin: 0 auto;
        }

        #tintai #content .daigaku_list {
                padding: 0;
                margin: -10px auto;
                padding: 2rem 0;
        }
        
        #tintai #content .daigaku_list li a {
                width: 100%;
                padding-top: 0%;
                margin: 0 auto 1rem;
        }

        /* ---------- スマホTOP 賃貸物件特集ページ ---------- */

        #content .special-box {
                width: 100%;
                margin: 0 auto;
                padding: 0 0 2rem;
        }

        #content .special-box .special {
                width: 94%;
                margin: 0 auto;
        }

        #content .special-box .special li {
                width: 100%;
                float: none;
                margin-right: 0;
                margin-bottom: 2rem;
        }

        .swiper {
                padding: 0.25em;
        }

        #content .special-box .swiper {
                overflow: visible;
        }

        #content .special-feature {
                grid-template-columns: 1fr 1fr;
        }

        /* ---------- スマホTOP カテゴリー別物件特集 ---------- */

        #home #content .category .category-item {
                width: 94%;
                padding: 0;
        }

        #home #content .category .category-item li {
                width: 49%;
        }

        #home #content .accordion_cf {
                margin-top: 3em;
        }

        /* ---------- スマホTOP オリジナルコンテンツ ---------- */

        #content .original {
                width: 100%;
                margin: 0em auto;
                margin-top: 0;
        }

        #content .original_list {
                width: 94%;
                margin-left: auto;
                margin-right: auto;
        }

        .list-panel-item {
                width: 48%;
                margin-bottom: 1.2rem;
        }

        #content .original_list li a {
                width: 100%;
                margin-right: 0;
        }

        #content .original_list li .image-box {
                height: auto;
                max-height: 350px;
        }

        /* ---------- スマホTOP お部屋探しお役立ち情報 ---------- */

        #content .useful-info-box {
                width: 100%;
        }

        #content .useful-info-box .useful-info {
                width: 94%;
                margin-left: auto;
                margin-right: auto;
        }

        #content .useful-info-box .useful-info li {
                width: 100%;
                margin-right: 0;
                float: none;
        }

        /* ---------- スマホTOP付帯商品 ---------- */
        #content .ancillary_products_box {
                width: 100%;
        }

        #content .ancillary_products_box .useful-info {
                width: 94%;
                margin-left: auto;
                margin-right: auto;
        }

        #content .ancillary_products_box .useful-info li {
                width: 100%;
                margin-right: 0;
                margin-bottom: 1rem;
                float: none;
        }

        /* ---------- スマホTOP グループサイト ---------- */

        #content .group {
                width: 100%;
                margin-top: 0;
                padding-bottom: 4rem;
        }

        #content .original-title h2 {
                font-size: 1.8rem;
        }

        #content .group_list {
                width: 94%;
                margin: 0 auto;
        }

        #content .group_list ul {
        display: block;
        width: 100%;
        margin: 0 auto;
}

        #content .group_list li a {
                width: 100%;
                margin-bottom: 1em;
                font-size: 1.5rem;
        }

        /* ---------- スマホスタッフBlog ---------- */
        #content .staffblogcontent {
                display: block;
                width: 90%;
        }
        #content .articlearticle {
                width: 100%;
                margin-bottom: 2rem;
                padding: 2rem 3rem;
        }
        #content .articlearticle img {
                width: 85vw;
                height: 80vw;
        }
        #content .staffdetail-box .date {
                font-weight: 500;
                background-color: #ffffff;
                color: var(--main-color);
                padding: 0.8rem 0 0rem;
        }
        #content .staffdetail-box h3 {
                padding-top: 0.5rem;
        }

        /* ---------- スマホTOP SNS ---------- */

        #content .city-sns {
                width: 100%;
                margin-top: 0;
        }

        #content .sns-box {
                width: 94%;
                margin-left: auto;
                margin-right: auto;
                /* margin-top: 2rem; */
        }

        .sns-fb-twitter {
                display: block;
        }

        #content .sns-box .facebook-box {
                width: 100%;
                margin-left: auto;
                /* float: none; */
        }

        .fb_iframe_widget_fluid span {
                height: 400px !important;
        }

        #content .sns-box .facebook-box iframe,
        #content .sns-box .twitter-box iframe {
                height: 500px !important;
        }

        #content .sns-box .twitter-box {
                width: 100%;
                height: auto;
                float: none;
                margin-top: 2rem;
                margin-left: 0;
        }

        #content .sns-box .instagram-box {
                width: 100%;
                float: none;
                margin-top: 2rem;
                margin-bottom: 2rem;
                margin-left: 0;
        }

        /* tajiri追加 */
        #content .sns-box .sns_insta {
                width: 100%;
                margin-left: 0;
                padding-bottom: 2rem;
        }

        #content .sns-box .sns_insta ul.insta_list {
                display: flex;
                justify-content: space-around;
        }

        #content .sns-box .sns_insta ul.insta_list li {
                list-style: none;
                width: calc(94vw / 3 - 1rem);
                height: calc(94vw / 3 - 1rem);
                margin-left: 0px;
        }

        #content .sns-box .sns_insta ul.insta_list li a p {
                width: 80%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                overflow: hidden;
        }

        #content .sns-box .sns_insta ul.insta_list li a p span {
                font-size: 120%;
        }

        /*20220626kawahara追加*/
        .insta_list li img {
                width: 100%;
                height: 100%;
        }

        */
        /* ---------- スマホTOP 徳島のエリアから探す ---------- */
        #content .search-area-body li a i.fa-map-marker-alt {
                width: 15%;
        }
        #content .search-area-body li a span {
                width: 75%;
        }

        #content .search-area-body li {
                width: 100%;
        }
        #content .shop-box01 .tel-box {
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: 250px;
                height: 5rem;
                font-size: 3rem;
                float: left;
                text-align: cente;
                color: var(--main-color);
                margin-top: 0;
                margin-left: 0;
        }

        #content .search-area {
                width: 100%;
                margin-top: 0;
                margin-bottom: 0;
        }

        #content .search-area-body {
                width: 94%;
                margin-left: auto;
                margin-right: auto;
        }

        #content .search-area-body li a {
                width: 100%;
                margin-right: 0;
                font-size: 14px;
        }

        #content .teikei-box {
                width: 100%;
                padding: 3rem 0 2rem;
        }

        #content .teikei-box .teikei {
                width: 94%;
                margin: 0 auto;
        }

        #content .teikei-box .teikei ul {
                display: block;
        }

        #content .teikei-box .teikei li {
                width: 100%;
                float: none;
                margin-bottom: 2rem;
        }

        #content .teikei-box .teikei li a {
                height: 100px;
                padding: 0;
                padding-top: 0;
        }

        #content .teikei-box .teikei li.pikara a {
                background-position: center 0;
                padding-top: 5rem;
        }
        
        #content .teikei-box .teikei li.housemate a {
                background-position: center 0;
                padding-top: 5rem;
        }

        /* ---------- スマホTOP 徳島の賃貸お部屋探しはシティ・ハウジング ---------- */

        #tintsi #content .content-title {
                padding: 4rem 0 0;
        }

        #content .content-title h2 {
                font-size: 2.2rem;
        }
        .box_color01 {
                margin-bottom: -1rem;
        }
        .box_color02 {
                margin: -0.6rem 0;
        }        
        .swiper-box {
                padding: 0.3rem;
        }
        #content .content-title-todeay h2 {
                font-size: 2.2rem;
        }

        #content .shop-info {
                width: 100%;
        }

        #content .message-text {
                width: 94%;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 0;
        }

        .tabs {
                width: 94%;
                padding-bottom: 0;
        }

        .tab_item {
                height: 8rem;
                font-size: 1.6rem;
        }

        .tab_content {
                padding: 0 1.5rem;
        }

        .shop-box-photo .photo-box li {
                width: 100%;
                float: none;
                margin-bottom: 2rem;
        }

        .shop-box01 .yoyaku-box {
                width: 100%;
                height: auto;
                float: none;
                margin-bottom: 2rem;
        }

        .shop-box01 .yoyaku-box a {
                font-size: 2.4rem;
        }

        .shop-box01 .address-box {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                float: none;
                padding-left: 0;
        }

        .shop-box01 .address-box {
                width: 100%;
                text-align: left;
        }

        #content .shop-box01 .tel-box {
                width: 100%;
                float: none;
                text-align: center;
        }

        #content .shop-box01 .link-box a {
                width: 100%;
                font-size: 1.8rem;
                margin: 2rem auto;
                text-align: center;
        }

        .calendar-box {
                width: 100%;
                float: none;
                font-size: 1.8rem;
                margin-bottom: 2rem;
        }

        .calendar-box p {
                width: 100%;
        }

        .calendar-box #calendar,
        .calendar-box #calendar_eki,
        .calendar-box #calendar_oki,
        .calendar-box #calendar_tamiya {
                width: 100%;
        }

        .calendar-box #calendar table,
        .calendar-box #calendar_eki table,
        .calendar-box #calendar_oki table,
        .calendar-box #calendar_tamiya table {
                width: 100%;
        }

        #content .shop-box02 .map-box {
                width: 100%;
                float: none;
        }

        .tab_item {
                height: 6.5rem;
                padding: 0.5rem;
                font-size: 1.3rem;
        }

        /* ---------- スマホTOP フッター ---------- */
        #footer {
                margin-top: 0;
        }

        #footer .footer-body {
                width: 100%;
        }

        #footer .footer-logo {
                height: auto;
                margin-bottom: 1rem;
        }

        #footer .footer-logo a.logo {
                width: 100%;
                padding-top: 16%;
                background-size: 94% auto;
                background-position: center center;
                background-repeat: no-repeat;
                float: none;
        }

        #footer .footer-logo .sns-box {
                justify-content: center;
                width: 100%;
                height: 7rem;
                float: none;
                margin: 1rem auto;
        }

        #footer .footer-logo .sns-box a {
                width: 4rem;
                height: auto;
        }

        #footer .footer-body .fotter-box {
                width: 94%;
                margin-left: auto;
                margin-right: auto;
                float: none;
        }

        #footer .footer-body .sub-list li a {
                margin-left: 6rem;
        }

        /* ---------- スマホTOP Page Top ---------- */
        #pageTop {
                bottom: 5.7em;
                right: 1em;
        }

        /* topics一覧 */
        #content .topics-box {
                margin: -1rem auto 4rem;
        }

        #content .topics-box .topics-list {
                margin-top: -2rem;
        }

        .topics-btn {
                margin-right: 1rem;
        }

        /* ---------- 物件資料請求 ---------- */

        #otoiawase #content01 {
                width: 94%;
                padding-top: 3rem;
        }

        #otoiawase .step-box {
                margin: 4rem auto;
        }

        #otoiawase .step-box li {
                display: block;
                height: auto;
                padding: 0.5rem;
                font-size: 1.6rem;
        }

        #otoiawase .step-box li span {
                font-size: 2.2rem;
        }

        #otoiawase #formWrap {
                width: 100%;
        }

        #otoiawase #formWrap .form-item {
                padding: 0;
        }

        #otoiawase #formWrap dl {
                margin-top: 2rem;
        }

        #otoiawase #formWrap dt,
        #otoiawase #formWrap dd {
                width: 100%;
                padding: 0;
                float: none;
                line-height: normal;
                margin-bottom: 1rem;
        }

        #otoiawase #formWrap .dt-s {
                width: 100%;
                padding: 0;
                float: none;
                line-height: normal;
                margin-bottom: 1rem;
        }

        #otoiawase #formWrap form input,
        #otoiawase #formWrap form select,
        #otoiawase #formWrap form textarea {
                margin: 1.5rem 0;
        }

        #otoiawase #formWrap form textarea {
                width: 100%;
        }

        #otoiawase #formWrap .form-item {
                margin-bottom: 2rem;
        }

        #otoiawase #formWrap form select {
                width: 100%;
        }

        #otoiawase #formWrap form input[type="text"] {
                width: 100%;
        }

        #otoiawase #formWrap form .button-box {
                width: 94%;
                margin: 4rem auto;
        }
        #otoiawase #formWrap form .button-box-s {
                width: 94%;
                margin: 4rem auto;
        }

        #otoiawase #formWrap form .button-box input {
                width: 100%;
        }
        #otoiawase #formWrap form .button-box-s input {
                width: 100%;
        }

        #otoiawase #formWrap form .button-box input[type="submit"],
        #otoiawase #formWrap form .button-box input[type="reset"] {
                float: none;
                margin: 2rem auto;
        }

        #otoiawase #formWrap form .button-box-s input[type="submit"],
        #otoiawase #formWrap form .button-box-s input[type="reset"] {
                float: none;
                margin: 2rem auto;
        }

        /* ---------- 物件資料請求（確認画面） ---------- */
        #otoiawase #formWrap table {
                width: 100%;
        }

        #otoiawase #formWrap table th,
        #otoiawase #formWrap table td {
                width: 100%;
                float: none;
                padding: 0;
        }

        #otoiawase #formWrap input[type="submit"],
        #otoiawase #formWrap input[type="button"] {
                width: 100%;
                margin: 2rem auto;
        }

        /* ---------- 物件資料請求（送信完了画面） ---------- */
        #otoiawase #content01 .back-box a {
                width: 100%;
                margin: 4rem auto;
        }
        #otoiawase #content01 .back-box-s a {
                width: 100%;
                margin: 4rem auto;
        }

        /* ---------- ご来店予約 ---------- */
        #otoiawase #formWrap form .select-time,
        #otoiawase #formWrap form .select-minute {
                width: 100%;
        }

        #otoiawase #formWrap form .select-time select,
        #otoiawase #formWrap form .select-minute select {
                width: 100%;
        }

        #otoiawase .radio-place {
                padding-left: 3rem;
        }

        #otoiawase .radio-style-wrap {
                display: block;
        }

        #otoiawase #formWrap form input[type="text"].place-name {
                font-size: 1.3rem;
        }


        /* ---------- スマホ 徳島賃貸ナビ ---------- */

        #tintai #header h1 {
                font-size: 1.4rem;
                width: 100%;
                position: none;
                margin: 0;
                left: 0;
        }

        #tintai #header .tintai-header-logo {
                display: block;
                width: 94%;
                height: auto;
                margin: 0 auto;
                margin-top: 1.8rem;
        }

        #tintai #header .tintai-header-logo .logo-box {
                width: 40%;
                min-width: 0px;
        }

        #tintai #header .tintai-header-logo .logo-box a {
                width: 100%;
                min-width: 0px;
                padding-top: 20%;
                margin-top: 2rem;
                background-size: 100% auto;
        }

        #tintai #header .tintai-header-tel {
                width: 100%;
                height: auto;
                float: none;
                padding-top: 0;
        }
        #tintai #header .tintai-header-tel dt {
        display: block;
        font-size: 1.4rem;
        }

        #tintai #header .city-logo {
                width: 50%;
                margin-top: 0.7rem;
        }

        #tintai #header .tintai-header-logo .city-logo {
                width: 100%;
                max-width: 580px;
                height: 0;
                padding-top: 15%;
                margin-top: 3rem;
                float: none;
        }

        #tintai .sp_menubox_tel {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 0 auto;
        }
        #tintai .sp_menubox_tel02 {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                margin: 0 auto;
                padding-bottom: 1rem;
        }

        #tintai .breadcrumb {
                position: relative;
                width: 100%;
                position: static;
                margin-bottom: -2.3rem;
        }

        #tintai #tintai-main-menu .menu-box {
                width: 100%;
        }

        #tintai #tintai-main-menu .menu-box li a {
                width: 50%;
                height: 6rem;
        }

        #tintai #tintai-main-menu .menu-box li.menu01 a,
        #tintai #tintai-main-menu .menu-box li.menu02 a,
        #tintai #tintai-main-menu .menu-box li.menu03 a,
        #tintai #tintai-main-menu .menu-box li.menu04 a {
                border-bottom: solid 1px rgba(255, 255, 255, 0.6);
        }

        #tintai #tintai-main-menu .menu-box li.last a {
                border-right: none;
        }

        #tintai #top-search .mapbox {
                width: 100%;
                background-size: 200% auto;
                background-position: right 18% top;
        }

        #tintai #top-search .top-search-body {
                width: 100%;
                height: auto;
                padding-top: 0;
                padding-bottom: 36%;
        }

        #tintai #top-search .top-form-box {
                float: none;
                width: 94%;
                margin: 0 auto;
                margin-top: 145%;
        }

        #tintai #top-search .area0 .fukidashi {
                width: 300px;
                left: -120px;
                text-align: center;
        }

        #tintai #top-search .area5 {
                left: 50%;
                top: 2%;
        }

        #tintai #top-search .area6 {
                left: 37%;
                top: 5%;
        }

        #tintai #top-search .area4 {
                left: 42%;
                top: 6.5%;
        }

        #tintai #top-search .area0 {
                left: 40%;
                top: 8%;
        }

        #tintai #top-search .area2 {
                left: 20%;
                top: 9.5%;
        }

        #tintai #top-search .area2 .fukidashi {
                width: 300px;
                left: -60px;
                text-align: center;
        }

        #tintai #top-search .area1 {
                left: 60%;
                top: 9.5%;
        }

        #tintai #top-search .area1 .fukidashi {
                width: 300px;
                left: -180px;
                text-align: center;
        }

        #tintai #top-search .area3 {
                left: 42%;
                top: 11%;
        }

        #tintai #top-search .area3 .fukidashi {
                width: 300px;
                left: -120px;
                text-align: center;
        }

        #tintai #top-search .area7 {
                left: 66%;
                top: 12.5%;
        }

        #tintai #top-search .area7 .fukidashi {
                left: -100px;
                top: -50px;
                text-align: center;
        }

        #tintai #top-search .area9 {
                left: 2%;
                top: 12.5%;
        }

        #tintai #top-search .area10 {
                left: 66%;
                top: 14.5%;
        }

        #tintai #top-search .type {
                width: 100%;
                float: none;
                padding: 1rem;
        }

        #tintai #top-search .area10 .fukidashi {
                top: -50px;
                left: -80px;
                text-align: center;
        }

        #tintai #top-search .rent-box .rent {
                width: 100%;
                margin: 1rem auto;
                float: none;
        }

        #tintai #top-search .rent-sub .rent-check {
                width: 100%;
                float: none;
                padding: 1rem;
        }

        #tintai #top-search .room {
                width: 100%;
                float: none;
                padding: 1rem;
        }

        #tintai #top-search .top-search-form {
                height: auto;
        }

        #tintai #top-search .structure {
                width: 100%;
                float: none;
                padding: 1rem;
        }

        #tintai #top-search .years {
                width: 100%;
                float: none;
                padding: 1rem;
        }

        #tintai #top-search .dimensions-box .dimensions {
                width: 100%;
                margin: 1rem auto;
                float: none;
        }

        #tintai #top-search .heqs {
                width: 100%;
                float: none;
                padding: 1rem;
        }

        #tintai #top-search .p-heqs {
                width: 100%;
                float: none;
                padding: 1rem;
        }

        #tintai #top-search .button-box {
                display: block;
                margin-top: 0;
        }

        #tintai #top-search .submit_button input[type="submit"],
        #tintai #top-search .reset-button input[type="reset"] {
                width: 100%;
                margin-top: 2rem;
        }

        #tintai #top-search .button-box .reset-button,
        #tintai #top-search .button-box .submit_button {
                width: 100%;
        }

        #tintai #top-search .button-box .submit_button .btn {
                width: 100%;
                margin-top: 2rem;
                margin-bottom: 2rem;
        }

        #tintai #top-search .display-box {
                width: 100%;
        }

        #tintai #top-search .display-area {
                padding: 0.5rem 0;
        }

        #tintai #pageTop {
                bottom: 8em;
        }

        #tintai #top-search .display-box .match-number {
                width: 100%;
                float: none;
                padding: 0.5rem;
        }

        #tintai #top-search .display-box .submit_button {
                width: 100%;
                float: none;
                padding: 0.5rem;
        }

        #tintai #top-number {
                width: 100%;
                bottom: 2rem;
        }

        #tintai #top-number .top-number-box {
                width: 94%;
        }

        #tintai #top-number .top-number-box dt,
        #tintai #top-number .top-number-box dd {
                width: 100%;
                float: none;
                padding: 0.5rem;
                font-size: 2.4rem;
        }

        #content .search {
                width: 100%;
        }

        #tintai #content .search li {
                width: calc(100%/3);
                margin: 0;
                margin-bottom: 0;
        }

        #tintai #content .search li a {
                width: 100%;
        }

        #tintai #content .search li img{
                width: 7rem;
                height: 7rem;
        }

        #tintai .campaign-yoyaku a {
                width: 94%;
                padding-top: 54%;
                background-size: auto 100%;
                background-position: center top;
                margin: 1rem auto;
        }

        #tintai .category-box {
                width: 94%;
                margin: 0 auto;
                margin-top: 2rem;
        }

        #tintai .category-item {
                width: 48%;
                float: left;
                margin: 0 1%;
                margin-bottom: 2rem;
        }

        #tintai .category-item .image-area {
                width: 100%;
                height: auto;
        }

        #tintai .category-item .image-area img {
                width: 100%;
                height: auto;
        }

        #tintai .category-item .text-area {
                border-top: none;
                font-size: 1.6rem;
        }

        #tintai #content .new-list {
                width: 94%;
                margin: 0 auto;
                margin-top: 2rem;
        }

        #tintai #content .new-list .article {
                width: 100%;
                height: auto;
                margin: 0;
                margin-bottom: 2rem;
                float: none;
                padding-bottom: 1rem;
        }

        #tintai #content .new-list .article img {
                width: 100%;
                height: auto;
        }

        #tintai .osusume-item .os-new {
                right: 0.5rem;
                bottom: 0;
        }

        #tintai.area-select .content-box h3 {
                font-size: 2.8rem;
                margin: 2rem auto;
        }

        #tintai.area-select .area-box {
                height: 500px;
                background-size: 200% auto;
                background-position: right 18% top;
        }

        #tintai.area-select .area-box .area-button05 {
                right: 5%;
                top: 10%;
        }

        #tintai.area-select .area-box .area-button01 {
                left: 45%;
                top: 30%;
        }

        #tintai.area-select .area-box .area-button02 {
                left: 55%;
                top: 44%;
        }

        #tintai.area-select .area-box .area-button03 {
                left: 13%;
                top: 44%;
        }

        #tintai.area-select .area-box .area-button04 {
                left: 50%;
                top: 62%;
        }

        #tintai.area-select .area-box .area-button06 {
                left: 1%;
                top: 65%;
        }

        #tintai.area-select .area-box .area-button07 {
                right: 5%;
                top: 80%;
        }

        #tintai.area-select #content .shop-info {
                width: 100%;
        }

        #tintai #content .shop-box02 .map-box {
                width: 100%;
        }

        #tintai .search_category ul {
                grid-template-columns: 1fr 1fr 1fr;
        }
        #tintai .search_category li {
                height: 7.3rem;
        }
        #tintai .search_category {
                padding: 2rem 0;
                margin: 1rem auto 2rem;
        }
        #tintai .search_category h2 {
                padding-bottom: 1.5rem;
        }
        #tintai .accordion {
        width: 100%;
        }
        #tintai .summary_menu {
                width: 94%;
                right: 3%;
        }
        #tintai .summary_menu::before {
        left:80%;
        }

        /*-カレンダー部分メッセージ-*/
        .accordion_calendar {
                width: 100%;
        }


        /* ---------- 徳島賃貸ナビパンくずリスト ---------- */        
        #tintai .breadcrumb li,
        #tintai .breadcrumb li a,
        #tintai .breadcrumb li::after {
                color: var(--main-color);
        }


        /* ---------- ハイルーム ---------- */
        #otoiawase.hairoom .hairoom-box {
                width: 94%;
                margin: 2rem auto;
                padding: 0;
                padding-bottom: 54%;
                background-position: center bottom;
                background-size: 50% auto;
        }

        /* ---------- CMギャラリー ---------- */
        #cm-gallery .breadcrumb {
                width: 94%;
        }

        #cm-gallery .top-image-box {
                height: 24rem;
        }

        #cm-gallery .top-image-box h2 {
                font-size: 3.4rem;
        }

        #cm-gallery .gallery-box {
                width: 100%;
                margin: 2rem auto;
        }

        #cm-gallery .gallery-box .cm-box {
                width: 94%;
                margin: 2rem auto;
                float: none;
        }

        /* ---------- シティちゃんねる ---------- */
        .city-channel-top-image-box {
                height: 16.5rem;
        }

        /* ---------- 賃貸用語集 ---------- */

        #word .top-image-box {
                height: 24rem;
                background-position: right 20% center;
        }

        #word .top-image-box h2 {
                font-size: 3.4rem;
        }

        #word .content-box .word-box {
                width: 100%;
                margin: 2rem auto;
        }

        .my-down {
                right: 3%;
        }

        #word .content-box .word-box .line-box .line-item dt,
        #word .content-box .word-box .line-box .line-item dd {
                width: 100%;
                float: none;
        }

        #word .content-box .word-box .line-box .line-item dt {
                margin-bottom: 1rem;
        }

        /*相原追加スマホ用ハンバーガーメニュー*/
        #nav-content {
                overflow: auto;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 9999;
                width: 90%;
                max-width: 60%;
                height: 100%;
                background: #333;
                transition: .3s ease-in-out;
                -webkit-transform: translateX(-105%);
                transform: translateX(-105%);
                padding: 2rem;
        }

        /* ---------- 新型コロナウイルス感染拡大防止に伴う対応について ---------- */

        #prevention .top-title {
                width: 94%;
                padding: 3%;
                margin: 2rem auto;
                padding-bottom: 24%;
                background-size: auto 40%;
        }

        #prevention .top-title h2 {
                padding-top: 17%;
                background-size: 100% auto;
        }

        #prevention .top-title .top-title-comment {
                width: 100%;
                margin-top: 1rem;
                font-size: 1.4rem;
        }

        #prevention .prevention-menu {
                width: 94%;
                margin-bottom: 2rem;
        }

        #prevention .prevention-menu li a {
                width: 49%;
                height: auto;
                padding-top: 34%;
                margin-right: 0;
                margin-bottom: 2%;
                font-size: 1.4rem;
        }

        #prevention .prevention-menu li.menu01 a,
        #prevention .prevention-menu li.menu03 a,
        #prevention .prevention-menu li.menu05 a {
                margin-right: 2%;
        }

        #prevention .step-box {
                width: 94%;
                margin-bottom: 2rem;
        }

        #prevention .step-box .step-title {
                background-image: none;
                padding: 0;
                margin-bottom: 3%;
        }

        #prevention .step-box .step-title h3 {
                width: 100%;
                margin-left: 0;
                background-size: auto 55%;
                background-position: left bottom;
                padding-top: 22%;
        }

        #prevention .step-title h3 span {
                left: 0;
                top: 10%;
        }

        #prevention .step-title h3 {
                background-repeat: no-repeat;
                background-position: right 3rem center;
                background-size: 30% auto;
                background-image: url(images/step05_title.png);
        }


        #prevention .step-list-box ul {
                width: 100%;
        }

        #prevention .step-list-box li {
                margin-bottom: 1rem;
        }

        #prevention .step-list-box li .list-number {
                width: 12%;
        }

        #prevention .step-list-box li .list-text {
                width: 88%;
        }

        #prevention .step-list-box {
                display: block;
        }

        #prevention .step-list-box ul {
                width: 100%;
                margin-right: 0;
        }

        #prevention .step-list-box .photo-wrap {
                width: 100%;
        }

        #prevention .step-list-box .photo-wrap img {
                width: 100%;
                margin: 1rem auto;
        }

        #prevention #step_bottom .step-list-box {
                padding-bottom: 30%;
                background-size: auto 50%, 98% auto;
                margin-bottom: 4rem;
        }

        .tintai-search-box {
                margin-bottom: 4rem;
        }

        .tintai-search-box a div {
                flex-direction: column;
                margin-left: 0;
                margin-bottom: 0;
        }
        .tintai-search-box a {
                margin-left: 0;
                font-size: 12px;
        }
        .search-box- li, .search- li, .search-- li {
                align-items: baseline;
                margin: 0.5rem;
        }
        .search-- li {
                width: calc(100%/3);
        }
        .search-- li a {
                font-size: 13px;
                line-height: 1.3;
        }
        .tintai-search-box a span {
                font-size: 20px;
        }
        #city-navi .accordion {
                margin: 0 auto;
        }

        #tintai #content .content-title02 {
                padding: 3rem 0 0.5rem;
        }
        /* ---------- スマホ用ここまで ---------- */

}

@media screen and (max-width:600px) {
        .sp03 {
                display: block;
        }
        .sp-04 {
                display: none;
        }
        .search-- li a {
        justify-content: center;
        }
        #home #content .category .category-item li {
                width: 100%;
        }
        #home #content .category .category-item li a span {
                font-size: 14px;
        }

        .br_sp {
        display: block;
        }

        #content .search_ul {
                padding-right: 1rem;
        }
        #tintai .search_category ul {
                grid-template-columns: 1fr 1fr;
        }
        #content .search {
                width: 100%;
        }
        #tintai #content .search li {
                width: 100%;
        }
        #tintai .search_ul {
                width: 95%;
                flex-direction: column;
        }
        #tintai #content .search li {
                margin-bottom: 1rem;
        }
        #content .search li a {
                display: flex;
                align-items: center;
                background-color: var(--main-color);
                border-radius: 5rem 0 0 5rem;
        }
        .search-map-img-div {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 6rem;
                height: 6rem;
                background-color: #fff;
                border-radius: 50%;
                border: solid 0.3rem var(--main-color);
        }
        #tintai #content .search li img{
                width: 4rem;
                height: 4rem;
        }
        #tintai #content .link-text {
                width: 78%;
                height: 100%;
                font-size: 18px;
                letter-spacing: 0.1rem;
                padding-left: 1.2rem;
                text-align: left;
                color: #fff;
        }
        .gakkou_summary {
                display: flex;
                align-items: center;
                background-color: var(--main-color);
                border-radius: 5rem 0 0 5rem;
        }
        #tintai #content .summary_menu a {
                background-color: #fff;
                border-radius: 0;
        }
}
@media screen and (max-width:425px) {
        #slider1 {
                height: 128vw;
        }
}
@media screen and (max-width:400px) {
        #slider1 {
                height: 133vw;
        }
        #tintai .search_category li {
                font-size: 1.3rem;
        }
        #tintai #header .tintai-header-logo .city-logo a {
                padding-top: 55%;
                margin-top: 3.5rem;
        }
        #tintai .sp_menubox_tel02 {
                display: block;
        }
        #tintai #header .tintai-header-logo .logo-box {
                width: 100%;
        }
        #tintai #header .tintai-header-logo .logo-box a {
                width: 94%;
                margin: 0 auto;
        }
        #tintai #header .tintai-header-tel {
                width: 100%;
        }
        #tintai #header .tintai-header-tel dd {
                font-size: 3.2rem;
        }
        #tintai #header .tintai-header-logo {
                padding-bottom: 0;
        }
        #tintai .search_category {
                width: 100%;
                margin: 0 auto;
                padding: 1.5rem 0;
        }
        #content .content-title {
                padding: 4rem 3% 1.5rem;
        }
        #tintai .search_category h2 {
                padding-bottom: 1rem;
        }
        #tintai .search_category li {
                height: 6.3rem;
        }
        #tintai .search_category a {
                height: 5rem;
        }
}
@media screen and (max-width:250px) {
        #slider1 {
                        height: 146vw;
                }
}

                /* ---------- 言語を選択 ---------- */

.language{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        color: #ffffff;
        background-color: #333333;
        position: fixed;
        top: 0;
        z-index: 9999;
}

.language-{
        padding-right: 3%;
}

#otoiawase #formWrap .center-s {
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: #008CCE;
        font-size: 1.2em;
        color: #ffffff;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px #008CCE;
        margin: 80px 20px;
}