* {
        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;
}

.br-sp {
        display: none;
}
.mobile {
        display: none;
}

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

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

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

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


/*
.box-fadein img {
opacity: 0;
-webkit-transition: opacity 3s;
transition: opacity 1s;
}
.box-fadein.lazyloaded img.lazyloaded {
opacity: 3;
}

.lazyload-box {
background-color:rgba(255,255,255,1.0);
background-blend-mode:lighten;
transition: all 1s ease;
}

.lazyload-box.lazyloaded {
background-color:rgba(255,255,255,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: 127px;
        margin: 0 auto;
}

#header .header-logo {
        position: relative;
        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: #e5001b;
}

.breadcrumb {
        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: 100%;
        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: #e5001b;
        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: 5px;
}

#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;
}



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


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

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

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

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

#tintai #main {
        width: 1200px;
}

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

#content .tel-box {
        width: 100%;
        min-width: 1200px;
        height: auto;
        margin: 0 auto;
        margin-top: 6rem;
        overflow: hidden;
        padding: 4rem 0;
        background-image: radial-gradient(rgba(230, 0, 28, 0.1), rgba(230, 0, 28, 0));
        background-size: 3px 3px;
}

#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: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 3rem;
}

#content .tel-box .tel-number dl {
        display: block;
        width: 100%;
        height: auto;
        overflow: hiden;
}

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

#content .tel-box .tel-number dt {
        display: block;
        width: 100%;
        height: auto;
        font-size: 2rem;
        color: #e5001b;
        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;
}

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

/* ---------- content タイトル ---------- */
#content .content-title {
        text-align: center;
        color: #136CBC;
}

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

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


@media only screen and (max-width: 786px) {
        #header {
                        height: 207px;
                }
}
@media (max-width: 1920px) and (min-width: 769px) {
        .swiper-slide {
                padding-left: 0.8%;
        }
}

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

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

        #home #content .search ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
        }

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

        #home #content .youtube-box {
                margin: 2rem auto 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 ul {
        display: block;
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
}

.online_method .method-list li {
        display: block;
        width: 32%;
        height: auto;
        float: left;
}

.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 li.method_01 a {
        background-image: url("images/top_slide_web.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;
}

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

#content .topics-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 3rem auto 0;
        background-color: #FFFFFF;
}

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

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

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

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

#content .topics-box .article dt {
        display: block;
        width: 20%;
        height: auto;
        padding: 0.5rem;
        background-color: #136CBC;
        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;
        font-size: 1.6rem;
        color: #136CBC;
}

#content .topics-box .article dd .blog-detail span {
        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: #e5001b;
        color: #ffffff;
}

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

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

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

#content .special-box {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 4rem auto;
}

#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 #e5001b;
}

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

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

#content .city-sns {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 40px;
}

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

.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;
}

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

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

#content .sns-box .sns_insta {
        width: 73%;
        margin-left: 15%;
}

#content .sns-box .sns_insta ul.insta_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
}

#content .sns-box .sns_insta ul.insta_list li {
        list-style: none;
        width: 31%;
        margin-left: 5px;
        margin-bottom: 5px;
}

#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: 280px;
        height: 280px;
        object-fit: cover;
}

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

#content .message-text {
        width: 100%;
        height: auto;
        margin-top: 20px;
}

/* ---------- シティ・ハウジングの店舗紹介 ---------- */
/*タブ切り替え全体のスタイル*/
.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: 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;
        color: #e5001b;
        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;
}

*::-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 {
        display: block;
}

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

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

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

.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: #e5001b;
        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: 2.8rem;
        float: left;
        text-align: cente;
        color: #e5001b;
        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: #e5001b;
}

#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: #e5001b;
        margin-left: 50px;
        float: left;
        text-decoration: none;
        border-radius: 5px;
}


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

.calendar-box {
        width: 190px;
        height: auto;
        overflow: hidden;
        float: left;
}

.calendar-box p {
        display: block;
        width: 190px;
        height: 30px;
        text-align: center;
        background-color: #e5001b;
        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: 190px;
        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: 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: calc(100%/3);
        float: left;
        margin-top: 1em;
        border-right: solid 2px #ffffff;
}

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

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

#footer .footer-body {
        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: 480px;
        height: 0;
        overflow: hidden;
        padding-top: 80px;
        background-image: url("images/footer-logo.png");
        background-size: contain;
        margin: 20px 0 0;
        float: left;
}

#footer .footer-logo .sns-box {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 720px;
        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: 33.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 .breadcrumb {
        display: block;
        position: absolute;
        left: 0;
        top: 90px;
        z-index: 999;
}

#tintai .breadcrumb li,
#tintai .breadcrumb li a,
#tintai .breadcrumb li::after {
        color: #e5001b;
}

/* ---------- 徳島賃貸ナビヘッダー ---------- */
#tintai #header .tintai-header-logo {
        position: relative;
        width: 1200px;
        height: 120px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 2.5rem;
}

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

#tintai #header .tintai-header-logo .logo-box a {
        display: block;
        width: 415px;
        height: 0;
        overflow: hidden;
        background-image: url("images/chintai_logo.png");
        background-size: auto 40px;
        background-repeat: no-repeat;
        padding-top: 60px;
        margin-top: 40px;
        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: 435px;
        height: 100px;
        float: left;
        padding-top: 20px;
}

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

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

#tintai #header .tintai-header-logo .city-logo a {
        display: block;
        width: 350px;
        height: 0;
        overflow: hidden;
        padding-top: 100px;
        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: #e5001b;
}

#tintai #tintai-main-menu .menu-box {
        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: #e5001b;
        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: 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: #e5001b;
        font-size: 1.8rem;
        line-height: 50px;
        text-align: center;
        border-radius: 10px 10px 0 0;
        color: #ffffff;
        background-color: #e5001b;
}

#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: #e5001b;
}

#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: #e5001b;
        font-size: 1.4rem;
        border: solid 1px #e5001b;
        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: 100%;
max-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: #e5001b;
        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: #e5001b;
        text-align: center;
        border: solid 1px #e5001b;
        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: #e5001b;
        text-align: center;
        border: solid 1px #e5001b;
        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: #e5001b;
}

#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: 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: #e5001b;
        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: 285px;
        margin-right: 20px;
}

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

#tintai #content .search li a {
        width: 285px;
        padding: 0;
}

#tintai #content .search li a .link-text {
                display: block;
                width: 60%;
                height: auto;
                border-right: solid 1px #e5001b;
                padding: 4rem 1rem;
        color: #e5001b;
        text-align: center;
        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;
}

#tintai #content .search li.search-raiten a {
        background-image: url("images/yoyaku.png");
}

#tintai #content .daigaku_list {
        background: none;
}

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

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

/* ---------- 下層ページ タイトル ---------- */
.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: 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: 2.8rem;
        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: 2.8rem;
        font-weight: bold;
        text-align: center;
        margin-top: 3.5rem;
        margin-bottom: 1rem;
}

.top-title-box span.en {
        color: #e5001b;
}

.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: 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: #e5001b;
}

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

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

/* ---------- コンテンツタイトル ---------- */
.content-title {
        width: 100%;
        height: auto;
        text-align: center;
        color: #333;
        margin-top: 4rem;
}

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

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

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

#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: 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日変更用語ページ用*/
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
}

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

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

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

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

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

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: 2.8rem;
}

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

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

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

details[open] 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: 94%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
}

#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: 2.2rem;
        font-weight: bold;
        margin-right: 5%;
        z-index: -1;
        padding: 0 10px;
}

#otoiawase .step-box li span {
        font-size: 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: #e6001c;
}

#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 #e6001c;
        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.4rem;
}

#otoiawase #formWrap dl {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        margin: 4rem 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;
        font-size: 1.6rem;
        box-sizing: border-box;
        float: left;
        padding: 1em;
        line-height: 2.8em;
        color: #e6001c;
}

#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: #e6001c;
}

#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: #e6001c;
        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: #e6001c;
        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: #e6001c;
        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: 100%;
max-width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: #ffffff;
        font-size: 1.2em;
        color: #e6001c;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px #e6001c;
        margin: 0;
        -webkit-appearance: none;
}

#otoiawase #formWrap form .button-box-s input {
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 100%;
max-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: #e6001c;
        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: #e6001c;
        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: 100%;
        max-width: 300px;
        height: 60px;
        box-sizing: border-box;
        background-color: #e6001c;
        font-size: 1.2em;
        color: #ffffff;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px #e6001c;
        margin: 4rem auto 0;
}

#otoiawase #formWrap input[type="button"] {
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        background-color: #ffffff;
        font-size: 1.2em;
        color: #e6001c;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        border: solid 1px #e6001c;
        margin: 4rem auto 0;
}
#otoiawase #formWrap input[type="button-s"] {
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 100%;
max-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: 4rem auto 0;
}

#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: #e5001b;
}

#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.4rem;
        margin-bottom: 80px;
}

#otoiawase #content01 .back-box a {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 250px;
        color: #ffffff;
        background-color: #e6001c;
        border-radius: 7px;
        font-size: 2.2rem;
        font-weight: bold;
        margin: 40px auto;
        padding: 2rem 0;
        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: 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(83, 81, 81, 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);
}

/* ---------- スタッフ紹介 ---------- */
.ch-staff {
        width: 78%;
        max-width: 1200px;
        margin: 0 auto;
        padding-bottom: 5rem;
        overflow: hidden;
}
.agent {
        width: 70%;
        text-align: center;
        font-size: 32px;
        font-weight: bold;
        padding: 0.5rem 0 0.7rem;
        margin: 0 auto 2rem;
        color: #fff;
        background: #136CBC;
}
.ch-staff-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
}
.ch-staff-img {
        width: 30%;
        height: 450px;
        overflow: hidden;
        position: relative;
}
.ch-staff-img img {
        height: 450px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block;
}
.ch-staff-text {
        width: 70%;
        margin-left: 4rem;
}
.ch-staff-text h2 {
        font-size: 30px;
        padding-bottom: 2rem;
}
.ch-staff-text p {
        padding-bottom: 1rem;
}
.more {
        display: flex;
        justify-content: right;
        padding-top: 2rem;
        padding-right: 1.5rem;
        margin-right: 0;
}
.more a {
        padding: 1rem 4rem;
        color: #fff;
        background: #136CBC;
        text-decoration: none;
}

/* ---------- スタッフ紹介ページ内 ---------- */
#staff01 {
        width: 100%;
}

#staff01 .staff-box {
        display: flex;
        justify-content: center;
        align-items: center;
}

#staff01 .staff-text {
        width: 94%;
        max-width: 1200px;
        position: absolute;
        top: 240px;
        color: #fff;
        text-shadow: 0 0 5px #2c2826;
        z-index: 1;
}

#staff01 .staff-text p {
        font-size: 24px;
}

#staff01 .staff-text span {
        font-size: 40px;
}

#staff01 .staff-img {
        width: 100%;
}

#staff01 .staff-img img {
        width: 100%;
        vertical-align: top;
}

#staff01 .staff-text-box {
        width: 94%;
        max-width: 1200px;
        margin: 50px auto 0;
        ;
}

#staff01 .staff-text-box h1 {
        padding-bottom: 2rem;
        font-size: 28px;
        margin: 0 auto;
}

#staff01 .staff-image-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 50px;
}

#staff01 .staff-image-box img {
        width: calc(100%/4);
}

#staff01 .staff-text-box02 {
        width: 94%;
        max-width: 1200px;
        padding: 1rem 0;
        margin: 0 auto;
}
/* ---------- スタッフ紹介_Facebook ---------- */
#staff01 .sns-box {
        width: 100%;
        max-width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 1rem;
}
#staff01 .sns-box h2 {
        font-size: 32px;
        text-align: center;
        padding: 2rem 0;
}
#staff01 .sns-box p {
        text-align: center;
}
#staff01 .facebook-box {
        width: 50%;
        height: auto;
        margin: 0 auto;
}
#staff01 .fb_iframe_widget {
        position: relative;
        top: 380px;
        left: 50%;
        transform: translate(-50%, -50%);
}

/* ---------- PC用設定ここまで ---------- */



/* ---------- 画面サイズが767px以下の場合読み込む---------- */

@media only screen and (max-width: 768px) {

        .pc {
                display: none;
        }

        .mobile {
                display: inherit;
        }

        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;
        }

        /* ---------- スマホ ヘッダー ---------- */

        #header .header-logo {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: auto;
                border-top: solid 8px #e5001b;
        }

        #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;
        }

        .mdd_wrap,
        .mdd_inner,
        .mdd_body {
                display: none;
        }

        /* ---------- スマホ ハンバーガーメニュー ---------- */

        #nav-open {
                top: 3%;
                right: 3%;
        }

        /* ---------- スマホ パンくずリスト ---------- */

        .breadcrumb {
                width: 94%;
                margin: 0 auto;
        }

        /* ---------- スマホ メインエリア ---------- */
        #main {
                width: 100%;
        }

        #home #main,
        #tintai #main {
                width: 100%;
        }

        .content-title {
                width: 94%;
                margin: 0 auto;
                margin-top: 2rem;
        }

        #content .content-title h2 {
                font-size: 2rem;
        }

        #content .content-title p {
                text-align: left;
        }

        /* ---------- スマホ ページタイトル ---------- */

        .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: #444444;
        }

        .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 電話番号 ---------- */

        #content .tel-box {
                width: 100%;
                min-width: 100%;
                margin-top: 0;
        }

        #content .tel-box .tel-title {
                width: 100%;
        }

        #content .tel-box .tel-title h2 {
                font-size: 2rem;
                margin-bottom: 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: #e5001b;
                border-radius: 0.5rem;
        }

        #content .tel-box .contact-button a i {
                font-size: 2.8rem;
                margin-right: 1rem;
        }

        #content .tel-box .tel-number .tel-item {
                width: 100%;
        }

        #content .tel-box .tel-number dd {
                margin-bottom: 2rem;
        }

        /* ---------- スマホ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 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;
        }

        #content .topics-box .article dd {
                width: 100%;
                padding-left: 0;
        }

        /* ---------- スマホ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%;
                float: none;
        }

        .fb_iframe_widget_fluid span {
                height: 400px !important;
        }

        #content .sns-box .facebook-box iframe,
        #content .sns-box .twitter-box iframe {
                height: 400px !important;
        }

        #content .sns-box .twitter-box {
                width: 100%;
                height: 400px;
                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;
                margin-top: 1rem;
        }

        #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: 30vw;
                height: 30vw;
                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 フッター ---------- */
        #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: 1em;
                right: 1em;
        }


        /* topics一覧 */
        #content .topics-box {
                margin: 4rem auto 3rem;
        }

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

        .topics-btn {
                margin-right: 1rem;
        }

        /* ---------- 物件資料請求 ---------- */

        #otoiawase #content01 {
                width: 94%;
        }

        #otoiawase .step-box {
                margin: 4rem auto;
        }

        #otoiawase .step-box li {
                flex-direction: column;
                height: auto;
                padding: 0.5rem;
                font-size: 1.6rem;
        }

        #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: 1rem 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 {
                width: 80%;
        }

        #tintai #header .tintai-header-logo {
                width: 94%;
                height: auto;
                margin: 0 auto;
                margin-top: 1.8rem;
        }

        #tintai #header .tintai-header-logo .logo-box {
                width: 100%;
        }

        #tintai #header .tintai-header-logo .logo-box a {
                width: 100%;
                padding-top: 20%;
                margin-top: 20%;
                background-size: 100% auto;
        }

        #tintai #header .tintai-header-tel {
                width: 100%;
                height: auto;
                float: none;
        }

        #tintai #header .tintai-header-logo .city-logo a {
                width: 100%;
                height: 0;
                padding-top: 22%;
                float: none;
        }

        #tintai .breadcrumb {
                position: relative;
                width: 100%;
                position: static;
        }

        #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: 100%;
max-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: 100%;
max-width: 300px;
                left: -60px;
                text-align: center;
        }

        #tintai #top-search .area1 {
                left: 60%;
                top: 9.5%;
        }

        #tintai #top-search .area1 .fukidashi {
                width: 100%;
max-width: 300px;
                left: -180px;
                text-align: center;
        }

        #tintai #top-search .area3 {
                left: 42%;
                top: 11%;
        }

        #tintai #top-search .area3 .fukidashi {
                width: 100%;
max-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 {
                margin: 0 auto;
        }

        #content .content-title p {
                margin-bottom: 1rem;
        }

        #tintai #content .search li {
                width: 100%;
                margin: 0;
                margin-bottom: 2rem;
        }

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

        #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 .osusume {
                margin-bottom: 0;
        }

        #tintai #content .osusume-item {
                width: 99%;
                height: 46rem;
        }

        #tintai .osusume-slide .osusume-item .os-image {
                height: auto;
        }

        #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 #content .daigaku_list li a {
                width: 100%;
                padding-top: 65%;
        }

        #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%;
        }

        /* ---------- 賃貸用語集 ---------- */

        #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;
        }

                /* ---------- スタッフ紹介_Facebook ---------- */
                #staff01 .facebook-box {
                        width: 100%;
                }
        
                #staff01 .facebook-box iframe {
                        height: 500px !important;
                }
        
                /* ---------- スタッフ紹介 ---------- */
                .agent {
                        font-size: 28px;
                }
        
                .ch-staff {
                        width: 100%;
                }
        
                .ch-staff-box {
                        display: block;
                }
        
                .ch-staff-img {
                        width: 100%;
                        height: 300px;
                }
        
                .ch-staff-img img {
                        height: 300px;
                }
        
                .ch-staff-text {
                        width: 78%;
                        margin: 0 auto;
                }
        
                .ch-staff-text h2 {
                        font-size: 21px;
                        padding: 2rem 0 0.5rem;
                        line-height: 1.2;
                }
        
        
                #staff01 .staff-box {
                        position: relative;
                        width: 100%;
                        height: 69vw;
                        overflow: hidden;
                }
        
                #staff01 .staff-text {
                        top: 7vw;
                }
        
                #staff01 .staff-text span {
                        font-size: 7vw;
                }
        
                #staff01 .staff-text p {
                        font-size: 16px;
                }
        
                #staff01 .staff-img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                }
        
                #staff01 .staff-img img {
                        display: block;
                        width: 100%;
                }
        
                #staff01 .sns-box h2 {
                        padding: 0;
                }
                }
        
                @media screen and (max-width:550px) {
                        .more {
                                padding-right: 0;
                        }
        
                        .ch-staff-text {
                                width: 80%;
                        }
        
                        #staff01 .staff-box {
                                height: 57vw;
                        }
        
                        #staff01 .staff-img img {
                                display: block;
                                width: auto;
                                height: 90vw;
                        }
        
                        #staff01 .staff-text-box {
                                margin: 0 auto;
                        }
        
                        #staff01 .staff-text-box h1 {
                                font-size: 21px;
                                padding-bottom: 1rem;
                        }
        
                        #staff01 .staff-image-box {
                                padding-top: 0;
                                flex-wrap: wrap;
                        }
        
                        #staff01 .staff-image-box img {
                                width: 50%;
                                vertical-align: top;
                        }
                }
        
                /* ---------- スマホ用ここまで ---------- */
        
                @media screen and (max-width:600px) {
                        #home #content .category .category-item li {
                                width: 100%;
                        }
                }
        
                @media screen and (max-width:290px) {
                        #header .header-menu-text- {
                                font-size: 12px;
                        }
}

                /* ---------- 言語を選択 ---------- */

.language{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        color: #ffffff;
        background-color: #E5001B;
        position: fixed;
        top: 0;
        z-index: 9999;
}

.language-{
        padding-right: 3%;
}

#otoiawase #formWrap .center-s {
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 100%;
max-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: 4rem auto 0;
}