@charset "utf-8";

.container {
    width: 1120px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.wrap {
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#page_category .wrap {
    overflow: visible;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

header p {
    margin-bottom: 0px;
}

#topbar ul {
    overflow: hidden;
    width: 590px;
    float: right;
}

#topbar li {
    float: left;
    margin-left: 5px;
}

#topbar li h1 {
    font-size: 13px;
    color: #666;
    padding: 5px 20px;
    margin: 0px;
}

#topbar li a {
    padding: 5px 20px;
    text-decoration: none;
    background: #000066;
    color: #fff;
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    border: solid #fff;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 4px 4px;
}

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider ul li img {
    width: 100%;
    display: none;
}

.wideslider_base {
    top: 0;
    position: absolute;
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;

}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

.wideslider .pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
    /* display: none; */
}

.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}

.pagination a.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

#top_fv_sec {
    position: relative;
    padding: 180px 0 120px;
    margin-bottom: 40px;
}

#top_fv_sec::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 295px;
    width: calc((50vw - 570px) + 400px);
    background-color: #fafafa;
}

#top_fv_sec .tab_container {
    width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.glowAnime .anim {
    opacity: 0;
}

.glowAnime.glow .anim {
    animation: glow_anime_on 1s ease-out forwards;
}

@keyframes glow_anime_on {
    0% {
        opacity: 0;
        text-shadow: 0 0 0 #fff, 0 0 0 #fff;
    }

    50% {
        opacity: 1;
        text-shadow: 0 0 10px #fff, 0 0 15px #fff;
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 0 #fff, 0 0 0 #fff;
    }
}

#top_fv_sec .text_box .main_text {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.08em;
    line-height: 1.6;
    margin-bottom: 10px;
}

#top_fv_sec .text_box .main_text .big {
    font-size: 45px;
    margin-right: 5px;
    color: #051866;
}

#top_fv_sec .text_box .en_text {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.8;
}

#top_fv_sec .slider_wrap {
    position: absolute;
    top: 0;
    left: calc((50vw - 570px) + 200px);
    right: 0;
    bottom: 60px;
    z-index: 1;
}

#top_fv_sec .slider_wrap .fv_slider {
    height: 100%;
}

#top_fv_sec .slider_wrap .fv_slider .slick-list {
    height: 100%;
}

#top_fv_sec .slider_wrap .fv_slider .slick-track {
    height: 100%;
}

#top_fv_sec .slider_wrap .fv_slider li {
    height: 100%;
    margin: 0;
}

#top_fv_sec .slider_wrap .fv_slider li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

#top_banner_sec {
    margin-bottom: 100px;
}

#top_banner_sec .slider_wrap {
    overflow-x: hidden;
}

#top_banner_sec .slider_wrap .top_banner_slider .slick-track {
    float: none;
    display: flex;
    left: -225px;
    gap: 30px;
}

#top_banner_sec .slider_wrap .top_banner_slider .slick-slide {
    width: 450px;
    margin: 0;
}

#top_banner_sec .slider_wrap .top_banner_slider .slick-slide a {
    display: block;
    width: 100%;
    line-height: 1;
}

#top_banner_sec .slider_wrap .top_banner_slider .slick-slide a img {
    width: 100% !important;
    height: auto !important;
}

#top_banner_sec .slider_wrap .top_banner_slider .prev_btn,
#top_banner_sec .slider_wrap .top_banner_slider .next_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 1;
    width: 60px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #051866;
    border: 3px solid #fff;
    cursor: pointer;
}

#top_banner_sec .slider_wrap .top_banner_slider .prev_btn .inner,
#top_banner_sec .slider_wrap .top_banner_slider .next_btn .inner {
    position: relative;
    width: 100%;
    height: 100%;
}

#top_banner_sec .slider_wrap .top_banner_slider .prev_btn .inner::before,
#top_banner_sec .slider_wrap .top_banner_slider .next_btn .inner::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 13px;
    aspect-ratio: 1/1;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

#top_banner_sec .slider_wrap .top_banner_slider .prev_btn {
    left: calc(55px + 50vw - 570px);
}

#top_banner_sec .slider_wrap .top_banner_slider .prev_btn .inner::before {
    transform: translateX(25%) rotate(-45deg);
}

#top_banner_sec .slider_wrap .top_banner_slider .next_btn {
    right: calc(55px + 50vw - 570px);
}

#top_banner_sec .slider_wrap .top_banner_slider .next_btn .inner::before {
    transform: translateX(-25%) rotate(135deg);
}

#top_search_sec {
    padding: 100px 0 100px;
    background-color: #f8f8f8;
}

#top_search_sec .tab_container {
    width: 1140px;
    margin: 0 auto;
}

#top_search_sec h2,
#top_search_sec h3,
#top_search_sec p {
    margin: 0;
}

#top_search_sec .top_search_cont {
    margin-bottom: 50px;
}

#top_search_sec .top_search_cont .search_block {
    flex-wrap: nowrap;
    align-items: flex-end;
}

#top_search_sec .top_search_cont .search_block .keyword_box {
    width: 45%;
}

#top_search_sec .top_search_cont .search_block .keyword_box .top_ttl_box {
    margin-bottom: 40px;
}

#top_search_sec .top_search_cont .search_block .keyword_box .top_ttl_box .en_ttl {
    font-size: 44px;
    letter-spacing: 0.08em;
    font-family: 'Lato', sans-serif;
    margin-bottom: 28px;
    color: #051866;
}

#top_search_sec .top_search_cont .search_block .keyword_box .top_ttl_box .ttl {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.04em;
}

#top_search_sec .top_search_cont .search_block .keyword_box .ttl_box {
    margin-bottom: 23px;
    align-items: flex-end;
}

#top_search_sec .top_search_cont .search_block .keyword_box .ttl_box .en_ttl {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-right: 22px;
    font-family: 'Lato', sans-serif;
}

#top_search_sec .top_search_cont .search_block .keyword_box .ttl_box .ttl {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.08em;
    line-height: 1;
}

#top_search_sec .top_search_cont .search_block .keyword_box .form_wrap {
    width: 100%;
    position: relative;
}

#top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form {
    font-size: 14px;
    line-height: 1;
}

#top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form input {
    width: 100%;
    height: 50px;
    padding: 0 70px 0 20px;
    border: 1px solid #051866;
    outline: none;
    background-color: #fff;
}

#top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form input::placeholder {
    font-size: 15px;
    letter-spacing: 0.03em;
    color: #BEBEBE;
}

#top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form .submit_btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-image: url(/penguin/resources/image/futaba/home/icon_search_white.svg);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center;
    background-color: #051866;
    cursor: pointer;
    outline: none;
    border: none;
}

#top_search_sec .top_search_cont .search_block .btn_list {
    width: 50%;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li {
    width: 174px;
    height: 174px;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 29px;
    background-color: #fff;
    transition: 0.3s;
    text-decoration: none;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a .icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 20px;
}

.pr_img {
    overflow: hidden;
    position: relative;
}

img.pa_img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a .icon img {
    transition: 0.3s;
    width: 100%;
    height: 100%;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a .icon img.after {
    opacity: 0;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a .text_box {
    text-align: center;
    color: #051866;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: 0.3s;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a .text_box .en {
    font-size: 18px;
    margin-bottom: 9px;
    font-family: 'Lato', sans-serif;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a .text_box .btn_text {
    font-size: 14px;
    font-weight: normal;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a:hover {
    background-color: #051866;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a:hover .icon img.after {
    opacity: 1;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a:hover .icon img.before {
    opacity: 0;
}

#top_search_sec .top_search_cont .search_block .btn_list ul li a:hover .text_box {
    color: #fff;
}

#top_search_sec .terms_list_cont .list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

#top_search_sec .terms_list_cont .list ul li a {
    display: block;
    line-height: 1;
}

#top_search_sec .terms_list_cont .list ul li a img {
    width: 100%;
}

/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

.hd_h1 {
    font-weight: normal;
    font-size: 11px;
    width: 530px;
    float: left;
    margin: 0.67em 0;
}

#hd_logo {
    float: left;
    width: 325px;
}

ul.hd_nav {
    overflow: hidden;
    width: 660px;
    float: right;
    padding-top: 20px;
}

ul.hd_nav li {
    float: left;
    width: 110px;
    text-align: center;
    position: relative;
}

ul.hd_nav li:hover a {
    background: rgba(255, 255, 255, 0.46);
}

ul.hd_nav li span {
    display: block;
    padding-top: 8px;
    letter-spacing: 2px;
    color: #545454;
}

ul.hd_nav li a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: 0.2s;
}

#top_content01 {
    background: #f3f3f3;
    padding: 20px 0px 30px;
}

#top_content01 p.text01 {
    text-align: center;
    margin-bottom: 0px;
}

#top_content01 p.text02 {
    font-family: "A1明朝";
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    line-height: 32px;
    margin-bottom: 0px;
    color: #555;
}

#top_content02 {
    padding: 50px 0px;
    margin-bottom: 50px;
    background: url(/penguin/resources/image/hikarihousing/home/dot_bg.gif);
}

#top_content02 ul.up_content {
    overflow: hidden;
    margin-bottom: 30px;
}

#top_content02 ul.up_content li {
    width: 160px;
    float: left;
    margin-right: 20px;
}

#top_content02 ul.up_content li.freeword {
    width: 560px;
    margin-right: 0px;
    padding-top: 25px;
}

li.freeword input.text {
    width: 100%;
    padding: 12px 10px;
    border-radius: 3px;
    border: 0px;
    box-shadow: 0px 0px 2px #333 inset;
}

li.freeword input.submit {
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    background: #e79f05;
    font-size: 15px;
    color: #333;
    padding: 4px 0px;
}

ul.down_content {
    overflow: hidden;
}

ul.down_content li {
    width: 260px;
    margin: 10px;
    float: left;
}

.build_list_area {
    margin-top: 80px;
}

#top_campaign {
    position: relative;
}

#top_campaign .img {
    width: 100%;
}

#top_campaign p.mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    background-color: rgba(0, 77, 161, 0.4);
}

#top_campaign:hover p.mask {
    background-color: rgba(0, 77, 161, 0.6);
}

#top_campaign p.text01 {
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -300px;
}

#top_campaign p.text02 {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -295px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

#top_campaign a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

#top_content03 {
    background: url(/penguin/resources/image/hikarihousing/home/dot_bg.gif);
    padding: 40px;
}

#top_content03 ul.site_content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

#top_content03 ul.site_content li {
    background-color: #fff;
}

#top_content04 {
    background-color: #f6f6f6;
    padding: 20px 0px 30px;
}

#top_content04_L {
    width: 370px;
    float: left;
}

#top_content04_R {
    width: 560px;
    float: right;
}

#top_content04 li {
    overflow: hidden;
    width: 96%;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 6px;
}

#top_content04 li span.pic {
    float: left;
    width: 100px;
    margin-right: 20px;
}

#top_content04 li span.date {
    display: block;
    padding-top: 15px;
}

#top_content04 h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    line-height: 1.3;
    color: #4d4d4d;
    font-size: 20px;
    padding-left: 50px;
}

#top_content04 h3.info {
    background: url(/penguin/resources/image/hikarihousing/home/info_h3_bg.png)no-repeat left center;
    background-size: 5%;
}

#top_content04 h3.voice {
    background: url(/penguin/resources/image/hikarihousing/home/blog_h3_bg.png)no-repeat left center;
    background-size: 5%;
}

#top_content04 h3.blog {
    background: url(/penguin/resources/image/hikarihousing/home/blog_icon.png)no-repeat left center;
    background-size: 5%;
}

.ft_area.wrap {
    padding-top: 50px;
}

.maker_area.wrap {
    margin-bottom: 50px;
}

.ft_area.wrap {
    position: relative;
}

/*.ft_pic img {
    border: solid 2px #fff;
}*/

.ft_logo {
    margin-bottom: 20px;
    width: 230px;
}

.ft_credit {
    width: 400px;
    position: absolute;
    right: 50px;
    top: 25px;
}

.ft_info {
    color: #fff;
}

.bold {
    font-weight: bold;
    font-size: 14px !important;
}

.ft_info li {
    font-size: 12px;
    line-height: 1.8;
}

.ft_link a {
    font-size: 12px;
    text-decoration: none;
}

.ft_title {
    font-size: 15px;
    margin-bottom: 5px;
}

.ft_title {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
}

.ft_area.wrap {
    position: relative;
    width: 1120px;
    padding-bottom: 60px;
}

.map_area {
    /* width: 5000px; */
    /* height: 450px; */
    /* position: absolute; */
    /* top: 15px; */
    /* right: 0; */
    border: solid 1px #ccc;
}

.ft_contact {
    background-color: #F6810E;
    width: 210px;
    text-align: center;
    font-size: 15px;
    line-height: 50px;
    border-radius: 4px;
    border-bottom: solid #E06523 2px;
    margin-top: 10px;
    position: absolute;
    top: 210px;
    left: 530px;
}

.ft_area_02.wrap {
    position: relative;
}

.ft_03 {
    width: 340px;
}

.ft_02 ul.ft_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 300px;
}

.ft_02 ul.ft_link li {
    width: 50%;
}

/*.ft_03 {
    position: absolute;
    top: 20px;
    left: 380px;
}

.ft_04 {
    position: absolute;
    top: 110px;
    left: 0;
}

.ft_02 {
    position: absolute;
    top: 20px;
    left: 170px;
}

.ft_area_02.wrap {
    height: 320px;
}*/

address {
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ft_contact a {
    color: #fff;
    text-decoration: none;
}

.ft_contact a {
    display: block;
}

.ft_contact :hover {
    background-color: #F6680E;
}

.ft_coment h3 {
    font-size: 22px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    color: #555;
}

.ft_coment {
    position: absolute;
    top: 52px;
    width: 630px;
    right: 0;
}

.ft_coment p {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 2;
    margin-bottom: 10px;
}

.ft_coment p.title {
    font-size: 14px;
}

.ft_coment span {
    font-size: 14px;
    font-weight: normal;
    color: #E9630F;
    margin-left: 10px;
}

.ft_title {
    background: url(/penguin/resources/image/hikarihousing/home/ft_arrow.png) no-repeat left;
    padding-left: 18px;
    background-size: 12px;
}

.ft_area_02 .wrap {
    padding: 50px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ft_area_02 .ft_title {
    color: #000066;
    font-size: 16px;
    font-weight: 600;
}

.ft_area_02 .wrap a {
    color: #333;
    font-size: 14px;
    transition: .2s;
}

.ft_area_02 .wrap a:hover {
    color: #000066;
}

.ft_pic {
    width: 180px;
    margin-right: 20px;
}

.ft_line {
    position: absolute;
    top: 219px;
    right: 20px;
}

.pc-right-banner-box {
    width: 300px;
    position: fixed;
    bottom: 120px;
    right: 10px;
    z-index: 100;
    transition: 0.8s;
}

.pc-right-banner-box.close {
    display: none;
}

.pc-right-banner-box.close img {
    display: none;
}

.pc-right-banner-box.close i.fas.fa-times-circle {
    display: none;

}

i.fas.fa-times-circle {
    position: absolute;
    bottom: 218px;
    right: 7px;
    color: #ffffff;
}

.fas-times-circle:before {
    content: "\f057";
}


p.line_anime {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: 500px;
    z-index: 100;
}

p.page_tophe_link {
    position: fixed;
    bottom: 100px;
    right: 50px;
    z-index: 1000;
    display: none;
}

.top_gallery:hover .bukken_mask {
    opacity: 1;
    /* マスクを表示する */
}

h1.page_title {
    text-align: center;
    color: #fff;
    font-size: 28px;
    background-color: #051866;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 30px;
}

h1.page_title span {
    display: block;
    font-size: 14px;
    margin-top: 17px;
    font-weight: bold;
    letter-spacing: 1.3px;
}


.pan_bg {
    background-color: #eee;
    padding: 7px;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    font-size: 11px;
}

.page_area {
    padding-top: 80px;
    width: 1000px;
    padding-bottom: 50px;
}

h2.page_subtitle {
    font-size: 27px;
    font-weight: normal;
    color: #003f94;
    margin-bottom: 40px;
}

.pro_text {
    line-height: 2;
    font-size: 14px;
}


.pro_01_L {
    width: 60%;
    float: left;
}

.pro_01_L h2.large {
    font-size: 32px;
    font-weight: bold;
}

.pro_01_R {
    width: 35%;
    float: right;
}

.pro_01_LR {
    overflow: hidden;
    border-bottom: solid 1px #003f94;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

h3.pro_h3 {
    font-weight: normal;
    color: #003f94;
    margin-bottom: 0px;
    margin-top: 10px;
}

.pro_02_LR {
    overflow: hidden;
    border-bottom: solid 1px #003f94;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.pro_02_R {
    width: 60%;
    float: right;
}

.pro_02_L {
    width: 32%;
    float: left;
}

ul.youi_ul li {
    width: 20%;
    float: left;
}

.youi_pic {
    width: 75%;
    margin: auto;
    margin-bottom: 10px;
}

p.youi_title {
    text-align: center;
    font-size: 15px;
}

ul.youi_ul {
    overflow: hidden;
}

.pro_03 {
    overflow: hidden;
    border-bottom: solid 1px #003f94;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

li.yaji {
    width: 63px !important;
    font-size: 21px;
    text-align: center;
    padding-top: 90px;
    color: #003d88;
    font-weight: bold;
}

ul.nagare_ul li {
    width: 290px;
    float: left;
    margin-bottom: 30px;
}

h3.nagare_h3 {
    font-size: 14px;
    height: 30px;
}

.nagare_text {
    height: 50px;
}

ul.nagare_ul {
    overflow: hidden;
}

.nagare_fig {
    text-align: center;
}

.reform_01_LR {
    overflow: hidden;
    border-bottom: solid 1px #003f94;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.reform_01_R {
    width: 60%;
    float: right;
}

.reform_01_L {
    width: 32%;
    float: left;
}

.company_box dd {
    float: left;
    width: 84%;
    border-left: 3px solid #fbc105;
    padding-left: 20px;
}

.company_box dt {
    float: left;
    width: 15%;
    font-weight: 100;
    color: #333;
    letter-spacing: 4px;
}

.company_box dl {
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    margin: 0;
    padding: 20px 20px;
    line-height: 1.8;
}

dl.company_set01 {
    background: #fafafa;
}

.loop {
    width: 100%;
    height: 400px;
    text-align: left;
    overflow: hidden;
    position: relative;
}

.loop ul,
.loop ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider_base {
    top: 0;
    position: absolute;
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;

}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}


.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
    /* display:none; */
}

.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}

.pagination a.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

/* =======================================
    ClearFixElements
======================================= */
.loop ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.loop ul {
    display: inline-block;
    overflow: hidden;
    margin-top: 0px;
    padding-left: 0px;
}

.loop p.text {
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -400px;
    width: 450px;
}

.loop .mask {
    background: rgba(0, 0, 0, 0.54);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.recruit_01_LR {
    overflow: hidden;
    border-bottom: solid 1px #003f94;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.recruit_01_R {
    width: 63%;
    float: right;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
}

.recruit_01_L {
    width: 32%;
    float: left;
    padding-top: 150px;
}

.recruit_01_R .catch {
    font-family: "A1明朝";
    font-style: italic;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    line-height: 28px;
    margin-bottom: 0px;
    color: #555;
}

p.service_comment {
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
    color: #333;
    margin-bottom: 50px;
}

p.service_img {
    text-align: center;
}

.guide h3 {
    font-size: 25px;
    letter-spacing: 1px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px dotted #808080;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.guide h3 span {
    font-size: 44px;
    font-style: italic;
    margin-right: 15px;
    color: #f6a613;
}

.guide_inner {
    overflow: hidden;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.guide_inner .inner_R {
    width: 300px;
}

.guide_inner .inner_L {
    width: 680px;
    font-size: 16px;
    line-height: 24px;
}

.guide_inner .inner_L h4 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    border-bottom: 2px dashed;
    padding-bottom: 5px;
}

.guide_inner .inner_L h4:before {
    content: "";
    display: blockl;
    width: 5px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
}

.guide_inner .inner_L h4.s_1:before {
    background: #333;
}

.guide_inner .inner_L h4.s_2:before {
    background: #cf4747;
}

.guide_inner .inner_L h4.s_1 {
    color: #333;
}

.guide_inner .inner_L h4.s_2 {
    color: #cf4747;
    margin-top: 20px;
}

.guide_inner .inner_L h5 {
    margin: 50px 0 20px 0;
    font-size: 18px;
    background: #003f94;
    color: white;
    padding: 10px;
}

.guide_inner .inner_L ul li {
    padding-left: 35px;
    margin-bottom: 20px;
    line-height: 2;
    position: relative;
    border-bottom: 2px dotted;
}

.guide_inner .inner_L ul li:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: url(/penguin/resources/image/hikarihousing/home/check_icon.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    top: 2px;
}

p.cam01 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 4px;
    color: #003f94;
}

p.cam02 {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
}

table.campaign_table {
    margin-bottom: 30px;
}

table.campaign_table th {
    background: #f0f0f0;
    width: 300px;
    padding: 15px 10px;
    letter-spacing: 2px;
}

table.campaign_table td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    letter-spacing: 2px;
}

table.campaign_table thead td {
    background: #f0f0f0;
    padding: 10px;
}

table.campaign_table td span {
    display: block;
    font-size: 9px;
    color: #737373;
}

footer {
    border-top: 1px solid #ddd;
}

ul.bycar {
    overflow: hidden;
}

ul.bycar li {
    width: 310px;
    margin-right: 30px;
    margin-bottom: 30px;
    background: #f4f4f4;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    float: left;
    font-size: 16px;
    letter-spacing: 2px;
    color: #333;
    line-height: 30px;
}

ul.bycar li span {
    display: block;
    margin-bottom: 20px;
}

ul.bycar li.last {
    margin-right: 0px;
}

.hd_area.wrap {
    position: relative;
}

.hd_nav_ul li {
    float: left;
    font-weight: bold;
    font-size: 14px;
    border-left: dotted 1px #fff;
    text-align: center;
    width: 150px;
}

.hd_nav_ul a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.hd_nav_ul a span {
    display: block;
    font-size: 8px;
}

.hd_navi_last {
    border-right: dotted 1px #fff;
}

.hd_nav_ul {
    overflow: hidden;
    position: absolute;
    top: 11px;
    right: 0;
}

.bxslider_top li {
    height: 750px;
    background-size: cover;
}

.top_01 {
    background: url(/penguin/resources/image/hikarihousing/home/top_img_01.png) center center;
}

.top_02 {
    background: url(/penguin/resources/image/hikarihousing/home/top_img_02.png) center center;
}

.top_03 {
    background: url(/penguin/resources/image/hikarihousing/home/top_img_03.png) center center;
}

.top_04 {
    background: url(/penguin/resources/image/hikarihousing/home/top_img_04.png) center center;
}

.top_05 {
    background: url(/penguin/resources/image/hikarihousing/home/top_img_05.png) center center;
}

.top_img_text {
    position: absolute;
    top: 40px;
    z-index: 100;
    left: 50%;
}

.top_img_area {
    position: relative;
}


.top_img_search {
    background-color: rgb(2, 35, 99);
    z-index: 100;
}

.search_01 {
    font-size: 36px;
    color: #fff;
    padding-top: 34px;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    letter-spacing: 3px;
}

.search_01 .ttl {
    font-size: 12px;
    display: block;
    margin-top: 11px;
    line-height: 1.4;
}

.search_icon {
    width: 50px;
    margin: auto;
}

.search_02_ul li {
    float: left;
    width: 164px;
    border-left: solid 1px #fff;
    color: #fff;
    text-align: center;
    position: relative;
}

.search_02_ul a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.top_img_search_area.wrap {
    height: 120px;
}

.search_02_ul {
    position: absolute;
    top: 23px;
    left: 190px;
}

.search_02_ul_last {
    border-right: solid 1px #fff;
}

.form_area {
    position: absolute;
    top: 24px;
    right: 0;
}

.text {
    width: 250px;
    height: 38px;
}

.input_div {
    height: 38px;
}

.submit {
    width: 250px;
    line-height: 2;
    background-color: #F06812;
    border: none;
    color: #fff;
    font-size: 13px;
    border-bottom: solid 1px #783636;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 0 !important;
}

.top_img_banner.wrap li {
    width: 270px;
    height: 186px;
    background-color: #fff;
    float: left;
    margin-right: 30px;
    position: relative;
}

.top_img_banner.wrap {
    width: 1200px;
}

.banner_title {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    background: url(/penguin/resources/image/hikarihousing/home/banner_arrow.png) no-repeat;
    background-size: 14px;
    background-position: 95% 6px;
    font-weight: bold;
}

.banner_fig {
    position: absolute;
    left: 0;
    bottom: 0px;
}

.banner_fig img {
    width: 38px;
}

.top_img_banner.wrap a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.top_img_banner.wrap li:hover img {
    opacity: 0.7;
}

.promise_bg {
    background: url(/penguin/resources/image/hikarihousing/home/promise_bg.png) center center;
    background-size: cover;
    background-attachment: fixed;
}

.promise_mask {
    background-color: rgba(3, 76, 142, 0.82);
    color: #fff;
}

.promise_h3 {
    text-align: center;
    font-size: 27px;
    padding-top: 50px;
    letter-spacing: 3px;
    color: #ffe805;
}

.promise_h3 span {
    display: block;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    margin-top: 11px;
    letter-spacing: 1.5px;
    color: #fff;
}

.promise_subtitle {
    text-align: center;
    font-size: 13px;
    margin-bottom: 40px;
}

.promise_title {
    font-size: 21px;
    color: #fff;
    letter-spacing: 3px;
}

.promise_text {
    width: 94%;
    margin: auto;
    line-height: 2;
    font-size: 13px;
    margin-bottom: 30px;
}

.promose_area {
    text-align: center;
    padding-bottom: 40px;
}

.toppage_h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 200;
    letter-spacing: 3px;
    font-size: 27px;
    color: #000066;
    background: url(/penguin/resources/image/hikarihousing/home/h2_icon.png) left no-repeat;
    background-size: 27px;
    padding-left: 40px;
    line-height: 35px;
    background-position: 0px 5px;
    margin-bottom: 20px;
}

.toppage_h2 span {
    font-size: 15px;
    color: #333;
    letter-spacing: 2px;
    margin-left: 10px;
}

.toppage_h2 .ttl {
    font-size: 15px;
    color: #333;
    letter-spacing: 2px;
    margin: 0 0 0 10px;
    display: inline-block;
    font-weight: 400;
}

.font-Bold.font-Red {
    font-weight: bold;
    color: red;
}

.buildingNameTextGrid {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

#top_content04 {
    background: url(/penguin/resources/image/hikarihousing/home/dot_bg.gif);
    padding: 20px 0px 30px;
}

.top_staff_text {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    margin: auto;
    color: #fff;
    padding: 0 20%;
    font-size: 16px;
    line-height: 2;
}

.top_staff_text span {
    display: block;
    border: solid 1px;
    width: 70%;
    margin: auto;
    margin-top: 20px;
    line-height: 3;
}

.ft_tel {
    position: absolute;
    top: 120px;
    right: 23px;
}

.staff_ul li {
    width: 32%;
    float: left;
    padding: 0px;
    margin-bottom: 40px;
    position: relative;
}

.staff_ul_01 {
    background-color: rgba(41, 42, 43, 0.87);
    color: #fff;
    width: 140px;
    text-align: center;
    margin-bottom: 14px;
    line-height: 2;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 5px 0px;
    font-size: 15px;
}

.staff_ul_02 {
    font-size: 19px;
    letter-spacing: 2px;
}

.staff_ul_pic {
    margin-bottom: 12px;
    transition: 0.3s;
}

.staff_ul_pic:hover {
    opacity: 0.7;
}

.staff_ul_pic:nth-child(4):hover {
    opacity: 1;
}

.staff_ul_01 span {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    margin-left: 5px;
    margin-right: 10px;
    color: #fff;
    font-style: italic;
}

.staff_LR {
    overflow: hidden;
    margin-bottom: 30px;
}

.staff_L {
    width: 100%;
    float: left;
}

.staff_text {
    margin-bottom: 40px;
    line-height: 2;
    font-size: 14px;
}

.staff_R {
    width: 30%;
    float: right;
}

.staff_L_02 {
    width: 100%;
    float: left;
}

.staff_L_02.picture {
    width: 65%;
}

.staff_R_02.picture {
    width: 25%;
    float: right;
}

.staff_R_02 {
    width: 30%;
    float: left;
}

.staff_ul.single li {
    width: 25%;
}

.staff_ul_01.single {
    font-size: 10px;
    background-color: #003f94;
    width: 228px;
    position: static
}

.staff_ul_02.single {
    font-size: 15px;
}

.staff_ul_02.single span {
    font-size: 9px;
    display: block;
}

.staff_q {
    color: #003f94;
    font-weight: normal;
    font-size: 23px;
    border-bottom: dotted 1px #ccc;
    padding-bottom: 10px;
}

.staff_LR.last {
    margin-bottom: 110px;
}


#staff_areaOutline {
    background: url(/penguin/resources/image/hikarihousing/home/promise_bg.png) center center;
    background-size: cover;
    background-attachment: fixed;
}

#staff_area {
    background-color: rgba(255, 255, 255, 0.85);
}


.ft_portal ul {
    overflow: hidden;
    width: 750px;
    margin: auto;
    padding: 20px 0px;
    text-align: center;
}

.ft_portal li {
    width: 220px;
    margin: 10px;
    display: inline-block;
}

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider ul li img {
    width: 100%;
    display: none;
}

.wideslider_base {
    top: 0;
    position: absolute;
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;

}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}


.slider_next {
    background: #505256 url(https://ortho-g.co.jp/hirogon/more/wp/wp-content/uploads/2016/10/next.png) no-repeat left center;
    background-size: 50px;
    background-position: 90px;
}

.slider_prev {
    background: #505256 url(https://ortho-g.co.jp/hirogon/more/wp/wp-content/uploads/2016/10/prev.png) no-repeat right center;
    background-size: 50px;
    background-position: 90px;
}

.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}

.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}

.pagination a.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}


/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

p.top_img_text {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -400px;
}

.top_banner_bg {
    background: url(/penguin/resources/image/hikarihousing/home/dot_bg.gif);
    padding: 40px;
    text-align: center;
}

h4.page_subtitle_h4 {
    background-color: #eee;
    line-height: 3;
    font-size: 15px;
}

h4.page_subtitle_h4 span {
    background-color: #fff;
    margin: 11px;
    font-size: 11px;
    padding: 5px 10px;
    color: #001646;
}

ul.step_ul {
    overflow: hidden;
}

ul.step_ul li {
    width: 46%;
    float: left;
    margin-right: 4%;
}

p.tejun {
    font-size: 17px;
    font-weight: bold;
    border-bottom: dotted 1px #ccc;
    color: #4CAF50;
}

.tejun_text {
    line-height: 2;
}

.line_outline {
    width: 1000px;
    margin: auto;
    padding: 30px 0px;
}

h3.page_subtitle span {
    font-size: 13px;
    color: #736666;
    margin-left: 15px;
}

h3.page_subtitle {
    border-left: none;
    padding: 0;
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
    font-size: 22px;
    font-family: none;
    margin-top: 70px;
}

p.line_text_L {
    width: 16%;
    float: left;
    margin-right: 30px;
}

p.line_text_R {
    line-height: 2;
    margin-top: 50px;
    font-size: 15px;
}

ul.ft_PR {
    overflow: hidden;
    width: 475px;
    position: absolute;
    right: 0;
    bottom: 20px;
}

ul.ft_PR li {
    width: 475px;
}


.news_area_L {
    width: 300px;
    border-right: solid 1px #ccc;
    float: left;
    height: 210px;
}

.news_area_R {
    width: 780px;
    float: right;
}

.news_ul li {
    line-height: 2.5;
    border-bottom: solid 1px #eee;
}

.news_ul a {
    text-decoration: none;
}

.news_area.wrap {
    padding: 50px 0px;
}

.news_area.wrap .news_btn {
    margin-top: 20px;
}

.news_date {
    font-weight: bold;
    color: #2A599F;
    margin-right: 40px;
}

.news_btn {
    width: 240px;
    border: solid 1px #333;
    text-align: center;
    line-height: 3;
    margin-top: 20px;
    float: right;
}

.news_btn a {
    text-decoration: none;
    display: block;
}




.slider {
    width: 1020px;
    margin: 50px auto;
}

.slick-slide {
    margin: 0px 5px;
}

.slick-slide img {
    width: 100% !important;
    height: 235px !important;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px !important;
    height: 40px !important;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 100;
}

.slick-prev::before,
.slick-next::before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: 1 !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #2667AF !important;
    padding: 10px !important;
}

.slide_area {
    position: relative;
}

.news_date {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.news_title {
    font-size: 13px;
    font-weight: bold;
}

.slide_area a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}



.news_btn {
    width: 370px;
    border: solid 2px #333;
    text-align: center;
    line-height: 3;
    font-weight: bold;
    margin: auto;
    margin-top: 0px;
}

.news_btn a {
    text-decoration: none;
    display: block;
    transition: 0.3s;
    background-color: #fff;
}

.slick-dotted.slick-slider {
    margin-bottom: 50px !important;
}

.news_btn a:hover {
    background-color: #333;
    color: #fff;
}

address {
    background-color: #000066;
    margin: 0;
    padding: 20px;
    color: #fff;
    margin-bottom: 90px;
}

.ft_area_bg {
    background-color: #000066;
}

.ft_link li {
    padding-left: 20px;
    line-height: 1.8;
}

.ft_area_02 {
    background-color: #eee;
}

.staff_top {
    margin-top: 40px;
}

.ft_link.ft_content {
    /*width: 300px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ft_link.ft_content li {
    width: 50%;
}

/*.ft_link.ft_content li:nth-of-type(even) {
    margin-left: 20px;
}*/


.sp {
    display: none;
}

ul.research_btn {
    overflow: hidden;
    margin-bottom: 50px;
}

ul.research_btn li {
    float: left;
    width: 20%;
    background-color: #003f94;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
    position: relative;
    margin-right: 1%;
}

ul.research_btn li.last {
    background: none;
    width: 37%;
    margin: 0px;
}

ul.research_btn li .search_icon {
    margin-bottom: 15px;
}

ul.research_btn li a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

ul.research_btn li.last p {
    font-size: 19px;
    color: #333;
    letter-spacing: 2px;
    text-align: left;
    margin-bottom: 10px;
}

ul.research_btn li.last input.text {
    width: 74%;
    float: left;
}

ul.research_btn li.last input.submit {
    width: 24%;
    float: right;
    line-height: 2.4;
}

#article_outline_O {
    overflow: hidden;
}

#article_outline {
    overflow: hidden;
    float: left;
    width: 48%;
    margin: 1%;
    box-shadow: 0px 0px 3px #333;
    border-radius: 4px;
    padding: 10px;
}

#article_outline a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

#article_outline a:hover {
    background: rgba(255, 255, 255, 0.3);
}

#article_outline_L {
    float: left;
    width: 32%;
}

#article_outline_L img {
    width: 100% !important;
    height: 130px;
}

#article_outline_R {
    float: right;
    width: 65%;
}

#article_outline_R span {
    display: block;
}

#top_content02 {
    margin-top: 30px;
}

#top_content03 {
    margin-top: 30px;
}


.building_access {
    font-size: 12px;
}

.building_yachin {
    font-size: 12px;
}

.building_madori {
    font-size: 12px;
}

.ft_PR {
    width: 1050px;
}

.top_line_bn {
    background: url(/penguin/resources/image/hikarihousing/home/line_pc.jpg)no-repeat center;
    width: 950px;
    height: 186px;
    margin: auto;
    margin-bottom: 30px;
    position: relative;
}

.top_line_bn a {
    position: absolute;
    right: 20px;
    width: 300px;
    padding: 17px 55px;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    background: #F77C00;
    border-bottom: 2px solid #D26A00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    text-shadow: -1px -1px 1px #dd6200, 0 1px 1px #f88c20;
    transition: 0.3s;
    text-decoration: none;
}

.top_line_bn a:hover {
    -webkit-box-shadow: 0 0px 0px #d9d9d9;
    -moz-box-shadow: 0 0px 0px #d9d9d9;
    box-shadow: 0 0px 0px #d9d9d9;
    background: rgba(247, 161, 59, 1);
}

.top_line_bn a.bn01 {
    top: 40px;
}

.top_line_bn a.bn02 {
    top: 110px;
}


.ekiten_box {
    background-color: #e60012;
    background-image: url("https://www.transparenttextures.com/patterns/corrugation.png");
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    padding: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.ekiten_gajet {
    padding: 20px 0;
    background: #fff;
    margin-left: 30px;
    position: relative;
}

.ekiten_gajet:after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -180px;
    top: 150px;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(20deg);
}

.ekiten_gajet:before {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -180px;
    bottom: 150px;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.ekiten_gajet iframe {
    width: 420px !important;
    height: 550px !important;
}

.ekiten_sec_text p {
    margin: 0 0 5px;
}

.ekiten_btn a {
    display: block;
    background: #fff;
    width: 260px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    line-height: 60px;
    font-size: 20px;
    color: #e73e33;
    box-shadow: 0 4px #a22a22;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    margin-top: 95px;
}

.ekiten_btn a:hover {
    transform: translateY(4px);
    box-shadow: 0 0px #a22a22;
}

.ekiten_sec_text {
    color: #fff;
    font-size: 20px;
    line-height: 2;
    width: 300px;
    order: -1;
}

.ekiten_sec_text img {
    margin-bottom: 90px;
}

.ekiten_sec_text .img {
    margin-bottom: 100px;
}

input.text {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}


.input_div input.text {
    text-align: center;
}

header {
    padding-bottom: 10px;
    background: #051866;
    color: #fff;
}

.foot_shop {
    display: flex;
    margin-bottom: 50px;
}

.ekiten_kuchikomi iframe {
    height: 770px !important;
    width: 300px !important;
    min-width: unset !important;
}

.ekiten_sec .wrap.flex {
    justify-content: space-between;
}

.type_wrap .text {
    height: auto;
    width: auto;
}

.type_wrap .img {
    text-align: center;
    margin-bottom: 20px;
}

.chigai_wrap {
    background: #f0f0f03b;
    padding: 20px;
}

.ekiten_kuchikomi {
    overflow: scroll;
}

.topStaffArea {
    display: flex;
    flex-wrap: wrap;
}

.topStaffBox {
    position: relative;
    width: 18%;
    margin-bottom: 40px;
    overflow: hidden;
    margin-left: 1.5%;
}

.topStaffBox .image {
    margin: 0;
    line-height: 0;
}

.topStaffBox .image img {
    transition: 0.3s;
}

.topStaffBox .name {
    position: absolute;
    left: 0;
    bottom: 0px;
    margin: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#051866+0,051866+100&1+0,1+40,0+100 */
    background: -moz-linear-gradient(left, rgba(5, 24, 102, 1) 0%, rgba(5, 24, 102, 1) 40%, rgba(5, 24, 102, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(5, 24, 102, 1) 0%, rgba(5, 24, 102, 1) 40%, rgba(5, 24, 102, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(5, 24, 102, 1) 0%, rgba(5, 24, 102, 1) 40%, rgba(5, 24, 102, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051866', endColorstr='#00051866', GradientType=1);
    /* IE6-9 */
    color: #fff;
    font-weight: bold;
    padding: 10px 0 10px 40px;
}

.topStaffBox .name:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-image: url(/penguin/resources/image/hikarihousing/home/topStaffIcon.png);
    background-size: cover;
}

.topStaffBox .name span {
    font-size: 80%;
    margin-left: 5px;
}

.topStaffBox a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.topStaffBox:hover .image img {
    transform: scale(1.1);
}

.corona {
    text-align: center;
    margin-top: 40px;
}

.line_contactBtn {
    padding: 50px 0;
}

.line_contactBtn a {
    display: block;
    background: #4CAF50;
    text-decoration: none;
    color: #fff;
    width: 250px;
    margin: auto;
    text-align: center;
    padding: 15px;
    border-radius: 15px;

}

ul.ft_PR {
    position: static;
}

.ft_line {
    position: static;
}

.ft_contact {
    position: static;
    margin-top: 0;
    width: 230px;
}

.ft_tel {
    position: static;
}

.foot_shop {
    display: block;
    width: 48%;
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 25px;
}

.ft_pic {
    width: 100%;
    margin-right: 0;
    margin: 0 0 20px;
}

.ft_info li {
    font-size: 14px;
    line-height: 1.8;
}

.bold {
    font-weight: bold;
    font-size: 18px !important;
}

.ft_shop_map {
    margin-top: 20px;
}

.ft_textBox {
    align-items: center;
}

.fl_wrap.flex-sb {
    align-items: center;
}

.ft_textBox .tab_contact {
    width: 475px;
    text-align: center;
}

.ft_textBox .buttonBox {
    margin-top: 40px;
}

.pc_ft_contact.pc {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    box-shadow: 1px 1px 2px #000;
    z-index: 1000;
    position: fixed;
    bottom: 0;
    left: 0;
}

.pc_ft_contact.pc .logo {
    width: 200px;
}

.pc_ft_contact.pc .logo a {
    display: block;
    transition: .2s;
}

.pc_ft_contact.pc a {
    transition: .2s;
    text-decoration: none;
}

.pc_ft_contact.pc a:hover {
    opacity: 0.7;
}

.pc_ft_contact.pc .btnWrap {
    align-items: center;
    width: 850px;
}

.pc_ft_contact.pc .btnWrap a.mail {
    display: flex;
    width: 250px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    background-color: #000066;
    padding: 15px;
    align-items: center;
    text-align: center;
}

.pc_ft_contact.pc .btnWrap a.mail i {
    width: 15px;
    display: block;
    margin-right: 10px;
}

.pc_ft_contact.pc .btnWrap a.mail p {
    width: 195px;
    font-size: 12px;
    margin-bottom: 0;
}

.pc_ft_contact.pc .btnWrap a.mail:first-child {
    margin-right: 1em;
}

.pc_ft_contact.pc a.line {
    display: flex;
    align-items: center;
    background: #1dcd00;
    color: #fff;
    width: 110px;
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    margin-left: 20px;
    padding: 24px 15px;
}

.pc_ft_contact.pc a.line i {
    width: 35px;
    display: block;
    margin-right: 10px;
}

.pc_ft_contact.pc a.line p {
    width: 75px;
    margin-bottom: 0
}

.pc_ft_contact.pc .btnWrap a.tel {
    display: flex;
    align-items: center;
    background: #c70101;
    color: #fff;
    width: 190px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    padding: 25px 15px;
}

.pc_ft_contact.pc .btnWrap a.tel i {
    width: 20px;
    display: block;
    margin-right: 10px;
}

.pc_ft_contact.pc .btnWrap a.tel p {
    width: 155px;
    margin-bottom: 0;
}



.flex {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flex-sb {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}

#top_content03 ul.site_content.type01 li:nth-of-type(even) {
    background-color: #eee;
}

#top_content03 ul.site_content.type02 li:nth-of-type(odd) {
    background-color: #eee;
}

#top_content03 ul.site_content li a {
    display: block;
    color: #595757;
    text-align: center;
    padding: 33px 0 35px;
    text-decoration: none;
}

#top_content03 ul.site_content li a .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 2px;
}

#top_content03 ul.site_content li a .sub_title {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

#top_content03 ul.site_content li a img {
    width: 60px;
    margin: 15px auto 0;
}

.ft_textBox.flex-sb {
    width: 1000px;
    margin: 0 auto;
}

#top_content03 ul.site_content li a {
    display: block;
    color: #595757;
    text-align: center;
    padding: 20px 0 25px;
}

#top_content03 ul.site_content li a .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 2px;
}

#top_content03 ul.site_content li a .sub_title {
    font-size: 12px;
    font-weight: bold;
}

#top_content03 ul.site_content li a img {
    width: 60px;
    margin: 15px auto 0;
}


.ft_credit {
    width: 100% !important;
    position: static !important;
}

.ft_textBox .buttonBox {
    margin-top: 20px !important;
}

.pc_ft_contact.pc {
    background: rgba(0, 0, 0, 0.8) !important;
}

.pc_ft_contact.pc .btnWrap {
    width: 850px;
}

.pc_ft_contact.pc .btnWrap li.tel {
    display: block;
    width: 260px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-color: #000066;
    padding: 12px 15px;
    align-items: center;
    text-align: center;
    background-image: url(/penguin/resources/image/hikarihousing/home/tel_icon.png);
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 15px;
    padding-left: 30px;
    font-weight: bold;
    border: 1px solid #fff;
}

.pc_ft_contact.pc .btnWrap li.tel span {
    font-size: 20px;
}

.pc_ft_contact.pc .btnWrap li.line {
    display: block;
    width: 120px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    background-color: #00c200;
    padding: 15px;
    align-items: center;
    text-align: center;
    font-weight: bold;
    padding: 0;
    border: 1px solid #fff;
}

.pc_ft_contact.pc .btnWrap li.line a {
    display: block;
    height: 100%;
    padding: 24px 0 24px 30px;
    color: #fff;
    background-image: url(/penguin/resources/image/hikarihousing/home/line_icon.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 22px;
}

.pc_ft_contact.pc .btnWrap li.mail {
    display: block;
    width: 180px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    background-color: #F6810E;
    padding: 15px;
    align-items: center;
    text-align: center;
    font-weight: bold;
    padding: 0;
    border: 1px solid #fff;
}

.pc_ft_contact.pc .btnWrap li.mail a {
    display: block;
    height: 100%;
    padding: 24px 0 24px 30px;
    color: #fff;
    background-image: url(/penguin/resources/image/hikarihousing/home/mail_icon.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px;
}

.pc_ft_contact.pc .btnWrap {
    overflow: hidden;
    position: relative;
}

.pc_ft_contact.pc .btnWrap::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: sp_contact_buttonBox 3s ease-in-out infinite;
    z-index: 1;
}

@-webkit-keyframes sp_contact_buttonBox {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

.company_textBox {
    margin-bottom: 50px;
}

.company_textBox .image {
    width: 33%;
}

.company_textBox .text {
    width: 63%;
    height: auto;
    font-size: 14px;
    margin: 0;
}

.ft_company_text {
    font-size: 15px;
    color: #fff;
    line-height: 1.6;
}


.kuchikomiBox {
    width: 300px;
}

.ekiten_kuchikomi {
    background-color: #eee;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.4;
    height: 635px !important;
    overflow-y: scroll;
}

.google_kuchikomi {
    background-color: #eee;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.4;
    height: 310px !important;
    overflow-y: scroll;
}

.kuchikomiBox .logoBox {
    width: 130px;
    margin: 0 auto 10px;
}

.kuchikomiBox ul li {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    text-align: left;
    background: #fff;
    box-sizing: border-box;
    text-decoration: none;
    margin-bottom: 5px;
}

.kuchikomiBox ul li .star {
    width: 130px;
    margin: 0 0 10px;
}

.kuchikomiBox ul li .title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 5px;
}

.kuchikomiBox ul li .text {
    font-size: 14px;
    margin: 0 0 5px;
    width: 100%;
    height: auto;
}

.kuchikomiBox ul li .date {
    font-size: 12px;
    margin: 0;
}

.ekiten_box {
    width: 790px;
}

.top_bukken_banner {
    margin: 50px 0 50px;
}

.top_bukken_banner ul li {
    width: 49%;
}

.top_bukken_banner ul li img {
    display: block;
}

.top_bukken_banner ul li a {
    display: block;
    transition: .2s;
}

.top_bukken_banner ul li a:hover {
    opacity: 0.7;
}

/*.original_bannerBox {
    margin-top: 40px;
}*/

.original_bannerBox img {
    display: block;
}

.original_bannerBox a {
    display: block;
    transition: .2s;
}

.original_bannerBox a:hover {
    opacity: 0.7;
}

.jisya_bannerBox {
    margin-top: 40px;
}

.jisya_bannerBox img {
    display: block;
}

.jisya_bannerBox a {
    display: block;
    transition: .2s;
}

.jisya_bannerBox a:hover {
    opacity: 0.7;
}


.bukkenMikoukai {
    padding: 60px 0;
    background: url(/penguin/resources/image/hikarihousing/home/mikoukai_bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.mikoukai {
    background-image: linear-gradient(-45deg, #fff 25%, #5283CB 25%, #5283CB 50%, #fff 50%, #fff 75%, #5283CB 75%, #5283CB);
    background-size: 8px 8px;
    background-color: #5283CB;
    padding: 4px;
}

.mikoukai .inner {
    background: #fff;
    padding: 50px 20px;
    text-align: center;
    max-width: 100%;
}

.mikoukai .inner h2 {
    margin-top: 0;
    font-size: 20px;
    letter-spacing: 0.04em;
}

.mikoukai .inner p {
    font-size: 13px;
    letter-spacing: 0.04em;
    line-height: 1.7;
    margin-bottom: 25px;
}

.mikoukai ul {
    justify-content: center;
    margin-top: 1rem;
}

.mikoukai li {
    width: 350px;
}

.mikoukai li:nth-of-type(n + 2) {
    margin-left: 20px;
}

.mikoukai li a {
    display: block;
    background: #EC6700;
    color: #fff;
    width: 350px;
    line-height: 55px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
    transition: .3s;
}

.mikoukai li.line a {
    background: #00c200;
}

.mikoukai a.mikoukaiBtn:hover {
    opacity: 0.7;
}

#messageOverlay {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
}

#messageText {
    font-size: 25pt;
    color: #eee;
    padding-top: 400px;
    vertical-align: middle;
    font-weight: bold;
}

.pc_ft_contact.pc .btnWrap {
    width: 100%;
}

.pc_ft_contact.pc .btnWrap li.tel {
    padding: 12px 15px 12px 30px;
    width: 276px;
}

.pc_ft_contact.pc .btnWrap li.tel:nth-of-type(2) {
    width: 260px;
}

.pc_ft_contact.pc .btnWrap li.line {
    font-size: 16px;
    width: 185px;
}

.pc_ft_contact.pc .btnWrap li.line a {
    padding: 12px 0 12px 30px;
    background-position: left 13px center;
}

.pc_ft_contact.pc .btnWrap li.mail {
    width: 175px;
    font-size: 16px;
}

.pc_ft_contact.pc .btnWrap li.mail a {
    padding: 22px 0 22px 30px;
    background-position: left 22px center;
}

.pc_ft_contact.pc .btnWrap li.reserved {
    display: block;
    width: 175px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    background-color: #B4292C;
    padding: 15px;
    align-items: center;
    text-align: center;
    font-weight: bold;
    padding: 0;
    border: 1px solid #fff;
}

.pc_ft_contact.pc .btnWrap li.reserved a {
    display: block;
    height: 100%;
    color: #fff;
    font-size: 16px;
    background-image: url(/penguin/resources/image/hikarihousing/home/request_icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 22px 0 22px 30px;
    background-position: left 23px center;
}

.heya_sec06 {
    margin-bottom: 40px;
    /* display: none; */
}

.heya_sec06 .wrap {
    width: 100%;
    border: 1px dotted #333;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heya_sec06 .logo {
    width: 270px;
}

.heya_sec06 .inner {
    width: 480px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heya_sec06 .inner .img {
    margin-bottom: 0px;
    width: 150px;
    margin: 0 15px 0 0;
}

.heya_sec06 .inner .text {
    font-size: 12px;
    width: 300px;
}

.heya_sec06 .inner .text b {
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
}

.heya_sec06 .heya_contact {
    width: 450px;
}

.heya_contact .mail {
    position: relative;
    padding-top: 11px;
    margin-bottom: 8px;
}

.heya_contact .mail form {
    background-color: #f77c00;
    border-bottom: 1px solid #e86900;
    border-radius: 3px;
    color: #fff;
    border: none;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), inset 0 -2px 0 0 rgba(225, 95, 0, 0.004);
    outline: none;
    display: block;
    width: 100%;
    height: 52px;
    transition: 0.2s;
}

.heya_contact form:hover {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
    opacity: 0.8;
}

.heya_contact .mail .txt01 {
    position: absolute;
    color: #f77c00;
    border: 1px solid #f77c00;
    border-radius: 20px;
    padding: 2px 15px;
    font-weight: bold;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 120px;
    text-align: center;
    z-index: 1;
    background-color: #fff;
}

.heya_contact .mail .txt02 {
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 24px;
    width: 100%;
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
    text-indent: 1px;
    text-align: center;
}

.heya_contact .mail .txt03 {
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 44px;
    width: 100%;
    display: block;
    font-size: 15px;
    text-align: center;
    font-size: 10px;
}

.heya_contact .mail input {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.heya_contact .other_contact ul {
    display: flex;
    justify-content: space-between;
}

.heya_contact .other_contact ul li {
    width: 49%;
    font-family: 'メイリオ', 'meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Helvetica', 'sans-serif';
}

.heya_contact .other_contact ul li a.tel {
    background-color: #2b86e4;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 5px 5px 5px 75px;
    border-radius: 2px;
    background-image: url(/penguin/resources/image/_common/tel_icon_w.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: left 39px center;
    font-size: 14px;
    display: block;
    transition: 0.2s;
}

.heya_contact .other_contact ul li a.tel span {
    font-size: 10px;
    display: block;
}

.heya_contact .other_contact ul li a.line {
    background-color: #00C300;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 5px 5px 5px 75px;
    border-radius: 2px;
    background-image: url(/penguin/resources/image/_common/heya_line_icon.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: left 3vw center;
    font-size: 14px;
    display: block;
    transition: 0.2s;
}

.heya_contact .other_contact ul li a.line span {
    font-size: 10px;
    display: block;
}

.heya_contact .other_contact ul li a:hover {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
    opacity: 0.8;
}

h2.tab_contact_h2 {
    margin: 0px;
    background-color: #004DA1;
    color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding: 8px 10px;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.askfor_page .inner {
    background-color: #f7f7f7;
    padding: 40px 20px;
}

.askfor_page h3.subtitle {
    width: 900px;
    margin: auto;
    border-left: 3px solid #004DA1;
    margin-bottom: 20px;
    padding-left: 15px;
    font-weight: normal;
    font-size: 16px;
}

.askfor_page .inner .wrap {
    width: 900px;
    margin: auto;
    margin-bottom: 30px;
}

.askfor_page .inner table.butken th {
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
}

.askfor_page .inner table.butken th:nth-child(1) {
    width: 15px;
}

.askfor_page .inner table.butken th:nth-child(2) {
    width: 150px;
}

.askfor_page .inner table.butken th:nth-child(3),
.askfor_page .inner table.butken th:nth-child(4) {
    width: 50px;
}

.askfor_page .inner table.butken th:nth-child(5) {
    width: 250px;
}

.askfor_page .inner table.butken td {
    padding: 10px;
    font-size: 12px;
}

.askfor_page .inner table.butken td:nth-child(5)>div {
    display: inline-block;
    width: 60%;
}

.askfor_page .inner table {
    width: 900px;
    margin: auto;
    margin-bottom: 30px;
}

.askfor_page .inner table .calenderCell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.askfor_page .inner table .calenderCell .title {
    width: 100%;
}

.askfor_page table.vReserveTable td .calenderCell .entryClear a {
    font-size: 10px;
}

.askfor_page .inner table th {
    text-align: left;
    background-color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 20px;
    letter-spacing: 1px;
    width: 30%;
}

.askfor_page .inner table th span {
    float: right;
    padding: 2px 8px 0;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    background-color: #ed6103;
    font-size: 12px;
}

.askfor_page .inner table th span.ninni {
    background-color: #778d95;
}

.askfor_page .inner table td {
    text-align: left;
    background-color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 20px;
    letter-spacing: 1px;
}

.askfor_page .inner table.confirm th {
    width: 30%;
}



.askfor_page .inner table.vReserveTable td {
    width: 70%;
}

.askfor_page .inner table td.hissu_td {
    background-color: #fafaf1;
}

.askfor_page .inner table td input[type="text"],
.askfor_page .inner table td input[type="email"],
.askfor_page .inner table td input[type="tel"] {
    border: 1px solid #ddd;
    width: 100%;
    padding: 8px;
    border: 1px solid #bbc6c8;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 0 #bbc6c8 inset;
    box-sizing: border-box;
    width: 80%;
}

.askfor_page .inner table td textarea {
    width: 100%;
    padding: 8px;
    min-height: 260px;
    box-shadow: 0 1px 0 #bbc6c8 inset;
    border: 1px solid #bbc6c8;
    border-radius: 5px;
}

.askfor_page .confirmButtonArea {
    margin-bottom: 50px;
}

.askfor_page .descTextAria {
    width: 900px;
    margin: auto;
    background-color: #fff;
    padding: 20px;
}

.askfor_page .descTextAria h3 {
    margin-top: 0;
    font-weight: normal;
}

.askforsent_page {
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    padding: 50px 0;
}

.askforthanks_page {
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    padding: 50px 0;
}

.askforthanks_page a {
    color: #333;
    border: 1px solid #333;
    padding: 8px 80px;
    display: inline-block;
    margin-top: 30px;
    border-radius: 50px;
    font-size: 14px;
}

.askfor_page .confirmButtonArea input {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    border: 2px solid #004DA1;
    background-color: #004DA1;
    transition: .2s;
    width: 420px;
    margin: auto;
    cursor: pointer;
    transition: 0.2s;
}

.askfor_page .confirmButtonArea input:hover {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
    opacity: 0.8;
}

.askfor_page .mainArea {
    max-width: 100%;
    width: 100%;
}

.askfor_page .inner {
    max-width: 100%;
    width: 100%;
}

.askfor_page .wrap {
    width: 100%;
}

table.vReserveTable td .calenderCell .entryDate {
    display: table-cell;
    padding-right: 20px;
}

table.vReserveTable td .calenderCell .entryDate input {
    width: 200px !important;
    margin-right: 5px;
}

table.vReserveTable td .calenderCell .entryDate span {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

table.vReserveTable td .calenderCell .entryTime {
    display: table-cell;
}

table.vReserveTable td .calenderCell .entryTime input {
    width: 100px !important;
}

table.vReserveTable td .calenderCell .entryClear {
    display: table-cell;
    padding-left: 10px;
}

table.vReserveTable td .calenderCell .entryClear a {
    color: #1b73c0;
    text-decoration: underline;
    font-size: 10px;
}

.tab_containts.butkenarchive_page {
    max-width: 1120px;
}

.tab_containts.butkenarchive_page .mainArea {
    max-width: 100%;
}

.tab_containts.butkenarchive_page .pagerTable {
    max-width: 100%;
}

/*articleリニューアル*/

main.tab_containts.article_page h2 {
    border-bottom: double 5px #041966;
    padding-bottom: 5px;
    display: inline-block;
}

main.tab_containts.article_page h3 {
    padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 3px #000066;
}

main.tab_containts.article_page h4 {
    border-bottom: double 5px #041966;
    padding-bottom: 5px;
    display: inline-block;
}

.article_page .mainArea {
    width: 760px;
    font-size: 14px;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    float: none;
    max-width: 100%;
}

.article_page .mainArea .inner {
    max-width: 100%;
    background: #f2f2f2;
    padding: 5vw;
}

.article_page .mainArea .link {
    width: 300px;
    height: 50px;
    margin: 30px auto 0;
}

.article_page .mainArea .link a {
    text-align: center;
    line-height: 38px;
    background-image: url(/penguin/resources/image/hikarihousing/home/button_icon02.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 20px center;
    transition: .2s;
    background-color: #fff;
    margin: auto;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    letter-spacing: 2px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-weight: normal;
    transition: 0.2s;
}

.article_page .mainArea .link a:hover {
    box-shadow: 0 0 10px rgb(51 51 51 / 20%);
    opacity: 0.8;
}

.article_page .side_blog {
    width: 280px;
    order: 1;
}

.article_page .side_blog h3 {
    background-color: #051866;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}

.article_page .side_blog .blog li {
    border-bottom: 1px dotted #333;
    background-image: url(/penguin/resources/image/hikarihousing/home/button_icon02.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 10px center;
}

.article_page .side_blog .blog li a {
    padding: 5px 0;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    color: #333;
    transition: 0.2s;
}

.article_page .side_blog .blog li p.img {
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: cover;
}

.article_page .side_blog .blog li p.text {
    width: 180px;
    padding-right: 30px;
}

.article_page .side_blog .blog li p .date {
    display: block;
    font-size: 10px;
    color: #7d7d7d;
    margin-bottom: 5px;
}

.article_page .side_blog .blog li p .title {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article_page .side_blog .link {
    margin-bottom: 40px;
}

.article_page .side_blog .link a {
    text-align: center;
    text-decoration: none;
    line-height: 38px;
    background-image: url(/penguin/resources/image/chintai-mate/_common/button_icon02.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 20px center;
    transition: .2s;
    background-color: #fff;
    margin: auto;
    color: #000;
    font-size: 12px;
    letter-spacing: 2px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-weight: normal;
    width: 70%;
    transition: 0.2s;
}

.article_page .side_blog .company_info {
    padding: 15px;
    background-color: #f0f0f0;
    margin-bottom: 15px;
}

.article_page .side_blog .company_info .name {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 5px;
}

.article_page .side_blog .company_info .tel {
    width: 100%;
    margin: 0 0 5px;
}

.company_info .telBox p {
    color: #fe3c16;
    font-weight: bold;
    font-size: 22px;
    margin: 10px 0;
    letter-spacing: 1px;
}

.article_page .side_blog .company_info .time {
    font-size: 13px;
    margin: 0 0 15px;
}

.article_page .side_blog ul {
    margin-bottom: 20px;
}

.article_page .side_blog li {
    padding: 5px 0;
}

.company_info .buttonBox li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    border: 2px solid #fe3c16;
    background-color: #fe3c16;
    text-decoration: none;
    transition: .2s;
}

.article_page .side_blog .company_info .buttonBox li a:hover {
    background-color: #fff;
    color: #fe3c16;
}

.company_info .buttonBox li.line a {
    display: block;
    color: #00C300;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    border: 2px solid #00C300;
    background-color: #fff;
    text-decoration: none;
    transition: .2s;
}

.article_page .side_blog .company_info .buttonBox li.line a:hover {
    background-color: #00C300;
    color: #fff;
}

.shareBox {
    margin: 15px 0 0;
}

.shareBox .text {
    font-size: 15px;
    text-align: center;
    margin: 0 0 10px;
    width: 100%;
    height: auto;
}

.shareBox ul li {
    width: 30px;
    margin-right: 10px;
}

.shareBox ul li a {
    display: block;
    transition: .2s;
}

.shareBox ul li a:hover {
    opacity: 0.8;
}

main.tab_containts.article_page {
    padding: 100px 0;
    max-width: 1100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*予約フォーム*/

.modal:not(.butkenlist_page .modal) {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.modal__bg:not(.butkenlist_page .modal__bg) {
    background: rgba(0, 0, 0, .9);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.modal__content:not(.butkenlist_page .modal__content) {
    background: #fff;
    left: 50%;
    padding: 40px 80px;
    position: absolute;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 600px;
    max-width: 90%;
    border-radius: 10px;
    text-align: center;
    border: 5px solid #212d93;
    ;
}


.modal__content .telWrap:first-child {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid;
}

.modal__content .telWrap h2 {
    padding: 10px;
    position: relative;
    font-size: 20px;
    line-height: 1.4;
    color: #212d93;
    display: inline-block;
}

.modal__content a.tel_num {
    font-size: 17px;
    padding-left: 40px;
    display: inline-block;
    margin-bottom: 10px;
    background: url(/penguin/resources/image/hikarihousing/home/request_icon.png) no-repeat;
    background-size: 25px;
    background-position: left 30px center;
    font-weight: 600;
    text-align: center;
    background-color: #B4292C;
    color: #fff;
    line-height: 40px;
    width: 200px;
    text-decoration: none;
    transition: .2s;
}

.modal__content a.tel_num:hover {
    opacity: 0.7;
}

.modal__content p.info_text {
    font-size: 14px;
}

.modal__content a.link {
    display: inline-block;
    color: #333;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
}

.modal__content a.link:hover {
    color: #666;
}

a.js-modal-close {
    font-size: 20px;
    color: #000;
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100%;
    line-height: 27px;
    text-decoration: none;
    position: absolute;
    right: -40px;
    top: -40px;
}

.modal__content .image_big {
    width: 560px;
    height: 280px;
    position: relative;
    border: 2px solid #071464;
}

.pc_top_img {
    position: relative;
    overflow: hidden;
}

.pc_top_img::before {
    display: block;
    content: "";
    width: calc(50vw - 475px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.pc_top_img::after {
    display: block;
    content: "";
    width: calc(50vw - 475px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.pc_top_img .wrap {
    width: 950px;
    overflow: visible;
    position: relative;
}

.pc_top_img .bx-wrapper .bx-viewport {
    overflow: visible !important;
}

.bx-wrapper .bx-pager {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block !important;
    background: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    border-radius: 0 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000 !important;
}

/*お客様の声*/

#top_review {
    padding: 70px 0 50px;
}

#top_review .wrap {
    overflow: visible !important;
}

.review_slider li {
    position: relative;
}

.review_slider li .image img {
    display: block;
}

.review_slider li .title {
    position: absolute;
    left: 0;
    bottom: 0px;
    margin: 0;
    right: 0;
    background: -moz-linear-gradient(left, rgba(5, 24, 102, 1) 0%, rgba(5, 24, 102, 1) 40%, rgba(5, 24, 102, 0.3) 100%);
    background: -webkit-linear-gradient(left, rgba(5, 24, 102, 1) 0%, rgba(5, 24, 102, 1) 40%, rgba(5, 24, 102, 0.3) 100%);
    background: linear-gradient(to right, rgba(5, 24, 102, 1) 0%, rgba(5, 24, 102, 1) 40%, rgba(5, 24, 102, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051866', endColorstr='#00051866', GradientType=1);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 40px;
}

.review_slider li .title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-image: url(/penguin/resources/image/hikarihousing/home/topStaffIcon.png);
    background-size: cover;
}

#top_review .bx-wrapper .bx-controls-direction a.bx-prev {
    position: absolute;
    top: 50%;
    left: -60px;
    margin-top: -20px;
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-image: url(/penguin/resources/image/hikarihousing/home/prev_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 9999;
}

#top_review .bx-wrapper .bx-controls-direction a.bx-next {
    position: absolute;
    top: 50%;
    right: -60px;
    margin-top: -20px;
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-image: url(/penguin/resources/image/hikarihousing/home/next_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 9999;
}

/*自社物件ページ*/

.jisya_property_h1Box {
    position: relative;
    padding: 100px 0 50px 0;
    background-color: #051866;
    color: #fff;
    font-family: 'Lato', sans-serif;
}

.jisya_property_h1Box .wrap {
    overflow: visible;
}

.jisya_property_h1Box .textBox {
    width: 695px;
}

.jisya_property_h1 {
    font-size: 32px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px solid #fff;
    letter-spacing: 4px;
    color: #d2a30a;
    line-height: 1.4;
    margin: 0;
}

.jisya_property_h1_text01 {
    font-size: 60px;
    font-weight: 600;
    margin-top: -60px;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: 5px;
}

.jisya_property_h1_text01 span {
    font-size: 150px;
    color: #d2a30a;
    display: inline-block;
    margin: 0 0px 0 10px;
    line-height: 1;
}

.jisya_property_h1_text02 {
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 1.4;
    margin: 0;
}

.jisya_property_h1_text02 span {
    color: #d2a30a;
}

.jisya_property_h1Box .image {
    width: 420px;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.jisya_property_info {
    padding: 80px 0;
}

.jisya_property_table {
    margin-top: 30px;
}

.jisya_property_table table {
    border-collapse: collapse;
}

.jisya_property_table table th {
    background: #f9faf4;
    border: 1px solid #ddd;
    line-height: 1.2;
    white-space: nowrap;
    color: #686868;
    padding: 15px 10px;
    font-weight: 400;
    font-size: 14px;
}

.jisya_property_table table td {
    padding: 10px;
    border: 1px solid #ddd;
    border-left: 1px solid #ddd;
    line-height: 18px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
}

.toppage_h2 span {
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
}

.jisya_property_access {
    padding: 80px 0;
    background-color: #333;
    color: #fff;
}

.toppage_h2.white {
    background-image: url(/penguin/resources/image/hikarihousing/home/h2_icon02.png);
    color: #fff;
}

.toppage_h2.white span {
    color: #fff;
}

.top_bukken_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
}

.jisya_property_access .tab_contents {
    align-items: center;
}

.jisya_property_access .textBox {
    width: 46%;
}

.jisya_property_access .text01 {
    font-size: 16px;
    line-height: 1.7;
    margin-top: 30px;
}

.jisya_property_access .text02 {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 15px;
    letter-spacing: 1px;
}

.jisya_property_access .text02 span {
    font-size: 20px;
    color: #d2a30a;
}

.jisya_property_access .map {
    width: 52%;
}

.jisya_property_view {
    padding: 80px 0;
}

.jisya_property_view_text {
    margin: 15px 0 0;
    font-size: 15px;
}

.jisya_property_button {
    width: 420px;
    margin: 30px auto 0;
}

.jisya_property_button a {
    display: block;
    background-color: #B4292C;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    background-image: url(/penguin/resources/image/hikarihousing/home/single_property_icon02.svg);
    background-repeat: no-repeat;
    background-position: left 30px center;
    background-size: 22px;
    transition: .2s;
}

.jisya_property_button a:hover {
    opacity: 0.8;
}

.jisya_property_facility {
    background-color: #333;
    padding: 80px 0;
    color: #fff;
}

.jisya_property_facility .textBox h3 {
    margin: 30px 0 15px;
    font-size: 20px;
    color: #d2a30a;
    letter-spacing: 2px;
}

.jisya_property_facility .textBox p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.7;
}

.jisya_property_facility_list {
    margin: 30px 0 0;
}

.jisya_property_facility_list li {
    width: 170px;
    margin-right: 20px;
}

.jisya_property_facility_list li:nth-of-type(6n) {
    margin-right: 0;
}

.jisya_property_facility_list li:nth-of-type(n + 7) {
    margin-top: 20px;
}

.jisya_property_crime_prevention {
    padding: 80px 0;
}

.jisya_property_crime_prevention .tab_contents {
    margin: 50px 0 0;
    align-items: center;
}

.jisya_property_crime_prevention .image {
    width: 30%;
}

.jisya_property_crime_prevention .image p {
    margin: 10px 0 0;
    font-size: 13px;
    text-align: center;
}

.jisya_property_crime_prevention .image p a {
    text-decoration: underline;
}

.jisya_property_crime_prevention .textBox {
    width: 65%;
}

.jisya_property_crime_prevention .textBox h3 {
    margin: 0 0 30px;
    font-size: 30px;
    color: #000066;
    letter-spacing: 2px;
}

.jisya_property_crime_prevention .textBox h4 {
    margin: 0 0 15px;
    font-size: 20px;
    display: inline-block;
    border: solid #333;
    border-width: 1px 0;
    padding: 0 14px;
    letter-spacing: 1px;
    line-height: 1.4;
}

.jisya_property_crime_prevention .textBox li {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.7;
    position: relative;
    padding-left: 40px;
}

.jisya_property_crime_prevention .textBox li:nth-of-type(n + 2) {
    margin-top: 10px;
}

.jisya_property_crime_prevention .textBox li::before {
    display: block;
    background-color: #000066;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.jisya_property_crime_prevention .textBox li:nth-of-type(1)::before {
    content: "1";
}

.jisya_property_crime_prevention .textBox li:nth-of-type(2)::before {
    content: "2";
}

.jisya_property_crime_prevention .textBox li:nth-of-type(3)::before {
    content: "3";
}

.jisya_property_crime_prevention .textBox li:nth-of-type(4)::before {
    content: "4";
}

.jisya_property_crime_prevention .textBox li:nth-of-type(5)::before {
    content: "5";
}

.jisya_property_area_info {
    padding: 80px 0;
    background-color: #333;
    color: #fff;
}

.jisya_property_area_info_list {
    margin: 30px 0 0;
}

.jisya_property_area_info_list li {
    width: 18%;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0 2% 0 0;
    text-align: center;
}

.jisya_property_area_info_list li:nth-of-type(n + 6) {
    margin-top: 20px;
}

.jisya_property_area_info_list li span {
    font-size: 16px;
    color: #d2a30a;
}

.jisya_property_area_info_list li.small {
    font-size: 12px;
}

.jisya_property_area_info_list li:nth-of-type(5n) {
    margin-right: 0;
}

.jisya_property_area_info_list li p {
    margin: 10px 0 0;
}

/** こだわりモーダル **/
.modal_outline .modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
}

.modal_outline .modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.modal_outline .modal__content {
    background: #fff;
    left: 50%;
    padding: 40px 40px 100px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    z-index: 10000;
}

.modal_outline .modal__content h3 {
    border-left: 5px solid #000066;
    font-size: 24px;
    padding: 7px 0 7px 10px;
    color: #333;
    margin-bottom: 10px;
    background: #f2f2f2;
    margin-top: 0;
}

.modal_outline .modal__content>p {
    margin-bottom: 10px;
    color: #888;
}

.modal_outline .modal__content h4 {
    background: #f0ecec;
    padding: 5px 10px;
}

.modal_outline .linkItem ul {
    display: flex;
}

.modal_outline .linkItem li {
    display: block;
    width: 19%;
    border: 0px solid #ccc;
    margin: 0.5%;
    height: auto;
    float: left;
    background: #000066;
    text-decoration: none;
    font-size: 16px;
    color: #333;
    border-radius: 3px;
    position: relative;
}

.modal_outline .linkItem li a {
    padding: 10px 10px 10px 10px;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
}

.modal_outline .linkItem li:hover {
    opacity: 0.7;
}

.modal_outline .linkItem li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.modal_outline a.js-modal-close {
    text-decoration: none;
    font-size: 30px;
    font-weight: 600;
    color: #333;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.jisya_property_view .toppage_h2 {
    display: none;
}

.jisya_property_view .jisya_property_table {
    display: none;
}

.jisya_property_view .jisya_property_view_text {
    display: none;
}

/* 不動産用語集 */
.glossary-seach-title02 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 9px;
    color: #af3636;
    border-bottom: 1px solid #d7d3d3;
}

.page-gro-contents.flex-sb {
    border-bottom: 1px solid #f2f0f0;
}

.glossary-items {
    width: 31%;
}

.glossary-line {
    display: flex;
    font-size: 18px;
    margin-bottom: 30px;
    align-items: center;
}

p.a-line {
    padding-right: 15px;
    padding-left: 15px;
    color: #000000;
    font-weight: bold;
    margin: 0;
}

.glossary-line a {
    padding: 10px 9px;
    margin-left: 20px;
    background: #eeeeee;
    text-decoration: none;
    color: #000000;
    box-shadow: 2px 2px 2px #c9c1c1;
    transition: 0.5s;
}

.page_area_glossary {
    padding-top: 80px;
    width: 1140px;
    padding-bottom: 50px;
}

.glossary-line a:hover {
    background: #ffffff;
    color: #122a88;
}

.glossary_index {
    margin-top: 80px;
}

.glossary_index h2:first-child {
    margin-top: 0;
}

.glossary_index h2 {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 5px;
    background-color: #013C97;
    color: #fff;
    padding: 0.5em;
    padding-left: 60px;
    margin-bottom: 1em;
    position: relative;
}

.glossary_index h2:before {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 20px;
    top: 20px;
}

.glossary_box {
    margin-bottom: 20px;
}

.glossary_box .page_h3 {
    margin-bottom: 10px;
    position: relative;
}

.page_h3:before {
    display: block;
    content: "";
    width: 230px;
    height: 2px;
    background: linear-gradient(#013C97, #5FACE0);
    position: absolute;
    left: 0;
    bottom: -2px;
}


/* 初期費用ページ */
h1.page_title.cost {
    margin-bottom: 0;
}

.page-intial_cost {
    background-image: url(/penguin/resources/image/hikarihousing/home/cost-back-img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin-bottom: 50px;
}

.intial-list {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 30px rgb(0 0 0 / 50%);
    padding: 50px 0px;
}

.intial-list ul {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 60px;
}

.intial-list .title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 30px;
}

.intial-list ul li {
    font-size: 23px;
    line-height: 1.5;
    padding-left: 55px;
    background: url(/penguin/resources/image/hikarihousing/home/check-icon-001.svg) no-repeat;
    background-size: 31px;
    background-position: 6px 0px;
    padding-bottom: 5px;
    border-bottom: 3px dotted #000000;
    margin-bottom: 20px;
}

.intial-answer {
    text-align: center;
}

.intial-answer .txt {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 40px;
}

.intial-answer .color {
    color: #b4292b;
    font-size: 40px;
}

.intial-list ul li .txt {
    margin: 0;
}

section.intial-btn {
    margin-bottom: 50px;
}

.int-co-btn {
    text-align: center;
    height: 60px;
    width: 450px;
    margin: 0 auto;
}

.int-co-btn a {
    text-decoration: none;
    font-size: 17px;
    background: #000065;
    border: 1px solid #000065;
    padding: 15px 80px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 30px;
    transition: 0.3s;
}

.int-co-btn a:hover {
    background: #fff;
    color: #000065;
}

.mitumori-banner-area {
    margin: 40px 0;
}

.pro_01_L h2.large {
    font-size: 32px;
    font-weight: bold;
    border-bottom: double 5px #000065;
    padding-bottom: 15px;
}

/* クレジットカード決済対応ページ */

section.credit-top-box {
    text-align: center;
    padding: 50px 0;
}

.credit-title-box .kotei-title {
    border-bottom: 2px dashed #041966;
    display: inline-block;
    padding: 0px 20px 5px;
    font-size: 21px;
}

.credit-title-box .sub-title {
    font-size: 16px;
    letter-spacing: 0.03em;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0;
}

.worries-contents ul {
    width: 810px;
    margin: 0 auto;
}

.onayami-ttl-box {
    text-align: center;
}

.onayami-ttl-box .kotei-title {
    font-size: 21px;
    border-bottom: 2px dashed #000066;
    display: inline-block;
    padding: 0 15px 5px;
}

.worries-contents ul li .title {
    font-size: 16px;
    background: #000066;
    display: inline-block;
    padding: 10px 20px 10px 12px;
    position: relative;
    color: #ffffff;
    margin-bottom: 10px;
    border-radius: 30px;
}

.worries-contents ul li .txt {
    font-size: 16px;
    letter-spacing: 0.03em;
}

section.worries-box {
    background-image: url(/penguin/resources/image/hikarihousing/home/hikari-credit-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 50px 0;
}

section.worries-box:before {
    background: rgba(255, 255, 255, 0.8);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.solution-item-list ul li {
    margin-bottom: 50px;
}

.solution-item-list ul li .item-box .title {
    font-size: 20px;
    font-weight: bold;
    padding: 6px 20px 5px 0px;
    background: #fff;
    color: #000066;
    display: inline-block;
    margin-bottom: 20px;
}

.solution-item-list ul li .item-box .title .num {
    background: #000066;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
}

.solution-item-list ul li .item-box .text {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.06em;
    width: 100%;
    height: auto;
}

.solution-ttl-box {
    text-align: center;
    margin-top: 30px;
}

h2.solution-title {
    font-size: 23px;
    border-bottom: 2px dashed #000066;
    margin-bottom: 25px;
    display: inline-block;
    padding: 0 15px 5px;
}

.solution-item-list ul {
    width: 810px;
    margin: 0 auto;
}

section.credit-solution-box {
    background: #041966;
    padding: 80px 0;
}

.white-bg-box {
    background: #ffffff;
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}

section.credit-banner-box {
    text-align: center;
    margin: 50px 0 50px 0;
}

.credit-banner-contents .credit-ttl {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 12px;
}

.credit-banner-contents .txt {
    font-size: 16px;
    margin-bottom: 20px;
}

.topStaffArea.main-staff {
    justify-content: space-between;
}

.topStaffBox.main-staff {
    width: 23%;
    margin-left: 0;
}

.topStaffBox .name .class {
    display: block;
    margin-left: 0;
}

/* よくある質問 */
.page_pd {
    padding: 60px 0 120px;
}

#faq dl.faq_box {
    margin-bottom: 20px;
    background: #041866;
    border-radius: 10px;
    padding: 30px 20px;
    line-height: 1.5;
    color: #ffffff;
}

#faq dt {
    font-size: 18px;
    border-bottom: 1px dashed;
    padding: 0 0 10px 40px;
    margin-bottom: 10px;
    position: relative;
}

#faq dt:before {
    content: "Q";
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    color: #041866;
    position: absolute;
    left: 0;
}

#faq dd {
    padding: 5px 0 0 40px;
    position: relative;
    font-size: 16px;
    margin-left: 0;
}

#faq dd:before {
    content: "A";
    text-align: center;
    width: 28px;
    height: 28px;
    background: #fff;
    line-height: 28px;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
}

#faq dl.faq_box:nth-child(even) {
    background: #fff;
    border: 1px solid;
    color: #000;
}

#faq dl.faq_box:nth-child(even) dt:before {
    background: #041866;
    color: #fff;
}

#faq dl.faq_box:nth-child(even) dd:before {
    background: #000;
    color: #fff;
    border: 1px solid;
}


/* 選ばれる理由 */

.topReasonSection {
    margin-top: 70px;
}

section.page-reason-box {
    margin: 100px 0;
}

.page-reason-container .h2ttl {
    text-align: center;
    font-size: 33px;
    letter-spacing: 0.05em;
    margin-bottom: 65px;
    margin-top: 0;
}

.page-reason-container .h2ttl .sub-ttl {
    display: block;
    font-size: 18px;
    margin-bottom: 26px;
}

.page-reason-container .h2ttl .color {
    color: #cf0300;
    font-size: 53px;
}

.page-reason-container ul li+li {
    margin-top: 50px;
    margin-bottom: 50px;
}

.page-reason-container ul li .text-box {
    width: 60%;
}

.topStaffSection {
    margin-bottom: 30px;
}

.page-reason-container ul li .img-box {
    width: 35%;
    height: 220px;
}

.page-reason-container ul li .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-reason-container ul li .h3ttl {
    font-size: 25px;
    background: #000066;
    padding: 20px 20px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: 0.05em;
}

.page-reason-container ul li .txt {
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 1.7;
}

.page-reason-container ul li .h3ttl .color {
    color: #fff100;
}

.reason-proce-container .ttl {
    font-size: 33px;
    text-align: center;
    margin-bottom: 50px;
}

.reason-proce-container .ttl .color {
    color: #cf0101;
}

section.page-reason-price {
    margin-bottom: 100px;
}

.faq_area .page_pd {
    padding: 14px 0 0;
}

.faq_area {
    margin-top: 60px;
}


/* こだわり条件ページCSS */
.single_top_sec {
    padding: 80px 0 80px;
}

.single_top_sec .single_ttl_box {
    margin-bottom: 20px;
}

.single_ttl_box {
    padding: 8px 45px;
    display: inline-block;
    background-color: #041866;
}

.single_ttl_box .ttl {
    margin: 0;
    font-size: 20px;
    letter-spacing: 0.08em;
    font-weight: bold;
    color: #fff;
}

.single_top_sec .box {
    align-items: center;
}

.single_top_sec .box .text_box {
    width: 58%;
}

.single_top_sec .box .text_box .sub_ttl {
    color: #041866;
    font-weight: bold;
    letter-spacing: 0.12em;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 25px;
}

.single_top_sec .box .text_box .text {
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: 0.08em;
    width: 100%;
    height: auto;
}

.single_top_sec .box .img {
    width: 35%;
    height: 250px;
    border-radius: 8px;
    background-image: url(/penguin/resources/image/miyabi-juken/home/single_top_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 8px 8px 0 #041866;
}

.new_construction_formSearch {
    padding: 65px 0 50px;
    background-color: #f2f2f2;
}

.new_construction_formSearch .tab_cont_wrap {
    width: 1000px;
    margin: 0 auto;
}

.new_construction_formSearch .project {
    font-size: 23px;
    margin: 0 0 27px;
    font-weight: bold;
    line-height: 1.5;
}

.new_construction_formSearch .fl_wrap {
    width: 100%;
    margin: 0 auto;
    align-items: flex-end;
}

.new_construction_formSearch .fl_wrap .parts {
    position: relative;
    width: 23%;
}

.new_construction_formSearch .fl_wrap h3 {
    margin: 0 0 20px;
    line-height: 1.5;
    font-size: 17px;
    color: #4d4d4d;
    letter-spacing: 2px;
    border-left: 2px solid #041866;
    padding-left: 15px;
    font-weight: bold;
    letter-spacing: 0.08em;
}

.new_construction_formSearch .fl_wrap select,
.new_construction_formSearch .fl_wrap input#sbox02 {
    width: 95%;
    height: 50px;
    border: none;
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    padding-left: 15px;
}

.new_construction_formSearch .fl_wrap .parts:nth-child(2)::before,
.new_construction_formSearch .fl_wrap .parts:nth-child(2)::after {
    content: "×";
    position: absolute;
    bottom: 15px;
    font-size: 14px;
}

.new_construction_formSearch .fl_wrap .parts:nth-child(2)::before {
    left: -23px;
}

.new_construction_formSearch .fl_wrap .parts:nth-child(2)::after {
    right: -13px;
}

.new_construction_formSearch .fl_wrap input#btnQuickSearch {
    width: 100%;
    height: 50px;
    background: #f6921e;
    border: none;
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #909090;
    font-size: 16px;
    font-weight: bold;
}

.single_terms_sec {
    padding: 80px 0 80px;
}

.single_terms_sec .box .text_box {
    width: 65%;
}

.single_subttl {
    font-size: 20px;
    font-weight: bold;
    padding-left: 25px;
    border-left: 3px dotted #041866;
    line-height: 1.5;
}

.single_terms_sec .box .text_box .single_subttl {
    margin-bottom: 15px;
}


.single_terms_sec .box .text_box .text {
    font-size: 15px;
    letter-spacing: 0.08em;
    line-height: 2;
    width: 100%;
    height: auto;
}

.single_terms_sec .box .img {
    width: 30%;
    height: 205px;
    background-image: url(/penguin/resources/image/miyabi-juken/home/single_terms_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.single_point_sec {
    padding: 0 0 60px;
}

.single_point_sec .point_list li {
    margin-bottom: 40px;
}

.single_point_sec .point_list li:last-child {
    margin-bottom: 0px;
}

.single_point_sec .single_ttl_box {
    margin-bottom: 45px;
}

.single_point_sec .point_list ul li .single_subttl {
    margin-bottom: 10px;
}

.single_point_sec .point_list ul li .text {
    font-size: 15px;
    letter-spacing: 0.08em;
    line-height: 2;
    width: 100%;
    height: auto;
}

/* 新築物件 */
.new_property_sec {
    padding-bottom: 60px;
}

.new_property_sec .arrival_list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
    padding: 50px 0;
}

.new_property_sec .arrival_list ul li a {
    display: block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 20px 10px;
    background-color: #fff;
    position: relative;
    height: 100%;
    text-decoration-line: none;
    transition: all .3s;
}

.new_property_sec .arrival_list ul li a:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .65);
}

.new_property_sec .arrival_list ul li .label {
    position: absolute;
    top: 0;
    left: 0;
    translate: 0% -50%;
    background-color: #041866;
    padding: .3em .8em;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.new_property_sec .arrival_list ul li .label::before {
    display: block;
    position: absolute;
    top: 0;
    content: "";
    right: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #464a66;
}

.new_property_sec .arrival_list ul li .img {
    height: 180px;
}

.new_property_sec .arrival_list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new_property_sec .arrival_list ul li .text_box {
    padding-top: 1em;
}

.new_property_sec .arrival_list ul li .text_box .ttl {
    font-size: 16px;
    letter-spacing: .05em;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0;
}

.new_property_sec .arrival_list ul li .text_box .type {
    color: #041866;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    padding-top: .6em;
}

.new_property_sec .arrival_list ul li .text_box .type .small {
    color: #c9c1c1;
    width: 22%;
    display: inline-block;
}

.new_property_sec .arrival_list .sub_text {
    text-align: right;
    margin: 0;
    font-size: 14px;
}

.single_search_sec {
    padding: 60px 0 80px;
    border-top: 1px solid #f2f2f2;
}

.single_search_sec .search_cont .ttl {
    padding: 8px 20px 8px 30px;
    display: inline-block;
    margin-bottom: 25px;
    font-size: 16px;
    background-color: #000066;
    color: #fff;
}

.single_search_sec .search_cont .area_cont .box {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px 30px;
    line-height: 1.8;
    flex-wrap: nowrap;
}

.single_search_sec .search_cont .area_cont .box+.box {
    margin-top: 15px;
}

.single_search_sec .search_cont .area_cont .box .area_ttl {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.08em;
    width: 185px;
    margin-right: 25px;
}

.single_search_sec .search_cont .area_cont .box .area_list ul li {
    margin-right: 15px;
}

.single_search_sec .search_cont .area_cont .box .area_list ul li a {
    font-size: 15px;
    text-decoration: underline;
    color: #333333;
    letter-spacing: 0.05em;
}

.single_search_sec .search_cont+.search_cont {
    margin-top: 50px;
}

.price_market_sec {
    padding-bottom: 60px;
}

.price_market_sec .single_ttl_box {
    margin-bottom: 40px;
}

.price_table_box {
    padding: 40px;
    background-color: #f4f4f4;
}

.price_table_box .tab_area {
    display: flex;
    border: 2px solid #041866;
    color: #041866;
    cursor: pointer;
}

.price_table_box .tab {
    width: calc(100%/4);
    padding: 10px;
    text-align: center;
    background-color: #fff;
    font-size: 16px;
    letter-spacing: .05em;
    font-weight: 700;
}

.price_table_box .tab:nth-child(n+2) {
    border-left: 2px solid #041866;
}

.price_table_box .tab.active {
    background-color: #041866;
    color: #fff;
}

.price_table_box .panel {
    display: none;
    text-align: center;
    padding: 30px;
    background-color: #fff;
}

.price_table_box .panel.show {
    display: block;
}

.price_table_box table {
    width: 100%;
    border-collapse: collapse;
}

.price_table_box table a {
    text-decoration: underline;
    color: #041866;
}

.price_table_box table th,
.price_table_box table td {
    padding: 20px;
    text-align: left;
    border: 1px solid #ccc;
}

.price_table_box table th {
    background-color: #041866;
    color: #fff;
    text-align: center;
}

.price_table_box table .th01,
.price_table_box table .td01 {
    width: 30%;
    font-size: 16px;
}

.price_table_box table .td02 {
    width: 25%;
}

.price_table_box table .index {
    font-size: 16px;
}

.price_table_box table .td03 {
    width: 45%;
    vertical-align: middle;
}

.price_table_box table .td03 .bar {
    display: block;
    background-color: #041866;
    height: 10px;
}

.price_table_box .price_table_text {
    margin-top: 15px;
    color: #909090;
    text-align: right;
    font-size: 13px;
}




.single_faq_sec {
    padding-bottom: 60px;
}

.single_faq_sec .site_faq_cont {
    padding-top: 40px;
}

.site_faq_cont dl {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 10px;
    background-color: #fff;
    padding: 50px;
    margin: 0;
}

.site_faq_cont dl+dl {
    margin-top: 30px;
}

.site_faq_cont dl .en {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    background-color: #041866;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.site_faq_cont dl dt,
.site_faq_cont dl dd {
    display: flex;
    gap: 0 30px;
    align-items: center;
    margin-left: 0;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .05em;
    font-weight: 700;
}

.site_faq_cont dl dt {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

.site_faq_cont dl dd {
    padding-top: 20px;
}


/*===================================================================================*/


/* トップエリア紹介・会社情報セクション */

#top_area {
    padding: 100px 0 100px;
}

#top_area .block+.block {
    margin-top: 50px;
}

#top_area .block {
    background: #f3f3f3;
    flex-direction: row-reverse;
    border-radius: 7px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#top_area .block .image {
    width: 33%;
    position: relative;
}

#top_area .block .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#top_area .block .textBox {
    width: 67%;
    padding: 50px;
}

#top_area .block .textBox .title {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #000066;
    padding: 5px 20px 3px;
    display: inline-block;
    border-radius: 7px;
    letter-spacing: 0.1em;
    margin: 0 0 15px;
}

#top_area .block .textBox .text {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.06em;
    color: #474747;
    width: auto;
    height: auto;
    margin: 0;
}

#top_area .block .textBox .text.last {
    margin-top: 25px;
}

#top_area .block .textBox .sub_title {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.06em;
    margin: 10px 0 2px;
}

#top_area .block .textBox .sub_title::before {
    display: inline-block;
    content: "◼️";
    color: #000066;
    margin-right: 5px;
}

#top_area .point_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 100px 0;
    gap: 0 50px;
    position: relative;
}

#top_area .point_box .block+.block {
    margin-top: 0;
}

#top_area .point_box .block .textBox {
    width: 100%;
    padding: 30px;
}

#top_area .block.no_reverse {
    flex-direction: row;
}

#top_area .point_box .block .image img {
    position: static;
    aspect-ratio: 2/1;
}

#top_area .point_box .block .image {
    width: 100%;
}

#top_area .point_box .block .textBox .title {
    display: block;
    text-align: center;
}

#top_area .wrap {
    overflow: unset;
}

#top_area .block .textBox .text b {
    font-size: 15px;
    display: inline-block;
    margin-bottom: 10px;
}

#top_area .block .textBox .title b {
    color: #fff100;
}

#top_area .point_box::before,
#top_area .point_box::after {
    content: "";
    background: url(/penguin/resources/image/hikarihousing/home/h2_icon.png) no-repeat;
    background-size: contain;
    width: 30px;
    aspect-ratio: 1/1;
    rotate: 45deg;
    position: absolute;
    left: 50%;
    translate: -50% 0;
}

#top_area .point_box::before {
    top: -65px;
}

#top_area .point_box::after {
    bottom: -65px;
}

#top_company {
    background-color: #f8f8f8;
    position: relative;
    padding: 70px 0;
}

#top_company .image {
    right: 0;
    position: absolute;
    top: 0;
    width: 37%;
    height: 100%;
}

#top_company .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.top_company_cont .logo {
    width: 240px;
}

.top_company_cont .ttl {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0.08em;
    margin-top: 12px;
    margin-bottom: 15px;
}

.top_company_cont .sub-ttl {
    font-size: 20px;
    font-weight: bold;
    color: #000066;
    margin-bottom: 7px;
}

.top_company_cont .text {
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
    width: auto;
    height: auto;
}

/* トップエリア紹介・会社情報セクション 終了*/

/* トップフッターリニューアル */

.footer_shopInfo {
    margin: 50px 0 0;
}

.footer_shopInfo .block {
    width: 48%;
    align-items: center;
}

.footer_shopInfo .block .image {
    width: 45%;
}

.footer_shopInfo .block .textBox {
    width: 50%;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.04em;
}

.footer_shopInfo .block .textBox .name {
    font-size: 15px;
    margin: 0 0 10px;
}

.footer_shopInfo .block .textBox .add,
.footer_shopInfo .block .textBox .fax,
.footer_shopInfo .block .textBox .time {
    margin: 0 0 8px;
}

.footer_shopInfo .block .textBox .tel a {
    color: #fff;
    text-decoration: none;
    pointer-events: none;
}

.footer_shopInfo .block .textBox .kome {
    padding-left: 15px;
    position: relative;
}

.footer_shopInfo .block .textBox .kome::before {
    display: block;
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

.footer_contact {
    padding: 70px 0;
    background-image: url(/penguin/resources/image/hikarihousing/home/footer_contact_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.footer_contact .wrap {
    background-color: rgba(51, 51, 51, .9);
    padding: 61px 130px 50px;
}

.footer_contact .title {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin: 0 0 29px;
}

.footer_contact .buttonBox {
    margin: 0 0 40px;
}

.footer_contact .buttonBox li {
    width: 32%;
}

.footer_contact .buttonBox li a {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 56px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    transition: .3s;
    justify-content: center;
    align-items: center;
}

.footer_contact .buttonBox li a:hover {
    background-color: #d2a30b;
}

.footer_contact .buttonBox li a.line:hover {
    background-color: #00c200;
}

.footer_contact .buttonBox li a::before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 15px;
}

.footer_contact .buttonBox li a.tab_contact::before {
    background-image: url(/penguin/resources/image/hikarihousing/home/mail_icon.png);
}

.footer_contact .buttonBox li a.reserve::before {
    background-image: url(/penguin/resources/image/hikarihousing/home/request_icon.png);
}

.footer_contact .buttonBox li a.line::before {
    background-image: url(/penguin/resources/image/hikarihousing/home/line_icon.png);
}

.footer_contact .sub_title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin: 0 0 18px;
}

.footer_contact .time {
    font-size: 12px;
    letter-spacing: 0.05em;
    margin: 15px 0 0;
}

.footer_contact .shop_wrap {
    justify-content: center;
    gap: 0 37px;
}

.footer_contact .shop_box .name {
    font-size: 13px;
    letter-spacing: 0.04em;
    margin-bottom: 11px;
}

.footer_contact .tel {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin: 0 0 10px;
}

.footer_contact .tel a {
    font-size: 32px;
    color: #fff;
    text-decoration: none;
    pointer-events: none;
}


/* トップフッターリニューアル終了 */
.copyright {
    margin: 0 0 88px;
    background-color: #000066;
    color: #fff;
    padding: 20px 0;
}

.copyright .wrap {
    align-items: center;
    flex-direction: row-reverse;
}

.copyright small {
    display: inline-block;
}

.copyright .credit {
    width: 265px;
}

#footer_recommend_area {
    background-color: #eeeeee;
    padding: 30px 0 50px;
}

#footer_recommend_area .recommend_inner {
    padding: 0 20px;
}

#footer_recommend_area .recommend_inner+.recommend_inner {
    margin-top: 40px;
}

#footer_recommend_area .recommend_inner .recommend_ttl {
    font-size: 16px;
    letter-spacing: .08em;
    font-weight: bold;
    color: #000066;
    margin-bottom: 1em;
}

#footer_recommend_area .recommend_inner .recommend_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#footer_recommend_area .recommend_inner .recommend_list ul li a {
    color: #333;
    font-size: 14px;
    letter-spacing: .08em;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .5em;
    transition: .3s;
}

#footer_recommend_area .recommend_inner .recommend_list ul li a:hover {
    color: #000066;
}

#footer_recommend_area .recommend_inner .recommend_list ul li a::before {
    content: "";
    width: .3em;
    height: .3em;
    border: 1px solid currentColor;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
}

#top_flow_sec {
    padding: 70px 0;
    background-color: #fff;
}

#top_flow_sec .flow_cont {
    margin-bottom: 30px;
}

#top_flow_sec .flow_cont ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#top_flow_sec .flow_cont ol li {
    position: relative;
    padding: 40px 25px;
    background-color: #f8f8f8;
}

#top_flow_sec .flow_cont ol li:not(:last-child)::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 100%;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    top: 0;
    right: 0;
    transform: translateX(100%);
    background-color: #f8f8f8;
    z-index: 1;
}

#top_flow_sec .flow_cont ol li:not(:first-child) {
    padding-left: 50px;
}

#top_flow_sec .flow_cont ol li.flow_02 {
    background-color: #cdd1e0;
}

#top_flow_sec .flow_cont ol li.flow_02::before {
    background-color: #cdd1e0;
}

#top_flow_sec .flow_cont ol li.flow_03 {
    background-color: #6974a3;
    color: #fff;
}

#top_flow_sec .flow_cont ol li.flow_03::before {
    background-color: #6974a3;
}

#top_flow_sec .flow_cont ol li.flow_04 {
    background-color: #051866;
    color: #fff;
}

#top_flow_sec .flow_cont ol li .flow_ttl_box {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

#top_flow_sec .flow_cont ol li .flow_ttl_box .num {
    font-size: 32px;
    font-weight: bold;
}

#top_flow_sec .flow_cont ol li.flow_01 .flow_ttl_box .num {
    color: #051866;
}

#top_flow_sec .flow_cont ol li.flow_02 .flow_ttl_box .num {
    color: #6974a3;
}

#top_flow_sec .flow_cont ol li.flow_03 .flow_ttl_box .num {
    color: #cdd1e0;
}

#top_flow_sec .flow_cont ol li .flow_ttl_box .flow_ttl {
    font-size: 18px;
    letter-spacing: .08em;
    margin: 0;
    margin-left: .8em;
    font-weight: bold;
}

#top_flow_sec .flow_cont ol li .flow_text {
    font-size: 13px;
    letter-spacing: .08em;
    line-height: 1.5;
    margin: 0;
}

#top_flow_sec .flow_btn {
    text-align: center;
}

#top_flow_sec .flow_btn a {
    text-decoration: none;
    display: inline-block;
    padding: 1em;
    width: 370px;
    color: #051866;
    background-color: #fff;
    transition: .3s;
    font-size: 13px;
    font-weight: bold;
    border: solid 2px #051866;
}

#top_flow_sec .flow_btn a:hover {
    background-color: #051866;
    color: #fff;
}

.common_terms_info_sec {
    margin-bottom: 80px;
}

.common_terms_info_sec .single_ttl_box {
    margin-bottom: 30px;
}

.terms_ranking_sec .terms_ranking_block {
    padding: 40px;
    background-color: #f4f4f4;
}

.terms_ranking_sec .terms_ranking_box {
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    align-items: center;
}

.terms_ranking_sec .terms_ranking_box:last-child {
    border-bottom: none;
}

.terms_ranking_sec .terms_ranking_box .title {
    width: 15%;
    padding: 0 15px;
    text-align: center;
    margin: 0;
}

.terms_ranking_sec .terms_ranking_box .terms_ranking_list {
    width: 85%;
    align-items: center;
    counter-reset: count 0;
}

.terms_ranking_sec .terms_ranking_box .terms_ranking_list li {
    width: 20%;
    position: relative;
    padding-left: 40px;
    padding-right: 10px;
}

.terms_ranking_sec .terms_ranking_box .terms_ranking_list li a {
    text-decoration: underline;
    color: #20618f;
}

.terms_ranking_sec .terms_ranking_box .terms_ranking_list li::before {
    display: block;
    content: counter(count) "";
    counter-increment: count 1;
    width: 30px;
    line-height: 30px;
    height: 30px;
    background-color: #f3c237;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
}

.terms_ranking_sec .terms_ranking_box .terms_ranking_list li:nth-child(n + 4):before {
    background-color: #e4e4e4;
}

.terms_termlist_sec .terms_termlist_wrap {
    padding: 40px;
    background-color: #f4f4f4;
}

.terms_termlist_sec .terms_termlist {
    padding: 20px 20px 10px;
    background-color: #fff;
}

.terms_termlist_sec .terms_termlist li {
    margin: 0 20px 10px 0;
}

.terms_termlist_sec .terms_termlist li a {
    text-decoration: underline;
    color: #20618f;
}

#page_category .voice_area {
    margin-bottom: 80px;
}

/* 新築ページ 行政データ */
.terms_data_sec .tab_cont .table_box table th {
    background-color: #041866;
    color: #FFF;
}

.terms_data_sec .tab_cont .theme {
    font-size: 20px;
    letter-spacing: .03em;
}

.terms_data_sec .tab_cont .table_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 3%;
    margin-bottom: 30px;
}

.terms_data_sec .tab_cont .table_box table th,
.terms_data_sec .tab_cont .table_box table td {
    border: solid 1px #0E0E0E;
    padding: 1em 2em;
    font-size: 16px;
    letter-spacing: .03em;
}

.terms_data_sec .tab_cont .table_box table {
    border-collapse: collapse;
}

.terms_data_sec .tab_cont .table_box table td {
    background-color: #FAFAFA;
}

.terms_data_sec .text_box {
    background-color: #f2f2f2;
    padding: 1.5em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 23px;
    align-items: center;
    margin-top: 1em;
}

.terms_data_sec .text_box .note {
    font-size: 12px;
    letter-spacing: 0em;
}

.terms_data_sec .text_box .text {
    font-size: 12px;
}

.terms_data_sec .text_box .source_text {
    font-size: 12px;
    letter-spacing: .03em;
}

.terms_data_sec .text_box .source_text a {
    display: inline-block;
    color: #000065;
    font-size: 10px;
}

.terms_data_sec .tab_container {
    width: 100%;
    margin: 50px auto 0;
}

.terms_data_sec .tab_list {
    display: flex;
    border: 1px solid #ccc;
}

.terms_data_sec .tab_container .tab {
    display: flex;
    flex: 1;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
    border-right: 1px solid #ccc;
    padding: 1em;
    cursor: pointer;
}

.terms_data_sec .tab_container.tab:last-child {
    border-right: none;
}

.terms_data_sec .tab_container .tab.current {
    background-color: #000065;
    color: #fff;
    font-weight: 800;
    font-size: 16px;
}

.terms_data_sec .tab_container .content_box {
    width: 100%;
    background-color: #EEEEEE;
    padding: 30px;
}

.owner_page {}

.owner_page .sec_mv {
    position: relative;
    padding: 150px 0;
    background-color: #F4FBFF;
}

.owner_page .sec_mv:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 350px;
    height: 200px;
    background-image: url(/penguin/resources/image/hikarihousing/home/owner_mv_leftup.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.owner_page .sec_mv:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 850px;
    height: 500px;
    background-image: url(/penguin/resources/image/hikarihousing/home/owner_mv_rightdown.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.owner_page .sec_mv p {
    font-size: 26px;
    line-height: 42px;
    color: #051866;
    margin-bottom: 0;
    font-weight: 500;
}

.owner_page .sec_mv p:first-child {
    margin-bottom: 5px;
}

.owner_page .sec_mv p .under_y {
    font-weight: bold;
    font-size: 30px;
    position: relative;
    z-index: 5;
    margin: 0 10px;

}

.owner_page .sec_mv p .under_y:after {
    content: "";
    height: 15px;
    width: 104%;
    position: absolute;
    bottom: -5px;
    left: -5px;
    background-color: #F5F3B0;
    display: block;
    z-index: -1;
}

.owner_page .sec_mv p .under_y .no {}

.owner_page .sec_worry {
    text-align: center;
    padding: 80px 0;
}

.owner_page .sec_worry .wrap {
    overflow: visible;
}

.owner_page .sec_worry h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 30px;
}

.owner_page .sec_worry h2 span {
    color: #051866;
    font-weight: bold;
    font-size: 28px;
}

.owner_page .sec_worry .inner {
    max-width: 100%;
}

.owner_page .sec_worry .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.owner_page .sec_worry .inner ul li {
    width: 23%;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    padding: 120px 0 20px;
    font-size: 16px;
}

.owner_page .sec_worry .inner ul li.worry01 {
    background-image: url(/penguin/resources/image/hikarihousing/home/worry_icon01.png);
    background-position: center top 20px;
    background-repeat: no-repeat;
    background-size: 80px;
}

.owner_page .sec_worry .inner ul li.worry02 {
    background-image: url(/penguin/resources/image/hikarihousing/home/worry_icon02.png);
    background-position: center top 15px;
    background-repeat: no-repeat;
    background-size: 80px;
}

.owner_page .sec_worry .inner ul li.worry03 {
    background-image: url(/penguin/resources/image/hikarihousing/home/worry_icon03.png);
    background-position: center top 20px;
    background-repeat: no-repeat;
    background-size: 80px;
}

.owner_page .sec_worry .inner ul li.worry04 {
    background-image: url(/penguin/resources/image/hikarihousing/home/worry_icon04.png);
    background-position: center top 30px;
    background-repeat: no-repeat;
    background-size: 90px;
}

.owner_page .sec_worry .inner ul li:nth-child(2n-1) {
    background-color: #FAFAFA;
}

.owner_page .sec_worry .inner ul li p {
    margin-bottom: 0;
}

.owner_page .sec_strong {
    background-color: #FFFEEB;
    padding: 80px 0;
    position: relative;
}

.owner_page .sec_strong:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: -30px;
    margin: auto;
    width: 70px;
    height: 70px;
    background-image: url(/penguin/resources/image/hikarihousing/home/worry_under.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.owner_page .sec_strong h2 {
    background-color: #051866;
    border-radius: 25px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    width: 400px;
    margin: auto;
    margin-bottom: 50px;
    padding: 10px;
    letter-spacing: 2px;
}

.owner_page .sec_strong h2 span {
    color: #E8DE19;
}

.owner_page .sec_strong .subTtl {
    text-align: center;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
    font-weight: 500;
}

.owner_page .sec_strong .subTtl span {
    display: block;
    color: #051866;
    font-weight: bold;
    font-size: 28px;
}

.owner_page .sec_strong .inner {
    max-width: 100%;
}

.owner_page .sec_strong .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.owner_page .sec_strong .inner ul li {
    width: 32%;
}

.owner_page .sec_strong .inner ul li .img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}

.owner_page .sec_strong .inner ul li .img:before {
    position: absolute;
    background-image: url(/penguin/resources/image/hikarihousing/home/owner_strong_no_mark.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 35px;
    top: 0;
    left: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 25px;
    font-size: 18px;
}

.owner_page .sec_strong .inner ul li:nth-child(1) .img:before {
    content: "01";
}

.owner_page .sec_strong .inner ul li:nth-child(2) .img:before {
    content: "02";
}

.owner_page .sec_strong .inner ul li:nth-child(3) .img:before {
    content: "03";
}

.owner_page .sec_strong .inner ul li .img:after {
    content: "";
    position: absolute;
    background-image: url(/penguin/resources/image/hikarihousing/home/strength_en.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 60px;
    height: 35px;
    top: -5px;
    left: 15px;
}

.owner_page .sec_strong .inner ul li h3 {
    font-size: 20px;
    font-weight: normal;
    color: #051866;
    letter-spacing: 2px;
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: bold;
}

.owner_page .sec_strong .inner ul li h3 .small {
    position: absolute;
    top: -20px;
    font-size: 16px;
    font-weight: normal;
}

.owner_page .sec_strong .inner ul li p {
    font-size: 16px;
    line-height: 24px;
}

.owner_page .sec_contact {
    background-color: #000;
    position: relative;
    overflow: hidden;
}

.owner_page .sec_contact:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 350px;
    height: 200px;
    background-image: url(/penguin/resources/image/hikarihousing/home/owner_mv_leftup.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.owner_page .sec_contact:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 850px;
    height: 500px;
    background-image: url(/penguin/resources/image/hikarihousing/home/owner_mv_rightdown.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.owner_page .sec_contact .mask {
    background-color: rgba(51, 51, 51, 0.85);
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 80px 0;
}

.owner_page .sec_contact .wrap {
    overflow: visible;
}

.owner_page .sec_contact .ttl {
    text-align: center;
    color: #fff;
    font-size: 32px;
    letter-spacing: 2px;
}

.owner_page .sec_contact .ttl:after {
    display: block;
    content: "CONTACT";
    font-size: 12px;
    margin-top: 10px;
    font-weight: bold;
}

.owner_page .sec_contact .subTtl {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    line-height: 32px;
    font-size: 16px;
}

.owner_page .sec_contact .btn {
    text-align: center;
}

.owner_page .sec_contact .btn a {
    background-color: #fff;
    text-decoration: none;
    padding: 15px 50px;
    border-radius: 25px;
    position: relative;
}

.owner_page .sec_contact .btn a:after {
    content: "";
    width: .3em;
    height: .3em;
    border: 1px solid currentColor;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.owner_page .sec_process {
    padding: 80px 0;
    background-image: url(/penguin/resources/image/hikarihousing/home/sec_process_bg.jpg);
    background-position: center;
    background-size: 500px;

}

.owner_page .sec_process h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 0;

}

.owner_page .sec_process h2 span {
    color: #051866;
    font-weight: bold;
    font-size: 28px;
}

.owner_page .sec_process h2:after {
    content: "PROCESS";
    display: block;
    font-size: 12px;
    margin-top: 0px;
    color: #051866;
    font-weight: bold;
}

.owner_page .sec_process .inner {
    width: 900px;
    margin: auto;
}

.owner_page .sec_process .inner li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.owner_page .sec_process .inner li .iconBox {
    display: flex;
    align-items: center;
}

.owner_page .sec_process .inner li .iconBox .img {
    width: 110px;
    position: relative;
}

.owner_page .sec_process .inner li .iconBox .img img {
    position: relative;
    z-index: 1;
}

.owner_page .sec_process .inner li .iconBox .img:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 2px dotted #051866;
    height: 55px;
    width: 0px;
    bottom: -52px;
    left: 0;
    right: 0;
    margin: auto;
}

.owner_page .sec_process .inner li:last-child .iconBox .img:after {
    display: none;
}

.owner_page .sec_process .inner li .iconBox .no {
    font-weight: bold;
    color: #E8E9ED;
    text-align: right;
    margin-left: 15px;
    font-size: 20px;
}

.owner_page .sec_process .inner li .iconBox .no span {
    display: block;
    font-size: 32px;
    margin-top: 10px;

}

.owner_page .sec_process .inner li .iconBox .no span:before {
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #E8E9ED;
    content: "";
    vertical-align: middle;
    margin-right: 10px;
}

.owner_page .sec_process .inner li .txtBox {
    margin-left: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.owner_page .sec_process .inner li .txtBox h3 {
    font-size: 20px;
    font-weight: normal;
    color: #051866;
    letter-spacing: 2px;
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
    width: 100%;

}

.owner_page .sec_process .inner li .txtBox p {
    margin-bottom: 0;
    font-size: 16px;
}

.owner_page .sec_prepare {
    background-color: #FFFEEB;
    padding: 120px 0 80px;
}

.owner_page .sec_prepare .wrap {
    overflow: visible;
}

.owner_page .sec_prepare h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 60px;
    text-align: center;
    margin-top: -135px;

}

.owner_page .sec_prepare h2 span {
    color: #051866;
    font-weight: bold;
    font-size: 28px;
}

.owner_page .sec_prepare h2:after {
    content: "PREPARE";
    display: block;
    font-size: 12px;
    margin-top: 0px;
    color: #051866;
    font-weight: bold;
}

.owner_page .sec_prepare .inner {
    max-width: 100%;
}

.owner_page .sec_prepare .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.owner_page .sec_prepare .inner ul li {
    width: 18%;
}

.owner_page .sec_prepare .inner ul li .img {
    margin-bottom: 20px;
}

.owner_page .sec_prepare .inner ul li h3 {
    font-size: 18px;
    color: #051866;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: center;
}

.owner_page .sec_prepare .inner ul li:nth-child(1) h3:before {
    content: "1.";
}

.owner_page .sec_prepare .inner ul li:nth-child(2) h3:before {
    content: "2.";
}

.owner_page .sec_prepare .inner ul li:nth-child(3) h3:before {
    content: "3.";
}

.owner_page .sec_prepare .inner ul li:nth-child(4) h3:before {
    content: "4.";
}

.owner_page .sec_prepare .inner ul li:nth-child(5) h3:before {
    content: "5.";
}

.owner_page .sec_flow {
    padding: 80px 0;
}

.owner_page .sec_flow h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
}

.owner_page .sec_flow h2 span {
    color: #051866;
    font-weight: bold;
    font-size: 28px;
}

.owner_page .sec_flow h2:after {
    content: "FLOW";
    display: block;
    font-size: 12px;
    margin-top: 0px;
    color: #051866;
    font-weight: bold;
}

.owner_page .sec_flow .wrap {
    overflow: visible;
}

.owner_page .sec_flow .inner {
    max-width: 100%;
}

.owner_page .sec_flow .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.owner_page .sec_flow .inner li {
    width: 22.5%;
    margin-bottom: 30px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    padding: 20px 10px;
    position: relative;
}

.owner_page .sec_flow .inner li:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    color: #051866;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.4em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
    position: absolute;
    right: -26px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.owner_page .sec_flow .inner li:nth-child(4n):after,
.owner_page .sec_flow .inner li:nth-child(10):after,
.owner_page .sec_flow .inner li:nth-child(11):after {
    display: none;
}

.owner_page .sec_flow .inner li.nodata {
    box-shadow: 0 0 0;
}

.owner_page .sec_flow .inner li .ttlBox {
    color: #051866;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.owner_page .sec_flow .inner li .ttlBox .no {
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
}

.owner_page .sec_flow .inner li .ttlBox .no span {
    display: block;
    text-align: center;
    font-size: 18px;
}

.owner_page .sec_flow .inner li .ttlBox h3 {
    margin: 0;
    margin-left: 10px;
    line-height: 18px;
    font-weight: 500;
    font-size: 18px;
}

.owner_page .sec_flow .inner li .ttlBox h3 span {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

.owner_page .sec_flow .inner li .img {
    margin-bottom: 15px;
}

.owner_page .sec_flow .inner li .txt p {
    margin-bottom: 0;
    font-size: 16px;
}

.owner_page .sec_flow .inner li .txt p a {
    display: block;
    width: 200px;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    border: 1px solid #333;
    margin: auto;
    margin-top: 15px;
    padding: 5px;
    border-radius: 25px;
}

.owner_page .sec_voice {
    background-color: #FFFEEB;
    padding: 100px 0 80px;

}

.owner_page .sec_voice .wrap {
    overflow: visible;
}

.owner_page .sec_voice h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 60px;
    text-align: center;
    margin-top: 0;
    margin-top: -135px;

}

.owner_page .sec_voice h2 span {
    color: #051866;
    font-weight: bold;
    font-size: 28px;
}

.owner_page .sec_voice h2:after {
    content: "VOICE";
    display: block;
    font-size: 12px;
    margin-top: 0px;
    color: #051866;
    font-weight: bold;
}

.owner_page .sec_voice .inner {
    max-width: 100%;
    width: 900px;
    margin: auto;
}

.owner_page .sec_voice .inner li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px dotted #051866;
}

.owner_page .sec_voice .inner li .img {
    width: 20%;
}

.owner_page .sec_voice .inner li .txtBox {
    width: 70%;
}

.owner_page .sec_voice .inner li .txtBox h3 {
    font-size: 20px;
    font-weight: normal;
    color: #051866;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}

.owner_page .sec_voice .inner li .txtBox p {
    margin: 0;
    margin-bottom: 20px;
    font-size: 16px;
}

.owner_page .sec_voice .inner li .txtBox a {
    display: block;
    width: 200px;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    border: 1px solid #333;
    margin: 0 0 0 auto;
    margin-top: 15px;
    padding: 5px;
    border-radius: 25px;
}

.owner_page .modalBoxOutline {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 102, 0.83);
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s;
}

.owner_page .modalBoxOutline.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.owner_page .modalBoxOutline .modalBox_cont {
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    overflow: scroll;
    padding: 50px 80px;
    border-radius: 25px;
}

.owner_page .modalBoxOutline .modalBox_cont .modalBoxClose {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 40px;
    aspect-ratio: 1;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background: #000066;
    z-index: 100;
}

.owner_page .modalBoxOutline .modalBox_cont .modalBoxClose::before,
.owner_page .modalBoxOutline .modalBox_cont .modalBoxClose::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 70%;
    height: 2px;
    background-color: #fff;
}

.owner_page .modalBoxOutline .modalBox_cont .modalBoxClose::before {
    transform: rotate(45deg);
}

.owner_page .modalBoxOutline .modalBox_cont .modalBoxClose::after {
    transform: rotate(-45deg);
}

.owner_page .modalBoxOutline .modalBox_cont .voiceBox {
    display: flex;
    justify-content: space-between;
}

.owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceImg {
    width: 20%;
}

.owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceTxtBox {
    width: 75%;
}

.owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceTxtBox h4 {
    font-size: 18px;
    font-weight: normal;
    color: #051866;
    letter-spacing: 2px;
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
    width: 100%;
}

.owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceTxtBox p {
    font-size: 16px;
    line-height: 24px;
}

.owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceTxtBox p:last-child {
    margin-bottom: 0;
}

.owner_page .modalBoxOutline .modalBox_cont .sekouBox h4 {
    font-size: 18px;
    font-weight: normal;
    color: #051866;
    letter-spacing: 2px;
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
    width: 100%;
}

.owner_page .modalBoxOutline .modalBox_cont .sekouBox {
    height: 400px;
    overflow-y: scroll;
}

.owner_page .modalBoxOutline .modalBox_cont .sekouBox ul {
    margin: 0;
}

.owner_page .modalBoxOutline .modalBox_cont .sekouBox li {
    box-shadow: 0 0 0;
    width: 32%;
}

.owner_page .modalBoxOutline .modalBox_cont .sekouBox li:after {
    display: none;
}

.heyapage .heya_contact .containts.askfor_page .confirmButtonArea {
    margin: 0 auto 50px;
}

.heyapage .heya_contact .containts.askfor_page .confirmButtonArea {
    padding: unset;
    margin: 20px auto 30px;
}

.top_tabcon_sec{
    padding: 100px 0 50px;
}

.top_tabcon_sec .tab_area {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1em;
    position: relative;
    bottom: -2px;
}

.top_tabcon_sec .tab_area_sell {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-block-size: 50px;
    background: #051866;
    border: 2px solid #051866;
    border-bottom:none;
    padding: 0.5em;
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
}

.top_tabcon_sec .tab_area_sell.active {
    color: #051866;
    background: #fff;
}

.top_tabcon_sec .inner_area{
    border: 2px solid #051866;
}

.top_tabcon_sec .arrival_box{
    padding: 20px 20px 30px;
}

.top_tabcon_sec .bukken_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.top_tabcon_sec .sell_link{
    background: #fff;
    display: block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    border: 1px solid #f1f1f1;
    text-decoration: none;
}

.top_tabcon_sec .sell .add_text{
    margin: 0;
}

.top_tabcon_sec .text_box{
    padding: 1em;
}

.top_tabcon_sec .image_box{
    position: relative;
}

.top_tabcon_sec .image{
    aspect-ratio: 242 / 161;
}

.top_tabcon_sec .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top_tabcon_sec .add_text.name{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0.3em;
}

.top_tabcon_sec .add_text{
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.top_tabcon_sec .add_text + .add_text{
    margin-top: 0.3em;
}

.top_tabcon_sec .add_text.yachin .price{
    font-size: 16px;
    color: red;
    font-weight: 600;
}

.count_text{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0.8em;
}

.count_text .count{
    color: red;
    font-size: 24px;
    margin: 0 0.5em;
}

.panel_btn_area{
    text-align: center;
    margin-top: 2em;
}

.panel_btn_area .link_btn{
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: 1em;
    width: 370px;
    color: #051866;
    background-color: #fff;
    transition: .3s;
    font-size: 13px;
    font-weight: bold;
    border: solid 2px #051866;
}

.panel_btn_area .link_btn:hover{
    background-color: #051866;
    color: #fff;
}

#kokyu_outline .butken_column ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

#kokyu_outline .butken_column .butken_title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: 0.3s;
    margin: 0 0 0.5em;
    border-bottom: 1px dotted #787878;
}

#kokyu_outline .butken_column .access {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 0.4em 0 0;
}

#kokyu_outline .nearbutken,
#kokyu_outline .stationbutken,
#kokyu_outline .checkbutken {
    padding: 0 0 40px;
    margin: 0;
}

#kokyu_outline .information_link {
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 14px;
    transition: 0.3s;
}

#kokyu_outline a.information_link{
    text-decoration: none;
}

#kokyu_outline .information_link .img {
    aspect-ratio: 1.618 / 1;
    border: 1px solid #f1f1f1;
    margin-bottom: 6px;
    border-radius: 5px;
    overflow: hidden;
}

#kokyu_outline .information_link .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#kokyu_outline .information_link:hover {
    opacity: 0.8;
}

#kokyu_outline .information_link:hover .butken_title {
    color: var(--main-color);
}

#kokyu_outline .information_contents {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0;
}

#kokyu_outline .butken_information {
    margin-top: 0.4em;
}

#kokyu_outline .butken_information .information_contents:not(:last-of-type) {
    margin-bottom: 0.4em;
}

#kokyu_outline .information_title {
    background-color: #051866;
    color: #fff;
    border-radius: 100vmax;
    font-size: 11px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6em 0.8em;
    min-width: 56px;
}

#kokyu_outline .information_text {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 0;
}

#kokyu_outline .information_text.red {
    font-size: 18px;
    font-weight: 600;
    color: #ff0000;
}

#kokyu_outline .butken_column .title {
    background-color: #051866;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0px;
    line-height: 30px;
    margin-bottom: 20px;
}

@media (max-width: 750px) {

    .follow_search_box {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        transform: translateY(-100%);
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9998;
        background-color: #f8f8f8;
        transition: .5s;
        padding: 3vw 4vw;
    }

    .follow_search_box.active {
        transform: translateY(70px);
        opacity: 1;
        visibility: visible;
    }


    .follow_search_box .search_btn_box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5vw;
    }

    .follow_search_box .search_btn_box .search_btn {
        display: flex;
        align-items: center;
        gap: .7em;
        justify-content: center;
        font-size: 3vw;
        padding: .7em;
        color: #fff;
        background-color: #000066;
        font-weight: 700;
        width: 100%;
        text-decoration: none;
    }

    .follow_search_box .search_btn_box .search_btn .icon {
        display: flex;
        width: 1.3em;
        height: 1.3em;
        align-items: center;
        justify-content: center;
    }

    .follow_search_box .search_btn_box .search_btn .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .sp_hd_btn_area {
        position: absolute;
        top: 0;
        right: 50px;
        height: 70px;
        display: flex;
        gap: 1px;
        z-index: 10009;
    }

    .sp_hd_btn_area .hd_btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: .7em;
        padding: 1em .3em;
        background-color: #fff;
        color: #000065;
        font-size: 9px;
        width: 52px;
        text-decoration: none;
        font-weight: 700;
        line-height: 1;
        height: 100%;
    }

    .sp_hd_btn_area .hd_btn::before {
        content: "";
        width: 3em;
        height: 3em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .sp_hd_btn_area .hd_btn.history::before {
        background-image: url(/penguin/resources/image/hikarihousing/home/hd_icon_history.svg);
    }

    .sp_hd_btn_area .hd_btn.fav::before {
        background-image: url(/penguin/resources/image/hikarihousing/home/hd_icon_fav.svg);
    }

    .sp_humberger_menu_cont .search_btn_box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3vw;
        margin-bottom: 5vw;
        padding: 0 4vw;
    }

    .sp_humberger_menu_cont .search_btn_box .search_btn {
        display: flex;
        align-items: center;
        gap: .7em;
        justify-content: center;
        font-size: 3.6vw;
        padding: 1em;
        color: #fff;
        background-color: #000066;
        font-weight: 700;
        width: 100%;
        text-decoration: none;
    }

    .sp_humberger_menu_cont .search_btn_box .search_btn .icon {
        display: block;
        width: 1.5em;
        height: 1.5em;
    }

    .sp_humberger_menu_cont .search_btn_box .search_btn .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .sp_humberger_menu_cont .nav_content .terms_list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4vw 2vw;
        white-space: unset;
        overflow: unset;
    }

    .sp_humberger_menu_cont .nav_content .terms_list ul li {
        width: 100%;
        margin: 0;
        display: block;
    }

    .sp_humberger_menu_cont .nav_content .terms_list ul li a {
        display: flex;
        height: 100%;
        border: none;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    }

    .sp_humberger_menu_cont .nav_content .terms_list ul li a .img {
        width: 38%;
        /* position: relative; */
        height: 15vw;
        flex-shrink: 0;
    }

    .sp_humberger_menu_cont .nav_content .terms_list ul li a .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sp_humberger_menu_cont .nav_content .terms_list ul li a .term_text {
        color: #000;
        display: flex;
        align-items: center;
        font-size: 2.8vw;
        padding: 1em .8em;
        flex-grow: 1;
        letter-spacing: .01em;
        font-weight: 700;
    }

    .sp_humberger_menu_cont .nav_content .terms_list ul li a:before {
        content: unset;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .slider {
        width: 100%;
    }

    .menu {
        width: 40px;
        height: 40px;
        top: 0px;
        position: relative;
        cursor: pointer;
        float: right;
        z-index: 100;
        margin-right: 4%;
        /* margin-top: 8%; */
        margin-bottom: 10px;
    }

    .menu1 {
        width: 30px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        top: 0px;
    }

    .menu2 {
        width: 30px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        top: 9px;
    }

    .menu3 {
        width: 30px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        top: 18px;
    }

    .menu1,
    .menu2,
    .menu3 {
        transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        /* opera */
        -moz-transition: all 0.5s ease-out;
        /* firefox */
        -webkit-transition: all 0.5s ease-out;
        /* chrome, safari */
        -ms-transition: all 0.5s ease-out;
        /* ie */
    }

    .menuclick1 {
        top: 15px;
        -moz-transform: rotate(405deg);
        -webkit-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    .menuclick2 {
        opacity: 0;
    }

    .menuclick3 {
        top: 15px;
        -moz-transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }

    .menuclick4 {
        opacity: 0;
    }

    .menu4 {
        position: absolute;
        top: 22px;
        font-size: 7px;
        letter-spacing: 2px;
    }

    .sp_hd_logo {
        width: 45%;
        float: left;
        padding-left: 2.5vw;
        padding-top: 3px;
        position: absolute;
        z-index: 9999;
    }

    #sp_nav {
        width: 100%;
        position: relative;
        z-index: 9998;
    }

    dl.sp_nav {
        margin: 0px;
        width: 100%;
    }

    dl.sp_nav dt {
        overflow: hidden;
        width: 40px;
        margin-left: auto;
    }

    dl.sp_nav dt img {
        width: 12%;
        margin-right: 6%;
        margin-top: 2%;
    }

    .sp_humberger_menu_cont {
        background-color: #000066;
        color: #4d4d4d;
        align-items: center;
        width: 100%;
        transition: 0.5s;
        padding: 10px;
        height: 100vh;
        transition: 0.8s;
    }

    .sp_conts_inner {
        background-color: #fff;
        height: 86vh;
        overflow-y: scroll;
    }

    .sp-area-search-box a:before {
        content: "";
        display: block;
        content: "";
        width: 8px;
        height: 8px;
        border: solid #000;
        border-width: 2px 2px 0 0;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 3px;
        right: 15px;
        bottom: 0;
        margin: auto;
    }

    .sp_conts_inner .search_btn_wrap {
        padding: 0 4vw;
    }

    .sp_conts_inner .search_btn {
        width: 49%;
    }

    .nav_info {
        padding: 7vw 0 5vw;
    }

    .nav_info .logo {
        width: 170px;
        margin: 0 auto 3.5vw;
    }

    .nav_info .logo a {
        padding: 0;
        border: none;
        text-decoration: none;
    }

    .nav_info .shop_wrap .shop_box+.shop_box {
        margin-top: 2vw;
    }

    .nav_info .shop_wrap .shop_box .name {
        text-align: center;
        font-size: 3.6vw;
        letter-spacing: 0.04em;
        margin-bottom: 1vw;
    }

    .nav_info .tel {
        justify-content: center;
        align-items: center;
    }

    .nav_info .tel a {
        font-size: 4.5vw;
        line-height: 1.4;
        margin: 0 1vw;
        color: #4d4d4d !important;
        padding: 0;
        border: none;
        width: auto;
        text-decoration: none;
        display: block;
    }

    .nav_info .tel .small {
        font-size: 3vw;
    }

    .nav_info .hours {
        font-size: 3vw;
        letter-spacing: .05em;
        margin-left: 2vw;
    }

    .nav_content {
        padding: 0 4vw;
    }

    .nav_content:nth-child(odd) {
        padding: 0 4vw;
    }

    .nav_content:last-child {
        padding-bottom: 4vw;
        margin-top: 4vw;
    }

    .nav_content .menu_box ul {
        margin: 0 !important;
    }

    .nav_content:last-child .title_box .nav_title {
        text-align: center;
        font-weight: 600;
    }

    .nav_content .title_box .nav_title {
        color: #003d88;
        font-size: 4vw;
        font-weight: 600;
        width: 100%;
        padding: 1em;
        text-align: left;
        position: relative;
    }

    .nav_content .title_box.switch .nav_title {
        border-bottom: 1px solid #003d88;
    }

    .nav_content .title_box.switch .nav_title:before {
        content: "+";
        position: absolute;
        right: 2vw;
        font-size: 7vw;
        font-weight: 100;
        top: calc(50% - 3.5vw);
        line-height: 1;
    }

    .nav_content p.closeBtnHat {
        display: none;
    }

    .nav_content ul li {
        margin: 0.8vw;
        text-align: left;
    }

    .nav_content ul li a {
        color: #4d4d4d !important;
        font-size: 3.5vw;
        letter-spacing: .06em;
        border-bottom: 1px solid #f1f1f1;
        display: block;
        padding: .7em;
        line-height: 1.4;
        position: relative;
        text-decoration: none;
    }

    .nav_content ul li a:before {
        content: "";
        border-top: solid 1px #4d4d4d;
        border-right: solid 1px #4d4d4d;
        width: 1vw;
        height: 1vw;
        transform: rotate(45deg);
        position: absolute;
        right: 2vw;
        top: calc(50% - .5vw);
    }

    .nav_content.nav_terms .over {
        overflow-x: scroll;
    }

    .nav_content.nav_terms ul {
        padding: 0;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
        display: block;
        margin: 0;
    }

    .nav_content.nav_terms li {
        width: 38%;
        margin: 0 10px 0 0;
        display: inline-block;
    }

    .nav_content.nav_terms li a {
        display: block;
        padding: 0;
    }

    /* dl.sp_nav ul {
        padding-left: 0px;
        margin: 0px;
        list-style-type: none;
    }

    dl.sp_nav li {
        text-align: center;
        background: #000066;
        border-bottom: 1px dotted #BCBCBC;
    }

    dl.sp_nav li a {
        color: #fff;
        letter-spacing: 2px;
        font-size: 12px;
        padding: 10px;
        display: block;
        background: url(https://makesview.kir.jp/penguin/famil/wp-content/uploads/2016/12/sp_arrow.png)no-repeat right center;
        text-decoration: none;
        font-weight: bold;
    } */

    .sp_nav dd {
        margin: 0;
    }

    .wrap {
        width: 95%;
    }

    .container {
        width: 95%;
    }

    header {
        padding-bottom: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    .hd_h1 {
        font-size: 7px;
        margin: auto;
        float: none;
        width: 100%;
        background-color: #000066;
        color: #fff;
        padding: 0;
        letter-spacing: 0;
    }

    #top_fv_sec {
        padding: 40vw 0 15vw;
        margin-bottom: 6vw;
    }

    #top_fv_sec::before {
        height: auto;
        width: 85vw;
        top: 15vw;
    }

    #top_fv_sec .tab_container {
        width: 90vw;
    }

    #top_fv_sec .text_box .main_text {
        font-size: 4vw;
        margin-bottom: 2vw;
    }

    #top_fv_sec .text_box .main_text .big {
        font-size: 8vw;
        margin-right: 1vw;
    }

    #top_fv_sec .text_box .en_text {
        font-size: 3.4vw;
    }

    #top_fv_sec .slider_wrap {
        top: 0;
        left: 29vw;
        right: 0;
        bottom: 10vw;
    }

    #top_banner_sec {
        margin-bottom: 13vw;
    }

    #top_banner_sec .slider_wrap .top_banner_slider .slick-track {
        left: 0;
        gap: 3.5vw;
    }

    #top_banner_sec .slider_wrap .top_banner_slider .slick-slide {
        width: 90vw;
    }

    #top_banner_sec .slider_wrap .top_banner_slider .prev_btn,
    #top_banner_sec .slider_wrap .top_banner_slider .next_btn {
        width: 10vw;
        border: 2px solid #fff;
    }

    #top_banner_sec .slider_wrap .top_banner_slider .prev_btn .inner::before,
    #top_banner_sec .slider_wrap .top_banner_slider .next_btn .inner::before {
        width: 2.5vw;
        aspect-ratio: 1/1;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
    }

    #top_banner_sec .slider_wrap .top_banner_slider .prev_btn {
        left: 2vw;
    }

    #top_banner_sec .slider_wrap .top_banner_slider .next_btn {
        right: 2vw;
    }

    #top_search_sec {
        padding: 11vw 0;
    }

    #top_search_sec .tab_container {
        width: 96vw;
        margin: 0 auto;
    }

    #top_search_sec .top_search_cont {
        margin-bottom: 4vw;
    }

    #top_search_sec .top_search_cont .search_block {
        display: block;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box {
        width: 100%;
        margin-bottom: 4vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .top_ttl_box {
        margin-bottom: 5vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .top_ttl_box .en_ttl {
        font-size: 7vw;
        margin-bottom: 3.5vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .top_ttl_box .ttl {
        font-size: 3.8vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .ttl_box {
        margin-bottom: 4vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .ttl_box .en_ttl {
        font-size: 4.5vw;
        margin-right: 3vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .ttl_box .ttl {
        font-size: 3.4vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form {
        font-size: 3.4vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form input {
        height: 10vw;
        padding: 0 13.5vw 0 3.5vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form input::placeholder {
        font-size: 3.4vw;
    }

    #top_search_sec .top_search_cont .search_block .keyword_box .form_wrap form .submit_btn {
        width: 10vw;
        height: calc(10vw - 1px);
        background-size: 6vw;
    }

    #top_search_sec .top_search_cont .search_block .btn_list {
        width: 100%;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li {
        width: 30.5vw;
        height: 29vw;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li a {
        padding-top: 4vw;
        background-color: #051866;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li a .icon {
        width: 10vw;
        height: 10vw;
        margin: 0 auto 3vw;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li a .icon img.after {
        opacity: 1;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li a .icon img.before {
        opacity: 0;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li a .text_box {
        color: #fff;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li a .text_box .en {
        font-size: 3.5vw;
        margin-bottom: 1vw;
    }

    #top_search_sec .top_search_cont .search_block .btn_list ul li a .text_box .btn_text {
        font-size: 3.2vw;
    }

    #top_search_sec .terms_list_cont .list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 2vw;
    }

    .sp_top_img.sp {
        position: relative;
    }

    .sp_top_img_text {
        width: 83%;
        position: absolute;
        top: 40%;
        z-index: 100;
        left: 3%;
    }

    .top_banner_bg {
        padding: 2%;
    }

    .top_img_banner.wrap {
        width: 100%;
    }

    .top_img_banner.wrap li {
        width: 48%;
        height: auto;
        float: left;
        margin: 0;
        margin-bottom: 10px;
        margin: 1%;
    }

    .banner_fig {
        display: none;
    }

    .banner_title {
        font-size: 11px;
        text-align: left;
        padding-left: 6%;
    }

    .banner_title {
        background-size: 5%;
    }

    .news_area.wrap {
        padding: 0 3%;
        margin: 0;
    }

    .news_area.wrap+.news_area.wrap {
        margin-top: 7vw;
    }

    .news_area_L {
        width: 100%;
        border: none;
        float: none;
        height: auto;
    }

    .news_area.wrap .toppage_h2 {
        margin-bottom: 2vw;
    }

    .toppage_h2 {
        margin-top: 0;
        background-size: 4vw;
        padding-left: 8vw;
        font-size: 6vw;
        line-height: 1.4;
        font-weight: bold;
        background-position: 0;
        letter-spacing: 1.5px;
        margin-bottom: 5.5vw;
    }

    .toppage_h2 span {
        font-size: 3.5vw;
        letter-spacing: 0;
        display: block;
        margin-left: 0;
    }

    .toppage_h2 .ttl {
        font-size: 12px;
        letter-spacing: 0;
        display: block;
        margin: 1vw 0 0;
        font-weight: bold;
    }

    .news_area_R {
        width: 100%;
        padding: 2% 3%;
        float: none;
    }

    .news_date {
        font-size: 10px;
        margin-right: 10px;
    }

    .news_ul li {
        line-height: 2;
    }

    .news_ul li:nth-child(n + 4) {
        display: none;
    }

    .news_btn {
        width: 80%;
        margin: auto;
        float: none;
        margin-top: 10px;
        border: solid 2px #000066;
    }

    .news_btn a {
        color: #000066;
    }

    .news_btn a:hover {
        background-color: #000066;
        color: #fff;
        border: 2px solid #fff;
    }

    .promise_bg {
        display: none;
    }

    .voice_area.wrap {
        padding: 0 2%;
    }

    .slider {
        margin: 10px auto;
    }

    .slick-next {
        right: 0px !important;
    }

    .slick-prev::before,
    .slick-next::before {
        font-size: 14px !important;
    }

    .slick-prev {
        left: 0px !important;
    }

    #top_content02 {
        margin-top: 11vw;
        padding: 0 2%;
    }

    ul.down_content li {
        width: 48%;
        float: left;
        margin: 1%;
    }

    .build_list_area {
        margin-top: 12vw;
        padding: 0 2%;
    }

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

    .top_gallery img {
        width: 100%;
    }

    .new_mark {
        width: 33%;
        top: 0;
        left: 0;
    }

    .buildingGridTableCell {
        display: table-cell;
        padding: 5px;
    }

    #top_campaign p.mask {
        display: none;
    }

    .top_staff_text {
        position: static;
        padding: 0;
        color: #fff;
        font-size: 11px;
        background-color: #000066;
        padding-bottom: 10px;
    }

    .top_staff_text span {
        width: 80%;
        margin-top: 10px;
    }

    .blog_area.wrap {
        padding: 0 2%;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 10px !important;
    }

    #top_content03 {
        margin-top: 11vw;
        padding: 7vw 2%;
        margin-bottom: 11vw;
    }

    #top_content03 ul.site_content {
        grid-template-columns: repeat(3, 1fr);
        gap: 1vw;
    }

    .ft_area.wrap {
        width: 90%;
        height: auto;
        /*padding: 5%;*/
    }

    .ft_logo {
        width: 70%;
        margin: auto;
        margin-bottom: 20px;
    }

    .ft_pic {
        width: 100%;
        margin-bottom: 10px;
    }

    .ft_tel {
        display: none;
    }

    .ft_contact {
        display: none;
    }

    ul.ft_PR {
        display: none;
    }

    .ft_line {
        display: none;
    }

    .ft_info li {
        font-size: 13px;
        line-height: 1.8;
    }

    .ft_portal ul {
        width: 100%;
        padding: 10px;
    }

    .ft_portal li {
        width: 32%;
        margin: 0;
        padding: 0 7px;
    }

    .map_area {
        width: 90%;
        margin: auto;
        float: none;
        position: static;
    }

    .page_tophe_link {
        display: none;
    }

    address {
        background-color: #fff;
        color: #333;
        font-size: 9px;
        letter-spacing: 1.5px;
        padding: 0;
        margin-bottom: 60px;
    }

    .sp_search_ul {
        overflow: hidden;
        padding: 2%;
    }

    .sp_search_ul li {
        width: 31%;
        float: none;
        padding: 3px;
        display: inline-block;
    }

    .sp_search.sp {
        padding: 2%;
        margin: 30px 0;
    }

    .sp_search_ul {
        overflow: hidden;
        font-size: 0px;
    }


    .sp_ft_contact {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 50px;
        background: rgba(0, 0, 0, 0.9);
        color: #fff;
        z-index: 11111;
    }


    .sp_ft_contact ul {
        overflow: hidden;
        padding-top: 8px;
        list-style: none;
    }

    .sp_ft_contact li {
        width: 33.3%;
        float: left;
        text-align: center;
    }

    .sp_ft_contact li img {
        width: 16%;
    }

    .sp_ft_contact li span {
        display: block;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
    }

    .sp_ft_contact li.text {
        width: 40%;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        color: #fff709;
    }

    .sp_ft_contact a {
        text-decoration: none;
    }

    h1.page_title {
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    h1.page_title span {
        font-size: 12px;
        margin-top: 5px;
    }

    .page_area {
        padding: 4%;
    }

    .pro_01_L {
        width: 100%;
        float: none;
    }

    h2.page_subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .pro_01_R {
        width: 90%;
        margin: auto;
        float: none;
        margin-top: 20px;
    }

    .pro_01_LR,
    .pro_02_LR,
    .pro_03,
    .recruit_01_LR {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .pro_02_R {
        width: 100%;
        float: none;
    }

    .pro_02_L {
        width: 90%;
        margin: auto;
        float: none;
        margin-top: 20px;
    }


    ul.youi_ul li {
        width: 33%;
        float: left;
    }

    p.youi_title {
        text-align: center;
        font-size: 12px;
    }

    .yaji {
        display: none;
    }

    ul.nagare_ul li {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }

    h3.nagare_h3 {
        font-size: 17px;
        height: auto;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .nagare_text {
        height: auto;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .loop {
        height: 200px;
    }

    .loop p.text {
        top: 130px;
        left: 10px;
        margin: 0;
    }

    .recruit_01_L {
        width: 40%;
        padding: 0;
        float: none;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .recruit_01_R {
        width: 100%;
    }

    .staff_ul li {
        width: 48%;
        margin-bottom: 20px;
        padding: 0px;
    }

    .staff_ul_01 .block {
        display: block;
    }

    .staff_ul_01 {
        width: 100%;
    }

    .staff_L,
    .staff_L_02 {
        width: 100%;
        float: left;
    }

    .staff_q {
        font-size: 18px;
        line-height: 1.5;
    }

    .staff_R,
    .staff_R_02 {
        width: 80%;
        float: none;
        margin: auto;
    }

    .staff_LR.last {
        margin-bottom: 20px;
    }

    .staff_ul.single li {
        width: 50%;
        padding: 1%;
    }

    .staff_ul_01.single {
        width: 100%;
    }

    .mitumori-banner-area {
        margin: 10vw 0 3vw;
    }

    .pro_01_L h2.large {
        font-size: 19px;
        font-weight: bold;
    }

    p.service_img {
        margin-top: 20px;
    }

    p.service_comment {
        font-size: 14px;
        margin-bottom: 20px;
    }

    h4.page_subtitle_h4 span {
        display: block;
    }

    .page_subtitle_h4.line {
        padding: 2px;
        line-height: 2;
    }

    ul.step_ul li {
        width: 100%;
    }

    .tejun_text {
        line-height: 2;
        font-size: 14px;
    }

    p.cam01 {
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    p.cam02 {
        font-size: 13px;
        line-height: 2;
    }

    ul.bycar li {
        margin: 0;
        width: 48%;
        margin: 1%;
    }

    ul.bycar li span {
        font-size: 15px;
    }

    ul.bycar li.last {
        margin: 1%;
    }

    .bycar img {
        width: 48%;
    }

    .line_outline {
        width: 100%;
        padding: 3%;
    }

    .reform_01_R {
        width: 100%;
        float: none;
    }

    .reform_01_L {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .reform_01_L img {
        width: 50%;
        float: left;
        height: 140px;
    }

    .guide h3 span {
        font-size: 20px;
    }

    .guide_inner .inner_R {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .guide_inner .inner_L {
        width: 100%;
        font-size: 14px;
    }

    #article_outline {
        width: 98%;
    }

    #article_outline_L img {
        height: auto;
    }

    .slick-slide img {
        width: 100% !important;
        height: 47vw !important;
    }

    .top_line_bn {
        background: none;
        width: 100%;
        background-size: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .top_line_bn div {
        overflow: hidden;
        padding: 15px 10px;
        background: #29ad36;
    }

    .top_line_bn a {
        position: static;
        float: left;
        width: 49%;
        margin: 0.5%;
        padding: 17px 4px;
    }

    .ft_credit {
        position: static;
        width: 100%;
        margin: 0 auto 20px;
    }

    .ekiten_sec .wrap.flex {
        flex-direction: column-reverse;
    }

    .ekiten_box {
        padding: 0;
        display: block;
        margin-bottom: 3vw;
        width: 100%;
    }

    .kuchikomiBox {
        width: 100%;
    }

    .ekiten_gajet {
        float: none;
        width: 100%;
    }

    .ekiten_sec {
        padding-top: 11vw;
    }

    .ekiten_sec_text {
        padding: 7vw 4vw;
        width: 100%;
        box-sizing: border-box;
        font-size: 3.5vw;
        line-height: 1.5;
    }

    .ekiten_sec_text p {
        margin-bottom: 0;
    }

    .ekiten_btn a {
        position: static;
        box-sizing: border-box;
        width: 90%;
        line-height: 13vw;
        font-size: 4vw;
        margin: 4.5vw auto 0 auto;
    }

    ul.thum_ul li {
        width: 24%;
        margin: 0.5%;
    }

    ul.sp_search_ul {
        letter-spacing: -.4em;
        text-align: center;
    }

    .sp_search_ul li {
        width: 33.33%;
        padding: 1px;
    }

    .owner_banner {
        margin-top: 11vw;
    }

    .foot_shop {
        margin-bottom: 30px;
        display: block;
        text-align: center;
    }

    .ekiten_kuchikomi iframe {
        width: 100% !important;
        height: 670px !important;
    }

    .ekiten_kuchikomi {
        width: 100%;
        order: 1;
    }

    .ekiten_gajet iframe {
        width: 100% !important;
    }

    .ekiten_gajet {
        margin-left: 0px;
        padding: 0;
    }

    .ekiten_sec_text .img {
        margin-bottom: 30px;
    }

    .guide_inner {
        flex-wrap: wrap;
    }

    .ekiten_sec_text img {
        width: 50vw;
        margin-bottom: 3vw;
    }

    .ekiten_kuchikomi {
        height: 60vw !important;
    }

    .topStaffArea {
        justify-content: space-between;
    }

    .topStaffBox {
        width: 49%;
        margin-bottom: 2vw;
        margin-left: 0;
    }

    .topStaffBox.main-staff {
        width: 48%;
        margin-left: 0;
    }

    .topStaffBox .name {
        font-size: 12px;
        line-height: 1.2;
        padding: 5px 0 5px 25px;
    }

    .topStaffBox .name:before {
        width: 15px;
        height: 15px;
        left: 5px;
    }

    .topStaffBox .name .class {
        display: -webkit-box;
        margin-left: 0;
        font-size: 8px;
        margin-top: 3px;
    }

    .corona {
        text-align: center;
        margin-top: 40px;
        width: 96%;
        margin: 0px auto 11vw;
    }

    .ft_textBox {
        display: none;
    }

    .foot_shop {
        width: 100%;
        padding: 15px;
        border-radius: 10px;
    }

    .bold {
        font-size: 14px !important;
    }

    .ft_info li {
        font-size: 12px;
    }

    .ft_pic {
        margin: 0 0 10px;
    }

    .ft_shop_map {
        margin-top: 10px;
    }

    .ft_shop_map iframe {
        height: 220px;
    }

    #top_content03 ul.site_content li a {
        padding: 3vw 0;
    }

    #top_content03 ul.site_content li a .titleBox {
        margin-bottom: 2vw;
    }

    #top_content03 ul.site_content li a .title {
        font-size: 3vw;
        margin: 0;
    }

    #top_content03 ul.site_content li a .sub_title {
        font-size: 1vw;
        line-height: 1;
    }

    #top_content03 ul.site_content li a img {
        width: 34%;
        margin: 3vw auto 0;
    }

    /*#top_content03 ul.site_content.type02 li:nth-of-type(even) {
    background-color: #eee;
}

#top_content03 ul.site_content.type02 li:nth-of-type(odd) {
    background-color: #fff;
}*/

    .ft_textBox.flex-sb {
        width: 100%;
    }

    .sp_ft_contact.sp {
        height: auto;
    }

    .sp_ft_contact.sp {
        padding: 0 3%;
        line-height: 1.4;
    }

    .sp_ft_contact.sp .left {
        width: 60%;
    }

    .sp_ft_contact.sp .left a {
        background-color: #000066;
        padding: 5px 0;
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .sp_ft_contact.sp .left li:nth-of-type(n + 2) {
        margin-top: 10px;
    }

    .sp_ft_contact.sp .right {
        width: 37%;
        margin-left: 3%;
    }

    .sp_ft_contact.sp li {
        float: none;
    }

    .sp_ft_contact li {
        width: 100%;
    }

    .sp_ft_contact a {
        justify-content: center;
    }

    .sp_ft_contact li img {
        width: 20px;
        display: inline-block;
        margin-right: 10px;
    }

    .sp_ft_contact .left li img {
        width: 15px;
        height: 18px;
        margin-top: 5px;
    }

    .sp_ft_contact.sp .right li:nth-of-type(n + 2) {
        margin-top: 10px;
    }

    .sp_ft_contact.sp .right a {
        padding: 9px 0;
        align-items: center;
    }

    .sp_ft_contact.sp .right li a.mail {
        background-color: #F6810E;
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .sp_ft_contact.sp .right li a.line {
        background-color: #00c200;
        border: 1px solid #fff;
        border-radius: 10px;
    }

    address {
        margin-bottom: 100px;
    }

    .sp_ft_contact.sp {
        overflow: hidden;
    }

    .sp_ft_contact.sp::before {
        position: absolute;
        content: '';
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        transition: 0.2s;
        animation: sp_contact_buttonBox 3s ease-in-out infinite;
        z-index: 1;
    }

    @-webkit-keyframes sp_contact_buttonBox {
        0% {
            -webkit-transform: scale(0) rotate(45deg);
            opacity: 0;
        }

        80% {
            -webkit-transform: scale(0) rotate(45deg);
            opacity: 0.5;
        }

        81% {
            -webkit-transform: scale(4) rotate(45deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(50) rotate(45deg);
            opacity: 0;
        }
    }

    .company_textBox {
        margin-bottom: 30px;
    }

    .company_textBox .image {
        width: 100%;
        margin: 0 0 10px;
    }

    .company_textBox .text {
        width: 100%;
        text-align: justify;
    }

    .ft_company_text {
        font-size: 3vw;
        line-height: 1.8;
        letter-spacing: 0.04em;
    }

    .top_bukken_banner {
        margin: 5vw 0 11vw;
    }

    .top_bukken_banner .wrap {
        width: 96%;
    }

    .top_bukken_banner ul li {
        width: 100%;
        margin-bottom: 3vw;
    }

    .original_bannerBox {
        margin-top: 11vw;
    }

    .original_bannerBox .wrap {
        width: 96%;
        margin: 0px auto;
    }

    .jisya_bannerBox {
        margin-top: 5vw;
    }

    .jisya_bannerBox .wrap {
        width: 96%;
        margin: 0px auto;
    }

    .mikoukai {
        padding: 1vw;
    }

    .mikoukai .inner {
        padding: 9vw 5vw 8vw;
    }

    .mikoukai .inner p {
        text-align: left;
        margin-bottom: 5vw;
    }

    .mikoukai .inner h2 {
        font-size: 16px;
    }

    .mikoukai li:nth-of-type(n + 2) {
        margin-left: 0;
        margin-top: 10px;
    }

    .mikoukai li a {
        width: 75vw;
        line-height: 13vw;
        font-size: 14px;
        margin: 0 auto;
    }

    .heyaContact {
        width: 100%;
        border: 0px;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 10001;
        background: rgba(0, 0, 0, 0.81);
        border-radius: 0px;
    }

    .heyaContact h2 {
        padding: 5px 8px 0px;
        margin-bottom: 2px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        background: none;
        text-align: center;
        margin: 0;
    }

    .heyaContact ul {
        padding: 2px 0px 8px;
        background: none;
    }

    .heyaContact ul li.favarite {
        vertical-align: top;
        display: inline-block;
        width: 28%;
        margin: 0 0.5%;
        position: relative;
    }

    .heyaContact ul li.favarite a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .heyaContact ul li.favarite input.start {
        display: block;
        width: 100%;
        border: 0px;
        background-color: #fff;
        color: #333;
        font-weight: bold;
        box-shadow: 3px 3px 3px rgb(104 104 104 / 46%);
        border-radius: 25px;
        cursor: pointer;
        text-align: center;
        height: 34px;
        font-size: 3vw;
        letter-spacing: 0px;
        padding: 4px 0px;
    }

    .heyaContact ul li.tab_contact {
        vertical-align: top;
        display: inline-block;
        width: 33%;
        margin: 0 0.5%;
    }

    .heyaContact ul li.tab_contact input {
        display: block;
        width: 100%;
        border: 0px;
        background-color: #ed1c24;
        color: #fff;
        font-weight: bold;
        letter-spacing: 0px;
        height: 34px;
        box-shadow: 3px 3px 3px rgb(104 104 104 / 46%);
        border-radius: 25px;
        font-size: 3vw;
        cursor: pointer;
        border-bottom: 0;
        padding: 4px 0px;
        margin: 0;
        text-align: center;
        line-height: 24px;
    }

    .heyaContact ul li.kengaku {
        vertical-align: top;
        display: inline-block;
        width: 33%;
        margin: 0 0.5%;
    }

    .heyaContact ul li.kengaku input {
        display: block;
        width: 100%;
        border: 0px;
        background-color: #f89016;
        color: #fff;
        font-weight: bold;
        letter-spacing: 1px;
        height: 50px;
        box-shadow: 3px 3px 3px rgb(104 104 104 / 46%);
        border-radius: 25px;
        font-size: 14px;
        cursor: pointer;
        height: 34px;
        font-size: 3vw;
        letter-spacing: 0px;
        padding: 4px 0px;
    }

    .heyaContact ul li.line {
        width: 100%;
        height: 34px;
        margin: 5px 0 0;
        background-color: #00B900;
        border-radius: 25px;
    }

    .heyaContact ul li.line a {
        display: block;
        width: 100%;
        border: 0px;
        line-height: 34px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 1px;
        box-shadow: 3px 3px 3px rgb(104 104 104 / 46%);
        border-radius: 25px;
        font-size: 3.5vw;
        cursor: pointer;
        text-align: center;
        padding-left: 10vw;
        text-decoration: none;
        background-image: url(/penguin/resources/image/hikarihousing/home/line_icon.png);
        background-repeat: no-repeat;
        background-size: 5vw;
        background-position: left 20vw center;
    }

    .sp_ft_contact.sp {
        overflow: hidden;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        background: rgba(0, 0, 0, 0.9);
        color: #fff;
        z-index: 11111;
    }

    .sp_ft_contact ul {
        padding: 10px 0 !important;
    }

    .sp_ft_contact.sp::before {
        position: absolute;
        content: '';
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        transition: 0.2s;
        animation: sp_contact_buttonBox 3s ease-in-out infinite;
        z-index: 1;
    }

    .sp_ft_contact.sp li.tel {
        width: 49%;
    }

    .sp_ft_contact.sp li.tel:nth-of-type(2) {
        width: 49%;
    }

    .sp_ft_contact.sp li.tel a {
        display: block;
        text-align: center;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        background-color: #000066;
        line-height: 40px;
        border: 1px solid #fff;
        border-radius: 10px;
        background-image: url(/penguin/resources/image/hikarihousing/home/tel_icon.png);
        background-repeat: no-repeat;
        background-position: left 3vw center;
        background-size: 13px;
        font-size: 13px;
        padding-left: 15px;
    }

    .sp_ft_contact.sp li.line {
        width: 32%;
        margin-top: 6px;
    }

    .sp_ft_contact.sp li.line a {
        display: block;
        text-align: center;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        background-color: #00c200;
        line-height: 40px;
        border: 1px solid #fff;
        border-radius: 10px;
        background-image: url(/penguin/resources/image/hikarihousing/home/line_icon.png);
        background-repeat: no-repeat;
        background-position: left 2vw center;
        background-size: 15px;
        font-size: 13px;
        padding-left: 15px;
    }

    .sp_ft_contact.sp li.mail {
        width: 32%;
        margin-top: 6px;
    }

    .sp_ft_contact.sp li.mail a {
        display: block;
        text-align: center;
        text-decoration: none;
        background-color: #F6810E;
        padding: 0;
        border: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        border-radius: 10px;
        background-image: url(/penguin/resources/image/hikarihousing/home/mail_icon.png);
        background-repeat: no-repeat;
        background-position: left 3vw center;
        background-size: 16px;
        height: 42px;
        line-height: 40px;
        padding-left: 15px;
    }

    .sp_ft_contact.sp li.reserved {
        width: 32%;
        margin-top: 6px;
    }

    .sp_ft_contact.sp li.reserved a {
        display: block;
        text-align: center;
        text-decoration: none;
        background-color: #B4292C;
        padding: 0;
        border: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        border-radius: 10px;
        background-image: url(/penguin/resources/image/hikarihousing/home/request_icon.png);
        background-repeat: no-repeat;
        background-position: left 3vw center;
        background-size: 16px;
        height: 42px;
        line-height: 40px;
        padding-left: 15px;
    }

    address {
        margin-bottom: 70px !important;
    }

    .heya_sec06 {
        background-color: #efefef;
        padding: 8px 4%;
    }

    .heya_sec06 .wrap {
        display: block;
        padding: 0 4% 4%;
        border: 0;
        margin-bottom: 10px;
        background-color: #fff;
    }

    .heya_sec06 .logo {
        width: 240px;
        margin: auto;
        margin-bottom: 10px;
    }

    .heya_sec06 .inner {
        background-color: #fff;
        padding: 4%;
        width: 100%;
        display: block;
    }

    .heya_sec06 .heya_contact {
        width: 100%;
        margin-top: 20px;
    }

    .heya_sec06 .inner .img {
        width: 90%;
        margin: auto;
        margin-bottom: 10px;
        text-align: center;
    }

    .heya_sec06 .inner .text {
        font-size: 12px;
        width: auto;
        text-align: center;
    }

    .heya_contact .other_contact ul li a.line {
        padding: 5px 5px 5px 10vw;
    }

    .heya_contact .other_contact ul li a.tel {
        padding: 5px 5px 5px 10vw;
        background-position: left 3vw center;
        background-size: 18px;
        font-size: 12px;
    }

    h2.tab_contact_h2 {
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: normal;
    }

    .askfor_page .inner {
        padding: 20px 4%;
    }

    .askfor_page .inner table,
    .askfor_page .inner tbody,
    .askfor_page .inner tr {
        width: 100%;
        display: block;
    }

    .askfor_page .inner table th {
        width: 100%;
        display: block;
        padding: 10px;
        background: #000066;
        color: #fff;
    }

    .askfor_page .inner table td {
        width: 100%;
        display: block;
        font-size: 14px;
        border: 1px solid #f7f7f7;
    }

    .askfor_page .inner table td input[type="text"],
    .askfor_page .inner table td input[type="email"],
    .askfor_page .inner table td input[type="tel"] {
        width: 100%;
    }

    .askfor_page .confirmButtonArea input {
        width: 100%;
        margin: auto;
    }

    .askfor_page .descTextAria {
        width: 100%;
    }

    .askfor_page .inner table.butken th:nth-child(5) {
        width: 100%;
    }

    .askfor_page h3.subtitle {
        width: 100%;
    }

    .askfor_page .inner table.vReserveTable td {
        width: 100%;
    }

    .askfor_page .inner table td .sp {
        display: inline-block !important;
    }

    .askfor_page .inner table.butken td.name {
        border-top: 3px solid #009263;
    }

    .askfor_page .inner table.butken td .sp {
        display: inline-block !important;
        background: #004DA1;
        padding: 0px 10px;
        font-size: 10px;
        margin-right: 10px;
        color: #fff;
    }

    .askfor_page .wrap {
        width: 100% !important;
    }

    table.vReserveTable td .calenderCell .entryDate {
        margin: 0 0 10px;
    }

    table.vReserveTable td .calenderCell .entryTime {
        margin: 0 0 10px;
    }

    /*articleリニューアル*/

    .article_page .mainArea {
        width: 100%;
        margin-bottom: 50px;
        padding: 0 3%;
    }

    .article_page .side_blog {
        width: 100%;
        padding: 0 3%;
    }

    .article_page .side_blog .blog li p.img {
        width: 25%;
    }

    .article_page .side_blog .blog li p.text {
        width: 70%;
    }

    .article_page .side_blog .company_info {
        padding: 4vw 2vw 2vw;
        background-color: #f0f0f0;
    }

    .article_page .side_blog .company_info .buttonBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0;
    }

    .article_page .side_blog .company_info .buttonBox li {
        width: 49%;
        vertical-align: top;
    }

    .article_page .side_blog .shareBox ul {
        margin: 0;
        justify-content: center;
    }

    .article_page .side_blog ul.blog {
        overflow-y: scroll;
        height: 300px;
    }

    /*予約フォーム*/

    .modal__content {
        padding: 5vw;
    }

    a.js-modal-close {
        font-size: 5vw;
        width: 8vw;
        height: 8vw;
        line-height: 8vw;
        right: 0;
        top: -12vw;
    }

    .modal__content .telWrap h2 {
        font-size: 4.5vw;
    }

    .modal__content a.tel_num {
        font-size: 4.5vw;
        padding-left: 10vw;
        margin-bottom: 4vw;
        background-size: 5.5vw;
    }

    .modal__content p.info_text {
        font-size: 3.2vw;
    }

    .modal__content a.link {
        font-size: 4vw;
    }

    .modal__content a.link:hover {
        color: #333;
    }

    .pc_top_img .bx-wrapper .bx-pager,
    .pc_top_img .bx-wrapper .bx-controls-auto {
        display: none !important;
    }

    .pc_top_img::before {
        display: none;
    }

    .pc_top_img::after {
        display: none;
    }

    /*お客様の声*/

    #top_review {
        padding: 0;
    }

    #top_review .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 0;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    #top_review .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    .top_bukken_wrap {
        width: 100%;
        overflow-x: scroll;
    }

    .top_bukken_list {
        display: flex;
        gap: 0;
    }

    .top_bukken_list .link_box {
        flex-shrink: 0;
        width: 50vw;
    }

    .top_bukken_list .link_box+.link_box {
        margin-left: 3vw;
    }

    /*自社物件ページ*/

    .jisya_property_h1Box {
        padding: 5vw 0 10vw;
    }

    .jisya_property_h1Box .image {
        width: 70%;
        position: static;
        margin: 5vw auto 0;
    }

    .jisya_property_h1Box .textBox {
        width: 100%;
        text-align: center;
    }

    .jisya_property_h1 {
        font-size: 6vw;
        letter-spacing: 3px;
    }

    .jisya_property_h1_text01 {
        font-size: 7vw;
        margin-top: 2vw;
        margin-bottom: 3vw;
        letter-spacing: 3px;
    }

    .jisya_property_h1_text01 span {
        font-size: 13vw;
        margin: 0 0px 0 5px;
    }

    .jisya_property_h1_text02 {
        font-size: 4.2vw;
        line-height: 1.6;
        letter-spacing: 0;
    }

    .jisya_property_info {
        padding: 15vw 0;
    }

    .jisya_property_table table th,
    .jisya_property_table table td {
        font-size: 12px;
    }

    .jisya_property_access {
        padding: 15vw 0;
    }

    .jisya_property_access .textBox {
        width: 100%;
        margin: 0 0 5vw;
    }

    .jisya_property_access .map {
        width: 100%;
    }

    .jisya_property_access .text01 {
        font-size: 14px;
        line-height: 1.6;
        margin-top: 6vw;
    }

    .jisya_property_access .text02 {
        font-size: 14px;
        margin-top: 3vw;
        letter-spacing: 0.5px;
    }

    .jisya_property_view {
        padding: 15vw 0;
    }

    .jisya_property_view_text {
        margin: 3vw 0 0;
        font-size: 13px;
    }

    .jisya_property_button {
        width: 100%;
        margin: 5vw 0 0;
    }

    .jisya_property_button a {
        font-size: 14px;
        background-position: left 5vw center;
    }

    .jisya_property_facility {
        padding: 15vw 0;
    }

    .jisya_property_facility .textBox h3 {
        margin: 6vw 0 3vw;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .jisya_property_facility .textBox p {
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.6;
    }

    .jisya_property_facility_list {
        margin: 6vw 0 0;
    }

    .jisya_property_facility_list li {
        width: 23.5%;
        margin-right: 2%;
    }

    .jisya_property_facility_list li:nth-of-type(6n) {
        margin-right: 2%;
    }

    .jisya_property_facility_list li:nth-of-type(4n) {
        margin-right: 0;
    }

    .jisya_property_facility_list li:nth-of-type(n + 5) {
        margin-top: 2%;
    }

    .jisya_property .wrap {
        width: 96%;
    }

    .jisya_property_table {
        margin-top: 6vw;
    }

    .jisya_property_crime_prevention {
        padding: 15vw 0;
    }

    .jisya_property_crime_prevention .tab_contents {
        margin: 6vw 0 0;
    }

    .jisya_property_crime_prevention .image {
        width: 70%;
        margin: 0 auto 7vw;
    }

    .jisya_property_crime_prevention .image p {
        font-size: 10px;
    }

    .jisya_property_crime_prevention .textBox {
        width: 100%;
        text-align: center;
    }

    .jisya_property_crime_prevention .textBox h3 {
        margin: 0 0 4vw;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .jisya_property_crime_prevention .textBox h4 {
        margin: 0 0 3vw;
        font-size: 16px;
        padding: 0 10px;
        letter-spacing: 1px;
        line-height: 1.4;
    }

    .jisya_property_crime_prevention .textBox li {
        font-size: 14px;
        letter-spacing: 0;
        padding-left: 30px;
        text-align: left;
    }

    .jisya_property_crime_prevention .textBox li::before {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .jisya_property_area_info {
        padding: 15vw 0;
    }

    .jisya_property_area_info_list {
        margin: 3vw 0 0;
    }

    .jisya_property_area_info_list li {
        width: 31%;
        font-size: 11px;
        letter-spacing: 0;
    }

    .jisya_property_area_info_list li:nth-of-type(n + 4) {
        margin-top: 4vw;
    }

    .jisya_property_area_info_list li:nth-of-type(5n) {
        margin-right: 2%;
    }

    .jisya_property_area_info_list li:nth-of-type(3n) {
        margin-right: 0;
    }

    .jisya_property_area_info_list li span {
        font-size: 13px;
    }

    .jisya_property_area_info_list li.small {
        font-size: 10px;
    }

    .jisya_property_area_info_list li p {
        margin: 2vw 0 0;
    }

    /** SP_モーダル **/
    .modal_outline .modal__content {
        width: 90%;
        padding: 20px 20px 60px;
    }

    .modal_outline .modal__content h3 {
        font-size: 16px;
    }

    .modal_outline .linkItem li {
        width: 32%;
    }

    .modal_outline .linkItem li a {
        font-size: 12px;
    }

    .modal_outline .linkItem ul {
        flex-wrap: wrap;
    }

    .modal_outline .modal__content h4 {
        margin: 5px 0;
    }

    /* 不動産用語集 */
    .glossary-search-title02 {
        font-size: 4vw;
        padding-left: 5%;
    }

    .glossary-items {
        width: 100%;
    }

    .glossary-line {
        font-size: 4vw;
        margin-bottom: 15px;
    }

    p.a-line {
        padding-left: 5%;
    }

    .glossary-line a {
        display: flex;
        align-items: center;
    }

    .glossary_index {
        margin-top: 50px;
    }

    .glossary_index h2 {
        font-size: 5vw;
        margin-left: -0.5em;
        margin-bottom: 5px;
    }

    .page_h3 {
        font-size: 5vw;
        padding-bottom: 5px;
    }

    .page_area_glossary {
        padding-top: 0px;
        width: 90%;
        padding-bottom: 50px;
    }


    /* 初期費用ページ */
    section.page-intial_cost .wrap {
        width: 90%;
        margin: 0 auto;
    }

    .intial-list {
        padding: 25px 0px;
    }

    .intial-list .title {
        margin-bottom: 25px;
        font-size: 16px;
        line-height: 1.5;
    }

    .intial-list ul {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .intial-list ul li {
        font-size: 14px;
        line-height: 1.5;
        padding-left: 38px;
        background-size: 20px;
        background-position: 6px 0px;
        margin-bottom: 20px;
    }

    .intial-answer .color {
        font-size: 25px;
    }

    .intial-answer .txt {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 0px;
        line-height: 1.5;
    }

    .int-co-btn {
        text-align: center;
        height: 60px;
        width: 90%;
        margin: 0 auto;
    }

    .int-co-btn a {
        font-size: 15px;
        padding: 15px 20px;
    }

    .mitumori-banner-area .wrap {
        width: 96%;
        margin: 0 auto;
    }

    .pro_01_L h2.large {
        font-size: 20px;
    }

    /* クレジットカード決済対応 */
    .credit-title-box .kotei-title {
        padding: 0px 5px 5px;
        font-size: 4.5vw;
    }

    section.credit-top-box {
        text-align: center;
        padding: 5vw 0;
    }

    .credit-title-box .sub-title {
        font-size: 3.5vw;
        text-align: left;
        width: 94%;
        margin: 0 auto;
    }

    section.worries-box {
        padding: 10vw 0;
    }

    .onayami-ttl-box .kotei-title {
        font-size: 4.5vw;
        padding: 0 15px 5px;
    }

    .worries-contents {
        width: 94%;
        margin: 0 auto;
    }

    .worries-contents ul {
        width: 100%;
        margin: 0 auto;
    }

    .worries-contents ul li .title {
        font-size: 4vw;
        padding: 5px 15px 5px 10px;
        border-radius: 10px;
    }

    .worries-contents ul li .txt {
        font-size: 3.5vw;
        letter-spacing: 0.03em;
    }

    section.credit-solution-box {
        background: #041966;
        padding: 10vw 0;
    }

    .white-bg-box {
        background: #ffffff;
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .solution-ttl-box {
        text-align: center;
        margin-top: 0px;
    }

    h2.solution-title {
        font-size: 5vw;
        border-bottom: 2px dashed #000066;
        margin-bottom: 25px;
        display: inline-block;
        padding: 0 15px 5px;
    }

    .solution-item-list ul {
        width: 96%;
        margin: 0 auto;
    }

    .solution-item-list ul li .item-box .title {
        font-size: 4vw;
    }

    .solution-item-list ul li .item-box .text {
        font-size: 3.5vw;
    }

    .solution-item-list ul li {
        margin-bottom: 25px;
    }

    .credit-banner-contents .credit-ttl {
        font-size: 5vw;
    }

    .credit-banner-contents {
        width: 96%;
        margin: 0 auto;
    }

    .credit-banner-contents .txt {
        font-size: 3.2vw;
        margin-bottom: 20px;
        text-align: left;
    }

    .staff_L_02.picture {
        width: 100%;
    }

    .staff_R_02.picture {
        width: 100%;
        float: inherit;
    }

    .topStaffSection {
        margin-bottom: 11vw;
    }

    /* よくある質問 */

    .faq_area {
        margin-top: 11vw;
    }

    .faq_area .toppage_h2 {
        margin-bottom: 1vw;
    }

    .page_pd {
        padding: 10vw 0;
    }

    #faq dl.faq_box {
        padding: 4vw 3vw;
        margin-bottom: 0;
    }

    #faq dl.faq_box+dl.faq_box {
        margin-top: 3vw;
    }

    #faq dt {
        font-size: 3.6vw;
    }

    #faq dd {
        font-size: 3.3vw;
        margin-left: 0;
    }

    .topReasonSection {
        margin-top: 11vw;
        margin-bottom: 11vw;
    }

    .page-reason-container .h2ttl {
        font-size: 4.5vw;
        margin-bottom: 3vw;
        line-height: 1.2;
    }

    .page-reason-container .h2ttl .sub-ttl {
        font-size: 3.3vw;
        margin-bottom: 2vw;
    }

    .page-reason-container ul li+li {
        margin-top: 6vw;
        margin-bottom: 0;
    }

    .page-reason-container ul li .text-box {
        width: 100%;
    }

    .page-reason-container .h2ttl .color {
        font-size: 8vw;
    }

    .page-reason-container ul li .h3ttl {
        font-size: 3.8vw;
        padding: 2.6vw 3vw;
        margin-bottom: 3vw;
        line-height: 1.4;
    }

    .page-reason-container ul li .txt {
        font-size: 3.4vw;
        margin-bottom: 15px;
    }

    .page-reason-container ul li .img-box {
        width: 100%;
        height: 45vw;
    }

    .reason-proce-container .ttl {
        font-size: 7vw;
        line-height: 1.2;
    }

    section.page-reason-box {
        margin: 15vw 0;
    }

    section.page-reason-price {
        margin-bottom: 15vw;
    }

    /* こだわり条件ページCSS */
    .single_top_sec {
        padding: 50px 0 55px;
    }

    .single_top_sec .single_ttl_box {
        margin-bottom: 20px;
    }

    .single_top_sec .box {
        flex-direction: column-reverse;
    }

    .single_top_sec .box .text_box {
        width: 100%;
    }

    .single_top_sec .box .text_box .sub_ttl {
        letter-spacing: 0.05em;
        font-size: 4.2vw;
        margin-bottom: 12px;
    }

    .single_top_sec .box .text_box .text {
        font-size: 3.4vw;
        line-height: 2;
    }

    .single_top_sec .box .img {
        width: 100%;
        height: 55vw;
        border-radius: 5px;
        box-shadow: 5px 5px 0 #041866;
        margin-bottom: 14px;
    }

    .new_construction_formSearch {
        padding: 65px 0 35px;
        background-color: #f2f2f2;
    }

    .new_construction_formSearch .tab_cont_wrap {
        max-width: 96%;
    }

    .new_construction_formSearch .project {
        font-size: 4.6vw;
        margin: 0 0 20px;
    }

    .page-sajest-search-box ul .second {
        width: 100%;
    }

    .new_construction_formSearch .fl_wrap {
        width: 100%;
        margin: 0 auto;
        align-items: flex-end;
    }

    .new_construction_formSearch .fl_wrap .parts {
        position: relative;
        width: 46%;
        margin-bottom: 20px;
    }

    .new_construction_formSearch .fl_wrap .parts:nth-of-type(1) {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }

    .new_construction_formSearch .fl_wrap select,
    .new_construction_formSearch .fl_wrap input#sbox02 {
        width: 100%;
        height: 50px;
        border: none;
        background: #fff;
        box-shadow: 1px 1px 5px #ccc;
        font-size: 17px;
        padding-left: 5px;
    }

    .new_construction_formSearch .fl_wrap .parts:nth-of-type(4) {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }

    .new_construction_formSearch .fl_wrap input#btnQuickSearch {
        width: 100%;
        height: 45px;
        background: #f6921e;
        border: none;
        color: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 2px #909090;
        font-size: 17px;
        margin-top: 30px;
    }

    .single_terms_sec {
        padding: 55px 0 50px;
    }

    .single_terms_sec .single_ttl_box {
        margin-bottom: 6vw;
        display: block;
    }

    .single_terms_sec .box {
        flex-direction: column-reverse;
    }

    .single_terms_sec .box .text_box {
        width: 100%;
    }

    .single_terms_sec .box .text_box .single_subttl {
        margin-bottom: 20px;
        font-size: 4.4vw;
        line-height: 1.5;
    }

    .single_terms_sec .box .text_box .text {
        font-size: 3.4vw;
        line-height: 2;
    }

    .single_terms_sec .box .img {
        width: 100%;
        height: 50vw;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .single_point_sec {
        padding: 0 0 50px;
    }

    .single_ttl_box {
        padding: 3vw 7vw;
        display: block;
    }

    .single_ttl_box .ttl {
        font-size: 4.5vw;
        text-align: center;
    }

    .single_point_sec .single_ttl_box {
        margin-bottom: 8vw;
        display: block;
    }

    .single_point_sec .point_list ul li .single_subttl {
        margin-bottom: 13px;
        font-size: 4.5vw;
        line-height: 1.5;
    }

    .single_point_sec .point_list ul li .text {
        font-size: 3.5vw;
        line-height: 2;
    }

    .single_point_sec .point_list ul li+li {
        margin-top: 30px;
    }

    /* 新築物件 */
    .new_property_sec .single_ttl_box {
        display: block;
    }

    .new_property_sec {
        padding-bottom: 8vw;
    }

    .new_property_sec .arrival_list ul {
        grid-template-columns: repeat(2, 45vw);
        justify-content: center;
        gap: 6vw 4vw;
        padding: 8vw 0;
    }

    .new_property_sec .arrival_list ul li a {
        padding: 5vw 3vw;
    }

    .new_property_sec .arrival_list ul li a:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    }

    .new_property_sec .arrival_list ul li .label {
        border-left: 2px solid #041866;
        font-size: 3.3vw;
    }

    .new_property_sec .arrival_list ul li .img {
        height: 33vw;
    }

    .new_property_sec .arrival_list ul li .text_box .ttl {
        font-size: 3.8vw;
    }

    .new_property_sec .arrival_list ul li .text_box .type {
        font-size: 3.5vw;
    }

    .new_property_sec .arrival_list ul li .text_box .type .small {
        width: 33%;
    }

    .new_property_sec .arrival_list .sub_text {
        font-size: 2.8vw;
    }

    .single_search_sec {
        padding: 30px 0 65px;
    }

    .single_search_sec .search_cont .ttl {
        padding: 8px 2.5vw 8px 5vw;
        margin-bottom: 15px;
        font-size: 4vw;
    }

    .single_search_sec .search_cont .area_cont .box {
        border-radius: 8px;
        padding: 15px 3.5vw;
        line-height: 1.8;
        display: block;
    }

    .single_search_sec .search_cont .area_cont .box .area_ttl {
        font-size: 4.3vw;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .single_search_sec .search_cont .area_cont .box .area_list ul li {
        margin-right: 3vw;
        margin-bottom: 3px;
    }

    .single_search_sec .search_cont .area_cont .box .area_list ul li a {
        font-size: 3.4vw;
    }

    .single_search_sec .search_cont+.search_cont {
        margin-top: 40px;
    }

    .price_market_sec {
        padding-bottom: 20vw;
    }

    .price_market_sec .single_ttl_box {
        margin-bottom: 10vw;
        display: block;
    }

    .price_table_box {
        padding: 5vw 2vw;
    }

    .price_table_box .tab_area {
        border: 1px solid #041866;
    }

    .price_table_box .tab {
        padding: 2vw;
        font-size: 3.4vw;
    }

    .price_table_box .tab:nth-child(n+2) {
        border-left: 1px solid #041866;
    }

    .price_table_box .panel {
        padding: 5vw 2vw;
    }

    .price_table_box table th,
    .price_table_box table td {
        padding: 3vw;
    }

    .price_table_box table .th01,
    .price_table_box table .td01 {
        width: 50%;
        font-size: 3.6vw;
    }

    .price_table_box table .td02 {
        width: 50%;
    }

    .price_table_box table .index {
        font-size: 3.6vw;
    }

    .price_table_box table .td03 {
        display: none;
    }

    .price_table_box .price_table_text {
        margin: 3vw 0 0;
        font-size: 3vw;
    }

    .single_faq_sec {
        padding-bottom: 20vw;
    }

    .single_faq_sec .site_faq_cont {
        padding-top: 10vw;
    }

    .site_faq_cont dl {
        padding: 6vw 5vw;
    }

    .site_faq_cont dl+dl {
        margin-top: 5vw;
    }

    .site_faq_cont dl .en {
        width: 9vw;
        height: 9vw;
        font-size: 6vw;
        margin-top: 1vw;
    }

    .site_faq_cont dl dt,
    .site_faq_cont dl dd {
        gap: 0 5vw;
        font-size: 3.8vw;
    }

    .site_faq_cont dl dt {
        padding-bottom: 4vw;
    }

    .site_faq_cont dl dd {
        padding-top: 4vw;
        align-items: flex-start;
    }




    /* スマホ追従 */

    .sp_fix_contact {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        padding: 10px;
        background: #000066;
        z-index: 999;
    }

    .sp_fix_contact ul {
        width: 100%;
        height: 100%;
    }

    .sp_fix_contact li {
        text-align: center;
        font-size: 16px;
        line-height: 40px;
        position: relative;
    }

    .sp_fix_contact li a {
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

    .sp_fix_contact li.ft_form {
        width: 81%;
        background: #FA9F22;
        border-radius: 3px;
    }

    .sp_fix_contact li.ft_form span {
        padding-left: 30px;
        position: relative;
    }

    .sp_fix_contact li.ft_form span:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 23px;
        background: url(/penguin/resources/image/ninehome/home/new-top/ft-mail-icon.png)no-repeat;
        background-size: contain;
        background-position: center;
        left: 0;
        top: 1px;
        bottom: 0;
        margin: auto;
    }

    .sp_fix_contact li.ft_line {
        width: 16%;
        background: url(/penguin/resources/image/hikarihousing/home/line_icon.png)no-repeat, #00c200;
        background-position: center;
        background-size: 25px;
        border-radius: 3px;
        display: block;
        top: 0;
        right: 0;
    }

    .modal__content .telWrap .tel {
        font-size: 4vw;
        font-weight: 600;
        margin: 0 0 1vw;
        text-decoration: none;
    }

    .modal__content .telWrap .tel {
        font-size: 6vw;
        font-weight: 600;
        margin: 3vw 0;
        text-decoration: none;
        display: block;
        text-align: center;
    }

    .modal__content .telWrap .reserve {
        display: block;
        background: url(/penguin/resources/image/hikarihousing/home/request_icon.png) no-repeat;
        background-position: left 20vw center;
        font-weight: 600;
        text-align: center;
        background-color: #B4292C;
        color: #fff;
        line-height: 40px;
        text-decoration: none;
        transition: .2s;
        font-size: 4.5vw;
        padding-left: 10vw;
        margin-bottom: 4vw;
        background-size: 5.5vw;
        width: 100%;
    }

    .modal__content .telWrap .tab_contact {
        display: block;
        background: url(/penguin/resources/image/ninehome/home/new-top/ft-mail-icon.png) no-repeat;
        background-position: left 20vw center;
        font-weight: 600;
        text-align: center;
        background-color: #FA9F22;
        color: #fff;
        line-height: 40px;
        text-decoration: none;
        transition: .2s;
        font-size: 4.5vw;
        padding-left: 10vw;
        margin-bottom: 4vw;
        background-size: 5.5vw;
        width: 100%;
    }

    .company_box dt {
        width: 100%;
    }

    /* トップエリア紹介・会社情報セクション */

    #top_area {
        padding: 0 0 11vw;
    }

    #top_area .block {
        flex-direction: inherit;
    }

    #top_area .block .image {
        width: 100%;
        height: 45vw;
    }

    #top_area .block .textBox {
        width: 100%;
        padding: 4vw;
    }

    #top_area .block .textBox .title {
        font-size: 14px;
        text-align: center;
        margin: 0 0 3vw;
    }

    #top_area .block .textBox .text {
        font-size: 13px;
        letter-spacing: 0.02em;
    }

    #top_area .block+.block {
        margin-top: 7vw;
    }

    #top_area .block .textBox .sub_title {
        font-size: 13px;
        margin: 3vw 0 1vw;
    }

    #top_area .point_box {
        margin: 15vw 0;
        grid-template-columns: 1fr;
        gap: 7vw 0;
    }

    #top_area .point_box .block .textBox {
        padding: 4vw;
    }

    #top_area .point_box .block .textBox .title {
        display: inline-block;
        text-align: left;
    }

    #top_area .block .textBox .text b {
        font-size: 14px;
        margin-bottom: 2vw;
        line-height: 1.4;
    }

    #top_area .point_box::before {
        top: -9.5vw;
    }

    #top_area .point_box::before,
    #top_area .point_box::after {
        width: 4vw;
    }

    #top_area .point_box::after {
        bottom: -9.5vw;
    }

    #top_company {
        padding: 11vw 2vw;
        z-index: 2;
        width: 100vw;
        margin-left: -2vw;
    }

    #top_company .image {
        display: none;
    }

    #top_company .ttl {
        font-size: 4.7vw;
    }

    #top_company .sub-ttl {
        font-size: 4.2vw;
        margin-bottom: 10px;
    }

    #top_company .text {
        font-size: 3.5vw;
        font-weight: 500;
        margin-bottom: 0;
    }

    /* トップエリア紹介・会社情報セクション 終了*/

    /* トップフッターリニューアル */

    .footer_shopInfo {
        margin: 7vw 0 0;
    }

    .footer_shopInfo .block {
        width: 100%;
    }

    .footer_shopInfo .block+.block {
        margin-top: 6vw;
    }

    .footer_shopInfo .block .image {
        width: 100%;
        margin: 0 0 4vw;
    }

    .footer_shopInfo .block .textBox {
        width: 100%;
        font-size: 11px;
    }

    .footer_shopInfo .block .textBox .name {
        font-size: 14px;
        margin: 0 0 2.5vw;
    }

    .footer_shopInfo .block .textBox .add,
    .footer_shopInfo .block .textBox .fax,
    .footer_shopInfo .block .textBox .time {
        margin: 0 0 1.5vw;
    }

    .footer_contact {
        padding: 10vw 0;
    }

    .footer_contact .wrap {
        padding: 11vw 5vw 10vw;
    }

    .footer_contact .title {
        font-size: 25px;
        margin: 0 0 5vw;
    }

    .footer_contact .buttonBox {
        margin: 0 0 6vw;
    }

    .footer_contact .buttonBox li {
        width: 100%;
    }

    .footer_contact .buttonBox li+li {
        margin-top: 2vw;
    }

    .footer_contact .buttonBox li a {
        font-size: 14px;
        line-height: 46px;
    }

    .footer_contact .buttonBox li a::before {
        width: 15px;
        height: 15px;
        margin-right: 10px;
    }

    .footer_contact .sub_title {
        font-size: 16px;
        margin: 0 0 2.7vw;
    }

    .footer_contact .shop_wrap {
        display: block;
        gap: 0;
    }

    .footer_contact .shop_box+.shop_box {
        margin-top: 3.5vw;
    }

    .footer_contact .shop_box .name {
        font-size: 3.6vw;
        margin-bottom: 2.5vw;
    }

    .footer_contact .tel {
        font-size: 16px;
        margin: 0 0 2vw;
    }

    .footer_contact .tel a {
        font-size: 22px;
    }

    .footer_contact .time {
        font-size: 3.2vw;
        margin-top: 2vw;
    }

    /* トップフッターリニューアル終了 */

    .copyright {
        margin: 0 0 60px;
        background: none;
        color: #333;
        padding: 0;
        text-align: center;
    }

    .copyright .wrap {
        display: block;
    }

    .copyright .credit {
        width: 220px;
        margin: 0 auto 10px;
    }

    .copyright small {
        font-size: 10px;
    }

    #footer_recommend_area {
        padding: 11vw 2vw;
        margin-bottom: 2vw;
    }

    #footer_recommend_area .recommend_inner {
        padding: 0;
    }

    #footer_recommend_area .recommend_inner+.recommend_inner {
        margin-top: 8vw;
    }

    #footer_recommend_area .recommend_inner .recommend_ttl {
        font-size: 4.2vw;
    }

    #footer_recommend_area .recommend_inner .recommend_list ul {
        gap: 3vw 0;
    }

    #footer_recommend_area .recommend_inner .recommend_list ul li {
        width: 50%;
    }

    #footer_recommend_area .recommend_inner .recommend_list ul li a {
        font-size: 3vw;
    }

    #top_flow_sec {
        padding: 0 0 13vw;
    }

    #top_flow_sec .flow_cont {
        margin-bottom: 6vw;
    }

    #top_flow_sec .flow_cont ol {
        grid-template-columns: 1fr;
    }

    #top_flow_sec .flow_cont ol li {
        padding: 8vw 4vw;
    }

    #top_flow_sec .flow_cont ol li:not(:last-child)::before {
        width: 100%;
        height: 5vw;
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        top: unset;
        left: 0;
        right: 0;
        bottom: 1px;
        margin: auto;
        transform: translateX(0) translateY(100%);
    }

    #top_flow_sec .flow_cont ol li:not(:first-child) {
        padding-left: 4vw;
        padding-top: 12vw;
    }

    #top_flow_sec .flow_cont ol li .flow_ttl_box {
        margin-bottom: 5vw;
        justify-content: center;
    }

    #top_flow_sec .flow_cont ol li .flow_ttl_box .num {
        font-size: 7.5vw;
    }

    #top_flow_sec .flow_cont ol li .flow_ttl_box .flow_ttl {
        font-size: 5vw;
        margin-left: .4em;
    }

    #top_flow_sec .flow_cont ol li .flow_text {
        font-size: 3.4vw;
    }

    #top_flow_sec .flow_btn a {
        width: 80%;
        font-size: 3.4vw;
    }

    .common_terms_info_sec {
        margin-bottom: 15vw;
    }

    .common_terms_info_sec .single_ttl_box {
        margin-bottom: 5vw;
    }

    .terms_ranking_sec .terms_ranking_box .title {
        width: 100%;
        font-size: 4.5vw;
    }

    .terms_ranking_sec .terms_ranking_box .terms_ranking_list {
        display: block;
        width: 100%;
    }

    .terms_ranking_sec .terms_ranking_block.imazato .terms_ranking_list li {
        width: 100%;
        padding: 3vw 2vw 3vw 11vw;
        font-size: 4vw;
    }

    .terms_ranking_sec .terms_ranking_box .terms_ranking_list li::before {
        width: 7vw;
        height: 7vw;
        line-height: 7vw;
    }

    .terms_ranking_sec .terms_ranking_block {
        padding: 5vw;
    }

    .terms_termlist_sec .terms_termlist_wrap {
        padding: 4vw;
    }

    .terms_termlist_sec .terms_termlist li {
        font-size: 4vw;
    }

    #page_category .voice_area {
        margin-bottom: 15vw;
    }

    #page_category .voice_area .ekiten_sec {
        padding: 0;
    }

    .terms_data_sec {
        margin-bottom: 10vw;
    }

    .terms_data_sec .tab_cont .theme {
        margin: 3vw 0;
        font-size: 4vw;
    }

    .terms_data_sec .tab_cont .table_box {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 20px;
    }

    .terms_data_sec .tab_cont .table_box table th,
    .terms_data_sec .tab_cont .table_box table td {
        font-size: 3.4vw;
        padding: 1em;
    }

    .terms_data_sec .text_box {
        grid-template-columns: 1fr;
        gap: 1em 0;
    }

    .terms_data_sec .text_box .note {
        font-size: 3.2vw;
        text-indent: -3vw;
    }

    .terms_data_sec .text_box .source_text {
        font-size: 3.2vw;
    }

    .terms_data_sec .text_box .source_text a {
        font-size: 2.8vw;
    }

    .terms_data_sec .tab_container {
        width: 100%;
        margin: 50px auto 0;
    }

    .terms_data_sec .tab_list {
        display: flex;
        border: 1px solid #ccc;
    }

    .terms_data_sec .tab_container .tab {
        font-size: 3.8vw;
        padding: 3vw;
    }

    .terms_data_sec .tab_container .tab.current {
        font-size: 3.8vw;
    }

    .terms_data_sec .tab_container .content_box {
        padding: 3vw;
    }

    .owner_page .sec_mv {
        padding: 20vw 0;
    }

    .owner_page .sec_mv .wrap {
        overflow: visible;
    }

    .owner_page .sec_mv:before {
        width: 35vw;
        height: 25vw;

    }

    .owner_page .sec_mv:after {
        width: 74vw;
        height: 52vw;
    }

    .owner_page .sec_mv p {
        font-size: 5vw;
        line-height: 7.5vw;
    }

    .owner_page .sec_mv p .under_y {
        display: block;
        font-size: 6vw;
        margin-left: 0;
    }

    .owner_page .sec_mv p:first-child {
        margin-bottom: 5vw;
    }

    .owner_page .sec_mv p .under_y:after {
        width: 28vw;
    }

    .owner_page .sec_worry {
        padding: 15vw 0;
    }

    .owner_page .sec_worry h2 {
        font-size: 4.5vw;
    }

    .owner_page .sec_worry h2 br {
        display: none;
    }

    .owner_page .sec_worry h2 span {
        font-size: 5.5vw;
    }

    .owner_page .sec_worry .inner ul li {
        width: 48%;
    }

    .owner_page .sec_worry .inner ul li p {
        font-size: 3vw;
    }

    .owner_page .sec_strong {
        padding: 15vw 0 10vw;
    }

    .owner_page .sec_strong:before {
        width: 15vw;
        height: 15vw;
    }

    .owner_page .sec_strong h2 {
        width: 80%;
        font-size: 4.5vw;
        margin-bottom: 10vw;
    }

    .owner_page .sec_strong .subTtl {
        font-size: 4.5vw;
        line-height: 8vw;
    }

    .owner_page .sec_strong .subTtl span {
        font-size: 5.5vw;
    }

    .owner_page .sec_strong .inner ul li {
        width: 100%;
        margin-bottom: 10vw;
    }

    .owner_page .sec_strong .inner ul li h3 {
        font-size: 4.5vw;
    }

    .owner_page .sec_strong .inner ul li p {
        font-size: 4vw;
    }

    .owner_page .sec_contact .ttl {
        font-size: 5.5vw;
    }

    .owner_page .sec_contact .subTtl {
        font-size: 4vw;
        text-align: left;
    }

    .owner_page .sec_contact .subTtl br {
        display: none;
    }

    .owner_page .sec_process {
        padding: 15vw 0;
    }

    .owner_page .sec_process .inner {
        width: 95%;
        margin: auto;
    }

    .owner_page .sec_process h2 {
        font-size: 4.5vw;
        margin-bottom: 10vw;
    }

    .owner_page .sec_process h2 span {
        font-size: 5.5vw;
    }

    .owner_page .sec_process .inner li {
        display: block;
    }

    .owner_page .sec_process .inner li .iconBox {
        margin-bottom: 5vw;
    }

    .owner_page .sec_process .inner li .iconBox .img {
        width: 25%;
    }

    .owner_page .sec_process .inner li .txtBox {
        margin-left: 20vw;
    }

    .owner_page .sec_process .inner li .txtBox h3 {
        font-size: 5.5vw;
    }

    .owner_page .sec_process .inner li .txtBox p {
        font-size: 4vw;
    }

    .owner_page .sec_process .inner li .iconBox .img:after {
        height: 50vw;
        bottom: -50vw;
    }

    .owner_page .sec_prepare {
        padding: 10vw 0;
    }

    .owner_page .sec_prepare h2 {
        font-size: 4.5vw;
        margin-bottom: 10vw;
        line-height: 7vw;
        margin-top: 0vw;
    }

    .owner_page .sec_prepare h2 span {
        font-size: 5.5vw;
        display: block;
    }

    .owner_page .sec_prepare .inner ul li {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 2vw;
    }

    .owner_page .sec_prepare .inner ul li .img {
        margin: 0;
        width: 25vw;
    }

    .owner_page .sec_prepare .inner ul li h3 {
        margin: 0;
        margin-left: 5vw;
        font-size: 4.5vw;
    }

    .owner_page .sec_flow {
        padding: 10vw 0;
    }

    .owner_page .sec_flow h2 {
        font-size: 4.5vw;
        margin-bottom: 10vw;
        line-height: 7vw;
    }

    .owner_page .sec_flow h2 span {
        font-size: 5.5vw;
        display: block;
    }

    .owner_page .sec_flow .inner li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 10vw;
    }

    .owner_page .sec_flow .inner li .ttlBox {
        width: 100%;
    }

    .owner_page .sec_flow .inner li .img {
        width: 25%;
        margin: 0;
    }

    .owner_page .sec_flow .inner li .txt {
        width: 70%;
        margin-left: 5%;
    }

    .owner_page .sec_flow .inner li .ttlBox h3 {
        font-size: 4.5vw;
    }

    .owner_page .sec_flow .inner li.nodata {
        display: none;
    }

    .owner_page .sec_voice {
        padding: 10vw 0;
    }

    .owner_page .sec_voice h2 {
        font-size: 4.5vw;
        margin-bottom: 10vw;
        line-height: 7vw;
        margin-top: 0vw;
    }

    .owner_page .sec_voice h2 span {
        font-size: 5.5vw;
    }

    .owner_page .sec_voice .inner li {
        display: block;
        padding-bottom: 12vw;
        margin-bottom: 12vw;
    }

    .owner_page .sec_voice .inner li .img {
        width: 100%;
        background-color: #fff;
        padding: 2vw 20vw;
        margin: auto;
        margin-bottom: 10vw;
    }

    .owner_page .sec_flow .inner li .txt p {
        font-size: 4vw;
    }

    .owner_page .sec_voice .inner li .txtBox {
        width: 100%;
    }

    .owner_page .sec_voice .inner li .txtBox h3 {
        margin-bottom: 2vw;
    }

    .owner_page .sec_voice .inner li .txtBox a {
        width: 70vw;
        margin: auto;
    }

    .owner_page .sec_voice .inner li .txtBox p {
        font-size: 4vw;
    }

    .owner_page .sec_flow .inner li:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        color: #051866;
        line-height: 1;
        width: 1em;
        height: 1em;
        border: 0.4em solid currentColor;
        border-left: 0;
        border-bottom: 0;
        box-sizing: border-box;
        transform: translateY(-25%) rotate(135deg);

        position: absolute;
        right: 0;
        left: 0;
        top: auto;
        bottom: -8vw;
        margin: auto;
    }

    .owner_page .sec_flow .inner li:nth-child(4n):after,
    .owner_page .sec_flow .inner li:nth-child(10):after,
    .owner_page .sec_flow .inner li:nth-child(11):after {
        display: inline-block;
    }

    .owner_page .sec_flow .inner li:last-child:after {
        display: none;
    }

    .owner_page .modalBoxOutline .modalBox_cont {
        width: 95%;
        padding: 10vw 4vw;
    }

    .owner_page .modalBoxOutline .modalBox_cont .voiceBox {
        display: block;
    }

    .owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceImg {
        width: 50%;
        margin: auto;
        margin-bottom: 10vw;
    }

    .owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceTxtBox {
        width: 100%;
        height: 50vw;
        overflow-y: scroll;
    }

    .owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceTxtBox h4 {
        font-size: 4.5vw;
    }

    .owner_page .modalBoxOutline .modalBox_cont .voiceBox .voiceTxtBox p {
        font-size: 4vw;
    }

    .owner_page .modalBoxOutline .modalBox_cont .sekouBox li {
        padding: 0;
        width: 100%;
        margin-bottom: 2vw;
    }

    .owner_page .modalBoxOutline .modalBox_cont .sekouBox h4 {
        font-size: 4.5vw;
    }

    .owner_page .modalBoxOutline .modalBox_cont .sekouBox p {
        font-size: 4vw;
    }

    .askfor_page .inner .subtitle {
        font-size: 3.6vw;
    }

    .askfor_page .inner table.butken td:nth-child(5)>div {
        width: 100%;
    }

    .top_tabcon_sec{
        padding: 10vw 0 5vw;
    }

    .top_tabcon_sec .tab_area {
        display: block;
        white-space: nowrap;
        overflow: scroll;
    }

    .top_tabcon_sec .tab_area_sell {
        display: inline-block;
        width: auto;
        font-size: 3vw;
        min-block-size: unset;
        position: relative;
    }

    .top_tabcon_sec .tab_area_sell+.tab_area_sell {
        margin: 0;
    }

    .top_tabcon_sec .arrival_box{
        padding: 3vw 3vw 4vw;
    }

    .top_tabcon_sec .bukken_list{
        overflow-x: scroll;
        gap: 10px;
    }

    .top_tabcon_sec .sell{
        width: 70vw;
    }

    .top_tabcon_sec .sell_link{
        display: grid;
        grid-template-columns: 30% 70%;
    }

    .top_tabcon_sec .image{
        width: 100%;
        height: 100%;
    }

    .top_tabcon_sec .add_text.name{
        font-size: 3.5vw;
    }

    .top_tabcon_sec .add_text{
        font-size: 3vw;
        line-height: 1.3;
    }

    .top_tabcon_sec .add_text.yachin .price{
        font-size: 4vw;
    }

    .count_text{
        font-size: 3.5vw;
    }

    .count_text .count{
        font-size: 4.5vw;
    }

    .panel_btn_area{
        margin-top: 1em;
    }

    .panel_btn_area .link_btn{
        padding: 0.5em;
        width: 88%;
    }

    .panel_btn_area .link_btn:hover{
        background-color: #fff;
        color: #051866;
    }

    #kokyu_outline .nearbutken,
    #kokyu_outline .stationbutken,
    #kokyu_outline .checkbutken {
        padding: 0 0 5vw;
    }

    .scroll_con {
        overflow-x: scroll;
    }

    #kokyu_outline .butken_column ul {
        display: flex;
        flex-wrap: nowrap;
        width: 80vw;
        gap: 5vw;
        margin-bottom: 1vw;
    }

    #kokyu_outline .information_link {
        width: 60vw;
        padding: 3vw 3vw 4vw;
    }

    #kokyu_outline .information_link .img {
        aspect-ratio: 211 / 152;
        margin-bottom: 1vw;
    }

    .information_sell {
        width: 60vw;
        margin-bottom: 10px;
    }

    #kokyu_outline .butken_column .title {
        font-size: 15px;
        margin-bottom: 3vw;
        padding: 10px;
        line-height: 20px;
    }

    #kokyu_outline .butken_column .butken_title {
        font-size: 3.5vw;
        line-height: 1.6;
        margin-bottom: 2vw;
    }

    #kokyu_outline .information_text.red {
        font-size: 4.8vw;
        line-height: 1;
    }

    #kokyu_outline .information_text,
    #kokyu_outline .butken_column .access {
        font-size: 3.4vw;
    }

    #kokyu_outline .information_title {
        font-size: 2.8vw;
    }
}