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

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


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

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

.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);
}
*/


/* ---------- コンセプトリフォーム ---------- */

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

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

#concept .room-list-box .bukken-box .corner-box span {
    top: 18%;
    right: 4%;
    font-size: 1.6rem;
}


/* ---------- 新築物件 ---------- */

#area-new .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background-image: url(images/area_new_top.jpg);
    background-size: cover;
    background-position: bottom center;
}

#area-new .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;
}

#area-new #main {
    width: 100%;
    height: auto;
}

#area-new .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

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

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

#areanewa #main {
    width: 100%;
    height: auto;
}

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


/* ---------- 分譲/戸建賃貸物件 ---------- */

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

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

#condominium #main {
    width: 100%;
    height: auto;
}

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


/* ---------- インターネット無料物件 ---------- */

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

#net-zero .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;
}

#net-zero #main {
    width: 100%;
    height: auto;
}

#net-zero .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

#net-zero .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 9%;
    right: 8%;
}


/* ---------- 新婚さん向け物件 ---------- */

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

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

#couple #main {
    width: 100%;
    height: auto;
}

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

#couple .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 9%;
    right: 8%;
}


/* ---------- 敷金礼金0円物件 ---------- */

#area-zero .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background: url(images/area_zero_top.jpg) center center no-repeat;
    background-size: cover;
    filter: grayscale(40%);
}

#area-zero .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.5) 2px 2px 4px, rgba(0, 0, 0, 0.5) -2px 2px 4px;
}

#area-zero #main {
    width: 100%;
    height: auto;
}

#area-zero .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

#area-zero .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 9%;
    right: 0%;
}


/* ---------- 徳島駅周辺物件 ---------- */

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

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

#station #main {
    width: 100%;
    height: auto;
}

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

#station .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 9%;
    right: 0%;
}


/* ---------- 高級賃貸物件 ---------- */

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

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

#luxury #main {
    width: 100%;
    height: auto;
}

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

#luxury .room-list-box .bukken-box .corner-box span {
    font-size: 2.4rem;
    top: 5%;
    right: 10%;
}


/* ---------- デザイナーズ物件 ---------- */

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

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

#designers #main {
    width: 100%;
    height: auto;
}

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

#designers .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 10%;
    right: 5%;
}


/* ---------- ペットOK物件  ---------- */

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

#area-pet .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;
}

#area-pet #main {
    width: 100%;
    height: auto;
}

#area-pet .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

#area-pet .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 10%;
    right: 5%;
}


/* ---------- トランク・コンテナルームを借りる ---------- */

#trunk-room .top-navi {
    margin-bottom: 5rem;
}

.trunk-contents {
    max-width: calc(1200px + 6%);
    padding: 0 3%;
    margin: 0 auto;
}

.trunk-link-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10rem auto;
}

.trunk-link-wrap,
.container-link-wrap {
    width: 48%;
    background-color: #ff6c1b;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
}

.trunk-page-link,
.container-page-link {
    text-decoration: none;
}

.trunk-link-box,
.container-link-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.trunk-link-img,
.trunk-link-text,
.container-link-img,
.container-link-text {
    color: #ffffff !important;
    font-size: 2.3rem;
}

.trunk-link-img,
.container-link-img {
    width: 10%;
    margin-right: 5%;
}

.trunkroom-img,
.containerroom-img {
    width: 100%;
}


/* ---------- トランクルームを借りる ---------- */

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

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

.trunk-campaign-img {
    width: 100%;
}

#trunk-room .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;
}

#trunk-room #main {
    width: 100%;
    height: auto;
}

#trunk-room .content-box01 {
    width: 1200px;
    height: auto;
    margin: 6rem auto;
    margin-bottom: 10rem;
    position: relative;
}

#trunk-room .content-box01 span {
    display: block;
    width: max-content;
    height: auto;
    padding: 1rem 2rem;
    margin: 1rem auto;
}

#trunk-room .content-box01 span.trunk-midashi01 {
    font-size: 3.4rem;
    font-weight: bold;
    color: #99211b;
}

#trunk-room .content-box01 span.trunk-midashi02 {
    width: 100%;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    background-color: #99211b;
    color: #ffffff;
}

#trunk-room .content-box01 span.trunk-midashi03 {
    position: absolute;
    left: 0;
    top: 2rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #99211b;
    background-color: #fceb5d;
    border: solid 3px #99211b;
    border-radius: 1rem;
    transform: rotate(-15deg);
}

#trunk-room .content-box01 span.trunk-midashi04 {
    position: absolute;
    right: 0;
    bottom: -6rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #99211b;
    background-color: #fceb5d;
    border: solid 3px #99211b;
    border-radius: 1rem;
    transform: rotate(-15deg);
}

#trunk-room .content-box02,
#trunk-room .content-box03 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 8rem;
}

#trunk-room .content-box a.detail-box {
    display: block;
    width: 100%;
    height: auto;
    padding: 1rem 2rem;
    color: #ffffff;
    background-color: #99211b;
    text-decoration: none;
}

#trunk-room .content-box .detail-box h3 {
    font-size: 3rem;
    border-bottom: solid 1px #ffffff;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

#trunk-room .content-box .detail-box h3 i {
    margin-left: 2rem;
}

#trunk-room .content-box .yell-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#trunk-room .yell-box .photo-box {
    width: 50%;
    height: auto;
    padding: 4rem 2rem;
    float: left;
}

#trunk-room .yell-box .photo-box img {
    width: 100%;
    height: auto;
}

#trunk-room .yell-box .map-box {
    width: 50%;
    height: auto;
    padding: 4rem 2rem;
    float: left;
}

#trunk-room .yell-box .map-box iframe {
    width: 100%;
    height: 373px;
}

#trunk-room .content-box .button-box a {
    display: block;
    width: max-content;
    margin: 2rem auto;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 2.5rem 4rem;
    color: #ffffff;
    background-color: #99211b;
    text-decoration: none;
    border-radius: 1rem;
}

#trunk-room .content-box .button-box a i {
    margin-left: 2rem;
}


/* ---------- こだわりキッチン ---------- */

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

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

#kitchen #main {
    width: 100%;
    height: auto;
}

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


/* ---------- 戸建・メゾネット ---------- */

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

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

#maisonette #main {
    width: 100%;
    height: auto;
}

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


/* ---------- 自分のお部屋 ---------- */

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

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

#myroom #main {
    width: 100%;
    height: auto;
}

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


/* ---------- 家賃7万円以下物件 ---------- */

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

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

#orless #main {
    width: 100%;
    height: auto;
}

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


/* ---------- セキュリティ ---------- */

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

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

#security #main {
    width: 100%;
    height: auto;
}

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

/* ---------- 外国人向け1R-1DK ---------- */

#oneR-oneDK .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background-image: url(images/1R_1DK_top.jpg);
    background-size: cover;
    background-position: bottom center;
}

#oneR-oneDK .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;
}

#oneR-oneDK #main {
    width: 100%;
    height: auto;
}

#oneR-oneDK .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
/* ---------- 外国人向け1LDK ---------- */

#oneLDK .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background-image: url(images/1LDK_top.jpg);
    background-size: cover;
    background-position: bottom center;
}

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

#oneLDK #main {
    width: 100%;
    height: auto;
}

#oneLDK .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
#oneLDK .room-list-box .bukken-box .corner-box span {
    position: absolute;
    top: 20%;
    right: 10%;
    transform: rotate(45deg);
    font-size: 2.4rem;
}

/* ---------- 外国人向け2K-2LDK ---------- */

#twoK-twoLDK .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background-image: url(images/2K_2LDK_top.jpg);
    background-size: cover;
    background-position: bottom center;
}

#twoK-twoLDK .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;
}

#twoK-twoLDK #main {
    width: 100%;
    height: auto;
}

#twoK-twoLDK .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
/* ---------- 外国人向け3K-4LDK ---------- */

#threeK-fourLDK .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background-image: url(images/3K_4LDK_top.jpg);
    background-size: cover;
    background-position: bottom center;
}

#threeK-fourLDK .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;
}

#threeK-fourLDK #main {
    width: 100%;
    height: auto;
}

#threeK-fourLDK .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
/* ---------- 外国人向け家具家電 ---------- */

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

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

#furniture #main {
    width: 100%;
    height: auto;
}

#furniture .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
#furniture .room-list-box .bukken-box .corner-box span {
    position: absolute;
    top: 18%;
    right: 6%;
    transform: rotate(45deg);
    font-size: 1.8rem;
}

/* ---------- 外国人向け常三島キャンパス ---------- */

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

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

#foreigner_tu_j #main {
    width: 100%;
    height: auto;
}

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

#foreigner_tu_j .room-list-box .bukken-box .corner-box span {
    position: absolute;
    top: 17%;
    right: 0;
    transform: rotate(45deg);
    font-size: 1.2em;
}

/* ---------- 外国人向け蔵本キャンパス ---------- */

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

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

#foreigner_tu_k #main {
    width: 100%;
    height: auto;
}

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

#foreigner_tu_k .room-list-box .bukken-box .corner-box span {
    position: absolute;
    top: 17%;
    right: 0px;
    transform: rotate(45deg);
    font-size: 1.2em;
}

/* ---------- 外国人向け四国大学 ---------- */

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

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

#foreigner_su #main {
    width: 100%;
    height: auto;
}

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

#foreigner_su .room-list-box .bukken-box .corner-box span {
    position: absolute;
    top: 30%;
    right: 10%;
    transform: rotate(45deg);
    font-size: 1.2em;
}

/* ---------- 外国人向け穴吹カレッジ ---------- */

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

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

#foreigner_ac #main {
    width: 100%;
    height: auto;
}

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

#foreigner_ac .room-list-box .bukken-box .corner-box span {
    position: absolute;
    top: 17%;
    right: 0;
    transform: rotate(45deg);
    font-size: 1.2em;
}


/* ---------- エール 昭和町店 TOP ---------- */

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

#yell-showa .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;
}

#yell-showa :focus {
    outline: none;
}

#main {
    width: 100%;
    height: auto;
}

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

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

.navi-box li {
    display: block;
    width: 200px;
    height: auto;
    float: left;
}

.navi-box li a {
    display: block;
    width: 96%;
    height: auto;
    padding: 2rem 0;
    maegin: 0 auto;
    font-size: 2rem;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 0.5rem;
}

#yell-showa .top-box img {
    width: 100%;
    height: auto;
}

#yell-showa .size-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 4rem;
    text-align: center;
}

#yell-showa .size-box img {
    width: 100%;
    height: auto;
}



#yell-showa .photo-area .photo-box img {
    width: 100%;
    height: auto;
}

#yell-showa .merit-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 4rem;
    text-align: center;
}

#yell-showa .merit-box img {
    width: 100%;
    height: auto;
}

#yell-showa .image-box {
    width: 1200px;
    height: 400px;
    margin: 4rem auto;
    background-image: url("images/yell_syowa_top.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
    position: relative;
}

#yell-showa .image-box .text-box01 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    display: flex;
    width: 20rem;
    height: 20rem;
    justify-content: center;
    /* 子要素をflexboxにより中央に配置する */
    align-items: center;
    /* 子要素をflexboxにより中央に配置する */
    text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
}

#yell-showa .image-box .text-box01 span {
    display: block;
    width: 100%;
    height: auto;
    font-size: 4rem;
}

#yell-showa .image-box .text-box02 {
    position: absolute;
    top: 0;
    right: 2rem;
    display: flex;
    width: 18rem;
    height: 18rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 9rem;
}

#yell-showa .image-box .text-box03 {
    position: absolute;
    bottom: 0;
    right: 2rem;
    display: flex;
    width: 18rem;
    height: 18rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 9rem;
}

#yell-showa .image-box .text-box03 .text02 .text02-01 {
    font-size: 8rem;
    padding-left: 0.5rem;
}

#yell-showa .content-box01 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 20% auto;
    background-image: url(images/yell_back01.png), url(images/yell_back02.png), url(images/yell_back03.png), url(images/yell_back04.png);
    background-position: left top, left bottom, right top, right bottom;
    padding: 8rem 0;
}

#yell-showa .content-box01 .text-box01 {
    width: 100%;
    height: auto;
    font-size: 4rem;
    font-weight: bold;
    color: #99211b;
    text-align: center;
}

#yell-showa .content-box01 .text-box02 {
    width: max-content;
    height: auto;
    font-size: 6rem;
    font-weight: bold;
    color: #fded5c;
    text-align: center;
    padding: 1rem 2rem;
    background-color: #99211b;
    margin: 2rem auto;
}

#yell-showa .content-box01 .text-box03 {
    width: 100%;
    height: auto;
    font-size: 4rem;
    font-weight: bold;
    color: #99211b;
    text-align: center;
}

#yell-showa .content-box01 .text-box03 span {
    font-size: 6rem;
    margin: 0 0.5rem;
}

#yell-showa .content-box02 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .content-box02 h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3.6rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .content-box02 .list-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 2rem auto;
}

#yell-showa .content-box02 .list-box .list-item {
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 2rem 1%;
    border: solid 1px #99211b;
}

#yell-showa .content-box02 .list-box .list-item dt {
    display: flex;
    width: 17%;
    height: 7rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
    float: left;
}

#yell-showa .content-box02 .list-box .list-item dt span {
    display: block;
    width: 5rem;
    height: 5rem;
    line-height: 4.5rem;
    border: solid 2px #ffffff;
    border-radius: 2.5rem;
}

#yell-showa .content-box02 .list-box .list-item dd {
    display: block;
    width: 83%;
    line-height: 7rem;
    padding: 0 1rem;
    font-size: 2rem;
    color: #99211b;
    float: left;
}

#yell-showa .content-box03 h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3.6rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .content-box03 .map-box {
    width: 100%;
    height: auto;
    margin: 2rem auto;
}

#yell-showa .content-box03 .map-box iframe {
    width: 100%;
    height: 600px;
}

#yell-showa .content-box04 h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 2rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .content-box04 h3 span {
    font-size: 3.6rem;
    margin-right: 1rem;
}

#yell-showa .content-box04 .city-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .content-box04 .shop-box {
    width: 50%;
    height: auto;
    float: left;
}

#yell-showa .content-box04 .shop-box dt {
    display: block;
    width: 100%;
    height: auto;
    font-size: 3.4rem;
    font-weight: bold;
    text-align: center;
    color: #99211b;
}

#yell-showa .content-box04 .shop-box dd {
    display: block;
    width: 100%;
    height: auto;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    margin-top: 5rem;
}

#yell-showa .content-box04 .shop-box dd i {
    margin-right: 2rem;
    transform: rotate(-30deg);
    font-size: 6rem;
}

#yell-showa .content-box04 .buttun-box {
    width: 100%;
    height: auto;
    margin: 4rem auto;
    margin-top: 8rem;
}

#yell-showa .content-box04 .buttun-box a {
    display: block;
    width: max-content;
    height: auto;
    font-size: 2.8rem;
    font-weight: bold;
    padding: 1.5rem 5rem;
    color: #ffffff;
    background-color: #99211b;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 0.5rem;
}


/* ---------- エール 昭和町店 料金表 ---------- */

#yell-showa .price-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .price-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .price-box #notice {
    width: 95%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

#yell-showa .price-box .price-table h4 {
    width: 6rem;
    height: 6rem;
    font-size: 3rem;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 3rem;
    text-align: center;
    line-height: 6rem;
    margin: 1rem auto;
}

#yell-showa .price-box table {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    line-height: 1.5;
    font-size: 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
}

#yell-showa .price-box table th {
    width: 20%;
    padding: 10px 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    border: 1px solid #99211b;
    border-right-color: rgb(153, 33, 27);
    border-right-style: solid;
    border-right-width: 1px;
    border-right: 1px solid #99211b;
    background-color: #ffffff;
    color: #99211b;
}

#yell-showa .price-box table th.room {
    width: 10%;
}

#yell-showa .price-box table th.room {
    width: 10%;
}

#yell-showa .price-box table th.pillar {
    width: 10%;
}

#yell-showa .price-box table th.fee {
    width: 20%;
    border-right: 1px solid #99211b;
}

#yell-showa .price-box table td {
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #99211b;
    border: 1px solid #99211b;
}

#yell-showa .price-box table td.pillar {
    text-align: center;
}

#yell-showa .price-box table .even td {
    background-color: #f1e0df;
}


/* ---------- エール 昭和町店 平面図 ---------- */

#yell-showa .sketch-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .sketch-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .sketch-img-box {
    width: 50%;
    height: auto;
    text-align: center;
    margin: 4rem auto;
    float: left;
}

#yell-showa .sketch-img-box img {
    width: 80%;
    height: auto;
}


/* ---------- エール 昭和町店 空室状況 ---------- */

#yell-showa .vacancy-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .vacancy-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .vacancy-box .comment-box {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4rem;
}

#yell-showa .vacancy-box .img-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#yell-showa .vacancy-box .sketch-img-box img {
    width: 30%;
    height: auto;
}

#yell-showa .vacancy-box .notice {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4rem;
}

#yell-showa .vacancy-box .table-box {
    width: 100%;
    height: auto;
    margin: 4rem auto;
}

#yell-showa table.vacancy-table {
    width: 95%;
    border-collapse: collapse;
    text-align: right;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
}

#yell-showa table.vacancy-table th {
    width: 10%;
    padding: 10px 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    border: 1px solid #99211b;
    border-right: 1px solid #99211b;
    background-color: #ffffff;
    color: #99211b;
}

#yell-showa table.vacancy-table td {
    padding: 10px 5px;
    font-weight: normal;
    vertical-align: top;
    color: #99211b;
    border: 1px solid #99211b;
}

#yell-showa table.vacancy-table .td01,
#yell-showa table.vacancy-table .td02,
#yell-showa table.vacancy-table .td03,
#yell-showa table.vacancy-table .td08 {
    text-align: center;
}

#yell-showa table.vacancy-table .td08 a {
    color: #99211b;
}

#yell-showa table.pageing {
    width: 95%;
    margin: 2rem auto;
}

#yell-showa table.pageing td {
    width: 50%;
}

#yell-showa table.pageing td.td02 {
    text-align: right;
}


/* ---------- エール 昭和町店 アクセス ---------- */

#yell-showa .access-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .access-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .access-box .map-title-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .access-box .map-title {
    width: 25%;
    height: auto;
    overflow: hidden;
    float: left;
}

#yell-showa .access-box .map-title span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 8rem;
    height: 8rem;
    font-size: 6rem;
    font-weight: bold;
    color: #99211b;
    border: solid 2px #99211b;
    float: left;
    margin: 0 0.5rem;
}

#yell-showa .access-box .address-box {
    display: flex;
    align-items: center;
    width: 75%;
    height: 8rem;
    float: left;
}

#yell-showa .access-box .map-box {
    width: 100%;
    height: auto;
}

#yell-showa .access-box .map-box iframe {
    width: 1200px;
    height: 800px;
}


/* ---------- エール 昭和町店 店舗写真 ---------- */

#yell-showa .photo-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-showa .photo-box .photo-title-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-showa .photo-box .photo-title {
    width: max-content;
    height: auto;
    margin: 0 auto;
}

#yell-showa .photo-box .photo-title span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 8rem;
    height: 8rem;
    font-size: 6rem;
    font-weight: bold;
    color: #99211b;
    border: solid 2px #99211b;
    float: left;
    margin: 0 0.5rem;
}

#yell-showa .gallery-box {
    width: 100%;
    height: auto;
}

#yell-showa .gallery-box #imgMain {
    width: 100%;
    height: auto;
    text-align: center;
}

#yell-showa .gallery-box ul,
#yell-showa .gallery-box li {
    list-style: none;
}

#yell-showa .gallery-box ul#gallery {
    display: block;
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin-top: 2rem;
}

#yell-showa .gallery-box ul#gallery li {
    display: block;
    width: 150px;
    height: 100px;
    padding: 8px;
    float: left;
}

#yell-showa .gallery-box ul#gallery li img {
    width: 100%;
    height: auto;
}


/* ---------- エール 昭和町店 お問い合わせ ---------- */

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

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

.otoiawase .content-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

.otoiawase .breadcrumb-box {
    width: 100%;
    background-color: #ff6c1b;
    color: #ffffff;
}

.otoiawase .breadcrumb-box li::after {
    color: #ffffff;
}

.otoiawase .breadcrumb-box li a {
    color: #ffffff;
}

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

.otoiawase #content01 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
}

.otoiawase .step-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 80px auto;
}

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

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

.otoiawase .step-box li.step03 {
    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.active {
    color: #ffffff;
    background-color: #99211b;
}

.otoiawase .step-box li.active::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 16px solid #99211b;
    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: 2rem;
}

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

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

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

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

.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: #99211b;
    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 .privacy .privacy-title {
    width: 100%;
    height: auto;
    padding: 0.7rem 2rem;
    color: #ffffff;
    background-color: #99211b;
    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: #99211b;
    background-color: #ffffff;
    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 input {
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 1.2em;
    color: #99211b;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #99211b;
    margin: 0;
}

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

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

.otoiawase #content .shop-box02 .map-box {
    width: 950px;
}

.otoiawase #content .shop-box01 .address-box {
    width: 700px;
    font-size: 2rem;
    color: #333;
    text-align: center;
}


/* ---------- お問い合わせ確認画面 ---------- */

.otoiawase #formWrap {
    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: #99211b;
    text-align: left;
}

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

.otoiawase #formWrap input[type="submit"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #99211b;
    font-size: 1.2em;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #99211b;
    margin: 80px 20px;
}

.otoiawase #formWrap input[type="button"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 1.2em;
    color: #99211b;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #99211b;
    margin: 80px 20px;
}

.otoiawase #formWrap form select {
    width: 80%;
    padding: 1rem;
    border: 1px solid #c7c7c7;
    background-color: #ffffff;
    float: left;
    -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%;
    heught: auto;
    float: left;
    text-align: center;
}

.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 #content01 .thanks-box {
    font-size: 2rem;
    margin-bottom: 80px;
}

.otoiawase #content01 .back-box a {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 10rem;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 7px;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 80px auto;
    text-decoration: none;
}


/* ---------- エール 徳島町店 TOP ---------- */

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

#yell-tokushima .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;
}

#yell-tokushima .image-box {
    width: 1200px;
    height: 400px;
    margin: 4rem auto;
    background-image: url("images/yell_tokushima_top.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
    position: relative;
}

#yell-tokushima .image-box .text-box01 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    display: flex;
    width: 20rem;
    height: 20rem;
    justify-content: center;
    /* 子要素をflexboxにより中央に配置する */
    align-items: center;
    /* 子要素をflexboxにより中央に配置する */
    text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
}

#yell-tokushima .image-box .text-box01 span {
    display: block;
    width: 100%;
    height: auto;
    font-size: 4rem;
}

#yell-tokushima .image-box .text-box02 {
    position: absolute;
    top: 0;
    right: 2rem;
    display: flex;
    width: 18rem;
    height: 18rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 9rem;
}

#yell-tokushima .image-box .text-box03 {
    position: absolute;
    bottom: 0;
    right: 2rem;
    display: flex;
    width: 18rem;
    height: 18rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 9rem;
}

#yell-tokushima .image-box .text-box03 .text02 .text02-01 {
    font-size: 8rem;
    padding-left: 0.5rem;
}

#yell-tokushima .content-box01 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 20% auto;
    background-image: url(images/yell_back01.png), url(images/yell_back02.png), url(images/yell_back03.png), url(images/yell_back04.png);
    background-position: left top, left bottom, right top, right bottom;
    padding: 8rem 0;
}

#yell-tokushima .content-box01 .text-box01 {
    width: 100%;
    height: auto;
    font-size: 4rem;
    font-weight: bold;
    color: #99211b;
    text-align: center;
}

#yell-tokushima .content-box01 .text-box02 {
    width: max-content;
    height: auto;
    font-size: 6rem;
    font-weight: bold;
    color: #fded5c;
    text-align: center;
    padding: 1rem 2rem;
    background-color: #99211b;
    margin: 2rem auto;
}

#yell-tokushima .content-box01 .text-box03 {
    width: 100%;
    height: auto;
    font-size: 4rem;
    font-weight: bold;
    color: #99211b;
    text-align: center;
}

#yell-tokushima .content-box01 .text-box03 span {
    font-size: 6rem;
    margin: 0 0.5rem;
}

#yell-tokushima .content-box02 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .content-box02 h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3.6rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .content-box02 .list-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 2rem auto;
}

#yell-tokushima .content-box02 .list-box .list-item {
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 2rem 1%;
    border: solid 1px #99211b;
}

#yell-tokushima .content-box02 .list-box .list-item dt {
    display: flex;
    width: 17%;
    height: 7rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #99211b;
    float: left;
}

#yell-tokushima .content-box02 .list-box .list-item dt span {
    display: block;
    width: 5rem;
    height: 5rem;
    line-height: 4.5rem;
    border: solid 2px #ffffff;
    border-radius: 2.5rem;
}

#yell-tokushima .content-box02 .list-box .list-item dd {
    display: block;
    width: 83%;
    line-height: 7rem;
    padding: 0 1rem;
    font-size: 2rem;
    color: #99211b;
    float: left;
}

#yell-tokushima .content-box03 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .content-box03 h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3.6rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .content-box03 .map-box {
    width: 100%;
    height: auto;
    margin: 2rem auto;
}

#yell-tokushima .content-box03 .map-box iframe {
    width: 100%;
    height: 600px;
}

#yell-tokushima .content-box04 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .content-box04 h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 2rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .content-box04 h3 span {
    font-size: 3.6rem;
    margin-right: 1rem;
}

#yell-tokushima .content-box04 .city-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .content-box04 .shop-box {
    width: 50%;
    height: auto;
    float: left;
}

#yell-tokushima .content-box04 .shop-box dt {
    display: block;
    width: 100%;
    height: auto;
    font-size: 3.4rem;
    font-weight: bold;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .content-box04 .shop-box dd {
    display: block;
    width: 100%;
    height: auto;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    margin-top: 5rem;
}

#yell-tokushima .content-box04 .shop-box dd i {
    margin-right: 2rem;
    transform: rotate(-30deg);
    font-size: 6rem;
}

#yell-tokushima .content-box04 .buttun-box {
    width: 100%;
    height: auto;
    margin: 4rem auto;
    margin-top: 8rem;
}

#yell-tokushima .content-box04 .buttun-box a {
    display: block;
    width: max-content;
    height: auto;
    font-size: 2.8rem;
    font-weight: bold;
    padding: 1.5rem 5rem;
    color: #ffffff;
    background-color: #99211b;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 0.5rem;
}


/* ---------- エール 徳島町店 料金表 ---------- */

#yell-tokushima .price-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .price-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .price-box #notice {
    width: 95%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

#yell-tokushima .price-box .price-table h4 {
    width: 6rem;
    height: 6rem;
    font-size: 3rem;
    color: #ffffff;
    background-color: #99211b;
    border-radius: 3rem;
    text-align: center;
    line-height: 6rem;
    margin: 1rem auto;
}

#yell-tokushima .price-box table {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    line-height: 1.5;
    font-size: 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
}

#yell-tokushima .price-box table th {
    width: 20%;
    padding: 10px 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    border: 1px solid #99211b;
    border-right-color: rgb(153, 33, 27);
    border-right-style: solid;
    border-right-width: 1px;
    border-right: 1px solid #99211b;
    background-color: #ffffff;
    color: #99211b;
}

#yell-tokushima .price-box table th.room {
    width: 10%;
}

#yell-tokushima .price-box table th.room {
    width: 10%;
}

#yell-tokushima .price-box table th.pillar {
    width: 10%;
}

#yell-tokushima .price-box table th.fee {
    width: 20%;
    border-right: 1px solid #99211b;
}

#yell-tokushima .price-box table td {
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #99211b;
    border: 1px solid #99211b;
}

#yell-tokushima .price-box table td.pillar {
    text-align: center;
}

#yell-tokushima .price-box table .even td {
    background-color: #f1e0df;
}


/* ---------- エール 徳島町店 平面図 ---------- */

#yell-tokushima .sketch-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .sketch-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .sketch-img-box {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 4rem auto;
    float: left;
}

#yell-tokushima .sketch-img-box img {
    width: auto;
    height: auto;
}


/* ---------- エール 徳島町店 空室状況 ---------- */

#yell-tokushima .vacancy-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .vacancy-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .vacancy-box .comment-box {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4rem;
}

#yell-tokushima .vacancy-box .sketch-box {
    width: 100%;
    height: auto;
    text-align: center;
}

#yell-tokushima .vacancy-box .sketch-img-box {
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: 4rem auto;
    float: left;
}

#yell-tokushima .vacancy-box .sketch-img-box01 {
    width: 60%;
}

#yell-tokushima .vacancy-box .sketch-img-box02 {
    width: 40%;
}

#yell-tokushima .vacancy-box .sketch-img-box01 img {
    width: 600px;
    height: auto;
}

#yell-tokushima .vacancy-box .sketch-img-box02 img {
    width: 250px;
    height: auto;
}

#yell-tokushima .vacancy-box .notice {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4rem;
}

#yell-tokushima .vacancy-box .table-box {
    width: 100%;
    height: auto;
    margin: 4rem auto;
}

#yell-tokushima table.vacancy-table {
    width: 95%;
    border-collapse: collapse;
    text-align: right;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
}

#yell-tokushima table.vacancy-table th {
    width: 10%;
    padding: 10px 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    border: 1px solid #99211b;
    border-right: 1px solid #99211b;
    background-color: #ffffff;
    color: #99211b;
}

#yell-tokushima table.vacancy-table td {
    padding: 10px 5px;
    font-weight: normal;
    vertical-align: top;
    color: #99211b;
    border: 1px solid #99211b;
}

#yell-tokushima table.vacancy-table .td01,
#yell-tokushima table.vacancy-table .td02,
#yell-tokushima table.vacancy-table .td03,
#yell-tokushima table.vacancy-table .td08 {
    text-align: center;
}

#yell-tokushima table.vacancy-table .td08 a {
    color: #99211b;
}

#yell-tokushima table.pageing {
    width: 95%;
    margin: 2rem auto;
}

#yell-tokushima table.pageing td {
    width: 50%;
}

#yell-tokushima table.pageing td.td02 {
    text-align: right;
}


/* ---------- エール 徳島町店 アクセス ---------- */

#yell-tokushima .access-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .access-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .access-box .map-title-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .access-box .map-title {
    width: 25%;
    height: auto;
    overflow: hidden;
    float: left;
}

#yell-tokushima .access-box .map-title span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 8rem;
    height: 8rem;
    font-size: 6rem;
    font-weight: bold;
    color: #99211b;
    border: solid 2px #99211b;
    float: left;
    margin: 0 0.5rem;
}

#yell-tokushima .access-box .address-box {
    display: flex;
    align-items: center;
    width: 75%;
    height: 8rem;
    float: left;
}

#yell-tokushima .access-box .map-box {
    width: 100%;
    height: auto;
}

#yell-tokushima .access-box .map-box iframe {
    width: 1200px;
    height: 800px;
}


/* ---------- エール 徳島町店 店舗写真 ---------- */

#yell-tokushima .photo-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .photo-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#yell-tokushima .photo-box .photo-title-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#yell-tokushima .photo-box .photo-title {
    width: max-content;
    height: auto;
    margin: 0 auto;
}

#yell-tokushima .photo-box .photo-title span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 8rem;
    height: 8rem;
    font-size: 6rem;
    font-weight: bold;
    color: #99211b;
    border: solid 2px #99211b;
    float: left;
    margin: 0 0.5rem;
}

#yell-tokushima .gallery-box {
    width: 100%;
    height: auto;
}


/* ---------- スライダー用スタイル（swiper） ---------- */

.container {
    position: relative;
    margin: 50px auto;
    max-width: 960px;
}

.swiper-container {
    text-align: center;
    cursor: grab;
}

.swiper-container:active {
    cursor: grabbing;
}

.swiper-container .swiper-slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.swiper-button-prev {
    width: 32px !important;
    height: 32px !important;
    background-image: url("images/icon_prev.png") !important;
    opacity: 0.7;
}

.swiper-button-next {
    width: 32px !important;
    height: 32px !important;
    background-image: url("images/icon_next.png") !important;
    opacity: 0.7;
}

#thumbs {
    height: 10%;
    box-sizing: border-box;
    padding: 20px 0;
}

#thumbs .swiper-slide {
    width: 16%;
    height: auto;
    opacity: 0.3;
    cursor: grab;
}

#thumbs .swiper-slide:active {
    cursor: grabbing;
}

#thumbs .swiper-slide-active {
    opacity: 1;
}

.swiper-blind-left,
.swiper-blind-right {
    position: absolute;
    width: 11.55%;
    height: 100%;
    display: block;
    top: 0;
    background: rgba(255, 255, 255, .7);
    z-index: 5;
}

.swiper-blind-left {
    left: 0;
}

.swiper-blind-right {
    right: 0;
}


/* ---------- コンテナルームを借りる ---------- */

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

#container-room .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;
}

#container-room #main {
    width: 100%;
    height: auto;
}

#container-room .content-box {
    width: 100%;
    height: auto;
    margin: 6rem auto;
    margin-bottom: 8rem;
    position: relative;
}

#container-room .content-box h2 {
    font-size: 3.4rem;
    text-align: center;
    color: #336d00;
    border-bottom: solid 1px #336d00;
    padding: 0.5rem 0;
}

#container-room .content-box .comment-box {
    width: 1200px;
    height: auto;
    margin: 4rem auto;
}

#container-room .content-box02 h2 span {
    display: inline-block;
    font-size: 6rem;
    color: #fc8300;
    margin-left: 1rem;
    margin-bottom: 1rem;
    text-shadow: 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00;
    transform: rotate(-10deg);
}

#container-room .content-box02 .feature-box {
    width: 1200px;
    height: auto;
    margin: 4rem auto;
    text-align: center;
    color: #336d00;
    font-size: 5rem;
    font-weight: bold;
    background-image: url("images/feature_back.png"), url("images/feature_back2.png");
    background-repeat: no-repeat;
    background-size: 30% auto;
    background-position: right 5% top 20%, left 0 center;
}

#container-room .content-box02 .feature-box .feature01 {
    font-size: 7rem;
    color: #fc8300;
    margin: 0 1rem;
    text-shadow: 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00, 0 0 3px #336d00;
}

#container-room .content-box02 .feature-box .feature02 {
    display: block;
    width: max-content;
    height: auto;
    font-size: 6rem;
    color: #fc8300;
    margin: 2rem auto;
}

#container-room .content-box .space-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 2rem auto;
}

#container-room .content-box .space-box .space-top-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

#container-room .content-box .space-top-box .icon-box {
    width: 100%;
    height: auto;
}

#container-room .content-box .space-top-box .icon-box span {
    display: inline-block;
    width: 20rem;
    height: 6rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 6rem;
    color: #ffffff;
    background-color: #336d00;
    padding: 0 1rem;
    padding-left: 5rem;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 1.5rem center;
    border-radius: 0.5rem;
    margin: 2rem;
}

#container-room .content-box .space-top-box .icon-box .car {
    background-image: url("images/car.png");
}

#container-room .content-box .space-top-box .icon-box .pave {
    background-image: url("images/pave.png");
}

#container-room .content-box .space-top-box .icon-box .h24 {
    background-image: url("images/24h.png");
    background-size: auto 60%;
    background-position: 1rem center;
}

#container-room .content-box .photo-map-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#container-room .content-box .photo-map-box .photo-box {
    width: 50%;
    height: auto;
    padding: 1rem;
    float: left;
}

#container-room .content-box .photo-map-box .photo-box img {
    width: 100%;
    height: auto;
}

#container-room .content-box .photo-map-box .map-box {
    width: 50%;
    height: auto;
    padding: 1rem;
    float: left;
}

#container-room .content-box .photo-map-box .map-box iframe {
    width: 100%;
    height: 375px;
}

#container-room .content-box .space-box .button-box a {
    display: block;
    width: max-content;
    padding: 1rem 3rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #fc8300;
    margin: 0 auto;
    margin-top: 4rem;
    text-decoration: none;
    border-radius: 0.5rem;
}

#container-room .content-box05 .point-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#container-room .content-box05 .point-sub-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem 0;
}

#container-room .content-box05 .point-item-box {
    width: 48%;
    height: auto;
    float: left;
}

#container-room .content-box05 .right-box {
    margin-left: 4%;
}

#container-room .content-box05 .point-box dt {
    display: block;
    width: max-content;
    height: 4rem;
    line-height: 4rem;
    padding: 0 3rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #fc8300;
    border-radius: 2rem;
}

#container-room .content-box05 .point-box dd {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 1rem;
    border: solid 1px #336d00;
}

#container-room .content-box05 .point-box dd .midashi {
    display: block;
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #336d00;
}

#container-room .content-box05 .point-box dd .naiyo {
    display: block;
    width: 100%;
    height: auto;
    padding: 2rem;
}


/* ---------- ご利用について ---------- */

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

#container-room .content-merit .merit-box .merit-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 4rem;
}

#container-room .content-merit .merit-box dt {
    display: block;
    width: 16%;
    height: auto;
    float: left;
}

#container-room .content-merit .merit-box dt span {
    display: block;
    width: max-content;
    height: 4rem;
    line-height: 4rem;
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #fc8300;
    padding: 0 2rem;
    border-radius: 2rem;
}

#container-room .content-merit .merit-box dd {
    display: block;
    width: 84%;
    height: auto;
    float: left;
    line-height: 4rem;
    font-size: 1.8rem;
}

#container-room .example-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#container-room .example-box .example-item {
    width: 50%;
    height: auto;
    overflow: hidden;
    margin-bottom: 4rem;
    float: left;
    padding: 1rem;
}

#container-room .example-box .example-item dt {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 4rem;
    color: #336d00;
}

#container-room .example-box .example-item dt span {
    display: inline-block;
    width: max-content;
    height: 4rem;
    padding: 0 2rem;
    color: #ffffff;
    background-color: #fc8300;
    margin-right: 2rem;
    border-radius: 2rem;
}

#container-room .example-box .example-item dd {
    display: block;
    width: 100%;
    height: auto;
    padding-left: 4rem;
    font-size: 1.8rem;
    line-height: 4rem;
}

#container-room .ban-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#container-room .ban-box span {
    display: block;
    width: 100%;
    height: auto;
    font-size: 2rem;
    font-weight: bold;
    color: #fc8300;
    text-align: center;
    margin-bottom: 2rem;
}

#container-room .ban-box ol {
    padding-left: 2rem;
    font-size: 1.8rem;
    line-height: 4rem;
}


/* ---------- コンテナルーム　スペースプラス上助任 ---------- */

#container-room .container-navi-box {
    width: 100%;
    height: auto;
    background-color: #336d00;
    margin-top: 4rem;
}

#container-room .container-navi-box ul,
#container-room .container-navi-box li {
    list-style: none;
}

#container-room .container-navi-box ul {
    display: block;
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 2rem auto;
}

#container-room .container-navi-box li a {
    display: block;
    width: 20%;
    height: auto;
    text-align: center;
    padding: 1rem;
    text-decoration: none;
    color: #ffffff;
    background-color: #336d00;
    border-left: dotted 1px #ffffff;
    float: left;
}

#container-room .container-navi-box li.last a {
    border-right: dotted 1px #ffffff;
}

#container-room .access-box {
    width: 1200px;
    height: auto;
    margin: 2rem auto;
}

#container-room .content-sub-box {
    margin-bottom: 4rem;
}

#container-room .content-sub-box h3 {
    font-size: 2.6rem;
    color: #fc8300;
    text-align: center;
    margin-bottom: 2rem;
}

#container-room .access-box .address-box {
    text-align: center;
}

#container-room .access-box .map-box iframe {
    width: 100%;
    height: 600px;
}

#container-room .button-box a {
    display: block;
    width: max-content;
    padding: 1rem 5rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #fc8300;
    margin: 0 auto;
    margin-top: 4rem;
    text-decoration: none;
    border-radius: 0.5rem;
}

#container-room .type-box {
    width: 1200px;
    height: auto;
    margin: 2rem auto;
}

#container-room .type-box .sketch-box {
    text-align: center;
}

#container-room .table-box table {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    border: solid 1px #336d00;
}

#container-room .table-box table th,
#container-room .table-box table td {
    border: solid 1px #336d00;
    padding: 1rem;
}

#container-room .table-box table th {
    background-color: #336d00;
    color: #ffffff;
    border-right: solid 1px #ffffff;
}

#container-room .table-box table th.th1 {
    width: 10%;
    border-bottom: solid 1px #ffffff;
}

#container-room .table-box table th.th2 {
    width: 20%;
}

#container-room .table-box table th.th3 {
    width: 10%;
}

#container-room .table-box table th.th4 {
    width: 10%;
}

#container-room .table-box table th.th5 {
    width: 10%;
}

#container-room .table-box table th.th6 {
    width: 20%;
}

#container-room .table-box table th.th7 {
    width: 20%;
}

#container-room .table-box table td.type-b {
    background-color: #0074bf;
    color: #ffffff;
    font-weight: bold;
    border: solid 1px #0074bf !important;
    border-bottom: solid 1px #ffffff !important;
}

#container-room .table-box table td.type-c {
    background-color: #cc528b;
    color: #ffffff;
    font-weight: bold;
    border: solid 1px #cc528b !important;
    border-bottom: solid 1px #ffffff !important;
}

#container-room .table-box table td.type-d {
    background-color: #de9610;
    color: #ffffff;
    font-weight: bold;
    border: solid 1px #de9610 !important;
    border-bottom: solid 1px #ffffff !important;
}

#container-room .table-box table td.type-e {
    background-color: #56a764;
    color: #ffffff;
    font-weight: bold;
    border: solid 1px #56a764 !important;
    border-bottom: solid 1px #336d00 !important;
}


/* ---------- コンテナルーム　スペースプラス上助任　空室状況 ---------- */

#container-room .content-box .vacancy-box {
    width: 1200px;
    height: auto;
    margin: 4rem auto;
}

#container-room .vacancy-box .sketch-box {
    text-align: center;
}

#container-room .vacancy-table-box table {
    width: 100%;
    border-collapse: collapse;
}

#container-room .vacancy-table-box table th,
#container-room .vacancy-table-box table td {
    padding: 1rem;
    border: solid 1px #acacac;
}

#container-room .vacancy-table-box table th {
    background-color: #336d00;
    color: #ffffff;
}

#container-room .vacancy-table-box table td.typeB {
    background-color: #0074bf;
    color: #ffffff;
    font-weight: bold;
    border-bottom: solid 1px #ffffff;
}

#container-room .vacancy-table-box table td.typeC {
    background-color: #cc528b;
    color: #ffffff;
    font-weight: bold;
    border-bottom: solid 1px #ffffff;
}

#container-room .vacancy-table-box table td.typeD {
    background-color: #de9610;
    color: #ffffff;
    font-weight: bold;
    border-bottom: solid 1px #ffffff;
}

#container-room .vacancy-table-box table td.typeE {
    background-color: #56a764;
    color: #ffffff;
    font-weight: bold;
    border-bottom: solid 1px #ffffff;
}

#container-room .vacancy-table-box table td.px10 {
    border: none;
}


/* ---------- コンテナルーム お問い合わせ ---------- */

#container-room .otoiawase h3 {
    font-size: 3.4rem;
    text-align: center;
    color: #336d00;
    border-bottom: solid 1px #336d00;
    padding: 0.5rem 0;
}

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

#container-room .otoiawase .content-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#container-room .otoiawase .breadcrumb-box {
    width: 100%;
    background-color: #ff6c1b;
    color: #ffffff;
}

#container-room .otoiawase .breadcrumb-box li::after {
    color: #ffffff;
}

#container-room .otoiawase .breadcrumb-box li a {
    color: #ffffff;
}

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

#container-room .otoiawase #content01 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
}

#container-room .otoiawase .step-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 80px auto;
}

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

#container-room .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;
}

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

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

#container-room .otoiawase .step-box li.step01::after,
#container-room .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;
}

#container-room .otoiawase .step-box li.active {
    color: #ffffff;
    background-color: #fc8300;
}

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

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

#container-room .otoiawase #formWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#container-room .otoiawase #formWrap form,
#container-room .otoiawase #formWrap form input,
#container-room .otoiawase #formWrap form select,
#container-room .otoiawase #formWrap form textarea {
    font-size: 2rem;
}

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

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

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

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

#container-room .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: #fc8300;
    border-radius: 5px;
    margin-left: 1.6rem;
}

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

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

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

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

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

#container-room .otoiawase .privacy .privacy-area h3 {
    color: #336d00;
    background-color: #ffffff;
    text-align: center;
}

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

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

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

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

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

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

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

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

#container-room .otoiawase #content .shop-box02 .map-box {
    width: 950px;
}

#container-room .otoiawase #content .shop-box01 .address-box {
    width: 700px;
    font-size: 2rem;
    color: #333;
    text-align: center;
}


/* ---------- コンテナルーム お問い合わせ確認画面 ---------- */

#container-room .otoiawase #formWrap {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 40px autp;
}

#container-room :focus {
    outline: none;
}

#container-room .otoiawase #formWrap table {
    width: 100%;
}

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

#container-room .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: #336d00;
    text-align: left;
}

#container-room .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;
}

#container-room .otoiawase #formWrap input[type="submit"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #fc8300;
    font-size: 1.2em;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #fc8300;
    margin: 80px 20px;
}

#container-room .otoiawase #formWrap input[type="button"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 1.2em;
    color: #fc8300;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #fc8300;
    margin: 80px 20px;
}

#container-room .otoiawase #formWrap form select {
    width: 80%;
    padding: 1rem;
    border: 1px solid #c7c7c7;
    background-color: #ffffff;
    float: left;
    -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;
}

#container-room .otoiawase #formWrap form .from-box {
    width: 10%;
    heught: auto;
    float: left;
    text-align: center;
}

#container-room .otoiawase #formWrap .raiten-bi-box select {
    float: none;
    margin-bottom: 20px;
}

#container-room .otoiawase #formWrap form .select-time,
#container-room .otoiawase #formWrap form .select-minute {
    width: 50%;
    height: auto;
    float: left;
}

#container-room .otoiawase #formWrap form .select-time select,
#container-room .otoiawase #formWrap form .select-minute select {
    width: 60%;
}


/* ---------- コンテナルーム 送信完了画面 ---------- */

#container-room .otoiawase #content01 .thanks-box {
    font-size: 2rem;
    margin-bottom: 80px;
}

#container-room .otoiawase #content01 .back-box a {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 10rem;
    color: #ffffff;
    background-color: #fc8300;
    border-radius: 7px;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 80px auto;
    text-decoration: none;
}


/* ---------- ビレッジハウス TOP ---------- */

#village-house .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background-image: url("images/family.png"), url("images/village_top.png");
    background-size: 400px auto, cover;
    background-position: 90% bottom, center center;
    background-repeat: no-repeat;
}

#village-house .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;
}

#village-house .top-image-box h2 span {
    font-size: 3rem;
}

#village-house .village-navi-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 1rem 0;
    background-color: #0089ce;
}

#village-house .village-navi-box ul,
#village-house .village-navi-box li {
    list-style: none;
}

#village-house .village-navi-box ul {
    display: block;
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

#village-house .village-navi-box li a {
    display: block;
    width: 20%;
    height: auto;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

#village-house .village-navi-box li a:hover {
    color: #f8b62d;
}

#village-house .village-navi-box li a i {
    margin-left: 1rem;
}

#village-house .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem 0;
}

#village-house .content-title-box {
    width: 100%;
    height: auto;
    border-bottom: solid 1px #0089ce;
}

#village-house .content-title-box h2 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    font-size: 3.4rem;
    text-align: center;
    color: #0089ce;
    padding: 0.5rem 0;
    /* background-image: url("images/village_logo.png"); */
    background-position: left bottom;
    background-repeat: no-repeat;
}

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

#village-house .about-box .comment01 {
    width: 100%;
    height: auto;
    margin-bottom: 4rem;
}

#village-house .about-box .image-box {
    margin-bottom: 4rem;
}

#village-house .about-box .point-box h3 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 3.6rem;
    font-weight: bold;
    color: #0089ce;
    margin: 4rem auto;
}

#village-house .about-box .point-box h3 span {
    font-size: 5rem;
    color: #f8b62d;
    margin: 0 2rem;
}

#village-house .about-box .point-box .sub-list {
    width: 100%;
    height: auto;
    margin: 3rem auto;
}

#village-house .about-box .point-box .sub-list ul {
    display: table;
    table-layout: fixed;
    width: 1200px;
    border-collapse: separate;
    border-spacing: 40px 0;
}

#village-house .about-box .point-box .sub-list li {
    display: table-cell;
    width: 250px;
    height: 250px;
    background-color: #f8b62d;
    text-align: center;
    vertical-align: middle;
    border-radius: 125px;
    font-size: 4rem;
    font-weight: bold;
    color: #ffffff;
}

#village-house .text-style {
    color: red;
}

#village-house .text-box-style {
    margin-top: 2rem;
}

#village-house .about-box .point-box .sub-list span {
    font-size: 6rem;
}

#village-house .about-box .link-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#village-house .link-box .bosyu-box {
    display: flex;
    width: 100%;
    height: 400px;
    align-items: center;
    background-image: url("images/village_athome.jpg");
    background-repeat: no-repeat;
    background-position: right 5% top;
    background-size: contain;
}

#village-house .link-box .button-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#village-house .link-box .button-box ul,
#village-house .link-box .button-box li {
    list-style: none;
}

#village-house .link-box .button-box li a {
    display: block;
    width: 21%;
    height: 6rem;
    margin: 1rem 2%;
    line-height: 6rem;
    font-size: 2rem;
    font-weight: bold;
    background-color: #0089ce;
    text-align: center;
    color: #ffffff;
    border-radius: 3rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    float: left;
    text-decoration: none;
}

#village-house :focus {
    outline: none;
}


/* ---------- ビレッジハウス 空室状況 ---------- */

#village-house.vacancy .vacancy-box {
    width: 1200px;
    height: auto;
    margin: 4rem auto;
}

#village-house.vacancy .vacancy-box .vacancy-comment-box {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

#village-house.vacancy .vacancy-list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#village-house.vacancy .vacancy-list a {
    text-decoration: none;
}

#village-house.vacancy .bukken-box {
    width: 23%;
    height: 350px;
    overflow: hidden;
    border: solid 1px #acacac;
    margin: 0 1%;
    margin-bottom: 2rem;
    float: left;
}

#village-house.vacancy .bukken-box .image-box {
    width: 100%;
    height: 183px;
    text-align: center;
}

#village-house.vacancy .bukken-box .image-box img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#village-house.vacancy .bukken-box .name-box {
    width: 100%;
    height: auto;
    padding: 0.3rem 1rem;
    font-size: 1.8rem;
    margin-top: 1rem;
}

#village-house.vacancy .bukken-box .roomnumber-box {
    width: 100%;
    height: auto;
    padding: 0.5rem 1rem;
    font-size: 2rem;
}

#village-house.vacancy .bukken-box .price-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#village-house.vacancy .bukken-box .price-box .floorplan-box {
    width: 40%;
    height: 4rem;
    line-height: 4rem;
    padding: 0.3rem 1rem;
    font-size: 2rem;
    float: left;
}

#village-house.vacancy .bukken-box .price-box .rent-box {
    width: 60%;
    height: 4rem;
    line-height: 4rem;
    padding: 0.3rem 1rem;
    font-size: 2.6rem;
    font-weight: bold;
    color: #0089ce;
    float: left;
}

#village-house.vacancy .bukken-box .new-box {
    width: 100%;
    height: auto;
    padding: 0.3rem 1rem;
    font-size: 2rem;
    font-weight: bold;
    color: #ff0000;
    text-align: right;
}


/* ---------- ビレッジハウス アクセス・物件写真 ---------- */

#village-house.detail .map-box {
    width: 1200px;
    height: auto;
    margin: 4rem auto;
}

#village-house.detail .map-box iframe {
    width: 100%;
    height: 600px;
}

#village-house.detail .photo-box {
    width: 100%;
    height: auto;
    margin: 4rem auto;
}

#village-house.detail .photo-box .sp-thumbnails-container {
    margin-top: 4rem;
}


/* ---------- ビレッジハウス お問い合わせ ---------- */

#village-house.contact .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#village-house.contact .content-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#village-house.contact .breadcrumb-box {
    width: 100%;
    background-color: #ff6c1b;
    color: #ffffff;
}

#village-house.contact .breadcrumb-box li::after {
    color: #ffffff;
}

#village-house.contact .breadcrumb-box li a {
    color: #ffffff;
}

#village-house.contact #content {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#village-house.contact #contact-box {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
}

#village-house.contact .comment-box {
    margin-top: 40px;
}

#village-house.contact .step-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 80px auto;
}

#village-house.contact .step-box ul,
#village-house.contact .step-box li {
    list-style: none;
}

#village-house.contact .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;
}

#village-house.contact .step-box li span {
    font-size: 2.6rem;
    margin-right: 2rem;
}

#village-house.contact .step-box li.step03 {
    margin-right: 0;
}

#village-house.contact .step-box li.step01::after,
#village-house.contact .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;
}

#village-house.contact .step-box li.active {
    color: #ffffff;
    background-color: #f8b62d;
}

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

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

#village-house.contact #formWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#village-house.contact #formWrap form,
#village-house.contact #formWrap form input,
#village-house.contact #formWrap form select,
#village-house.contact #formWrap form textarea {
    font-size: 2rem;
}

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

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

#village-house.contact #formWrap dt {
    display: block;
    width: 35%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    padding: 1em;
    line-height: 2.8em;
    color: #0089ce;
}

#village-house.contact #formWrap dt::before {
    display: inline-block;
    width: 10px;
    height: 2.8rem;
    vertical-align: middle;
    content: "";
    margin-right: 1rem;
    border-radius: 5px;
    background-color: #0089ce;
}

#village-house.contact #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: #f8b62d;
    border-radius: 5px;
    margin-left: 1.6rem;
}

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

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

#village-house.contact #formWrap form select {
    width: 80%;
    padding: 1rem;
    border: 1px solid #c7c7c7;
    -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;
}

#village-house.contact #formWrap form textarea {
    width: 80%;
    height: 30rem;
    padding: 1rem;
    border: 1px solid #c7c7c7;
}

#village-house.contact .privacy .privacy-title {
    width: 100%;
    height: auto;
    padding: 0.7rem 2rem;
    color: #ffffff;
    background-color: #0089ce;
    font-size: 2.4rem;
    font-weight: bold;
    border-radius: 5px;
}

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

#village-house.contact .privacy .privacy-area h3 {
    color: #0089ce;
    background-color: #ffffff;
    text-align: center;
}

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

#village-house.contact .privacy .privacy-area h4 {
    margin: 1.4em 0;
}

#village-house.contact .privacy .privacy-area ol {
    padding-left: 2em;
}

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

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

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

#village-house.contact #formWrap form .button-box input[type="submit"] {
    color: #ffffff;
    background-color: #f8b62d;
    float: left;
}

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

#village-house.contact #content .shop-box02 .map-box {
    width: 950px;
}

#village-house.contact #content .shop-box01 .address-box {
    width: 700px;
    font-size: 2rem;
    color: #333;
    text-align: center;
}


/* ---------- コンテナルーム お問い合わせ確認画面 ---------- */

#village-house.kakunin #formWrap {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 40px autp;
}

#village-house.kakunin #formWrap table {
    width: 100%;
    margin-top: 4rem;
}

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

#village-house.kakunin #formWrap table th {
    display: block;
    width: 35%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    padding: 1em;
    line-height: 2.8em;
    color: #0089ce;
    text-align: left;
}

#village-house.kakunin #formWrap table td {
    display: block;
    width: 65%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    padding: 1em;
    line-height: 2em;
    background: #ffffff;
}

#village-house.kakunin #formWrap input[type="submit"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #f8b62d;
    font-size: 1.2em;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #f8b62d;
    margin: 80px 20px;
}

#village-house.kakunin #formWrap input[type="button"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 1.2em;
    color: #f8b62d;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #f8b62d;
    margin: 80px 20px;
}

#village-house.kakunin #formWrap form select {
    width: 80%;
    padding: 1rem;
    border: 1px solid #c7c7c7;
    background-color: #ffffff;
    float: left;
}

#village-house.kakunin #formWrap form .from-box {
    width: 10%;
    heught: auto;
    float: left;
    text-align: center;
}

#village-house.kakunin #formWrap .raiten-bi-box select {
    float: none;
    margin-bottom: 20px;
}

#village-house.kakunin #formWrap form .select-time,
#village-house.kakunin #formWrap form .select-minute {
    width: 50%;
    height: auto;
    float: left;
}

#village-house.kakunin #formWrap form .select-time select,
#village-house.kakunin #formWrap form .select-minute select {
    width: 60%;
}


/* ---------- ビレッジハウス 送信完了画面 ---------- */

#village-house.thanks #contact-box .thanks-box {
    font-size: 2rem;
    margin-bottom: 80px;
}

#village-house.thanks #contact-box .back-box a {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 10rem;
    color: #ffffff;
    background-color: #f8b62d;
    border-radius: 7px;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 80px auto;
    text-decoration: none;
}


/* ---------- 高齢者向住宅物件 ---------- */

#korei .top-image-box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 400px;
    background: url(images/korei_top.png) center center no-repeat;
    background-size: cover;
}

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

#korei #main {
    width: 100%;
    height: auto;
}

#korei :focus {
    outline: none;
}

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

#korei.top .content-box {
    background-color: #F5F5F5;
}

#korei .korei-box {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 3rem 0;
}

#korei .korei-box .bukken-box {
    width: 46%;
    height: auto;
    float: left;
    border: solid 1px rgba(242, 137, 185, 0.5);
    background-repeat: no-repeat;
    background-position: right bottom 40%;
    background-color: #ffffff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    margin: 0 2%;
}

#korei .bukken-ryogoku {
    background-image: url("images/ryougoku.jpg");
}

#korei .bukken-tokushima {
    background-image: url("images/ph01.jpg");
}

#korei .bukken-kamojima {
    background-image: url("images/photo02.jpg");
}

#korei .bukken-geihinkan {
    background-image: url("images/ph04.jpg");
    background-size: 45% auto;
}

#korei .bukken-box .name-box {
    padding: 2rem;
    font-size: 2rem;
    color: #ffffff;
    background-color: #f289b9;
    text-align: center;
}

#korei .bukken-box .name-box span {
    display: block;
    width: 100%;
    height: auto;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

#korei .bukken-box .outline-box {
    width: 100%;
    height: 20rem;
    padding: 4rem;
}

#korei .bukken-box .address-box {
    width: 100%;
    height: 14rem;
    padding: 4rem;
}

#korei .bukken-box .address-box a {
    text-decoration: none;
}

#korei .bukken-box .detail-box {
    width: 100%;
    height: 20rem;
    padding: 2rem;
    padding-left: 6rem;
}

#korei .bukken-box .button-box {
    width: 100%;
    height: auto;
    margin-bottom: 4rem;
}

#korei .bukken-box .button-box a {
    display: block;
    width: 60%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    text-decoration: none;
    color: #f289b9;
    background-color: #ffffff;
    border: solid 1px rgba(242, 137, 185, 0.5);
    border-radius: 2rem;
    margin: 2rem auto;
}

#korei .bukken-box .button-box .contact-button button {
    display: block;
    width: 60%;
    height: 4rem;
    font-size: 1.6rem;
    line-height: 4rem;
    text-align: center;
    color: #f289b9;
    background-color: #ffffff;
    border: solid 1px rgba(242, 137, 185, 0.5);
    border-radius: 2rem;
    margin: 2rem auto;
    font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#korei .bukken-box .button-box a:hover,
#korei .bukken-box .button-box .contact-button button:hover {
    background-color: rgba(242, 137, 185, 0.1);
}

#korei #footer {
    margin-top: 0;
}


/* ---------- 高齢者向住宅 お問い合わせ ---------- */

#korei .content-title-box {
    width: 100%;
    height: auto;
    border-bottom: solid 1px #f289b9;
}

#korei .content-title-box h2 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    font-size: 3.4rem;
    text-align: center;
    color: #f289b9;
    padding: 0.5rem 0;
}

#korei.contact .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4rem auto;
}

#korei.contact .content-box h3 {
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 3rem;
    text-align: center;
    color: #99211b;
}

#korei.contact .breadcrumb-box {
    width: 100%;
    background-color: #ff6c1b;
    color: #ffffff;
}

#korei.contact .breadcrumb-box li::after {
    color: #ffffff;
}

#korei.contact .breadcrumb-box li a {
    color: #ffffff;
}

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

#korei.contact #contact-box {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
}

#korei.contact .step-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 80px auto;
}

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

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

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

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

#korei .step-box li.step01::after,
#korei .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;
}

#korei .step-box li.active {
    color: #ffffff;
    background-color: #f289b9;
}

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

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

#korei.contact #formWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#korei.contact #formWrap form,
#korei.contact #formWrap form input,
#korei.contact #formWrap form select,
#korei.contact #formWrap form textarea {
    font-size: 2rem;
}

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

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

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

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

#korei.contact #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: #f289b9;
    border-radius: 5px;
    margin-left: 1.6rem;
}

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

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

#korei.contact #formWrap form select {
    width: 80%;
    padding: 1rem;
    border: 1px solid #c7c7c7;
}

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

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

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

#korei.contact .privacy .privacy-area h3 {
    color: #f289b9;
    background-color: #ffffff;
    text-align: center;
}

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

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

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

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

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

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

#korei.contact #formWrap form .button-box input[type="submit"] {
    color: #ffffff;
    background-color: #f289b9;
    float: left;
}

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

#korei.contact #content .shop-box02 .map-box {
    width: 950px;
}

#korei.contact #content .shop-box01 .address-box {
    width: 700px;
    font-size: 2rem;
    color: #333;
    text-align: center;
}


/* ---------- コンテナルーム お問い合わせ確認画面 ---------- */

#korei.kakunin #formWrap {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 40px autp;
}

#korei.kakunin #formWrap table {
    width: 100%;
    margin-top: 4rem;
}

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

#korei.kakunin #formWrap table th {
    display: block;
    width: 35%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    padding: 1em;
    line-height: 2.8em;
    color: #f289b9;
    text-align: left;
}

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

#korei.kakunin #formWrap input[type="submit"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #f289b9;
    font-size: 1.2em;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #f289b9;
    margin: 80px 20px;
}

#korei.kakunin #formWrap input[type="button"] {
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 1.2em;
    color: #f289b9;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #f289b9;
    margin: 80px 20px;
}

#korei.kakunin #formWrap form select {
    width: 80%;
    padding: 1rem;
    border: 1px solid #c7c7c7;
    background-color: #ffffff;
    float: left;
}

#korei.kakunin #formWrap form .from-box {
    width: 10%;
    heught: auto;
    float: left;
    text-align: center;
}

#korei.kakunin #formWrap .raiten-bi-box select {
    float: none;
    margin-bottom: 20px;
}

#korei.kakunin #formWrap form .select-time,
#korei.kakunin #formWrap form .select-minute {
    width: 50%;
    height: auto;
    float: left;
}

#korei.kakunin #formWrap form .select-time select,
#korei.kakunin #formWrap form .select-minute select {
    width: 60%;
}


/* ---------- コンテナルーム 送信完了画面 ---------- */

#korei.thanks #content01 .thanks-box {
    font-size: 2rem;
    margin-bottom: 80px;
}

#korei.thanks #content01 .back-box a {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 10rem;
    color: #ffffff;
    background-color: #f289b9;
    border-radius: 7px;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 80px auto;
    text-decoration: none;
}


/* ---------- カテゴリー別物件一覧 ---------- */

.property-box {
    width: 1200px;
    margin: 4rem auto;
}

.property-box .sort-box {
    width: 100%;
    /* height: auto;
		overflow: hidden;
		margin: 0 auto; */
    margin-bottom: 4rem;
    font-size: 1.4rem;
}

.property-box .sort-box.pc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.property-box .sort-box.sort-box-couple {
    display: block;
}

.sort-box-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.property-box .sort-box .order-type {
    width: 21%;
    /* height: auto;
		padding: 0 0.5rem;
		float: left; */
    list-style-type: none;
}
.order-type2 {
    width: 21%;
    list-style-type: none;
}
.property-box .sort-box .order-type .order-type2 .order-type-couple {
    width: 17%;
    /* height: auto;
		padding: 0 0.5rem;
		float: left; */
    list-style-type: none;
}
.property-box .sort-box .list-order {
    width: 12%;
}

.property-box .sort-box .list-order span {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.5rem;
    text-align: center;
    background-color: #e1f2fb;
}

.property-box .sort-box .order-type a {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.5rem;
    background-color: rgba(229, 0, 27, 0.1);
    text-decoration: none;
    text-align: center;
}
.property-box .sort-box .order-type a:hover {
    color: rgba(229, 0, 27, 1.0);
}
.order-type2 a {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.5rem;
    background-color: rgba(233, 85, 19, 0.1);
    text-decoration: none;
    text-align: center;
}

.order-type2 a:hover {
    color: rgba(233, 85, 19, 1.0);
}

.property-box .sort-box .current a {
    background-color: rgba(229, 0, 27, 1.0);
    color: #ffffff;
}
.current2 a {
    background-color: rgba(233, 85, 19, 1.0);
    color: #ffffff;
}

.room-list-box {
    width: 900px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 0px;
    float: right;
    margin-bottom: 4rem;
}

.condition-box {
    width: 300px;
    height: auto;
    overflow: hidden;
    float: right;
    margin: 0 auto;
    padding-right: 1.15%;
}

.condition-box .menu__item__link {
    display: none;
}

.room-list-box .pager {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-left: 1.15%;
    padding-bottom: 0.5rem;
    text-align: center;
    margin-top: 4rem;
}

.room-list-box .pager .page-no {
    margin-top: 1rem;
}

.room-list-box .pager span,
.room-list-box .pager a {
    padding: 0.3rem 0.8rem;
    color: #666666;
    border: 1px solid #666666;
}

.room-list-box .room-list-content {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.room-list-box .bukken-box {
    float: left;
    width: 31%;
    height: 470px;
    overflow: hidden;
    border: 1px solid #acacac;
    margin: 0 1.15% 2.3%;
    position: relative;
}

.room-list-box .bukken-box a {
    text-decoration: none;
    color: #666666;
}

.room-list-box .bukken-box .photo-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 184px;
    overflow: hidden;
}

.room-list-box .photo-box img {
    width: 100%;
    height: auto;
}

.room-list-box .bukken-box .name-box {
    width: 100%;
    height: auto;
    padding: 2rem;
}

.room-list-box .bukken-box .name-box h3 {
    font-size: 1.6rem;
    color: #333333;
}

.room-list-box .bukken-box .title-box {
    width: 100%;
    height: auto;
    padding: 0 2rem;
    padding-bottom: 1rem;
    font-size: 1.4rem;
}

.room-list-box .bukken-box .detail-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 2rem;
    padding-bottom: 1rem;
    font-size: 1.4rem;
}

.room-list-box .bukken-box .detail-box dt {
    display: block;
    width: 40%;
    height: auto;
    float: left;
}

.room-list-box .bukken-box .detail-box dd {
    display: block;
    width: 60%;
    height: auto;
    float: left;
}

.room-list-box .bukken-box .detail-box .rent-box {
    display: table;
    width: 100%;
    height: auto;
    color: #333;
    margin-bottom: 1rem;
}

.room-list-box .bukken-box .detail-box .rent-box dt {
    float: none;
    display: table-cell;
    width: 40%;
    height: 3rem;
    vertical-align: bottom;
}

.room-list-box .bukken-box .detail-box .rent-box dd {
    float: none;
    display: table-cell;
    width: 60%;
    height: 3rem;
    font-size: 1.6rem;
    font-weight: bold;
    vertical-align: bottom;
}

.room-list-box .bukken-box .corner-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 12rem;
    height: 12rem;
    padding: 0.5rem;
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
    z-index: 1;
    transform-origin: right top;
    transform: scale(0.7);
}

.corner-boxa {
    position: absolute;
    right: 0;
    top: 0;
    width: 12rem;
    height: 12rem;
    padding: 0.5rem;
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
    z-index: 1;
    transform-origin: right top;
    transform: scale(0.7);
}

.room-list-box .bukken-box .corner-box::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12rem 12rem 0;
    border-color: transparent #11a73b transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.corner-boxa::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12rem 12rem 0;
    border-color: transparent #11a73b transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.room-list-box .bukken-box .corner-box span {
    position: absolute;
    top: 5%;
    right: 10%;
    transform: rotate(45deg);
    font-size: 2.4rem;
}

.corner-boxa span {
    position: absolute;
    top: 11%;
    right: 14%;
    transform: rotate(45deg);
    font-size: 2rem;
}

.room-list-box .bukken-box .status-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 8rem;
    height: auto;
    padding: 0.3rem;
    text-align: center;
    color: #ffffff;
    background-color: #ff6c1b;
}

.status-box2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 8rem;
    height: auto;
    padding: 0.3rem;
    text-align: center;
    color: #ffffff;
    background-color: #136CBC;
}

.room-list-box .bukken-box .new-box {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 100%;
    height: auto;
    padding: 1rem;
    text-align: right;
    color: #ff6c1b;
    font-weight: bold;
    font-style: italic;
}

.room-list-box .bukken-box .new-box img {
    width: 50px;
    height: auto;
}

.room-list-box .bukken-box .detail-button-box {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 1rem 3rem;
    margin: 0 auto;
    margin-top: 0;
    color: #005bac;
}

.widget.l-space {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 2rem;
}

.widget.l-space .widget__title h3 {
    width: 100%;
    height: auto;
    font-size: 1.6rem;
    font-weight: normal;
    padding: 1rem;
    text-align: center;
    background-color: #e1f2fb;
}

.widget.l-space div {
    margin-bottom: 0.5rem;
}

.widget.l-space dt {
    width: 100%;
    height: auto;
    color: #5bb8e9;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: solid 1px #5bb8e9;
}

.widget.l-space input {
    margin: 0.5rem 0;
    margin-right: 0.5rem;
}

.widget.l-space .text-base .select-group {
    width: 100%;
    height: auto;
    text-align: center;
}

.widget.l-space .text-base select {
    width: 40%;
    height: auto;
    padding: 0.5rem;
}

.widget.l-space .operations button {
    display: block;
    width: max-content;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    margin: 0 auto;
    margin-top: 2rem;
    background-color: #005bac;
    color: #ffffff;
    border: 1px solid #005bac;
    border-radius: 5px;
    cursor: pointer;
}

.widget.l-space .operations button:hover {
    background-color: #ffffff;
    color: #005bac;
    transition: .1s;
}

#kitchen .room-list-box .bukken-box .corner-box span {
    font-size: 1.8rem;
    top: 17%;
    right: 3%;
}

#maisonette .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 12%;
    right: -10%;
}

#myroom .room-list-box .bukken-box .corner-box span {
    font-size: 1.8rem;
    top: 19%;
    right: 1%;
}

#orless .room-list-box .bukken-box .corner-box span {
    font-size: 1.8rem;
    top: 18%;
    right: 3%;
}

#security .room-list-box .bukken-box .corner-box span {
    font-size: 1.5rem;
    top: 23%;
    right: 0%;
}

/* ---------- 外国人向け1LDK物件 ---------- */

#area-1LDK .top-image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background-image: url(images/area-1LDK_top.jpg);
    background-size: cover;
    background-position: center center;
}

#area-1LDK .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;
}

#area-1LDK #main {
    width: 100%;
    height: auto;
}

#area-1LDK .content-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

#area-1LDK .room-list-box .bukken-box .corner-box span {
    font-size: 2rem;
    top: 10%;
    right: 5%;
}

#header .header-menu li a::after {
    background-color: rgba(19, 108, 188, 0.0);
}
#header .header-menu li:hover a::after {
    background-color: rgba(19, 108, 188, 0.0);
}


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


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

@media screen and (max-width:767px) {
    body {
        width: 100%;
        font-size: 1.4rem;
        background-image: none;
        margin: 0 auto;
    }
    /* ---------- スマホ メインエリア ---------- */
    #main {
        width: 100%;
    }
    .content-title {
        width: 94%;
        margin: 0 auto;
        margin-top: 2rem;
    }
    #content .content-title h2 {
        font-size: 2.6rem;
    }
    #content .content-title p {
        text-align: left;
    }
    /* ---------- コンセプトリフォーム特集 ---------- */
    #concept .top-image-box {
        height: 24rem;
    }
    #concept .top-image-box h2 {
        font-size: 3.4rem;
    }
    #concept .content-box h3 {
        font-size: 2.4rem;
        margin: 2rem auto;
    }
    /* ---------- カテゴリー別物件TOP ---------- */
    #area-new .top-image-box,
    #condominium .top-image-box,
    #net-zero .top-image-box,
    #station .top-image-box,
    #luxury .top-image-box,
    #designers .top-image-box,
    #kitchen .top-image-box,
    #maisonette .top-image-box,
    #myroom .top-image-box,
    #orless .top-image-box,
    #security .top-image-box {
        height: 24rem;
    }
    #area-new .top-image-box h2,
    #condominium .top-image-box h2,
    #net-zero .top-image-box h2,
    #station .top-image-box h2,
    #luxury .top-image-box h2,
    #designers .top-image-box h2,
    #kitchen .top-image-box h2,
    #maisonette .top-image-box h2,
    #myroom .top-image-box h2,
    #orless .top-image-box h2,
    #security .top-image-box h2 {
        font-size: 3.4rem;
    }
    #net-zero .top-image-box h2,
    #station .top-image-box h2 {
        line-height: 1.2;
    }
    #area-new .content-box h3,
    #condominium .content-box h3,
    #net-zero .content-box h3,
    #station .content-box h3,
    #luxury .content-box h3,
    #designers .content-box h3,
    #kitchen .top-image-box h3,
    #maisonette .top-image-box h3,
    #myroom .top-image-box h3,
    #orless .top-image-box h3,
    #security .top-image-box h3 {
        font-size: 2.4rem;
        margin: 2rem auto;
    }
    /* ---------- 新婚さん向け物件 ---------- */
    #couple .top-image-box {
        height: 24rem;
        background: url(images/couple_top_sp.jpg) center center no-repeat;
        height: 20em;
    }
    #couple .top-image-box h2 {
        font-size: 3.4rem;
    }
    #couple .content-box {
        width: 100%;
    }
    #couple .content-box h3 {
        font-size: 2.4rem;
        margin: 2rem auto;
        text-align: center;
        border-bottom: none;
    }
    /* ---------- 敷金礼金0円物件 ---------- */
    #area-zero .top-image-box {
        height: 24rem;
        background: url(images/area_zero_top_sp.jpg) center center no-repeat;
        background-size: auto 130%;
    }
    #area-zero .top-image-box h2 {
        font-size: 3.4rem;
    }
    #area-zero .content-box h3 {
        font-size: 2.4rem;
        margin: 4rem auto;
    }
    /* ---------- ペットOK物件 ---------- */
    #area-pet .top-image-box {
        height: 24rem;
        background: url(images/area_pet_top_sp.jpg) center center no-repeat;
        background-size: auto 130%;
    }
    #area-pet .top-image-box h2 {
        font-size: 3.4rem;
        line-height: 1.2;
    }
    #area-pet .content-box h3 {
        font-size: 2.4rem;
        margin: 4rem auto;
    }
    #area-pet .map-box {
        width: 100%;
        height: 500px;
        background-size: 200% auto;
        background-position: right 18% top;
    }
    #area-pet .map-box .area-button01 {
        left: 45%;
        top: 30%;
    }
    #area-pet .map-box .area-button02 {
        left: 56%;
        top: 44%;
    }
    #area-pet .map-box .area-button03 {
        left: 17%;
        top: 44%;
    }
    #area-pet .map-box .area-button04 {
        left: 44%;
        top: 62%;
    }
    #area-pet .map-box .area-button05 {
        right: 5%;
        top: 10%;
    }
    #area-pet .map-box .area-button06 {
        left: 1%;
        top: 65%;
    }
    #area-pet .map-box .area-button07 {
        right: 5%;
        top: 80%;
    }
    /* ---------- 新築物件 ---------- */
    #area-new .top-image-box {
        background: url(images/area_new_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    /* ---------- こだわりキッチン ---------- */
    #kitchen .top-image-box {
        background: url(images/kitchen_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    /* ---------- 戸建・メゾネット ---------- */
    #maisonette .top-image-box {
        background: url(images/maisonette_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    /* ---------- 自分のお部屋 ---------- */
    #myroom .top-image-box {
        background: url(images/myroom_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    /* ---------- 家賃7万円以下物件 ---------- */
    #orless .top-image-box {
        background: url(images/orless_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    /* ---------- セキュリティ ---------- */
    #security .top-image-box {
        background: url(images/security_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    /* ---------- 外国人向け1R-1DK ---------- */
    #oneR-oneDK .top-image-box {
        background: url(images/1R_1DK_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #oneR-oneDK .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け1LDK ---------- */
    #oneLDK .top-image-box {
        background: url(images/1LDK_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #oneLDK .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け2K-2LDK ---------- */
    #twoK-twoLDK .top-image-box {
        background: url(images/2K_2LDK_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #twoK-twoLDK .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け3K-4LDK ---------- */
    #threeK-fourLDK .top-image-box {
        background: url(images/3K_4LDK_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #threeK-fourLDK .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け家具家電 ---------- */
    #furniture .top-image-box {
        background: url(images/furniture_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #furniture .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け常三島キャンパス ---------- */
    #foreigner_tu_j .top-image-box {
        background: url(images/tu_j_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #foreigner_tu_j .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け蔵本キャンパス ---------- */
    #foreigner_tu_k .top-image-box {
        background: url(images/tu_k_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #foreigner_tu_k .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け四国大学 ---------- */
    #foreigner_su .top-image-box {
        background: url(images/su_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #foreigner_su .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* ---------- 外国人向け穴吹カレッジ ---------- */
    #foreigner_ac .top-image-box {
        background: url(images/ac_top_sp.jpg)center center no-repeat;
        height: 20em;
    }
    #foreigner_ac .top-image-box h2 {
        font-size: 4rem;
        line-height: 1.2;
    }
    /* トランク・コンテナルームを借りる */
    #trunk-room .top-navi {
        margin-bottom: 0;
    }
    .top-title {
        width: 100%;
    }
    .top-title-box {
        margin-top: 1rem;
    }
    .top-title-box span.en {
        color: #999999;
        font-size: 2rem;
    }
    .top-title-box h2,
    .top-title-box span.jp {
        font-size: 2.4rem;
        font-weight: bold;
        color: #ef1923;
    }
    .top-navi {
        width: 100%;
    }
    .top-navi li::before {
        display: none;
    }
    .top-navi ul.navi {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 0;
        overflow: hidden;
        background-color: #ef1923;
    }
    .top-navi li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50%;
        height: 6rem;
        float: left;
        text-align: center;
        padding: 0.5rem;
        color: #ffffff;
        background-color: #ef1923;
    }
    .top-navi li.navi01 a,
    .top-navi li.navi03 a,
    .top-navi li.navi05 a,
    .top-navi li.navi07 a {
        border-right: solid 1px rgba(255, 255, 255, 0.5);
    }
    .top-navi li.navi01 a,
    .top-navi li.navi02 a,
    .top-navi li.navi03 a,
    .top-navi li.navi04 a,
    .top-navi li.navi05 a,
    .top-navi li.navi06 a {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    }
    #tab.top-navi {
        position: relative;
        width: 100%;
        color: #fff;
        /* アコーディオン タブ文字色 */
        overflow: hidden;
        margin-top: 2rem;
    }
    #tab.top-navi input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
    #tab.top-navi label {
        position: relative;
        display: block;
        padding: 1em;
        background: #ef1923;
        /* アコーディオン タブ背景色 */
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
    }
    #tab.top-navi .menu {
        position: absolute;
        top: 0;
        right: 70px;
        width: auto;
        width: max-content;
        height: 60px;
        line-height: 60px;
        font-size: 1.6rem;
        font-weight: bold;
    }
    #tab.top-navi .tab-content {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .35s;
        -o-transition: max-height .35s;
        transition: max-height .35s;
    }
    /* :checked */
    #tab.top-navi input:checked~.tab-content {
        max-height: 30em;
        background: #ef1923;
        border-top: solid 1px rgba(255, 255, 255, 0.5);
    }
    /* Icon */
    /* Icon */
    #tab.top-navi label::after {
        background: #5B000A;
        content: '+';
        display: block;
        line-height: 60px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 60px;
        height: 60px;
        font-size: 2.4rem;
        font-weight: bold;
    }
    #tab.top-navi input[type=checkbox]:checked+label::after {
        content: '-';
    }
    #tab.top-navi input[type=radio]+label::after {
        content: "\25BC";
    }
    #tab.top-navi input[type=checkbox]:checked+label::after {
        transform: rotate(540deg);
    }
    #tab.top-navi input[type=radio]:checked+label::after {
        transform: rotateX(180deg);
    }
    .trunk-link-flex {
        display: block;
        margin: 2rem auto;
    }
    .trunk-link-wrap,
    .container-link-wrap {
        width: 100%;
    }
    .trunk-link-wrap {
        margin-bottom: 2rem;
    }
    .trunk-link-img,
    .container-link-img {
        width: 15%;
    }
    /* ---------- トランクルームを借りる ---------- */
    #trunk-room .top-image-box {
        height: 24rem;
    }
    #trunk-room .top-image-box h2 {
        font-size: 3.4rem;
    }
    .trunk-campaign-box {
        margin-top: 2rem;
    }
    #trunk-room .content-box01 {
        width: 94%;
        margin-top: 2rem;
        margin-bottom: 22rem;
    }
    #trunk-room .content-box01 span.trunk-midashi02 {
        font-size: 2.8rem;
    }
    #trunk-room .content-box01 span.trunk-midashi01 {
        width: 100%;
        font-size: 3rem;
        text-align: center;
    }
    #trunk-room .content-box01 span.trunk-midashi03 {
        top: auto;
        left: 3%;
        bottom: -13rem;
        width: 70%;
        font-size: 2rem;
        text-align: center;
    }
    #trunk-room .content-box01 span.trunk-midashi04 {
        right: 3%;
        bottom: -20rem;
        width: 70%;
        font-size: 2rem;
        text-align: center;
    }
    #trunk-room .content-box02,
    #trunk-room .content-box03 {
        width: 94%;
        margin-bottom: 4rem;
    }
    #trunk-room .yell-box .photo-box {
        width: 100%;
        padding: 0;
    }
    #trunk-room .yell-box .map-box {
        width: 100%;
        padding: 0;
        margin-top: 2rem;
    }
    #trunk-room .content-box .button-box a {
        width: 100%;
        padding: 3rem 1rem;
        text-align: center;
        font-size: 2rem;
        margin-top: 2rem;
    }
    /* ---------- エール昭和町 ---------- */
    #yell-showa .top-image-box {
        height: 24rem;
    }
    #yell-showa .top-image-box h2 {
        font-size: 3.6rem;
    }
    #yell-showa .navi-box {
        width: 94%;
        margin: 0 auto;
        margin-top: 2rem;
    }

    #yell-showa .navi-box li a {
        width: 100%;
        padding: 1.5rem;
    }
    #yell-showa .top-box {
        width: 94%;
        margin-top: 2rem;
    }
    #yell-showa .size-box {
        width: 94%;
        margin-top: 2rem;
    }

    #yell-showa .merit-box {
        width: 94%;
        margin-top: 2rem;
    }
    #yell-showa .image-box {
        display: block;
        width: 94%;
        height: auto;
        padding-top: 68%;
        background-size: 100% auto;
        background-position: center top;
    }
    #yell-showa .image-box .text-box01 {
        width: 10rem;
        height: 10rem;
        top: 0;
        margin: 0;
        font-size: 1.8rem;
    }
    #yell-showa .image-box .text-box01 span {
        font-size: 2.6rem;
    }
    #yell-showa .image-box .text-box02,
    #yell-showa .image-box .text-box03 {
        position: static;
        width: 14rem;
        height: 14rem;
        float: left;
        font-size: 2.2rem;
    }
    #yell-showa .image-box .text-box03 {
        float: right;
    }
    #yell-showa .image-box .text-box03 .text02 .text02-01 {
        font-size: 6rem;
    }
    #yell-showa .content-box01 {
        width: 94%;
        padding: 16rem 0;
        background-size: 40% auto;
    }
    #yell-showa .content-box01 .text-box01 {
        font-size: 2.8rem;
    }
    #yell-showa .content-box01 .text-box02 {
        width: 100%;
        font-size: 2.6rem;
        padding: 1rem;
    }
    #yell-showa .content-box01 .text-box03 {
        font-size: 2rem;
    }
    #yell-showa .content-box01 .text-box03 span {
        font-size: 3rem;
    }
    #yell-showa .content-box02 {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-showa .content-box02 h3 {
        font-size: 2.8rem;
        text-align: left;
        padding: 0;
    }
    #yell-showa .content-box02 .list-box {
        width: 100%;
    }
    #yell-showa .content-box02 .list-box .list-item {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    #yell-showa .content-box02 .list-box .list-item dd {
        font-size: 1.8rem;
    }

    #yell-showa .content-box03 h3 {
        font-size: 2.8rem;
    }
    #yell-showa .content-box03 .map-box iframe {
        height: 400px;
    }

    #yell-showa .content-box04 h3 span {
        display: block;
        width: 100%;
        text-align: center;
    }
    #yell-showa .content-box04 .city-box {
        margin: 2rem auto;
    }
    #yell-showa .content-box04 .shop-box {
        width: 100%;
        float: none;
        margin-bottom: 4rem;
    }
    #yell-showa .content-box04 .shop-box dt {
        font-size: 2.8rem;
    }
    #yell-showa .content-box04 .shop-box dd {
        font-size: 3rem;
        margin: 2rem auto;
    }
    #yell-showa .content-box04 .buttun-box {
        margin: 2rem auto;
        margin-bottom: 4rem;
    }
    #yell-showa .content-box04 .buttun-box a {
        width: 100%;
        font-size: 2.4rem;
    }
    /* ---------- エール昭和町（料金表） ---------- */
    #yell-showa .price-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-showa .price-box #notice {
        text-align: left;
    }
    #yell-showa .price-box table {
        font-size: 1.6rem;
    }
    /* ---------- エール昭和町（平面図） ---------- */
    #yell-showa .sketch-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-showa .sketch-img-box {
        width: 100%;
        float: none;
    }
    #yell-showa .price-box table td {
        padding: 5px;
    }
    /* ---------- エール昭和町（空室状況） ---------- */
    #yell-showa .vacancy-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-showa table.vacancy-table {
        width: 100%;
    }
    #yell-showa.vacancy .sketch-img-box {
        width: 50%;
        float: left;
    }
    #yell-showa .vacancy-box .sketch-img-box img {
        width: 90%;
    }
    /* ---------- エール昭和町（アクセス） ---------- */
    #yell-showa .access-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-showa .access-box .map-title-box {
        margin: 2rem auto;
    }
    #yell-showa .access-box .map-title {
        width: 100%;
    }
    #yell-showa .access-box .address-box {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    #yell-showa .access-box .map-box iframe {
        width: 100%;
        height: 500px;
    }
    /* ---------- エール昭和町（店舗写真） ---------- */
   
    #yell-showa .photo-box .photo-title {
        width: 100%;
    }
    #yell-showa .photo-box .photo-title-box {
        margin: 2rem auto;
    }
    #yell-showa .photo-box .photo-title span {
        width: 6rem;
        height: 6rem;
        font-size: 5rem;
        margin: 0 0.3rem;
    }
    .swiper-blind-left,
    .swiper-blind-right {
        background: none;
    }
    /* ---------- エール徳島町 ---------- */
    #yell-tokushima .top-image-box {
        height: 24rem;
    }
    #yell-tokushima .top-image-box h2 {
        font-size: 3.6rem;
    }
    #yell-tokushima .navi-box {
        width: 94%;
        margin: 0 auto;
        margin-top: 2rem;
    }
    #yell-tokushima .navi-box li {
        width: 48%;
        margin: 1%;
    }
    #yell-tokushima .navi-box li a {
        width: 100%;
        padding: 1.5rem;
    }
    #yell-tokushima .image-box {
        display: block;
        width: 94%;
        height: auto;
        padding-top: 68%;
        background-size: 100% auto;
        background-position: center top;
    }
    #yell-tokushima .image-box .text-box01 {
        width: 10rem;
        height: 14rem;
        top: 0;
        margin: 0;
        font-size: 1.8rem;
    }
    #yell-tokushima .image-box .text-box01 span {
        font-size: 2.6rem;
    }
    #yell-tokushima .image-box .text-box02,
    #yell-tokushima .image-box .text-box03 {
        position: static;
        width: 14rem;
        height: 14rem;
        float: left;
        font-size: 2.2rem;
    }
    #yell-tokushima .image-box .text-box03 {
        float: right;
    }
    #yell-tokushima .image-box .text-box03 .text02 .text02-01 {
        font-size: 6rem;
    }
    #yell-tokushima .content-box01 {
        width: 94%;
        padding: 16rem 0;
        background-size: 40% auto;
    }
    #yell-tokushima .content-box01 .text-box01 {
        font-size: 2.8rem;
    }
    #yell-tokushima .content-box01 .text-box02 {
        width: 100%;
        font-size: 2.6rem;
        padding: 1rem;
    }
    #yell-tokushima .content-box01 .text-box03 {
        font-size: 2rem;
    }
    #yell-tokushima .content-box01 .text-box03 span {
        font-size: 3rem;
    }
    #yell-tokushima .content-box02 {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-tokushima .content-box02 h3 {
        font-size: 2.8rem;
        text-align: left;
        padding: 0;
    }
    #yell-tokushima .content-box02 .list-box {
        width: 100%;
    }
    #yell-tokushima .content-box02 .list-box .list-item {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    #yell-tokushima .content-box02 .list-box .list-item dd {
        font-size: 1.8rem;
    }
    #yell-tokushima .content-box03 {
        width: 94%;
        margin: 0 auto;
    }
    #yell-tokushima .content-box03 h3 {
        font-size: 2.8rem;
    }
    #yell-tokushima .content-box03 .map-box iframe {
        height: 400px;
    }
    #yell-tokushima .content-box04 {
        width: 94%;
        margin: 0 auto;
    }
    #yell-tokushima .content-box04 h3 span {
        display: block;
        width: 100%;
        text-align: center;
    }
    #yell-tokushima .content-box04 .city-box {
        margin: 2rem auto;
    }
    #yell-tokushima .content-box04 .shop-box {
        width: 100%;
        float: none;
        margin-bottom: 4rem;
    }
    #yell-tokushima .content-box04 .shop-box dt {
        font-size: 2.8rem;
    }
    #yell-tokushima .content-box04 .shop-box dd {
        font-size: 3rem;
        margin: 2rem auto;
    }
    #yell-tokushima .content-box04 .buttun-box {
        margin: 2rem auto;
        margin-bottom: 4rem;
    }
    #yell-tokushima .content-box04 .buttun-box a {
        width: 100%;
        font-size: 2.4rem;
    }
    /* ---------- エール徳島町（料金表） ---------- */
    #yell-tokushima .price-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-tokushima .price-box #notice {
        text-align: left;
    }
    #yell-tokushima .price-box table {
        font-size: 1.6rem;
    }
    #yell-tokushima .price-box table td {
        padding: 3px;
    }
    /* ---------- エール徳島町（平面図） ---------- */
    #yell-tokushima .sketch-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-tokushima .sketch-img-box img {
        width: auto;
        height: 12rem;
    }
    /* ---------- エール徳島町（空室状況） ---------- */
    #yell-tokushima .vacancy-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-tokushima table.vacancy-table {
        width: 100%;
    }
    #yell-tokushima .sketch-img-box {
        width: 100%;
        float: none;
    }
    #yell-tokushima .vacancy-box .sketch-img-box img {
        width: 90%;
    }
    #yell-tokushima.vacancy .vacancy-box .sketch-img-box01,
    #yell-tokushima.vacancy .vacancy-box .sketch-img-box02 {
        width: 100%;
    }
    #yell-tokushima.vacancy .vacancy-box .sketch-img-box02 img {
        width: 40%;
    }
    /* ---------- エール徳島町（アクセス） ---------- */
    #yell-tokushima .access-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-tokushima .access-box .map-title-box {
        margin: 2rem auto;
    }
    #yell-tokushima .access-box .map-title {
        width: 100%;
    }
    #yell-tokushima .access-box .address-box {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    #yell-tokushima .access-box .map-box iframe {
        width: 100%;
        height: 500px;
    }
    /* ---------- エール徳島町（店舗写真） ---------- */
    #yell-tokushima .photo-box {
        width: 94%;
        margin: 2rem auto;
    }
    #yell-tokushima .photo-box .photo-title {
        width: 100%;
    }
    #yell-tokushima .photo-box .photo-title-box {
        margin: 2rem auto;
    }
    #yell-tokushima .photo-box .photo-title span {
        width: 6rem;
        height: 6rem;
        font-size: 5rem;
        margin: 0 0.3rem;
    }
    .swiper-blind-left,
    .swiper-blind-right {
        background: none;
    }
    /* ---------- トランクルームお問い合わせ ---------- */
    .yell-otoiawase .content-box {
        width: 94%;
    }
    .yell-otoiawase #content01 {
        width: 100%;
    }
    .yell-otoiawase .step-box {
        margin: 2rem auto;
    }
    .yell-otoiawase .step-box li {
        display: block;
        font-size: 1.8rem;
        padding: 0.5rem;
    }
    .yell-otoiawase .step-box li span {
        display: block;
        width: 100%;
        font-size: 2.2rem;
    }
    .yell-otoiawase #formWrap {
        width: 100%;
    }
    .yell-otoiawase #formWrap dt,
    .yell-otoiawase #formWrap dd {
        width: 100%;
        padding: 0;
    }
    .yell-otoiawase #formWrap form select,
    .yell-otoiawase #formWrap form input[type="text"],
    .yell-otoiawase #formWrap form textarea {
        width: 100%;
    }
    .yell-otoiawase #formWrap form .button-box {
        width: 100%;
        margin: 2rem auto;
        margin-top: 4rem;
    }
    .yell-otoiawase #formWrap form .button-box input {
        width: 100%;
        float: none;
        margin: 2rem auto;
    }
    /* ---------- トランクルームお問い合わせ ---------- */
    .yell-otoiawase #formWrap table th,
    .yell-otoiawase #formWrap table td {
        width: 100%;
        padding: 1rem 0;
        line-height: normal;
    }
    .yell-otoiawase #formWrap table td {
        margin-bottom: 1rem;
    }
    .yell-otoiawase #formWrap input[type="submit"],
    .yell-otoiawase #formWrap input[type="button"] {
        width: 100%;
        margin: 2rem auto;
    }
    .yell-otoiawase #content01 .back-box a {
        width: 100%;
        height: 6rem;
        margin: 4rem auto;
    }
    .otoiawase .privacy .privacy-area h3 {
        font-size: 2rem;
    }
    /* ---------- コンテナルーム TOP ---------- */
    #container-room .top-image-box {
        height: 24rem;
    }
    #container-room .top-image-box h2 {
        font-size: 3.4rem;
    }
    #container-room .content-box {
        width: 94%;
        margin: 2rem auto;
    }
    #container-room .content-box h2 {
        font-size: 2.4rem;
    }
    #container-room .container-navi-box {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    #container-room .container-navi-box ul {
        width: 100%;
        margin: 0 auto;
    }
    #container-room .container-navi-box li a {
        width: 50%;
        border: none;
    }
    #container-room .container-navi-box li.last a {
        border: none;
    }
    #container-room .container-navi-box li.navi01 a,
    #container-room .container-navi-box li.navi02 a,
    #container-room .container-navi-box li.navi03 a,
    #container-room .container-navi-box li.navi04 a {
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    }
    #container-room .container-navi-box li.navi01 a,
    #container-room .container-navi-box li.navi03 a,
    #container-room .container-navi-box li.navi05 a {
        border-right: solid 1px rgba(255, 255, 255, 0.3);
    }
    #container-room .content-box .comment-box {
        width: 100%;
    }
    #container-room .content-box02 h2 span {
        width: 80%;
    }
    #container-room .content-box02 .feature-box {
        width: 100%;
        margin: 2rem auto;
        font-size: 2.4rem;
        padding-top: 40%;
        background-size: 40% auto;
        background-position: right 0 top 0, left 0 top 10%;
    }
    #container-room .content-box02 .feature-box .feature01,
    #container-room .content-box02 .feature-box .feature02 {
        font-size: 4rem;
    }
    #container-room .content-box h2 {
        font-size: 3rem;
    }
    #container-room .content-box .space-box {
        width: 100%;
    }
    #container-room .content-box .space-top-box .icon-box span {
        width: 100%;
        margin: 1rem 0;
        padding: 0 1rem;
        text-align: center;
    }
    #container-room .content-box .photo-map-box .photo-box {
        width: 100%;
        padding: 0;
        float: none;
    }
    #container-room .content-box .photo-map-box .map-box {
        width: 100%;
        padding: 0;
        float: none;
        margin-top: 2rem;
    }
    #container-room .content-box .space-box .button-box a {
        width: 100%;
        text-align: center;
    }
    #container-room .content-box05 .point-box {
        width: 100%;
        margin: 2rem auto;
    }
    #container-room .content-box05 .point-item-box {
        width: 100%;
        margin-bottom: 2rem;
        margin-left: 0;
    }
    #container-room .content-box05 .point-sub-box {
        margin: 0 auto;
    }
    /* ---------- コンテナルーム ご利用について ---------- */
    #container-room .content-merit .merit-box {
        width: 100%;
    }
    #container-room .content-merit .merit-box dt,
    #container-room .content-merit .merit-box dd {
        width: 100%;
        float: none;
    }
    #container-room .content-example h2 {
        font-size: 2.6rem;
    }
    #container-room .example-box {
        width: 100%;
        margin: 2rem auto;
    }
    #container-room .example-box .example-item {
        width: 100%;
        float: none;
        padding: 0;
    }
    #container-room .example-box .example-item dd {
        padding-left: 3rem;
    }
    #container-room .ban-box {
        width: 100%;
    }
    /* ---------- コンテナルーム スペースプラス上助任 ---------- */
    #container-room .access-box {
        width: 100%;
    }
    #container-room .type-box {
        width: 100%;
    }
    #container-room .type-box .sketch-box img {
        width: 100%;
        height: auto;
    }
    #container-room .table-box table {
        font-size: 1rem;
    }
    /* ---------- コンテナルーム スペースプラス上助任（空室状況） ---------- */
    #container-room .content-box .vacancy-box {
        width: 100%;
    }
    #container-room .vacancy-box .sketch-box img {
        width: 100%;
        height: auto;
    }
    /* ---------- コンテナルーム（お問い合わせ） ---------- */
    #container-room .otoiawase #content01 {
        width: 100%;
    }
    #container-room .otoiawase .step-box {
        margin: 2rem auto;
    }
    #container-room .otoiawase .step-box li {
        display: block;
        font-size: 1.8rem;
        padding: 0.5rem;
    }
    #container-room .otoiawase .step-box li span {
        display: block;
        width: 100%;
        font-size: 2.2rem;
    }
    #container-room .otoiawase #formWrap {
        width: 100%;
    }
    #container-room .otoiawase #formWrap dt,
    #container-room .otoiawase #formWrap dd {
        width: 100%;
        float: none;
        padding: 0;
    }
    #container-room .otoiawase #formWrap form select,
    #container-room .otoiawase #formWrap form input[type="text"],
    #container-room .otoiawase #formWrap form textarea {
        width: 100%;
    }
    #container-room .otoiawase #formWrap form .button-box {
        width: 100%;
        margin: 2rem auto;
        margin-top: 4rem;
    }
    #container-room .otoiawase #formWrap form .button-box input {
        width: 100%;
    }
    #container-room .otoiawase .privacy .privacy-area h3 {
        font-size: 2rem;
        border: none;
    }
    /* ---------- コンテナルーム（お問い合わせ・確認画面） ---------- */
    #container-room .otoiawase #formWrap table th,
    #container-room .otoiawase #formWrap table td {
        width: 100%;
        padding: 0;
    }
    #container-room .otoiawase #formWrap input[type="submit"],
    #container-room .otoiawase #formWrap input[type="button"] {
        width: 100%;
        margin: 2rem auto;
    }
    /* ---------- コンテナルーム（お問い合わせ・送信完了画面） ---------- */
    #container-room .otoiawase #content01 .back-box a {
        width: 100%;
        height: 6rem;
        margin: 4rem auto;
    }
    /* ---------- 高齢者向住宅物件 ---------- */
    #korei #content {
        float: none;
    }
    #korei .top-image-box {
        position: relative;
        display: block;
        height: 22rem;
        background: url(images/korei_top_sp.png) center top 25% no-repeat;
        background-size: 100%;
    }
    #korei .top-image-box h2 {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 3.6rem;
    }
    #korei .korei-box {
        width: 94%;
        padding: 0;
        margin: 1rem auto 0;
    }
    #korei .korei-box .bukken-box {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 4rem;
        padding-bottom: 40%;
        background-position: right bottom 0;
    }
    #korei .bukken-box .outline-box,
    #korei .bukken-box .address-box,
    #korei .bukken-box .detail-box {
        height: auto;
        padding: 2rem;
    }
    #korei .bukken-box .detail-box {
        padding-left: 4rem;
    }
    /* ---------- 高齢者向住宅物件（お問い合わせ） ---------- */
    #korei.contact .content-box {
        margin: 2rem auto;
    }
    #korei .content-title-box h2 {
        width: 94%;
    }
    #korei.contact #contact-box {
        width: 94%;
    }
    #korei.contact .step-box {
        margin: 2rem auto;
    }
    #korei .step-box li {
        display: block;
        font-size: 1.8rem;
        padding: 0.5rem;
    }
    #korei .step-box li span {
        font-size: 2.2rem;
    }
    #korei.contact #formWrap dl {
        margin: 0 auto;
    }
    #korei.contact #formWrap dt,
    #korei.contact #formWrap dd {
        width: 100%;
        height: auto;
        float: none;
        line-height: normal;
        padding: 1rem 0;
    }
    #korei.contact #formWrap form input[type="text"] {
        width: 100%;
    }
    #korei.contact #formWrap form textarea {
        width: 100%;
    }
    #korei.contact #formWrap form .button-box {
        width: 94%;
        margin: 2rem auto;
    }
    #korei.contact #formWrap form .button-box input {
        width: 100%;
        margin: 2rem auto;
    }
    /* ---------- 高齢者向住宅物件（お問い合わせ・確認画面） ---------- */
    #korei.kakunin .content-title-box h2 {
        font-size: 2.4rem;
    }
    #korei.kakunin #content01 {
        width: 100%;
    }
    #korei.kakunin .step-box {
        width: 94%;
        margin: 2rem auto;
    }
    #korei.kakunin #formWrap {
        width: 94%;
        margin: 2rem auto;
        padding: 0;
    }
    #korei.kakunin #formWrap table th,
    #korei.kakunin #formWrap table td {
        width: 100%;
        float: none;
        padding: 0;
    }
    #korei.kakunin #formWrap input[type="submit"],
    #korei.kakunin #formWrap input[type="button"] {
        width: 100%;
        margin: 2rem auto;
    }
    /* ---------- 高齢者向住宅物件（お問い合わせ・確認画面） ---------- */
    #korei.thanks .content-title-box h2 {
        font-size: 2.4rem;
    }
    #korei.thanks #content01 {
        width: 100%;
    }
    #korei.thanks .step-box {
        width: 94%;
        margin: 2rem auto;
    }
    #korei.thanks #content01 .thanks-box {
        width: 94%;
        margin: 0 auto;
    }
    #korei.thanks #content01 .back-box a {
        width: 94%;
        margin: 4rem auto;
    }
    /* ---------- ビレッジハウス ---------- */
    #village-house .top-image-box {
        height: 24rem;
        align-items: unset;
    }
    #village-house .top-image-box h2 {
        font-size: 3.4rem;
    }
    #village-house .village-navi-box {
        padding: 0;
    }
    #village-house .village-navi-box ul {
        width: 100%;
    }
    #village-house .village-navi-box li a {
        width: 50%;
        padding: 1rem 0;
    }
    #village-house .village-navi-box li.navi01 a,
    #village-house .village-navi-box li.navi02 a,
    #village-house .village-navi-box li.navi03 a,
    #village-house .village-navi-box li.navi04 a {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    }
    #village-house .village-navi-box li.navi01 a,
    #village-house .village-navi-box li.navi03 a,
    #village-house .village-navi-box li.navi05 a {
        border-right: solid 1px rgba(255, 255, 255, 0.5);
    }
    #village-house .content-box {
        margin: 2rem 0;
    }
    #village-house .content-title-box h2 {
        width: 100%;
        padding-top: 15%;
        background-position: 3% top;
        background-size: 35% auto;
        font-size: 2.4rem;
    }
    #village-house .content-box .about-box {
        width: 94%;
    }
    #village-house .about-box .image-box img {
        width: 100%;
    }
    #village-house .about-box .point-box h3 {
        font-size: 2.4rem;
    }
    #village-house .about-box .point-box h3 span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 4.4rem;
    }
    #village-house .about-box .point-box .sub-list ul {
        display: block;
        width: 100%;
        overflow: hidden;
    }
    #village-house .about-box .point-box .sub-list li {
        display: block;
        width: 70%;
        height: auto;
        font-size: 2.4rem;
        margin: 2rem auto;
        padding: 1rem;
        border-radius: 50%;
    }
    #village-house .about-box .point-box .sub-list span {
        font-size: 4rem;
    }
    #village-house .link-box .bosyu-box {
        display: block;
        height: auto;
        padding-bottom: 60%;
        background-position: center bottom;
        background-size: 50% auto;
    }
    #village-house .link-box .bosyu-box img {
        width: 100%;
        height: auto;
    }
    #village-house .link-box .button-box li a {
        width: 46%;
        margin: 2%;
    }
    /* ---------- ビレッジハウス 空室状況 ---------- */
    #village-house .top-image-box h2 {
        font-size: 3rem;
    }
    #village-house.vacancy .vacancy-box {
        width: 94%;
        margin: 2rem auto;
    }
    #village-house.vacancy .bukken-box {
        width: 100%;
        height: auto;
        float: none;
        margin: 0;
        margin-bottom: 2rem;
    }
    #village-house.vacancy .bukken-box .image-box {
        height: auto;
    }
    #village-house.detail .map-box {
        width: 94%;
    }
    /* ---------- ビレッジハウス お問い合わせ ---------- */
    #village-house.contact #contact-box {
        width: 100%;
        margin: 2rem auto;
    }
    #village-house.contact .comment-box,
    #village-house.contact .step-box {
        width: 94%;
        margin: 2rem auto;
    }
    #village-house.contact .step-box li {
        display: block;
        font-size: 1.8rem;
        padding: 0.5rem;
    }
    #village-house.contact .step-box li span {
        font-size: 2.2rem;
    }
    #village-house.contact #formWrap dt,
    #village-house.contact #formWrap dd {
        width: 100%;
        padding: 0;
    }
    #village-house.contact #formWrap form select {
        width: 100%;
        background-color: #ffffff;
    }
    #village-house.contact #formWrap form input[type="text"] {
        width: 100%;
    }
    #village-house.contact #formWrap form textarea {
        width: 100%;
    }
    #village-house.contact .privacy {
        width: 94%;
        margin: 0 auto;
    }
    #village-house.contact .privacy .privacy-area h3 {
        font-size: 2rem;
    }
    #village-house.contact #formWrap form .button-box {
        width: 94%;
        margin: 2rem auto;
    }
    #village-house.contact #formWrap form .button-box input[type="submit"],
    #village-house.contact #formWrap form .button-box input[type="reset"] {
        width: 100%;
        float: none;
        margin: 2rem auto;
    }
    #village-house.kakunin #formWrap {
        width: 94%;
        margin: 0 auto;
    }
    #village-house.kakunin #formWrap table th,
    #village-house.kakunin #formWrap table td {
        width: 100%;
        padding: 0;
        float: none;
    }
    #village-house.kakunin #formWrap input[type="submit"],
    #village-house.kakunin #formWrap input[type="button"] {
        width: 100%;
        margin: 2rem auto;
    }
    #village-house.thanks #contact-box .thanks-box {
        width: 94%;
        margin: 0 auto;
    }
    #village-house.thanks #contact-box .back-box a {
        width: 94%;
        margin: 4rem auto;
    }
    /* ---------- カテゴリー別物件リスト ---------- */
    .property-box {
        width: 100%;
    }
    .property-box .condition-box.mobile {
        width: 94%;
        padding: 0;
        margin: 0 auto;
        margin-bottom: 2rem;
        float: none;
    }
    .property-box .menu__item {
        background: #0083f9;
        color: #fff;
        cursor: pointer;
        display: block;
        margin-bottom: 1px;
    }
    .property-box .menu__item__link {
        color: #fff;
        display: block;
        line-height: 60px;
        padding: 0 1rem;
        position: relative;
    }
    .property-box .condition-box .menu__item__link {
        display: block;
    }
    .property-box a.menu__item__link {
        color: #ffffff;
        text-decoration: none;
        font-size: 1.8rem;
    }
    .property-box .menu__item__link:after {
        background: #005bac;
        content: '+';
        display: block;
        line-height: 60px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 60px;
        font-size: 2.4rem;
        font-weight: bold;
    }
    .property-box .menu__item__link.on:after {
        content: '-';
    }
    .property-box .submenu {
        background: #fff;
        display: none;
    }
    .property-box .submenu__item {
        border-bottom: 1px solid #5200b7;
        color: #222;
        padding: 1rem;
    }
    .room-list-box {
        width: 94%;
        margin-bottom: 4rem;
        float: none;
    }
    .room-list-box .bukken-box {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 2rem;
        padding-bottom: 6rem;
    }
    .room-list-box .bukken-box .new-box,
    .room-list-box .bukken-box .detail-button-box {
        font-size: 1.6rem;
    }
    .room-list-box .bukken-box .name-box h3 {
        font-size: 1.6rem !important;
        color: #333333;
    }
    .room-list-box .bukken-box .photo-box {
        height: auto;
        max-height: 24rem;
    }
    .room-list-box .pager {
        padding-bottom: 0.5rem;
        margin-top: 2rem;
    }
    .property-box .condition-box {
        width: 94%;
        float: none;
    }
    .property-box .sort-box {
        width: 100%;
        font-size: 1.6rem;
    }
    .property-box .sort-box.pc {
        display: none;
    }
    .property-box .sort-box details {
        width: 100%;
        height: auto;
    }
    .property-box .sort-box details summary {
        width: 100%;
        margin: 0;
        border: none;
        font-weight: normal;
        padding: 0;
    }
    .property-box .sort-box details summary:hover {
        border-radius: 0;
        background: none;
    }
    .property-box .sort-box .list-order {
        width: 100%;
    }
    .property-box .sort-box .list-order span {
        padding: 1.5rem;
    }
    .property-box details[open] summary {
        background: none;
    }
    .property-box .sort-box .order-type .order-type2 {
        padding: 0;
    }
    .property-box .sort-box ul,
    .property-box .sort-box li {
        list-style: none;
        display: block;
    }
    .property-box .sort-box li.order-type .order-type2 {
        width: 100%;
    }
    .property-box .sort-box .order-type a {
        padding: 1.5rem;
    }
    .order-type2 a {
        padding: 1.5rem;
    }
    /* ---------- スマホ用ここまで ---------- */
}

@media screen and (max-width:600px) {
    #korei .top-image-box {
        background: url(images/korei_top_sp.png) center top no-repeat;
        background-size: 100%;
    }
}