.inner {
    width:100%;
    max-width:120rem;
    margin:0 auto;
    padding:0 5rem;
}

/*-------------------------------
    ar miyuki
-------------------------------*/

.ar_miyuki {
    position:relative;
}

.ar_miyuki::before {
    content:"";
    display: block;
    width:100%;
    height:100%;
    background:url(../images/top/bg_ar_room.svg) no-repeat center / cover;
    position:absolute;
    left:0;
    top:0;
    z-index: -1;
    opacity:.3;
}

.ar_business::before {
    background:url(../images/top/bg_ar_business.svg) no-repeat center / cover;
}

/*-------------------------------
    f view
-------------------------------*/

.f_view {
    width:100%;
    height:max(83rem , 60vw);
    max-height:max(83rem ,100vh);
    background:url(../images/top/bg_f_room.svg) no-repeat center / cover;
    padding:23rem 0 7rem;
    border-radius:0 0 10rem 10rem;
    overflow:hidden;
}

.ar_business .f_view {
    padding-top:13rem;
    background:url(../images/top/bg_f_business.svg) no-repeat center / cover;
}

.f_view_inner {
    width:100%;
    max-width:120rem;
    padding:0 5rem;
    margin:0 auto;
}

.f_title {
    width:51.8%;
    max-width:53rem;
    padding-right:5rem;
}

.f_slide {
    width:48.2%;
    max-width:53rem;
}

.ar_business .f_title {
    padding-right:0;
}

.f_title h1 {
    font-size:3.8rem;
    font-weight:700;
    color:var(--blueblack);
    letter-spacing: 0.01em;
    line-height:1.75;
    margin-bottom:0.35em;
}

.ar_business .f_title h1 {
    line-height:1.5;
    margin-bottom:0.5em;
}

.f_title h1 span {
    font-size:2.9rem;
}
.f_title h1 strong {
    font-size:5rem;
    /*color:#fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--maincolor);*/
    position:relative;
}
#f_room .f_title h1 strong {
    color: #164472;
}
#f_business .f_title h1 strong {
    color: #258125;
}

.ar_business .f_title h1 strong {
    line-height:1.75;
}

.f_title h1 strong::after {
    content:"";
    display: block;
    width:100%;
    height:0.2em;
    background:url(../images/top/border_naminami.svg) no-repeat bottom center / contain;
    position:absolute;
    left: 0;
    bottom:-0.1em;
}

.f_link_wrap {
    max-width:48rem;
}

.f_link {
    width:48%;
    margin-bottom:2rem;
}

.f_link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    min-height:16.7rem;
    background:#fff;
    border-radius:3rem;
    box-shadow: .3rem .3rem 0 var(--maincolor);
    padding:2rem 2rem;
    position: relative;
}

.f_link a::after {
    content:"";
    display: block;
    width:2.4rem;
    height:2.4rem;
    background:url(../images/common/arrow_maru.svg) no-repeat center / contain;
    position:absolute;
    right:2rem;
    bottom:2rem;
}

.f_link a:hover {
    opacity: 1!important;
    background:var(--yellowcolor);
}

.f_link a h3 {
    color:var(--blueblack);
    font-size:1.5rem;
    letter-spacing: 0.01em;
    font-weight:500;
    text-align: center;
    line-height: 1.5;
}

.f_link a h3 span {
    font-weight:700;
    font-size:2.2rem;
    display: block;
}

.f_link a h3::before {
    content:"";
    display: block;
    height:5.7rem;
    margin:0 auto 0.5rem;
}

.f_link a .f_link_room::before {
    width:6.1rem;
    background:url(../images/top/illust_room.svg) no-repeat bottom center / contain;
}

.f_link a .f_link_area::before {
    width:6.2rem;
    background:url(../images/top/illust_area.svg) no-repeat bottom center / contain;
}

.f_link a .f_link_line::before {
    width:6.9rem;
    background:url(../images/top/illust_line.svg) no-repeat bottom center / contain;
}

.f_link a .f_link_map::before {
    width:3rem;
    background:url(../images/top/illust_map.svg) no-repeat bottom center / contain;
}

.f_link a .f_link_building::before {
    width:5.4rem;
    background:url(../images/top/illust_building.svg) no-repeat bottom center / contain;
}

/*-------------------------------
    f slide
-------------------------------*/

.f_slide {
    position:relative;
    padding-bottom:3rem;
}

.ar_business .f_slide {
    margin-top:8rem;
}

.f_slide .swiper-pagination {
    bottom:0;
}

.f_slide .swiper-pagination-bullet {
    width:5.8rem;
    border-radius:0;
    height:0.4rem;
    margin:0 2.5%!important;
    background:#fff;
    opacity:1;
}

.f_slide .swiper-pagination-bullet-active {
    background:var(--maincolor);
}

.f_slide .swiper {
    overflow: hidden;
    border-radius:5rem;
    border:1rem solid #fff;
    box-shadow: .3rem .3rem var(--maincolor);
}

.f_slide .swiper div.swiper-slide {
    cursor: default;
}

.f_slide .illust_tree01 {
    right:-4.5rem;
    bottom:-2.5rem;
}

.f_slide .illust_family01 {
    left:-6rem;
    bottom:-6rem;
}

.f_slide .illust_tree02 {
    right:-2.5rem;
    bottom:-0.5rem;
}

.f_slide .illust_businessman01 {
    left:-6rem;
    bottom:-6rem;
}

/*-------------------------------
    search
-------------------------------*/

.sec_search {
    overflow: visible;
}

.sec_search .inner {
    padding-top:16rem;
    padding-bottom:8rem;
    position:relative;
}

.illust_wrap02 .illust_tree01 {
    top:-5.5rem;
    left: -1rem;
}

.illust_wrap02 .illust_family02 {
    left:10rem;
    top:6rem;
}

.illust_wrap06 .illust_tree03 {
    top:-8rem;
    left: -1rem;
}

.illust_wrap06 .illust_businessman02{
    top:10rem;
    right: 6rem;
}

.search_wrap {
    justify-content: space-between;
    position:relative;
}

.search_line_wrap {
    width:22.3%;
    max-width:24.5rem;
    position:relative;
    z-index: 1;
}

.search_line {
    width:100%;
    height:100%;
    background:#65B1E8;
    border-radius:1rem;
    padding:1.5rem 2rem 3rem;
    position:relative;
    z-index: 1;
}

.ar_business .search_line {
    background:#C3CE58;
}

.search_line h3 {
    font-weight:500;
    font-size:1.6rem;
    letter-spacing: 0.01em;
    line-height:1.25;
    color:#fff;
    text-align: center;
    margin-bottom:1.75em;
}

.search_line h3 span {
    color:#fff;
    font-size:2rem;
}

.search_line h3::before {
    content:"";
    display: block;
    width:8.6rem;
    height:8.6rem;
    margin:0 auto 1rem;
}

.search_line .s_lifestyle::before {
    background:url(../images/top/s_lifestyle.svg) no-repeat center / contain;
}

.search_line .s_price::before {
    background:url(../images/top/s_price.svg) no-repeat center / contain;
}

.search_line .s_equipment::before {
    background:url(../images/top/s_equipment.svg) no-repeat center / contain;
}

.search_line .s_years::before {
    background:url(../images/top/s_years.svg) no-repeat center / contain;
}

.search_line .s_store::before {
    background:url(../images/top/s_store.svg) no-repeat center / contain;
}

.search_line .s_buy::before {
    background:url(../images/top/s_buy.svg) no-repeat center / contain;
}

.search_line .s_land::before {
    background:url(../images/top/s_land.svg) no-repeat center / contain;
}

.search_tag_list li:nth-of-type(n+4) {
    display:none;
}

.search_tag_list li:not(:last-of-type) {
    margin-bottom:1rem;
}

.search_tag_list .btn {
    padding:0 3.5rem 0 2.5rem;
    text-align: center;
    box-shadow: none;
}

.search_tag_list .btn::after {
    right:1.2rem;
}

.search_tag_list .btn span {
    font-size:1.6rem;
}

.search_btn_wrap .btn {
    margin:6.5rem auto 10rem;
}

.search_btn_wrap .btn::after {
    transform:rotate(90deg);
    transition:transform .3s;
}

.search_btn_wrap .btn.open::after {
    transform:rotate(-90deg);
}

.search_wrap .illust_yukinyan03 {
    right:11.5rem;
    top:-12.5rem;
}

.search_wrap .illust_yukinyan01 {
    left:9.5rem;
    top:-13.5rem;
}

/*-------------------------------
    two block
-------------------------------*/

.two_block_line {
    width:48.2%;
    max-width:53rem;
}

.two_block {
    width:100%;
    display: block;
    border-radius: 0 0 0 2rem;
    box-shadow:0 0 1rem rgba(0,0,0,0.16);
    overflow:hidden;
}

.two_block:hover {
    opacity: 1!important;
}

.two_block_line h4,
.featured_link h4 {
    text-align: center;
    margin-bottom:0.75em;
}

.two_block_line h4 span,
.featured_link h4 span {
    font-size:2.5rem;
    letter-spacing: 0.06em;
    font-weight:700;
    color:var(--maincolor);
    display: inline-block;
}

.two_block_line h4 span::before,
.two_block_line h4 span::after,
.featured_link h4 span::before,
.featured_link h4 span::after {
    content:"";
    display: inline-block;
    width:1.25em;
    height:2px;
    background:var(--maincolor);
    transform:translate(-0.2em,-0.28em) rotate(45deg);
    transform-origin: center;
}

.two_block_line h4 span::after,
.featured_link h4 span::after {
    transform:translate(0rem,-0.28em) rotate(-45deg);
}

.two_txt {
    border:1px solid #65B1E8;
    background:linear-gradient(-90deg,rgba(101, 177, 232, 1) 0%, rgba(101, 177, 232, 1) 50%,rgba(229, 241, 248, 1) 70%,rgba(229, 241, 248, 1) 100%);
    background-position: 100% 50%;
    background-size: 200% auto;
    border-radius: 0 0 0 2rem;
    padding:1em 5.5rem 1em 4rem;
    position:relative;
    transition:background .3s;
}

.ar_business .two_txt {
    border:none;
    background:linear-gradient(-90deg,rgba(190, 209, 95, 1) 0%, rgba(190, 209, 95, 1) 50%, rgba(241, 252, 194, 1) 100%);
    background-position: 100% 50%;
    background-size: 200% auto;
}

/* firefoxのみ */
@-moz-document url-prefix() {

.ar_business .two_txt {
    min-height:11.3rem;
}

.ar_business .two_block_line:last-of-type .two_txt h3::before{
    margin-bottom:1.5em;
}

} /* end firefox */



.two_txt::after {
    content:"";
    display: block;
    width:2.4rem;
    height:2.4rem;
    border-radius: 50%;
    background:url(../images/common/arrow_maru_blue.svg) no-repeat center / contain;
    position:absolute;
    right:3rem;
    top:0;
    bottom:0;
    margin:auto 0;
}

.two_txt h3 {
    color:#fff;
    font-size:2.5rem;
    font-weight:700;
    letter-spacing: 0.06em;
    transition:var(--transition);
}

.two_txt h3::before {
    content:attr(data-en);
    display: block;
    font-size:1.4rem;
    font-weight:400;
    letter-spacing: 0.2em;
    margin-bottom:0.5em;
}

.two_txt h3 span {
    font-size:1.8rem;
    color:#fff;
    font-weight:700;
    letter-spacing: 0.06em;
    transition:var(--transition);
}

.two_block figure {
    width:100%;
    height:20.3rem;
}

.two_block:hover .two_txt {
    background-position: 0% 50%;
}

.two_block:hover .two_txt::after {
    border:1px solid var(--maincolor);
}

.two_block:hover .two_txt h3,
.two_block:hover .two_txt h3 span {
    color:var(--maincolor);
}

/*-------------------------------
    sec contact
-------------------------------*/

.sec_contact {
    padding-top:max(14rem,10.25vw);
    padding-bottom:max(24.5rem , 18vw);
    position:relative;
}

.sec_contact::before {
    content:"";
    display: block;
    width:100%;
    min-width:133.6rem;
    height:max(24.1rem , 17.7vw);
    background:url(../images/top/bg_contact_nami.svg) no-repeat center bottom / contain;
    position:absolute;
    left:0;
    top:0;
}

.ar_business .sec_contact::before {
    background:url(../images/top/bg_contact_nami_green.svg) no-repeat center bottom / contain;
}

.sec_contact::after {
    content:"";
    display: block;
    width:100%;
    height:calc(100% - 24rem);
    background:#C7E9FF;
    position:absolute;
    bottom:0;
    left:0;
    z-index: -1;
}

.ar_business .sec_contact::after {
    background:#E3E7B7;
}

@media screen and (min-width:1366px) {

.sec_contact::after {
    height:calc(100% - 17.7vw);
}
} /* end over 1366px */

.sec_contact .inner {
    position:relative;
}

.h_line_wrap {
    position:relative;
    text-align: center;
    margin-bottom:8rem;
}

.h_line_wrap::before {
    content:"";
    display: block;
    width:100%;
    height:1px;
    background:var(--maincolor);
    position:absolute;
    left:0;
    top:0.75em;
    bottom:0;
    margin:auto 0;
}

.h_line {
    position:relative;
}

.h_line::before,
.h_line::after {
    content:"";
    display: block;
    width:.8rem;
    height:.8rem;
    background:var(--maincolor);
    border-radius: 50%;
    position:absolute;
    left:0;
    top:0.75em;
    bottom:0;
    margin:auto 0;
}

.h_line::after {
    left:auto;
    right:0;
}

.h_line span {
    font-size:2.6rem;
    letter-spacing: 0.01em;
    font-weight:700;
    color:var(--maincolor);
    background:#C7E9FF;
    padding:0 1.5em;
}

.ar_business .h_line span {
    background:#E3E7B7;
}

.h_line strong {
    font-size:4rem;
    position:relative;
    font-weight:700;
    margin:0 0.25em;
}

.h_line strong::before,
.h_line strong::after {
    content:"";
    display: block;
    width:100%;
    height:.8rem;
    position:absolute;
    left: 0;
}

.h_line strong::before {
    background:url(../images/common/dotted.svg) no-repeat center / contain;
    top:-0.125em;
}

.ar_business .h_line strong::before {
    background:url(../images/common/dotted02.svg) no-repeat center / contain;
}

.h_line strong::after {
    background:url(../images/common/border_naminami_blue.svg) repeat-x left center / contain;
    bottom:-0.125em;
}

.contact_tel_wrap {
    padding-right:2rem;
    width:39.6%;
}

.contact_mail_wrap {
    border-left:1px solid var(--blueblack);
    padding-left:3rem;
    width:60.4%;
}

.ar_business .contact_mail_wrap {
    max-width:34rem;
}

.contact_tel {
    font-size:4.8rem;
    font-family: var(--en);
    font-weight:700;
    line-height:1.25;
    color:var(--blueblack);
}

.contact_tel::before {
    content:attr(data-tag);
    display: inline-block;
    font-size:2.5rem;
}

.contact_tel_hours p {
    line-height:1.25;
    letter-spacing: 0.01em;
    font-size:1.8rem;
    font-weight:500;
    color:var(--blueblack);
}

.contact_mail_wrap .btn_white span {
    font-size:1.6rem;
}

.contact_bottom .btn {
    max-width:53rem;
    height:8rem;
    border-radius: 4rem;
    margin:8rem auto 1rem;
}

.contact_bottom .btn span {
    font-size:2.4rem;
}

.contact_bottom .icon_shop::before {
    background-image:url(../images/common/icon_shop.svg);
    width:5.2rem;
    height:5.2rem;
    left: 1.6rem;
}

.sec_contact .illust_stroll01 {
    right:17rem;
    top:-13.5rem;
}

.sec_contact .illust_stroll02 {
    right:7rem;
    top:-12.5rem;
}

/*-------------------------------
    ar illust bottom
-------------------------------*/

.ar_illust_bottom {
    /* margin-top:-19.3rem; */
    margin-top:min(-19.3rem , -14.13vw);
    position:relative;
    width:108.2%;
    left:calc(3.5rem / 136.6rem * -100%);
    min-width:147.7rem;
}

.ar_illust_bottom::before {
    content:"";
    display: block;
    width:100%;
    height:48%;
    background:#D2DD6C;
    position:absolute;
    left:0;
    bottom:0;
    z-index: -1;
}

.ar_business .ar_illust_bottom::before {
    background:#FFF7D3;
}

.ar_illust_bottom .illust {
    width:100%;
    position:absolute;
    left:0;
}

.illust_cloudline01 {
    top:max(4.2rem, 3vw);
}

.illust_cloudline02 {
    top:max(1.5rem,1.1vw);
}

.illust_carline01 {
    bottom:max(4rem, 2.93vw);
}

.illust_carline02 {
    bottom:max(2.5rem,1.83vw);
}

/*-------------------------------
    featured
-------------------------------*/

.ar_featured {
    background:#FFF7D3;
    padding-bottom:11rem;
}

.featured_flex {
    padding-top:3rem;
}

.featured_txt {
    width:44%;
    padding-right:3rem;
    margin-top:10rem;
    max-width:47rem;
}

.h_ribon {
    text-align: center;
    position:relative;
    margin-bottom:1.75em;
    left:-3em;
}

.h_ribon span {
    font-size:2.5rem;
    font-weight:700;
    letter-spacing: 0.06em;
    color:#fff;
    display: inline-block;
    width:24rem;
    padding:0.35em 0 0.5em;
    position:relative;
}

.h_ribon::before {
    content:"";
    display: block;
    width:24rem;
    height:5.8rem;
    background:url(../images/top/bg_ribon.svg) no-repeat center / contain;
    position:absolute;
    left:0;
    top:0;
    right:0;
    margin:0 auto;
}

.featured_txt h2 {
    font-size:2.8rem;
    letter-spacing: 0.06em;
    font-weight:700;
    color:#FF8752;
    line-height:1.4285;
    margin-bottom:1.25em;
}

.featured_txt p {
    line-height:2.25;
    font-weight:500;
}

.featured_txt .btn {
    margin-top:3rem;
}

.featured_map {
    width:56%;
    max-width:53rem;
    position:relative;
}

.featured_map_img {
    position:relative;
    z-index: 1;
}

.featured_map .illust_yukinyan02 {
    transform:rotate(33deg) translate(-10rem,0);
    right:6.8rem;
    bottom:3.5rem;
    z-index: 0;
}

.featured_map .illust_yukinyan02.scrollin {
    transform:rotate(33deg) translate(0rem,0);
}

/*-------------------------------
    featured link
-------------------------------*/

.featured_link {
    margin-top:11rem;
    border-radius:3rem;
    background:#fff;
    overflow: hidden;
    padding:3.5rem 5.5rem 0rem;
}

.featured_link h4 {
    margin-bottom:2em;
}

/*-------------------------------
    three block
-------------------------------*/

.three_block_line {
    width:32%;
    max-width:28.5rem;
    margin-bottom:4rem;
}

.three_block_line .two_txt {
    padding:1em 3.5rem 1.5em;
    text-align: center;
    border:none;
    background:linear-gradient(-90deg,rgba(248, 189, 38, 1) 0%, rgba(248, 189, 38, 1) 50%, rgba(255, 241, 204, 1) 100%);
    background-position: 100% 50%;
    background-size: 200% auto;
}

.three_block_line .two_txt::after {
    top:1.6rem;
    right:2rem;
}

.three_block_line .two_txt.link_tab::after {
    border-radius: 0;
    border:none;
    background:url(../images/common/icon_tab_white.svg) no-repeat center / contain;
}

.three_block_line .two_block:hover .two_txt.link_tab::after {
    background:url(../images/common/icon_tab.svg) no-repeat center / contain;
}

.three_block_line .two_txt h3 {
    font-size:2rem;
    text-align: center;
}

.three_block_line .two_txt h3::before {
    font-size:1.1rem;
    margin-bottom:1em;
}

.three_bottom {
    padding-top:1em;
}

.three_bottom p {
    line-height:1.875;
    text-align: center;
}


/*-------------------------------
    news
-------------------------------*/

.sec_news {
    padding:15rem 0 10rem;
}

/*-------------------------------
    responsive
-------------------------------*/

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

/*-------------------------------
    f view
-------------------------------*/

.f_title {
    max-width:100%;
}

.f_link a h3 {
    font-size:1.7rem;
}

.f_link a h3 span {
    font-size:2.6rem;
}

/*-------------------------------
    two block
-------------------------------*/

.two_txt h3::before {
    font-size:1.6rem;
}

/*-------------------------------
    search
-------------------------------*/

.search_line h3 {
    font-size:1.7rem;
}

.search_line h3 span {
    font-size:2.2rem;
}

.search_line {
    padding:1.5rem 1.2rem 3rem;
}

.search_tag_list .btn {
    padding:0 3.2rem 0 2rem;
}

.search_tag_list .btn span {
    font-size:1.8rem;
}

/*-------------------------------
    sec contact
-------------------------------*/

.contact_mail_wrap .btn_white span {
    font-size:1.8rem;
}

.h_line::before,
.h_line::after {
    width:1.2rem;
    height:1.2rem;
}

/*-------------------------------
    featured
-------------------------------*/

.featured_txt,
.featured_map {
    max-width:100%;
}

.featured_txt {
    width:51.8%;
}

.featured_map {
    width:48.2%;
}

/*-------------------------------
    featured link
-------------------------------*/

.featured_link {
    padding:3.5rem 4.5rem 0;
}
/*-------------------------------
    three block
-------------------------------*/

.three_block_line {
    max-width:100%;
}

.three_block_line .two_txt h3::before {
    font-size:1.3rem;
}

} /* end 960px */

/*-------------------------------
    ver sp
-------------------------------*/

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

.inner {
    max-width:100%;
    padding: 0 6rem;
}

/*-------------------------------
    ar miyuki
-------------------------------*/

.ar_miyuki::before {
    top:140rem;
    background:url(../images/top/bg_ar_room_sp.svg) no-repeat center / cover;
}

.ar_business::before {
    background:url(../images/top/bg_ar_business_sp.svg) no-repeat center / cover;
}

/*-------------------------------
    f view
-------------------------------*/

.f_view {
    width:100%;
    height:auto;
    max-height:100%;
    background:url(../images/top/bg_f_room_sp.svg) no-repeat center / cover;
    padding:13rem 0 7.5rem;
    border-radius:0 0 5rem 5rem;
    margin-top:7rem;
}

.ar_business .f_view {
    padding-top:7rem;
    margin-top:0;
    background:url(../images/top/bg_f_business_sp.svg) no-repeat center / cover;
}

.f_view_inner {
    width:100%;
    max-width:100%;
    padding:0;
    margin:0 auto;
}

.f_title {
    width:100%;
    max-width:100%;
    padding:0 6rem;
}

.f_slide {
    width:100%;
    max-width:100%;
    padding:0 2rem;
    order:-1;
}

.ar_business .f_title {
    padding-right:6rem;
    position:relative;
}

.f_title h1 {
    font-size:5rem;
    margin-bottom:0.35em;
}

.ar_business .f_title h1 {
    line-height:1.5;
    margin-bottom:1em;
}

.f_title h1 span {
    font-size:4rem;
}

.f_title h1 strong {
    font-size:6.6rem;
    /*-webkit-text-stroke-width: .2rem;*/
    /*-webkit-text-stroke-color: var(--maincolor);*/
}

.ar_business .f_title h1 strong {
    line-height:1.75;
}

.f_link_wrap {
    max-width:100%;
}

.f_link {
    width:47.7%;
    margin-bottom:2.5rem;
}

.f_link a {
    min-height:22rem;

}

.f_link a::after {
    width:3.2rem;
    height:3.2rem;
    right:2.5rem;
    bottom:2.5rem;
}

.f_link a h3 {
    font-size:2.4rem;
}

.f_link a h3 span {
    font-size:3.8rem;
}

.f_link a h3::before {
    height:7.5rem;
    margin:0 auto 0;
}

.f_link a .f_link_room::before {
    width:8.1rem;
}

.f_link a .f_link_area::before {
    width:8.1rem;
}

.f_link a .f_link_line::before {
    width:9rem;
}

.f_link a .f_link_map::before {
    width:4rem;
}

.f_link a .f_link_building::before {
    width:7.4rem;
}

.ar_business .f_title .illust_tree02 {
    right:3rem;
    top:27rem;
}

/*-------------------------------
    f slide
-------------------------------*/

.f_slide {
    position:relative;
    padding-bottom:6.5rem;
    margin-bottom:6rem;
}

.ar_business .f_slide {
    margin-top:0rem;
}

.f_slide .swiper-pagination-bullet {
    width:6.8rem;
    height:0.5rem;
    margin:0 2.25%!important;
}

.f_slide .illust_businessman01 {
    left:-6rem;
    bottom:-6rem;
}

/*-------------------------------
    search
-------------------------------*/

.sec_search {
    overflow: visible;
}

.sec_search .inner {
    padding-top:12rem;
    padding-bottom:11rem;
}

.illust_wrap02 .illust_tree01 {
    top:-6.5rem;
    left: 3rem;
}

.illust_wrap02 .illust_family02 {
    left:7rem;
    top:8rem;
}

.illust_wrap02 .illust_family01 {
    right:8.5rem;
    top:-5rem;
}

.illust_wrap06 .illust_tree03 {
    top:-12rem;
    left: 6rem;
}

.illust_wrap06 .illust_businessman02{
    top:8rem;
    right: 1.5rem;
}

.illust_wrap06 .illust_businessman01{
    top:-5.5rem;
    right: 18rem;
}

.search_line_wrap {
    width:100%;
    max-width:100%;
    margin-bottom:13.5rem;
}

.search_line {
    height:auto;
    border-radius:2rem;
    padding:6rem 5rem 6rem;
}

.search_line h3 {
    font-size:2.8rem;
    margin-bottom:1.75em;
    text-align: left;
    padding-left:16rem;
    position:relative;
}

.search_line h3 span {
    font-size:3.8rem;
}

.search_line h3::before {
    width:11rem;
    height:11rem;
    margin:0;
    position:absolute;
    left:3.5rem;
    top:0;
    bottom:0;
    margin:auto 0;
}

.search_tag_list li:not(:last-of-type) {
    margin-bottom:2rem;
}

.search_tag_list .btn {
    max-width:100%;
    padding:0 7rem 0 6rem;
    text-align: center;
    box-shadow: none;
}

.search_tag_list .btn::after {
    right:3rem;
}

.search_tag_list .btn span {
    font-size:3rem;
}

.search_btn_wrap .btn {
    margin:6rem auto 0rem;
}

.search_wrap .illust_yukinyan03 {
    right:-4rem;
    top:-16rem;
}

.search_wrap .illust_yukinyan01 {
    left:-2.5rem;
    top:-17.5rem;
}

/*-------------------------------
    two block
-------------------------------*/

.two_block_line {
    width:100%;
    max-width:100%;
}

.two_block_line:not(:last-of-type) {
    margin-bottom:7.2rem;
}

.two_block_line h4,
.featured_link h4 {
    text-align: center;
    margin-bottom:0.75em;
}

.two_block_line h4 span,
.featured_link h4 span {
    font-size:3.6rem;
}

.two_txt {
    padding:0.75em 6rem 0.75em 5rem;
}

.two_txt::after {
    width:3rem;
    height:3rem;
    right:3rem;
}

.two_txt h3 {
    font-size:3.6rem;
}

.two_txt h3::before {
    font-size:2rem;
}

.two_txt h3 span {
    font-size:2.8rem;
}

.two_block figure {
    height:24.2rem;
}

.ar_business .two_block_line:nth-of-type(2) .two_txt {
    padding:1.25em 6rem 1.25em 5rem
}

/* firefoxのみ */
@-moz-document url-prefix() {

.ar_business .two_txt {
    min-height:auto;
}

.ar_business .two_block_line:last-of-type .two_txt h3::before{
    margin-bottom:0.5em;
}

} /* end firefox */

/*-------------------------------
    sec contact
-------------------------------*/

.sec_contact {
    padding-top:15.3rem;
    padding-bottom:24rem;
}

.sec_contact::before {
    width:100%;
    min-width:auto;
    height:13.3rem;
}

.sec_contact::after {
    height:calc(100% - 13.2rem);
}

.h_line_wrap {
    margin-bottom:6rem;
}

.h_line_wrap::before {
    height:.2rem;
    top:2.65em;
}

.h_line::before,
.h_line::after {
    width:.9rem;
    height:.9rem;
    top:2.65em;
}

.h_line span {
    font-size:2.8rem;
    padding:0 0.75em;
    line-height:2;
    display: inline-block;
}

.h_line strong {
    font-size:4.2rem;
    margin:0 0.25em 0 0;
}

.h_line strong::before,
.h_line strong::after {
    height:.9rem;
}

.contact_tel_wrap {
    padding-right:0;
    width:100%;
    text-align: center;
    margin-bottom:8rem;
}

.contact_mail_wrap {
    border-left:none;
    padding-left:0;
    width:100%;
    display: block;
    margin-bottom:3rem;
}

.ar_business .contact_mail_wrap {
    max-width:100%;
}

.contact_tel {
    font-size:7.8rem;
    line-height:1;
}

.contact_tel::before {
    font-size:4rem;
    padding-right:0.25em;
}

.contact_tel_hours p {
    font-size:2.8rem;
}

.contact_mail_wrap .btn_white {
    margin:0 auto 3.5rem;
}

.contact_mail_wrap .btn_white span {
    font-size:2.8rem;
}

.contact_bottom .btn {
    max-width:100%;
    height:13rem;
    border-radius: 6.5rem;
    margin:0rem auto;
}

.contact_bottom .btn span {
    font-size:3.4rem;
}

.contact_bottom .icon_shop::before {
    width:8.1rem;
    height:8.1rem;
    left: 3rem;
}

.sec_contact .illust_stroll01 {
    right:3rem;
    top:-14.5rem;
}

.sec_contact .illust_stroll02 {
    right:4.5rem;
    top:-15rem;
}

/*-------------------------------
    ar illust bottom
-------------------------------*/

.ar_illust_bottom {
    margin-top:-17rem;
    position:relative;
    width:197%;
    left:calc(36.5rem / 75rem * -100%);
    min-width:147.7rem;
}

.illust_cloudline01 {
    top:4.2rem;
}

.illust_cloudline02 {
    top:1.5rem;
}

.illust_carline01 {
    bottom:4rem;
}

.illust_carline02 {
    bottom:2.5rem;
}

/*-------------------------------
    featured
-------------------------------*/

.ar_featured {
    padding-bottom:10rem;
}

.featured_flex {
    padding-top:6rem;
}

.featured_txt {
    width:100%;
    padding-right:0rem;
    margin-top:0rem;
    max-width:100%;
    margin-bottom:8.5rem;
}

.h_ribon {
    left:auto;
}

.h_ribon span {
    font-size:3.6rem;
    width:33rem;
}

.h_ribon::before {
    width:33rem;
    height:8.1rem;
}

.featured_txt h2 {
    font-size:4rem;
    text-align: center;
}

.featured_txt .btn {
    margin:5rem auto 0;
}

.featured_map {
    width:100%;
    max-width:100%;
    position:relative;
}

.featured_map .illust_yukinyan02 {
    transform:rotate(33deg) translate(-20rem,0);
    right:8.8rem;
    bottom:7.5rem;
    z-index: 0;
}

.featured_map .illust_yukinyan02.scrollin {
    transform:rotate(33deg) translate(0rem,0);
}

/*-------------------------------
    featured link
-------------------------------*/

.featured_link {
    margin-top:11rem;
    border-radius:3rem;
    background:#fff;
    overflow: hidden;
    padding:5.5rem 6rem 7rem;
}

.featured_link h4 {
    margin-bottom:2em;
}

/*-------------------------------
    three block
-------------------------------*/

.three_block_line {
    width:100%;
    max-width:100%;
    margin-bottom:0rem;
}

.three_block_line:not(:last-of-type) {
    margin-bottom:9rem;
}

.three_block_line .two_txt {
    padding:1em 3.5rem 1.5em;
}

.three_block_line .two_txt::after {
    top:3.2rem;
    right:4rem;
    width:4.2rem;
    height:4.2rem;
}

.three_block_line .two_txt.link_tab::after {
    width:3.2rem;
    height:3.5rem;
}

.three_block_line .two_txt h3 {
    font-size:3.6rem;
}

.three_block_line .two_txt h3::before {
    font-size:2rem;
    margin-bottom:1em;
}

.three_bottom {
    padding-top:1em;
}

/*-------------------------------
    news
-------------------------------*/

.sec_news {
    padding:10rem 0 5rem;
}

} /* end 768px */