@charset "utf-8";
html{
    font-size: 62.5%;
}
body{
    background-color: #fff;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium",
        "Yu Gothic Medium", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-size: 1.4rem;
    line-height: 1.57;
    color: #000;
}
.f_en{
    font-family: "Open Sans";
}
.f_en_b {
    font-family: "Open Sans";
    font-weight: 600;
}
.wrapper{
    width: 100%;
    overflow: hidden;
}
/* -------------------------
共通
------------------------- */
/* デバイスごとの表示・非表示 */
.dn-pc{
    display: none !important;
}
.dn-sp {
    display: block !important;
}
.df-sp {
    display: flex !important;
}
.di-sp{
    display: inline !important;
}
.di-pc{
    display: none !important;
}
main{
    width: 100%;
    padding-top: 120px;
    /* 固定ヘッダーのパディング */
}
.cm_inner{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}
/* ホバー */
a:hover{
    color: #306bac;
    border-color: #306bac !important;
}
/* 借りたい色 */
.cm_tenants_bg{
    background: #306bac !important;
}
.cm_tenants_txt{
    color: #306bac !important;
}
/* 貸したい色 */
.cm_owner_bg{
    background: #b12d2d !important;
}
.cm_owner_txt{
    color: #b12d2d !important;
}
/* 渡辺住研の色 */
.cm_juken_bg{
    background: #666;
}
/* TOP　サブタイトル */
.cm_top_sub_title{
    width: 100%;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}
.cm_top_sub_title span{
    border-bottom: 2px solid #000;
}
/* > のマーカー */
.cm_mk {
    display: inline-block;
    -webkit-transform: scale(0.6, 1);
    -moz-transform: scale(0.6, 1);
    transform: scale(0.6, 1);
}
/* セクション */
.sec{
    width: 100%;
    padding: 60px 0;
}
/* グレー背景 */
.bg_gray{
    background: #F4F4F4;
}
/* ボタン */



/* 調整用追加CSS
--------------------------------- */


/*可変画像*/
img.flexible {
    width: 100%;
}
/*画像透過*/
a.imgHover:hover{
  opacity:0.5;
  transition: opacity 0.5s ease;
}



/* -------------------------
 TOP
------------------------- */
/* ヘッダー */
.header{
    width: 100%;
    height: 120px;
    padding: 20px 20px 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.header_nav{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.header_logo{
    width: 260px;
    margin-top: 10px;
}
.header_logo > a{
    display: block;
    width: 100%;
    height: 100%;
}
.header_logo > a > img{
    display: block;
    width: 100%;
}
/* ヘッダーメニュー上段 */
.header_nav_menu_box{
}
.header_nav_contact{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
}
.header_nav_contact li:first-child{
    margin-right: 16px;
}
.header_nav_contact_tenants{
    display: block;
    width: 160px;
    height: 40px;
    color: #fff;
    background: #306bac;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.header_nav_contact_owner {
    display: block;
    width: 160px;
    height: 40px;
    color: #fff;
    background: #b12d2d;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
}
.header_nav_contact a:hover{
    color: #fff;
    opacity: .7;
    transition: .5s;
}
/* ヘッダーメニュー下段 */
.header_nav_menu{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.header_nav_menu > li {
    height: 100%;
}
.header_nav_menu > li > a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.header_nav_menu > li > a:hover{
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
}
/* ドロワー */
.header_nav_menu_dd{
    width: 100%;
    height: 260px;
    color: #fff;
    position: absolute;
    top: 120px;
    left: 0;
    display: none;
    overflow: hidden;
}
.header_nav_menu_dd_wrap{
    width: 1100px;
    margin: 0 auto;
    display: flex;
}
.header_nav_menu_dd_l{
    width: 300px;
    height: 100%;
    padding: 35px 50px 50px;
    background: url(../img/nav_tenants_bg.jpg) no-repeat center center;
    background-size: cover;
    margin-right: 40px;
}
.header_nav_menu_dd_l h2{
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 28px;
}
.header_nav_menu_dd_l p{
    line-height: 1.7;
    margin-bottom: 25px;
}
.header_nav_menu_dd_l_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 200px;
    height: 50px;
    font-weight: 600;
    background: #fff;
    border-radius: 3px;
    line-height: 1;
    padding: 19px 15px 15px;
}
.header_nav_menu_dd_l_btn:hover{
    opacity: .7;
    transition: .5s;
}
.header_nav_menu_dd_r{
    display: flex;
    padding-top: 45px;
}
.header_nav_menu_dd_r_search{
    min-width: 140px;
    margin-right: 52px;
}
.header_nav_menu_dd_r_search dt{
    margin-bottom: 28px;
    line-height: 0.9;
    display: flex;
    align-items: center;
    gap: 10px;
}
.header_nav_menu_dd_r_search dd {
    height: 35px;
}
.header_nav_menu_dd_r_service{
    width: 450px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 82px;
}
.header_nav_menu_dd_r_service dt{
    width: 100%;
    margin-bottom: 30px;
    line-height: 0.9;
    display: flex;
    align-items: center;
    gap: 10px;
}
.header_nav_menu_dd_r_service dd{
    width: calc(100% / 2);
    height: 35px;
}
/* ドロワーのホバー */
.header_nav_menu_tenants p,
.header_nav_menu_owner p{
    cursor: pointer;
}
.header_nav_menu_tenants .header_nav_menu_dd_r_search dd a,
.header_nav_menu_tenants .header_nav_menu_dd_r_service dd a {
    border-bottom: solid 1px #306bac;
}
.header_nav_menu_owner .header_nav_menu_dd_r_search dd a,
.header_nav_menu_owner .header_nav_menu_dd_r_service dd a {
    border-bottom: solid 1px #b12d2d;
}
.header_nav_menu_dd_r_search dd a:hover,
.header_nav_menu_dd_r_service dd a:hover{
    color: #fff !important;
    border-color:#fff !important;
}
/* ドロワーオープン */
.header_nav_menu_bdb{
    border-bottom: 1px solid #000;
}
/* ドロワーここまで */
.h-menu_box,
.h-menu_list {
    display: none;
}
/* メインコンテンツ */
.main{
    width: 100%;
}
/* メインビジュアル */
.top_main{
    width: 100%;
    min-height: 560px;
    max-height: 560px;
    position: relative;
}
.top_main_slider{
    width: 100%;
    height: 100%;
    max-height: 560px;
}
.top_main_slider img{
    display: block;
    min-height: 560px;
    max-height: 560px;
}
.top_main_info{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
}
.top_main_info_inner{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_main_info_copy,
.top_main_info_list{
    width: 49%;
    color: #fff;
}
.top_main_info_img{
    max-width: 480px;
    padding-right: 20px;
    margin-bottom: 15px;
}
.top_main_info_img img{
    display: block;
    width: 100%;
}
.top_main_info_copy h1{
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.625;
    text-shadow: 5px 0px 20px rgba(6, 69, 129, .8);
    margin-left: 20px;
}
.top_main_info_list{
    width: 100%;
    max-width: 542px;
    display: flex;
    justify-content: space-between;
}
.top_main_info_list li{
    width: 180px;
    height: 180px;
    background: rgba(48, 107, 172, .75);
    border-radius: 10px;
    padding: 30px 20px;
    margin-right: 1px;
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: center;
}
.top_main_info_list_hd{
    font-size: 2rem;
}
.top_main_info_list_strong{
    font-size: 3.4rem;
    margin-right: 5px;
}




/* MV直下のバナーセクション */
.top_bnner {
    text-align: center;
    padding: 20px 0;
    background: #dcebf8;
}
.top_bnner_inr {
    max-width: 1100px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (min-width: 900px) {
.top_bnner {
    padding: 30px 0;
}
.top_bnner_inr {
    padding: 0;
}
}



/* オープンメニュー */
.top_menu{
    width: 100%;
    background: #f0f6fb;
    padding: 64px 0 60px;
}
.top_menu_flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.top_menu_flex_items{
    width: 48%;
}
.top_menu_flex_items .cm_top_sub_title{
    margin-bottom: 28px;
}
.top_menu_flex_items .cm_tenants_txt span{
    border-bottom: 2px solid #306bac;
}
.top_menu_flex_items .cm_owner_txt span {
    border-bottom: 2px solid #b12d2d;
}
.top_menu_flex_items_txt{
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.top_menu_flex_items_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}
.top_menu_flex_items_list li{
    width: 32%;
    height: 100px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .1);
    text-align: center;
}
.top_menu_flex_items_list li a{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top_menu_tenants a:hover{
    border: 1px solid #306bac;
    color: #306bac;
    opacity: 1 !important;
}
.top_menu_owner a:hover {
    border: 1px solid #b12d2d !important;
    color: #b12d2d !important;
    opacity: 1 !important;
}
/* 買いたい／売りたい */
.top_menu_banner{
    width: 100%;
    height: 270px;
    background: #fff;
    border-radius: 6px;
    padding: 30px 30px 30px 50px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_menu_banner_l{
    width: 30%;
}
.top_menu_banner_l .cm_top_sub_title{
    margin-bottom: 22px;
}
.top_menu_banner_l p{
    text-align: center;
}
.top_menu_banner_r{
    width: 63%;
}
.top_menu_banner_r a:hover{
    opacity: .7;
    transition: .5s;
}
.top_menu_banner_r a img{
    display: block;
    width: 100%;
}
/* おすすめサービス */
.top_service{
    width: 100%;
    padding: 80px 0 60px;
}
.top_service_inner{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}
.top_service .cm_top_sub_title{
    margin-bottom: 80px;
}
.top_service_list{
    margin-bottom: 75px;
}
.top_service_slider{
    width: 100%;
    max-height: 320px;
}
.top_service_slider a{
    display: block;
    margin: 0 30px !important;
    border-radius: 6px;
    padding-bottom: 5px;
}
.top_service_slider a:hover{
    opacity: .7 !important;
    transition: .5s !important;
}
.top_service_slider a img{
    display: block;
    width: 100%;
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}
/* slickの設定 */
/* ボタン */
.top_service_slider .slick-dots{
    display: flex;
    position: absolute;
    bottom: -24px;
    justify-content: center;
    width: 100%;
}
.top_service_slider .slick-dots li{
    width: 10px;
    height: 10px;
}
.top_service_slider .slick-dots li button{
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    border-radius: 50%;
    background: #dddddd;
    cursor: pointer;
    white-space: nowrap;
}
.top_service_slider .slick-dots .slick-active button{
    background: #306bac;
}
.top_service_slider .slick-dots li button:before{
    display: none;
}
/* 矢印 */
.slick-prev,
.slick-next{
    display: block;
    z-index: 9;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 30px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
.slick-next{
    right: 140px;
}
.slick-prev{
    left: 140px;
}
.slick-prev:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/top_service_prev.png) no-repeat center center;
}
.slick-next:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/top_service_next.png) no-repeat center center;
}
/* active以外は透過 */
.top_service_slider a{
    opacity: .3;
}
.slick-active{
    opacity: 1 !important;
}
/* slackここまで */
.top_service_banner{
    width: 100%;
    margin: 0 auto;
}
.top_service_banner a{
    display: block;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.top_service_banner a:hover{
    opacity: .7;
    transition: .5s;
}
.top_service_banner a img{
    width: 100%;
}
/* 店舗紹介 */
.top_shop{
    width: 100%;
    background: #f0f6fb;
    padding: 80px 0 60px;
}
.top_shop .cm_top_sub_title{
    margin-bottom: 87px;
}
.top_shop_intro{
    width: 100%;
    text-align: center;
    margin-bottom: 44px;
}
.top_shop_list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px;
}
.top_shop_list_items{
    width: 23.6%;
}
.top_shop_list_items_img:hover{
    opacity: .7;
    transition: .5s;
}
.top_shop_list_items_img{
    display: block;
    width: 100%;
    margin-bottom: 16px;
}
.top_shop_list_items_img img{
    display: block;
    width: 100%;
}
.top_shop_list_items_name{
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #000;
    margin-bottom: 9px;
}
.top_shop_staffless{
    width: 100%;
    background: #fff;
    border-radius: 6px;
    padding: 30px 30px 30px 50px;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_shop_staffless_l{
    width: 42%;
}
.top_shop_staffless_l .cm_top_sub_title{
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 12px;
}
.top_shop_staffless_l_ad{
    margin-bottom: 20px;
}
.top_shop_staffless_l_ac{
    font-size: 1.3rem;
    line-height: 1.53;
    color: #306bac;
    text-indent: -1em;
    padding-left: 1em;
}
.top_shop_staffless_r{
    width: 54%;
    display: flex;
    justify-content: space-between;
}
.top_shop_staffless_r img{
    display: block;
    width: 32.8%;
}
/* お知らせ以下 */
.top_info{
    width: 100%;
    padding: 50px 0;
}
.top_info_news{
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 50px 0 60px;
    margin-bottom: 50px;
}
.top_info_tenants{
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.top_info_owner{
    width: 100%;
}
.top_info .cm_top_sub_title,
.top_info_tenants .cm_top_sub_title,
.top_info_owner .cm_top_sub_title{
    font-size: 2.6rem;
    text-align: left;
    margin-bottom: 55px;
}
.top_info_news_wrap{
    width: 100%;
    margin-bottom: 25px;
}
.top_info_news_wrap li{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.top_info_news_date{
    margin-right: 50px;
    width: 130px;
}
.top_info_news_cate{
    width: 120px;
    height: 25px;
    background: #f0f6fb;
    border-radius: 3px;
    color: #306bac;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}
.top_info_news_title{
    line-height: 1.8;
}
.top_info_news_title span{
    border-bottom: 1px solid #000;
}
.top_info_news_title:hover{
    color: #306bac;
}
.top_info_news_title:hover.top_info_news_title span{
    border-color: #306bac;
}
.top_info_news_link{
    width: 100%;
    text-align: right;
}
.top_info_news_link a{
    line-height: 1.8;
    border-bottom: 1px solid #000;
}
.top_info_list{
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}
.top_info_list li{
    width: 30%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.top_info_list_img{
    width: 110px;
    height: 110px;
}
.top_info_list_img a:hover{
    opacity: .7;
    transition: .5s;
}
.top_info_list_img img{
    display: block;
    width: 100%;
}
.top_info_list_txt{
    width: calc(100% - 20px - 110px);
}
.top_info_list_txt a{
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 1px solid #000;
    margin-bottom: 12px;
}
.top_info_contact{
    width: 100%;
    padding: 30px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_info_contact_tenants{
    border: 3px solid #306bac;
    color: #306bac;
}
.top_info_contact_owner {
    border: 3px solid #b12d2d;
    color: #b12d2d;
}
.top_info_contact_txt{
    display: flex;
    align-items: center;
    gap: 15px;
}
.top_info_contact_txt img{
    display: block;
    width: 60px;
}
.top_info_contact_btn{
    width: 460px;
    height: 60px;
    border-radius: 30px;
    background: #306bac;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 15px 32px 15px 20px;
    transition: .5s;
}
.top_info_contact_btn:hover{
    opacity: .7;
    transition: .5s;
    color: #FFF !important;
}
.top_info_contact_btn p:first-child{
    width: 150px;
    height: 30px;
    background: #fff;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: #306bac;
    line-height: 1;
    margin-right: 8px;
}
.top_info_contact_btn img{
    display: block;
    margin-left: auto;
}
/* フッター */
.footer{
    width: 100%;
}
.footer_inner{
    width: 100%;
    background: url(../img/footer_bg.jpg) no-repeat center center;
    display: flex;
    background-size: cover;
    justify-content: space-between;
    padding: 0 20px;
}
.footer_inner .cm_inner{
    padding: 60px 0 70px;
    display: flex;
    justify-content: space-between;
}
.footer_company{
    width: 32%;
}
.footer_company_logo{
    display: block;
    width: 245px;
    margin-bottom: 22px;
}
.footer_company_logo a:hover{
    opacity: .7;
    transition: .5s;
}
.footer_company_logo img{
    display: block;
    width: 100%;
}
.footer_company_ad{
    margin-bottom: 25px;
}
.footer_company_sns{
    width: 100%;
    display: flex;
}
.footer_company_sns a{
    width: 35px;
    height: 35px;
    margin-right: 5px;
}
.footer_company_sns a:hover{
    opacity: .7;
    transition: .5s;
}
.footer_company_sns a img{
    display: block;
    width: 100%;
}
/* フッターメニュー */
.footer_menu {
    width: 62.5%;
    display: flex;
    justify-content: space-between;
}
.footer_menu_home{
    font-weight: bold;
}
.footer_menu_home a:hover{
    color: #000 !important;
    border-bottom: 1px solid #000;
}
.footer_menu_list dt{
    font-weight: bold;
    margin-bottom: 20px;
}
.footer_menu_list dd{
    font-size: 1.3rem;
    line-height: 2;
}
.footer_menu_list dd a:hover{
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
}
.footer_banner{
    width: 100%;
    background: url(../img/footer_banner_bg.jpg);
}
.footer_banner_flex{
    display: flex;
    justify-content: space-between;
    padding: 40px 20px;
}
.footer_banner_flex a{
    display: flex;
    width: 24.5%;
}
.footer_banner_flex a:hover{
    opacity: .7;
    transition: .5s;
}
.footer_banner_flex img{
    display: block;
    width: 100%;
}
/* ページトップ */
.footer_page_top{
    display: block;
    width: 140px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_page_top:hover {
    color: #fff;
}
.footer_page_top img {
    height: 9px;
    margin-right: 8px;
}
/* コピーライト */
.footer_copy{
    width: 100%;
    background: #000;
}
.footer_copy .cm_inner {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.footer_copy small{
    font-size: 1.3rem;
}
/* -------------------------
下層共通
------------------------- */
/* ページタイトル */
.cm_p_main{
    width: 100%;
    height: 80px;
    background: url(../img/p_cm/p_title_bg.png) no-repeat center bottom;
    background-size: cover;
    display: flex;
    align-items: center;
}
.cm_p_main_inner{
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cm_p_main_inner h1{
    font-size: 2.4rem;
    font-weight: bold;
}
.cm_p_main_inner p{
    font-size: 1.4rem;
}
/* パンくず共通 */
.cm_p_pankuzu{
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 1.2rem;
    margin-bottom: 30px;
}
.cm_p_pankuzu_list{
    width: 100%;
    margin: 0 auto;
    display: flex;
}
.cm_p_pankuzu_list li{
    position: relative;
    padding-left: 18px;
}
.cm_p_pankuzu_list li:first-child{
    padding-left: 0;
    white-space: nowrap;
}
.cm_p_pankuzu_list li:nth-child(2){
    white-space: nowrap;
}
.cm_p_pankuzu_list li::before{
    content: "-";
    position: absolute;
    top: 2px;
    left: 8px;
}
.cm_p_pankuzu_list li:first-child:before {
    display: none;
}
.cm_p_pankuzu_list a{
    border-bottom: 1px solid #000;
}
/* ページ内リンク */
.cm_p_anchor{
    width: 100%;
    max-width: 1140px;
    padding: 0 20px;
    margin: 0 auto 80px;
}
.cm_p_anchor_list{
    width: 100%;
    height: 80px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.cm_p_anchor_list li::after{
    content: "/";
    display: inline-block;
    margin: 0 30px;
}
.cm_p_anchor_list li:last-child:after{
    display: none;
}
.cm_p_anchor_list li a{
    border-bottom: 1px solid #000;
}
/* 下線ありセクション */
.cm_p_sec_bdb {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 80px 20px 60px;
    border-bottom: 1px solid #ddd;
}
/* 一番初めの下線ありセクション */
.cm_p_sec_bdb_first{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px 60px;
    border-bottom: 1px solid #ddd;
}
/* 一番最後のセクションは下線なし */
.cm_p_sec_bdb:last-child{
    border-bottom: none;
}
/* 大見出し */
.cm_p_title_30{
    width: 100%;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 80px;
}
.cm_p_title_30 span {
    text-decoration: underline;
    text-underline-offset: 10px;
}
/* 中見出し */
.cm_p_title_26{
    width: 100%;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.cm_p_title_26 span {
    border-bottom: 1px solid #000;
}
/* 中見出し２ */
.cm_p_title_22{
    width: 100%;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.cm_p_title_22 span {
    border-bottom: 1px solid #000;
}
/* 小見出し */
.cm_p_title_20{
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.cm_p_title_20 span {
    border-bottom: 1px solid #000;
}
/* ボタン */
.cm_p_btn{
    width: 100%;
    max-width: 340px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.cm_p_btn:hover{
    opacity: .7;
    transition: .5s;
    color: #fff;
}
.cm_p_btn::after{
    content: "";
    display: block;
    width: 7px;
    height: 10px;
    background: url(../img/right_arrow.png) no-repeat center center;
    position: absolute;
    top: 45%;
    right: 20px;
}
/* 見出し青い縦ボーダー */
.cm_p_title_bd{
    width: 100%;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.5;
    border-left: 4px solid #306bac;
    margin-bottom: 30px;
    padding-left: 10px;
}
/* -------------------------
貸したいTOP
------------------------- */
/* 貸したい・借りたいTOPのメインビジュアル共通 */
.cm_p_top_main{
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
}
.cm_p_top_main_title{
    width: 100%;
    color: #fff;
    text-align: center;
}
.cm_p_top_main_title h1{
    display: inline-block;
    font-size: 4rem;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    margin: 0 auto 20px;
}
.cm_p_top_main_title p{
    font-size: 1.8rem;
}
/* 貸したい・借りたいTOPセクションタイトル共通 */
.cm_p_top_sec_title{
    font-size: 2.6rem;
    font-weight: bold;
}
.cm_p_top_sec_title span{
    border-bottom: 1px solid #000;
}
.cm_p_top_sec_title_w{
    font-size: 2.6rem;
    font-weight: bold;
    color: #fff;
}
.cm_p_top_sec_title_w span{
    border-bottom: 1px solid #fff;
}
/* 貸したい・借りたいTOP h3 */
.cm_p_top_sub_title{
    font-size: 1.6rem;
    font-weight: bold;
}
.cm_p_top_sub_title a{
    border-bottom: 1px solid #000;
}
/* 共通ここまで */
/* 貸したいTOP */
.owner_top_bg{
    background: url(../img/owner/p_top_owner_main.jpg) no-repeat center center;
    background-size: cover;
}
.owner_top_banner_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.owner_top_banner_items{
    width: 47.8%;
    max-width: 525px;
    height: 300px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owner_top_banner_items:first-child{
    background: url(../img/owner/p_top_owner_banner01.jpg) no-repeat center center;
    background-size: cover;
}
.owner_top_banner_items:last-child {
    background: url(../img/owner/p_top_owner_banner02.jpg) no-repeat center center;
    background-size: cover;
}
.owner_top_banner_items:hover{
    opacity: .7;
    transition: .5s;
}
.owner_top_banner_items_inner{
    color: #fff;
    text-align: center;
}
.owner_top_banner_items_inner .cm_p_top_sec_title_w{
    margin-bottom: 20px;
}
/* 土地活用事例 */
.owner_top_land{
    width: 100%;
}
.owner_top_land_hd{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.owner_top_land_hd .cm_p_top_sec_title{
    margin-right: 50px;
}
.owner_top_land_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.owner_top_land_flex_items{
    width: 23.6%;
}
.owner_top_land_flex_items a:hover{
    opacity: .7;
    transition: .5s;
}
.owner_top_land_flex_items img{
    display: block;
    width: 100%;
    border-radius: 6px;
    margin-bottom: 10px;
}
.owner_top_land_flex_items .cm_p_top_sub_title{
    margin-bottom: 10px;
}
.owner_top_land_flex_items p{
    font-size: 1.4rem;
    line-height: 1.57;
}

/* -----------------------------
貸したい　強み
----------------------------- */
/* 選ばれる理由 */
.p_concept_txt{
    width: 100%;
    max-width: 700px;
    margin: 0 auto 40px;
}
.p_concept_flex{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.p_concept_flex li{
    width: 32%;
    background: #f0f6fb;
    border-radius: 10px;
    padding: 50px 30px;
    text-align: center;
}
.p_concept_flex li img{
    display: block;
    max-height: 220px;
    margin: 0 auto 40px;
}
/* 渡辺住研の賃貸管理サービスの特徴 */
.p_concept_service{
    width: 100%;
}
.p_concept_service_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9%;
    margin-bottom: 40px;
}
.p_concept_service_box_txt{
    width: 45.5%;
}
.p_concept_service_box_txt .cm_p_title_26{
    text-align: left;
}
.p_concept_service_box_img{
    width: 44.5%;
    border-radius: 10px;
}
.p_concept_service_box:nth-child(2) .p_concept_service_box_img {
    order: -1;
}
.p_concept_service_box_img img{
    display: block;
    width: 100%;
}
/* お客様の声 */
.p_concept_voice{
    width: 100%;
    background: #f0f6fb;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p_concept_voice_card{
    width: 48%;
    max-width: 475px;
    background: #fff;
    padding: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}
.p_concept_voice_card:nth-child(7){
    margin-bottom: 0;
}
.p_concept_voice_card span{
    display: block;
    color: #306bac;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
}
.p_concept_voice_card span::before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 27px;
    background: url(../img/owner/concept/p_concept_voice_icon.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
}
.p_concept_voice_card .cm_p_title_20{
    text-align: left;
    line-height: 1.5;
}
/* -----------------------------
高い入居率を誇る空室対策
----------------------------- */
/* 物件専属のリーシング部隊 */
.p_leasing{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_leasing_txt,
.p_leasing_img{
    width: 45.5%;
}
.p_leasing_img{
    border-radius: 10px;
}
.p_leasing_img img{
    display: block;
    width: 100%;
}
/* 2種類の空室対策会議 */
.p_countermeasure{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_countermeasure_items{
    width: 45.5%;
}
.p_countermeasure_items img{
    display: block;
    width: 100%;
    break-inside: 10px;
    margin-bottom: 20px;
}
.p_countermeasure_items .cm_p_title_22{
    text-align: left;
    margin-bottom: 10px;
}
/* 多彩な集客手段 */
.p_attracting{
    width: 100%;
}
.p_attracting_main{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.p_attracting_main_txt,
.p_attracting_main_img{
    width: 45.5%;
}
.p_attracting_main_txt .cm_p_title_26{
    text-align: left;
    margin-bottom: 20px;
}
.p_attracting_main_img{
    border-radius: 10px;
}
.p_attracting_main_img img{
    display: block;
    width: 100%;
}
.p_attracting_flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}
.p_attracting_flex_items{
    width: 47.8%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_attracting_flex_items_img{
    width: 38%;
    border-radius: 10px;
}
.p_attracting_flex_items_img img{
    display: block;
    width: 100%;
}
.p_attracting_flex_items_txt{
    width: 57.1%;
}
.p_attracting_flex_items_txt .cm_p_title_22{
    text-align: left;
}
/* 魅力的な物件づくり */
.p_attractive{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.p_attractive_txt,
.p_attractive_img{
    width: 45.5%;
}
.p_attractive_txt p{
    margin-bottom: 40px;
}
.p_attractive_txt .cm_p_btn{
    background: #000;
}
.p_attractive_img{
    border-radius: 10px;
}
.p_attractive_img img{
    display: block;
    width: 100%;
}
/* -----------------------------
土地活用事例集
----------------------------- */
/* ページ内リンク */
.p_land_anchor{
    width: 100%;
    max-width: 1140px;
    margin: 30px auto 40px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}
.p_land_anchor_links{
    width: 260px;
    height: 70px;
    border-radius: 6px;
    border: 2px solid #306bac;
    background: #306bac;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 18px;
    display: flex;
    align-items: center;
}
.p_land_anchor a:hover{
    opacity: .7;
    transition: .5s;
    color: rgb(255, 255, 255, .7);
}
.p_land_anchor_links img{
    display: block;
    width: 28px;
    margin-right: 20px;
}
/* 各セクション */
.p_land_sec_b,
.p_land_sec_w{
    width: 100%;
    padding: 60px 0;
}
.p_land_sec_b{
    background: #f6f6f6;
}
/* セクションタイトル */
.p_land_sec_title{
    width: 100%;
    font-size: 3.4rem;
    font-weight: bold;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}
.p_land_sec_title img{
    display: block;
    width: 35px;
    margin-right: 15px;
}
/* フレックス */
.p_land_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_land_box_txt{
    width: 50%;
}
.p_land_box_txt p{
    width: 100%;
    margin-bottom: 20px;
}
.p_land_box_txt_dl{
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}
.p_land_sec_w .p_land_box_txt_dl{
    background: #f0f6fb;
}
.p_land_box_txt_dt{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
}
.p_land_box_txt_dt::before{
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background: url(../img/owner/land/p_land_dt.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
}
.p_land_box_txt_dd{
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}
.p_land_box_txt_dd::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background: url(../img/owner/land/p_land_dd.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
}
.p_land_box_img{
    width: 41%;
}
.p_land_box_img img{
    display: block;
    width: 100%;
}
/*登録商標注意書き*/
.p_land_box_img .notice{
    margin-top: 15px;
    text-align: center;
    font-size: 1.2rem;
}
/* 各セクションの色 */
.p_land_parking{
    background: #eb5604;
}
.p_land_storage {
    background: #ff0000;
}
/* -----------------------------
空き家管理サービス
----------------------------- */
/* 空き家サービスとは？ */
.p_management_flex{
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_management_flex:last-child{
    margin-bottom: 0;
}
.p_management_flex_items{
    width: 45.4%;
}
.p_management_flex_items .cm_p_title_26{
    text-align: left;
}
.p_management_flex_items img{
    display: block;
    width: 100%;
}
.p_management_flex_items_problem{
    width: 100%;
}
.p_management_flex_items_problem li{
    margin-bottom: 8px;
    text-indent: -1.6em;
    padding-left: 1.6em;
}
.p_management_flex_items_problem li::before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    margin-right: 8px;
    background: url(../img/owner/management/p_mgt_icon.png) no-repeat center center;
    background-size: cover;
}
.p_management_flex_items_check{
    width: 100%;
}
.p_management_flex_items_check li{
    margin-bottom: 8px;
    text-indent: -1.6em;
    padding-left: 1.6em;
}
.p_management_flex_items_check li::before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 13px;
    margin-left: 3px;
    margin-right: 8px;
    background: url(../img/owner/land/p_land_dd.png) no-repeat center center;
    background-size: cover;
}
.p_management_flex:nth-child(3) .p_management_flex_items:nth-child(2){
    order: -1;
}
/* サービス内容&プラン */
.p_plan_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.p_plan_flex_items{
    width: 45.4%;
}
.p_plan_flex_items .cm_p_title_26{
    text-align: left;
}
.p_plan_flex_items img{
    display: block;
    width: 100%;
}
/* 表PC */
.p_plan_box {
    width: 100%;
    margin-bottom: 60px;
}
.p_plan_list_pc{
    width: 100%;
    margin-bottom: 15px;
}
.p_plan_list_hd{
    width: 100%;
    height: 50px;
    display: flex;
    background: #f0f6fb;
    font-weight: bold;
}
.p_plan_list_cell{
    width: 25%;
    height: 50px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p_plan_list_cell:last-child{
    border-right: 1px solid #ddd;
}
.p_plan_list_cell_box{
    width: 100%;
    display: flex;
}
.p_plan_list_cell_title{
    width: 25%;
    height: 50px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #f6f6f6;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p_plan_list_cell_box:last-child .p_plan_list_cell,
.p_plan_list_cell_box:last-child .p_plan_list_cell_title{
    border-bottom: 1px solid #ddd;
}
.p_plan_list_sp{
    display: none;
}
/* 無料相談 オプションサービス */
.p_plan_option{
    width: 100%;
}
.p_plan_option_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_plan_option_flex{
    width: 47.8%;
    display: flex;
    justify-content: space-between;
}
.p_plan_option_flex_txt{
    width: 57%;
}
.p_plan_option_flex_txt p{
    margin-bottom: 20px;
}
.p_plan_option_flex_img{
    width: 38%;
}
.p_plan_option_flex_img img{
    display: block;
    width: 100%;
}
/* 巡回管理までの流れ */
.p_flow_list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.p_flow_list_items{
    width: 18%;
    background: #f0f6fb;
    border-radius: 10px;
    padding: 45px 20px;
    text-align: center;
    position: relative;
}
.p_flow_list_items::after{
    content: "";
    display: block;
    width: 8px;
    height: 13px;
    background: url(../img/owner/management/p_flow_arrow.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 45%;
    right: -18px;
}
.p_flow_list_items:last-child::after{
    display: none;
}
.p_flow_list_items h3{
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 20px;
}
.p_flow_list_items h3 span{
    border-bottom: 2px solid #306bac;
}
.p_flow_area{
    width: 100%;
    height: 60px;
    border: 5px solid #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
}
/* -----------------------------
サブリース
----------------------------- */
/* 初期投資0円のリノベーション「¥0Start」 */
.p_0start_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_0start_flex_txt,
.p_0start_flex_img{
    width: 45.4%;
}
.p_0start_flex_img img{
    display: block;
    width: 100%;
}
.p_0start_flex_txt .cm_p_title_26{
    text-align: left;
}
/* サービスの流れ */
.p_0start_detail_img{
    width: 100%;
    margin-bottom: 40px;
}
.p_0start_detail_img img{
    display: block;
    width: 100%;
}
.p_0start_detail{
    width: 100%;
    background: #f0f6fb;
    border-radius: 10px;
    padding: 30px;
}
.p_0start_detail_inner{
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 60px 50px 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.p_0start_detail_inner h3{
    width: 100%;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    color: #306bac;
    font-weight: bold;
    margin-bottom: 30px;
}
.p_0start_detail_txt{
    width: 79%;
    text-align: center;
    margin: 0 auto 40px;
}
.p_0start_detail_strong{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.p_0start_detail_img_flex{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
}
.p_0start_detail_img_flex img{
    display: block;
    width: 19%;
}
.p_0start_detail_inner .cm_p_btn{
    margin: 0 auto;
}
/* -----------------------------
リノベーション
----------------------------- */
.p_renotta_flex{
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_renotta_flex_items{
    width: 45.4%;
}
.p_renotta_flex_items .cm_p_title_26{
    text-align: left;
}
.p_renotta_flex:nth-of-type(2) .p_renotta_flex_items:last-child{
    order: -1;
}
.p_renotta_flex_items img{
    display: block;
    width: 100%;
}
/* フルリノベーション事例 */
.p_renovation_flex{
    width: 100%;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
}
.p_renovation_flex_items{
    width: 45.4%;
}
.p_renovation_flex_items .cm_p_title_26,
.p_renovation_flex_items .cm_p_title_20{
    text-align: left;
}
.p_renovation_flex_items_info{
    width: 100%;
    padding: 25px 30px;
    border: 5px solid #f6f6f6;
    color: #306bac;
    margin-bottom: 30px;
}
.p_renovation_flex:nth-of-type(2) .p_renovation_img{
    order: -1;
}
/* スライド */
.p_renovation_img{
    height: 330px;
    border-radius: 10px;
}
.p_renovation_img img{
    height: 100%;
    border-radius: 10px;
}
/* やじるし */
.p_renovation_img .slick-prev {
    left: 20px;
}
.p_renovation_img .slick-next {
    right: 20px;
}
.p_renovation_img .slick-prev:before{
        background: url(../img/owner/renotta/p_renovation_prev.png) no-repeat center center;
}
.p_renovation_img .slick-next:before {
    background: url(../img/owner/renotta/p_renovation_next.png) no-repeat center center;
}
/* ドット */
.p_renovation_img .slick-dotted.slick-slider{
    margin-bottom: 15px !important;
}
.p_renovation_img .slick-dots{
    bottom: -15px;
    height: 12px;
}
.p_renovation_img .slick-dots li{
    width: 12px !important;
    height: 12px !important;
}
.slick-dots li button:before{
    font-size: 12px;
    color: #ddd;
    opacity: 1;
}
.slick-dots li.slick-active button:before{
    opacity: 1;
    color: #306bac;
}

/* 部分改装事例 */
.p_work_txt{
    width: 100%;
    max-width: 700px;
    text-align: center;
    margin: 0 auto 40px;
}
.p_work_flex{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}
.p_work_flex a {
    display: block;
    width: 260px;
    border-radius: 10px;
    cursor: pointer;
}
.p_work_flex img{
    display: block;
    width: 100%;
    border-radius: 10px;
}
.p_work_flex img:hover{
    opacity: .7;
    transition: .5s;
}
#p_work .cm_p_btn{
    background: #000;
    margin: 0 auto;
}
/* -----------------------------
セミナー
----------------------------- */
/* オーナー様向けセミナー */
.p_seminar_flx{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.p_seminar_flx_txt,
.p_seminar_flx_img{
    width: 45.4%;
}
.p_seminar_flx_txt .cm_p_title_26{
    text-align: left;
}
.p_seminar_flx_txt p{
    margin-bottom: 20px;
}
.p_seminar_flx_txt_theme{
    width: 100%;
}
.p_seminar_flx_txt_theme h4{
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.p_seminar_flx_txt_theme span{
    display: inline-block;
    border: 1px solid #306bac;
    border-radius: 25px;
    padding: 8px 20px;
    margin: 0 5px 5px 0;
    font-size: 1.3rem;
    line-height: 0.8;
    color: #306bac;
}
.p_seminar_flx_img img{
    display: block;
    width: 100%;
}
.p_seminar_sumaho{
    width: 100%;
}
.p_seminar_sumaho p{
    margin-bottom: 40px;
}
.p_seminar_sumaho_img_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.p_seminar_sumaho_img{
    width: 47.8%;
}
.p_seminar_sumaho_img img{
    display: block;
    width: 100%;
}
.p_seminar_sumaho_voice{
    width: 100%;
}
.p_seminar_sumaho_voice_list_box{
    width: 100%;
    background: #f0f6fb;
    padding: 50px;
    display: flex;
}
.p_seminar_sumaho_voice_list:first-child{
    width: 320px;
    margin-right: 50px;
}
.p_seminar_sumaho_voice_list li{
    margin-bottom: 10px;
    text-indent: -1.3em;
    padding-left: 1.3em;
}
.p_seminar_sumaho_voice_list li:last-child{
    margin-bottom: 0;
}
.p_seminar_sumaho_voice_list li::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url(../img/owner/seminar/p_semina_icon.png) no-repeat center center;
    margin-right: 6px;
}
/* 過去の開催事例 */
.p_held_txt{
    width: 520px;
    margin: 0 auto 50px;
    text-align: center;
}
.p_held_flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 20px;
}
.p_held_flex_items{
    width: 23%;
    max-width: 260px;
}
.p_held_flex_items_img {
    display: block;
    width: 100%;
    max-width: 260px;
    max-height: 260px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
.p_held_flex_items_img img{
    display: block;
    width: 100%;
}
.p_held_flex_items > a:hover{
    opacity: .7;
    transition: .5s;
}
.p_held_flex_items_link{
    border-bottom: 1px solid #000;
}


/* -----------------------------
借りたいTOP
----------------------------- */
.tenants_top_bg{
    background: url(../img/tenants/p_top_tenants_main.jpg) no-repeat center center;
    background-size: cover;
}
.tenants_top .owner_top_banner_items:first-child {
    background: url(../img/tenants/p_top_tenants_banner01.jpg) no-repeat center center;
    background-size: cover;
}
.tenants_top .owner_top_banner_items:last-child {
    background: url(../img/tenants/p_top_tenants_banner02.jpg) no-repeat center center;
    background-size: cover;
}
/* 店舗案内 */
.tenants_top .owner_top_land_flex{
    margin-bottom: 40px;
}
.tenants_top_shop_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.tenants_top_shop_flex_items{
    width: 47.8%;
    background: #f0f6fb;
}
.tenants_top_shop_flex_items_img{
    width: 100%;
}
.tenants_top_shop_flex_items_img a:hover{
    opacity: .7;
    transition: .5s;
}
.tenants_top_shop_flex_items_img img{
    display: block;
    width: 100%;
}
.tenants_top_shop_flex_items_txt{
    padding: 35px 30px 40px;
}
.tenants_top_shop_flex_items_txt .cm_top_sub_title{
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 24px;
}
.top_shop_staffless_l .cm_top_sub_title:hover.cm_top_sub_title span {
    border-color: #306bac;
}
.tenants_top_shop_flex_items_txt .cm_top_sub_title:hover span{
    border-color: #306bac;
}
/* JUKEN安心サポート */
.tenants_top_shop_ansin{
    width: 100%;
    border: 5px solid #f6f6f6;
    padding: 50px 40px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tenants_top_shop_ansin_txt{
    width: 45%;
}
.tenants_top_shop_ansin_txt h3{
    color: #263381;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.tenants_top_shop_ansin_txt h3 span{
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.tenants_top_shop_ansin_txt p{
    margin-bottom: 20px;
}
.tenants_top_shop_ansin_txt a{
    width: 180px;
    height: 50px;
    border-radius: 6px;
    background: #263381;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tenants_top_shop_ansin_txt a img{
    display: block;
    width: 19px;
    margin-right: 20px;
}
.tenants_top_shop_ansin_txt a:hover{
    opacity: .7;
    transition: .5s;
}
.tenants_top_shop_ansin_img{
    width: 45.5%;
}
.tenants_top_shop_ansin_img img{
    display: block;
    width: 100%;
}

/* 入居者向け無料サービス */
.tenants_top_free_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.tenants_top_free_flex_items{
    width: 18%;
}
.tenants_top_free_flex_items_img{
    width: 100%;
    margin-bottom: 20px;
}
.tenants_top_free_flex_items_img a:hover{
    opacity: .7;
    transition: .5s;
}
.tenants_top_free_flex_items_img img{
    display: block;
    width: 100%;
}
.tenants_top_free_flex_items_link{
    width: 100%;
    text-align: center;
}
.tenants_top_free_flex_items_link a{
    border-bottom: 1px solid #000;
}
.tenants_top .top_info_tenants{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
/* -----------------------------
店舗紹介
----------------------------- */
/* 注意事項 */
.p_shop .cm_p_anchor{
    margin: 0 auto 40px;
}
.p_shop_notes{
    width: 100%;
    margin-bottom: 40px;
    padding: 20px 0;
    border: 1px solid #b12d2d;
    color: #b12d2d;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}
/* 各店舗の紹介 */
.p_shop_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.p_shop_flex_info{
    width: 47.8%;
}
.p_shop_flex_info_title{
    width: 100%;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.p_shop_flex_info_title span{
    display: block;
    width: 100px;
    height: 30px;
    border-radius: 4px;
    background: #b12d2d;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 13px;
}
.huyou{
    width: 90px !important;
    background: #306bac !important;
}
.p_shop_flex_info_copy{
    width: 100%;
    color: #306bac;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.625;
    margin-bottom: 20px;
}
.p_shop_flex_info_detail{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.p_shop_flex_info_detail dt{
    width: 110px;
    font-weight: bold;
}
.p_shop_flex_info_detail dd{
    width: calc(100% - 110px);
}
.p_shop_flex_info_btn{
    width: 100%;
    display: flex;
    gap: 10px;
}
.p_shop_flex_info_btn .cm_p_btn:first-child{
    width: 270px;
    height: 50px;
}
.p_shop_flex_info_btn .cm_p_btn:last-child {
    width: 230px;
    height: 50px;
    background: #32a8e6;
}
.p_shop_flex_img{
    width: 45.4%;
}
.p_shop_flex_img img{
    display: block;
    width: 100%;
}
.p_shop_map{
    width: 100%;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .1);
}
.p_shop_map iframe{
    width: 100%;
    height: 400px;
}
/* スタッフレスショップの利用方法 */
.p_shop_use{
    width: 100%;
    margin-top: 50px;
}
.p_shop_use .cm_p_title_bd{
    margin-bottom: 25px;
}
.p_shop_use_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_shop_use_flex_items{
    width: 30.9%;
}
.p_shop_use_flex_items_img{
    width: 100%;
    margin-bottom: 20px;
}
.p_shop_use_flex_items_img img{
    display: block;
    width: 100%;
}
/* -----------------------------
オンライン相談予約
----------------------------- */
/* パンくず調整 */
.p_online .cm_p_pankuzu{
    margin-bottom: 0;
    position: relative;
    z-index: 10;
}
/* アイキャッチ */
.p_online_mv{
    width: 100%;
    margin-top: -40px;
    position: relative;
}
.p_online_mv img{
    display: block;
    width: 100%;
}
.p_online_mv_btn{
    display: flex;
    align-items: end;
    justify-content: end;
    position: absolute;
    bottom: 8%;
    right: 0;
}
.p_online_mv_btn a{
    display: block;
    width: 45vw;
    max-width: 500px;
}
.p_online_mv_btn a img{
    display: block;
    width: 100%;
}
.p_online_mv_btn a:hover{
    opacity: .7;
    transition: .5s;
}
/* 来店不要！４つのサービス */
.p_online_service{
    width: 100%;
    background: #f0f6fb;
    padding: 100px 0 60px;
}
.p_online_service_title{
    width: 100%;
    font-size: 4rem;
    font-weight: bold;
    color: #32a8e6;
    text-align: center;
    margin-bottom: 25px;
}
.p_online_service_title span{
    text-decoration: underline;
    text-underline-offset: 12px;
}
.p_online_service_txt{
    width: 100%;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 100px;
}
.p_online_service_menu{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.p_online_service_menu a{
    width: 23.6%;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .1);
}
.p_online_service_menu a img{
    display: block;
    width: 100%;
}
.p_online_service_menu a:hover{
    opacity: .7;
    transition: .5s;
}
.p_online_service_notes{
    font-size: 1.3rem;
    line-height: 1.53;
}
/* 各説明 */
.p_online_service_box{
    width: 100%;
    background: #f0f6fb;
    padding-bottom: 60px;
}
.p_online_service_box_title{
    width: 100%;
    border-radius: 6px;
    background: url(../img/tenants/online/p_online_ttle_bg.png) no-repeat center center;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 50px;
}
.p_online_service_box_title_icon{
    width: 44px;
    text-align: center;
    margin-right: 15px;
}
.p_online_service_box_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_online_service_box_flex_txt{
    width: 54.6%;
}
.p_online_service_box_flex_img{
    width: 40%;
}
.p_online_service_box_flex_img img{
    display: block;
    width: 100%;
}
/* オンライン接客のflex下のマージン */
.online_mb40{
    margin-bottom: 40px;
}
/* AOS */
.p_online_service_box_aos{
    width: 100%;
    background: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .1);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_online_service_box_aos_img{
    width: 90px;
}
.p_online_service_box_aos_txt{
    width: calc(100% - 120px );
}
.p_online_service_box_aos_hd{
    color: #32a8e6;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
/* 下部ボタン */
.p_online_ftr{
    width: 100%;
    position: relative;
}
.p_online_ftr img{
    display: block;
    width: 100%;
}
.p_online_ftr_inner{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.p_online_ftr_inner .cm_inner{
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.p_online_ftr a{
    width: 45vw;
    max-width: 500px;
}
.p_online_ftr a:hover{
    opacity: .7;
    transition: .5s;
}
/* -----------------------------
探す
----------------------------- */
.search_active{
    background: #fff;
    color: #306bac;
}
.p_search_sec{
    width: 100%;
    background: #e6e8ec;
    padding: 40px 0 65px;
}
.p_search_sec .cm_p_title_bd{
    max-width: 1024px;
    margin: 0 auto 10px;
}
/* -----------------------------
おうちのトラブル解決
----------------------------- */
/* 動画で見るトラブル解決 */
.p_trouble_flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 30px;
}
.p_trouble_flex_items{
    width: 30.8%;
}
.popup_youtube{
    width: 100%;
    margin-bottom: 20px;
}
.p_trouble_flex_items img{
    display: block;
    width: 100%;
}
.p_trouble_flex_items h3{
    font-size: 1.8rem;
    font-weight: bold;
}
.p_trouble_flex_items h3::before{
    content: "";
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../img/tenants/trouble/p_trouble_icon.png) no-repeat center center;
    margin-right: 6px;
}
/* 動画ポップアップのカスタマイズ */
/* 背景のレイヤーを全画面にする */
.mfp-bg{
    z-index: 888888 !important;
}
.mfp-wrap{
    z-index: 999999 !important;
}
/* 動画のサイズ */
.movie-wrap{
    width: 70%;
    aspect-ratio: 1 / 0.56;
    margin: 0 auto;
}
.movie-wrap iframe{
    width: 100%;
    height: 100%;
}
/* その他の設備や不具合の対応方法 */
.p_taiou_box{
    width: 100%;
    padding: 40px;
    border: 5px solid #f6f6f6;
    margin-bottom: 20px;
}
.p_taiou_box:first-of-type{
    margin-bottom: 60px !important;
}
.p_taiou_box_title{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    color: #306bac;
    margin-bottom: 12px;
    display: flex;
}
.p_taiou_box_title::before{
    content: "";
    display: block;
    max-width: 19px;
    min-width: 19px;
    height: auto;
    background: url(../img/tenants/trouble/p_trouble_icon.png) no-repeat center 30%;
    margin-right: 8px;
}
.mokuji::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url(../img/tenants/trouble/p_taiou_mokuji.png) no-repeat center center;
    margin-right: 8px;
}
.p_taiou_box_mokuji{
    width: 100%;
    display: flex;
    gap: 85px;
}
.p_taiou_box_mokuji li{
    margin-bottom: 4px;
}
.p_taiou_box_mokuji a{
    border-bottom: 1px solid #000;
}
.p_taiou_box p{
    margin-bottom: 10px;
}
.p_taiou_box_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_taiou_box_flex_txt{
    width: 68.4%;
}
.p_taiou_box_flex_img{
    width: 26.3%;
}
.p_taiou_box_flex_img img{
    display: block;
    width: 100%;
}
.p_taiou_strong{
    font-weight: bold;
}
/* -----------------------------
よくある質問
----------------------------- */
.p_ad_wrap{
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
.p_ad_title{
    width: 100%;
    padding: 15px 40px 15px 30px;
    background: #f0f6fb;
    border-bottom: 1px solid #ddd;
    font-size: 1.6rem;
    font-weight: bold;
    color: #306bac;
    cursor: pointer;
    position: relative;
}
.p_ad_title::before{
    content: "";
    display: block;
    width: 12px;
    height: 1.5px;
    background: #000;
    border-radius: 5px;
    position: absolute;
    top: 48%;
    right: 20px;
}
.p_ad_title::after {
    content: "";
    display: block;
    width: 12px;
    height: 1.5px;
    background: #000;
    border-radius: 5px;
    transform: rotate(90deg);
    position: absolute;
    top: 48%;
    right: 20px;
}
.js_faq_ad_open::after{
    display: none;
}
.p_ad_answer{
    width: 100%;
    padding: 30px;
    display: none;
}
.p_ad_answer p:first-child{
    font-weight: bold;
    color: #b12d2d;
}
.p_ad_answer p.answer{
    font-weight: bold;
    color: #b12d2d;
}
.p_ad_answer p{
    margin-bottom: 10px;
}
.p_ad_answer p:last-child{
    margin-bottom: 0;
}
.p_faq_strong{
    font-weight: bold;
}
.p_faq_flex{
    width: 100%;
    display: flex;
    gap: 40px;
    margin: 20px auto;
}
.p_faq_flex_items{
    width: 300px;
}
.p_faq_flex_items img{
    display: block;
    width: 100%;
}
.p_faq_flex_items p{
    color: #000 !important;
    margin-bottom: 20px;
}
.p_faq_tzt{
    width: 100%;
    margin: 30px auto 20px;
}
.p_faq_system{
    width: 100%;
    background: #f0f6fb;
    padding: 35px 0 40px;
    text-align: center;
}
.p_faq_system h3{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p_faq_system a{
    border-bottom: 1px solid #000;
}
.p_faq_c000{
    color: #000 !important;
    font-weight: normal !important;
}
.p_ad_answer a{
    color: #306bac;
}
.p_ad_answer a:hover{
    border-bottom: 1px solid #32a8e6;
}
/* -----------------------------
入居者様向け無料サービス
----------------------------- */
/* ページ内リンク */
.p_free_service .p_land_anchor{
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;

}
.p_free_service .p_land_anchor_links{
    width: 360px;
}
/* お申込み条件 */
.p_free_service .p_land_box_txt_dt{
    font-size: 1.6rem;
    padding-left: 0;
    margin-bottom: 15px;
}
.p_free_service .p_land_box_txt_dt::before{
    display: none;
}
/* 拡大写真 */
.p_free_service_img_box{
    width: 100%;
}
.p_free_service_img_box h3{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p_free_service_img{
    width: 100%;
    display: flex;
    gap: 10px;
}
.p_free_service_img a{
    display: block;
    width: 130px;
    height: 99px;
}
.p_free_service_img a img{
    display: block;
    width: 100%;
}
#p_campingcar .p_land_box{
    margin-bottom: 40px;
}
/* ご利用の流れ */
.p_free_flow_wrap{
    width: 100%;
    border-radius: 6px;
    margin-bottom: 30px;
}
.p_free_flow_title{
    width: 100%;
    height: 60px;
    background: #c00;
    padding: 20px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    cursor: pointer;
    /* text-decoration: underline;
    text-underline-offset: 5px; */
}
.p_free_flow_title img{
    display: block;
    width: 12px;
    height: 6px;
    margin-right: 15px;
}
.js_free_ad_open img{
    transform: rotate(180deg);
}
.p_free_flow_exp{
    width: 100%;
    background: #fff;
    border-radius: 0 0 6px 6px;
    padding: 30px;
    display: none;
}
.p_free_flow_exp_od{
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.p_free_flow_exp_od li{
    width: 320px;
    background: #f0f6fb;
    border-radius: 6px;
    padding: 28px 24px;
}
.p_free_flow_exp_od h3{
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 15px;
}
.p_free_flow_exp_txt{
    width: 100%;
    margin-bottom: 24px;
}
.p_free_camping_btn{
    display: block;
    width: 325px;
    height: 50px;
    padding: 16px 20px;
    border-radius: 6px;
    margin-bottom: 30px;
    background: #f08026;
    color: #fff;
    display: flex;
    align-items: center;
}
.p_free_camping_btn:hover{
    opacity: .7;
    transition: .5s;
    color: #fff;
}
.p_free_camping_btn img{
    margin-right: 15px;
}
.p_free_flow_exp_txt_hd{
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p_free_flow_exp_txt_30{
    width: 100%;
    margin-bottom: 30px;
}
.p_free_flow_exp_txt_40{
    width: 100%;
    margin-bottom: 40px;
}
.p_free_flow_exp_txt_idt{
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
}
.p_free_red{
    color: #ff0000;
}
.p_free_red_block{
    display: block;
    padding: 15px;
    background: rgb(255, 220, 220);
    color: #ff0000;
}
.p_free_cap{
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    text-align: left !important;
    margin-bottom: 20px;
}
/* 受付期間 */
.p_free_camping_rental{
    width: 100%;
}
.p_free_camping_rental_txt{
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 30px;
}
.p_free_camping_dn{
    display: none;
    margin-bottom: 0 !important;
}
#p_diy .p_free_service_img_box,
#p_marche .p_free_service_img_box{
    margin-bottom: 30px;
}
#p_diy .p_free_service_img a{
    height: auto; 
}
#p_diy .p_free_service_img a img{
    margin-bottom: 10px;
}
#p_diy .p_free_service_img a span{
    font-size: 1.2rem;
}
.p_free_marche_line{
    width: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .1);
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_free_marche_line_txt{
    width: 280px;
}
.p_free_marche_line_txt h3{
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.bg_marche{
    background: #aacd06;
}
#p_marche .cm_p_btn{
    width: 100%;
}
#p_marche .cm_p_btn img{
    display: block;
    margin-right: 18px;
}
/* -----------------------------
入退去時の手続きガイド
----------------------------- */
.p_procedures_box{
    width: 100%;
    margin-bottom: 60px;
}
.p_procedures_box:last-child{
    margin-bottom: 0;
}
.p_procedures_box h3{
    width: 100%;
    min-height: 60px;
    border-radius: 6px;
    background: #306bac;
    padding: 20px 30px;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 40px;
}
.p_procedures_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.p_procedures_flex_items{
    width: 30.9%;
}

.is_rental_offie .p_procedures_flex_items{
    
}

.p_procedures_flex_items_img{
    width: 100%;
    border-radius: 6px;
    margin-bottom: 20px;
}
.p_procedures_flex_items_img img{
    display: block;
    width: 100%;
}
.p_procedures_flex_items h4{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p_procedures_yakusho_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.p_procedures_yakusho_flex_txt{
    width: 62.5%;
}
.p_procedures_yakusho_flex_txt h4{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p_procedures_yakusho_flex_txt ol{
    width: 100%;
}
.p_procedures_yakusho_flex_txt ol li{
    text-indent: -1em;
    padding-left: 1em;
}
.p_procedures_yakusho_flex_img{
    width: 32%;
}
.p_procedures_yakusho_flex_img img{
    display: block;
    width: 100%;
}
/* 連絡先 */
.p_procedures_contact_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_procedures_contact_flex_items{
    width: 47.8%;
}
.p_procedures_contact_flex_items_num_wrap{
    width: 100%;
}
.p_procedures_contact_flex_items_num_box{
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}
.p_procedures_contact_flex_items_num_box:first-child{
    border-top: 1px solid #ddd;
}
.p_procedures_contact_flex_items_num_name{
    width: 54.3%;
    font-weight: bold;
    color: #306bac;
}
.p_procedures_contact_flex_items_num{
    width: calc(100% - 54.3%);
}
.p_procedures_contact_flex_items_txt{
    margin-top: 20px;
}
/* 禁止事項 */
.p_procedures_kinshi{
    width: 100%;
}
.p_procedures_kinshi h4{
    font-size: 1.8rem;
    font-weight: bold;
    color: #b12d2d;
    margin-bottom: 20px;
}
.p_procedures_kinshi p{
    margin-bottom: 30px;
}
/* -----------------------------
契約更新手続きガイド
----------------------------- */

.p_renewal_box{
    width: 100%;
    border: 5px solid #f6f6f6;
    padding: 40px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.p_renewal_box_txt{
    width: 72%;
}
.p_renewal_box_txt h4{
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 20px;
}
.p_renewal_box_txt p{
    width: 100%;
    margin-bottom: 20px;
}
.p_renewal_box_img{
    width: 25%;
}
.p_renewal_box_img img{
    display: block;
    width: 100%;
}
.p_procedures_tyui{
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 25px;
}
.p_renewal_red{
    color: #ff0000;
}
.p_renewal_box_link_box{
    width: 100%;
}
.p_renewal_box_link_box h5{
    font-weight: bold;
    margin-bottom: 10px;
}
.p_renewal_box_link_flex{
    width: 100%;
    display: flex;
    gap: 5px;
}
.p_renewal_links{
    width: auto;
    height: 50px;
    padding: 0 40px;
    border-radius: 6px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p_renewal_links:hover{
    opacity: .7;
    transition: .5s;
    color: #fff;
}
.p_renewal_bg_o{
    background: #f08026;
}
.p_renewal_bg_b {
    background: #32a8e6;
}
.p_renewal_mail{
    border-bottom: 1px solid #000;
}

/* -----------------------------
お知らせ一覧
----------------------------- */
.p_news_flex{
    width: 100%;
    width: 100%;
    max-width: 1140px;
    padding: 0 20px;
    margin: 0 auto 100px;
    display: flex;
    justify-content: space-between;
}
.p_news_flex_main{
    width: 68.4%;
}
.p_news_flex_main_title{
    width: 100%;
    height: 80px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.p_news_flex_main_title span{
    display: inline-block;
    border-left: 5px solid #306bac;
    padding-left: 12px;
    line-height: 1.2;
}
.p_news_flex_main_list{
    width: 100%;
    margin-bottom: 40px;
}
.p_news_flex_main_list_items{
    width: 100%;
    padding: 35px 0;
    border-bottom: 1px solid #ddd;
}
/* 記事書き出し */
.p_news_info{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.p_news_cate{
    width: 120px;
    height: 25px;
    background: #f0f6fb;
    color: #306bac;
    font-size: 1.2rem;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p_news_title{
    color: #306bac;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.p_news_title:hover{
    opacity: .7;
    transition: .5s;
}
/* サイドバー */
.p_news_flex_side {
    width: 27.3%;
}
.p_news_flex_side_box{
    width: 100%;
    padding: 30px 0 60px;
    border-top: 1px solid #ddd;
}
.p_news_flex_side_box:last-child{
    padding: 30px 0 0;
}
.p_news_flex_side_box h3{
    width: 100%;
    margin-bottom: 35px;
    font-size: 1.8rem;
    font-weight: bold;
}
.p_news_flex_side_box h3 span{
    display: inline-block;
    border-left: 5px solid #306bac;
    padding-left: 12px;
    line-height: 1.2;
}
/* 書き出し */
.p_news_flex_side_list {
    width: 100%;
}
.p_news_flex_side_list li{
    width: 100%;
    margin-bottom: 15px;
    list-style-type: "- ";
    list-style-position: inside;
}
.p_news_flex_side_list li a{
    text-decoration: underline;
    text-underline-offset: 2px;
}
/* -----------------------------
ページネーション
----------------------------- */
.wp-pagenavi{
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: center !important;
}
.wp-pagenavi a,
.wp-pagenavi span{
    border: none !important;
    font-size: 1.8rem !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    cursor: pointer !important;
}
.wp-pagenavi span.current {
    border: none !important;
    text-decoration: none !important;
}



/* -----------------------------
お知らせ本文
----------------------------- */
.p_news_detail_title_box{
    width: 100%;
    height: auto;
    padding: 40px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.p_news_detail_title_box h1{
    width: 100%;
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.p_news_detail_title_box .p_news_info{
    margin-bottom: 0;
}
.p_news_contents{
    width: 100%;
    padding: 60px 0 80px;
    font-size: 1.6rem;
    border-bottom: 1px solid #ddd;
}
/*アイキャッチ*/
.p_news_eyecatch {
    margin-top: 40px;
}
.p_news_eyecatch img{
    width: 100%;
}



/* 記事出力 */

/* 

.p_news_contents img{
    margin-bottom: 20px;
}
.p_news_contents img{
    width: auto;
    max-width: 100%;
}
.p_news_contents a{
    color: #306bac;
    text-decoration: underline;
}
.p_news_contents hr {
  clear:both;
  padding:0;
  margin: 0;
  display:block;
  height:1px;
  border:0;   
  border-top:.99px solid #ccc;
  margin-bottom: 40px;
}
.p_news_contents p {
    width: 100%;
    margin-bottom: 30px;
}
.p_news_contents h2{
    width: 100%;
    font-size: 2.2rem;
    line-height: 1.4;
    font-weight: bold;
    padding: 15px 20px;
    background: #306bac;
    color: #fff;
    position: relative;
    margin-bottom: 40px;
}
.p_news_contents h3{
    width: 100%;
    background: #f0f6fb;
    padding: 15px 25px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 30px;
}
.p_news_contents h4{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: bold;
    padding-left: 15px;
    border-left: 4px solid #306bac;
    margin-bottom: 20px;
}
.p_news_contents h5 ,
.p_news_contents h6{
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p_news_contents ul{
    width: 100%;
    list-style-type: "・";
    list-style-position: inside;
    margin-bottom: 20px;
}
.p_news_contents ol{
    width: 100%;
    list-style-type: auto;
    list-style-position: inside;
    margin-bottom: 20px;
}
.p_news_contents ul li,
.p_news_contents ol li{
    text-indent: -1em;
    padding-left: 2em;
}
.p_news_contents table{
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin-bottom: 40px;
}
.p_news_contents table th{
    width: auto !important;
    font-weight: bold;
    background: #f5f5f5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 15px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.p_news_contents table td {
    width: auto !important;
    text-align: center;
    padding: 15px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.p_news_contents p:last-child,
.p_news_contents h1:last-child,
.p_news_contents h2:last-child,
.p_news_contents h3:last-child,
.p_news_contents h4:last-child,
.p_news_contents h5:last-child,
.p_news_contents h6:last-child,
.p_news_contents ul:last-child,
.p_news_contents ol:last-child,
.p_news_contents table:last-child{
    margin-bottom: 0;
}
 */

/* 一覧に戻る */
.p_news_back{
    width: 100%;
    padding-top: 30px;
}
.p_news_back a{
    text-decoration: underline;
    text-underline-offset: 3px;
}



/* -----------------------------
レンタルオフィス
----------------------------- */
.p_rntl_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_rntl_flex_items{
    width: 45.4%;
    margin-bottom: 60px;
}
.p_rntl_flex_items img{
    display: block;
    width: 100%;
}
.p_rntl .cm_p_title_26{
    text-align: left;
}
.fx_rv{
    order: -1;
}
.p_rntl .p_procedures_flex{
    flex-wrap: wrap;
    gap: 38px;
}
/* こんな方におすすめ */
.p_rntl_osusume_box{
    width: 100%;
    padding: 30px;
    background: #f0f6fb;
    border-radius: 10px;
}
.p_rntl_osusume_list{
    width: 100%;
    padding: 50px 60px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.p_rntl_osusume_list li{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}
.p_rntl_osusume_list li::before {
    content: "";
    display: block;
    width: 19px;
    height: 15px;
    background: url(../img/owner/land/p_land_dd.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
}
.p_rntl_osusume_list li:last-child{
    margin-bottom: 0;
}
.p_rntl_office_txt{
    width: 100%;
    border: 5px solid #f6f6f6;
    padding: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px;
}
#p_rntl_list .p_procedures_flex h4{
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-bottom: 10px;
}
/* -----------------------------
トランクルーム
----------------------------- */
.p_storage_img{
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 50px;
}
.p_storage_img:hover{
    opacity: .7;
    transition: .5s;
}
.p_storage_img img{
    display: block;
    width: 100%;
}
.p_storage_other{
    width: 100%;
    border: 5px solid #f6f6f6;
    padding: 40px 40px 60px;
}
.p_storage_other_flex{
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.p_storage_other_flex_txt{
    width: 64%;
}
.p_storage_other_flex_txt h4{
    font-size: 2.2rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 20px;
}
.p_storage_other_flex_txt p:first-of-type{
    margin-bottom: 20px;
}
.p_storage_other_flex_img{
    width: 31%;
}
.p_storage_other_flex_img img{
    display: block;
    width: 100%;
}
.p_storage_other_info{
    width: 100%;
    margin-bottom: 30px;
}
.p_storage_other_info:last-child{
    margin-bottom: 0;
}
.p_storage_other_info h4{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.p_storage_other_info_table{
    width: 100%;
    border: 1px solid #ddd;
}
.p_storage_other_info_table_row{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ddd;
}
.p_storage_other_info_table_row:last-child{
    border-bottom: none;
}
.p_storage_other_info_table_row_hd{
    width: 200px;
    background: #f6f6f6;
    border-right: 1px solid #ddd;
    padding: 20px 30px;
    display: flex;
    align-items: center;
}
.p_storage_other_info_table_row_cell {
    width: calc(100% - 200px);
    padding: 20px 30px;
    display: flex;
    align-items: center;
}
.p_storage_other_size_table{
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}
.p_storage_other_size_table_hd{
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: flex;
}
.p_storage_other_size_table_hd_cell{
    width: calc(100% / 3);
    background: #f0f6fb;
    text-align: center;
    padding: 20px;
    border-right: 1px solid #ddd;
}
.p_storage_other_size_table_hd_cell:last-child{
    border-right: none;
}
.p_storage_other_size_table_row{
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: flex;
}
.p_storage_other_size_table_row:last-child{
    border-bottom: none;
}
.p_storage_other_size_table_row_cell{
    width: calc(100% / 3);
    text-align: center;
    padding: 20px;
    border-right: 1px solid #ddd;
}
/* -----------------------------
経営理念
----------------------------- */
/* 一番初めの下線ありセクション */
.p_aboutus_wrap {
    width: 100%;
    padding: 80px 0 110px;
    border-top: 1px solid #ddd;
    font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", serif !important;
}
.p_aboutus_box{
    width: 100%;
    margin-bottom: 80px;
}
.p_aboutus_box:last-child{
    margin-bottom: 0;
}
.p_aboutus_box h3{
    font-size: 3rem;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}
.p_aboutus_box h3 span{
    color: #306bac;
    font-size: 1.4rem;
    margin-left: 20px;
}
.p_aboutus_box_txt{
    width: 100%;
    background: #f0f6fb;
    padding: 60px 50px;
    font-size: 2rem;
    line-height: 2;
}
.p_aboutus_box_txt p{
    text-indent: -2em;
    padding-left: 2em;
}
/* -----------------------------
プライバシーポリシー
----------------------------- */

.p_privacy_wrap{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 40px 60px;
    border: 5px solid #f6f6f6;
}
.p_privacy_box{
    width: 100%;
    margin-bottom: 40px;
}
.p_privacy_box h3{
    font-size: 1.8rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 10px;
}
.p_privacy_box ul{
    width: 100%;
    margin-top: 10px;
}
.p_privacy_box ul li{
    text-indent: -1em;
    padding-left: 1em;
}
.p_privacy_box h4{
    font-size: 1.6rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 10px;
    margin-top: 10px;
}
.p_privacy_box a{
    color: #306bac;
    border-bottom: 1px solid #306bac;
}
.p_privacy_revision{
    width: 100%;
    text-align: right;
}
.p_privacy_box li ol{
    width: 100%;
    padding-left: 1em;
    margin: 10px 0;
}
.p_privacy_box li ol li{
    text-indent: -1em;
    padding-left: 1em;
}
/* -----------------------------
特定商取引法に基づく表記
----------------------------- */
.p_law_wrap{
    width: 100%;
    max-width: 780px;
    margin: 0 auto 90px;
}
.p_law_table{
    width: 100%;
    border: 1px solid #ddd;
}
.p_law_table_row{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ddd;
}
.p_law_table_row:last-of-type{
    border-bottom: none;
}
.p_law_table_hd{
    width: 200px;
    background: #f6f6f6;
    padding: 20px;
    border-right: 1px solid #ddd;
}
.p_law_table_cel{
    width: calc(100% - 200px);
    padding: 20px;
}
.p_law_table_mail{
    color: #306bac;
}
.p_law_table_mail:hover{
    opacity: .7;
    transition: .5s;
}
.p_law_table_url{
    text-decoration: underline;
}
/* -----------------------------
沿革
----------------------------- */
.p_history .p_law_table_hd,
.p_history .p_law_table_cel{
    padding: 20px 30px;
}
.p_history_csr_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.p_history_csr_flex_items{
    width: 30.9%;
}
.p_history_csr_flex_items_img{
    width: 100%;
    padding: 30px 50px;
    margin-bottom: 20px;
    background: #f0f6fb;
    border-radius: 6px;
}
.p_history_csr_flex_items_img img{
    display: block;
    width: 100%;
}
.p_history_csr_flex_items h3{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.p_history_csr_flex_items a{
    text-decoration: underline;
}
/* -----------------------------
会社概要
----------------------------- */
.p_company .p_law_table_cel a{
    color: #306bac;
    text-decoration: underline;
}
.p_company .p_law_table_cel a:hover{
    opacity: .7;
    transition: .5s;
}
.p_company_access_box{
    width: 100%;
}
.p_company_access_map{
    width: 100%;
    height: 340px;
    margin-bottom: 30px;
}
.p_company_access_map iframe{
    width: 100%;
    height: 100%;
}
.p_company_access_box h3{
    font-size: 1.8rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 10px;
}
.p_company_access_box p{
    margin-bottom: 25px;
}
.p_company_chart{
    width: 100%;
    border: 5px solid #f6f6f6;
    padding: 50px;
}
.p_company_chart img{
    display: block;
    width: 100%;
}
/* -----------------------------
フォーム共通
----------------------------- */
.cm_cont_inner{
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    padding: 0 20px;
}
.cm_cont_hd{
    width: 100%;
    min-height: 60px;
    border-radius: 6px;
    padding: 20px 30px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
.cm_cont_box{
    width: 100%;
    margin-bottom: 40px;
}
.cm_cont_tel{
    width: 100%;
    max-height: 100px;
    border-radius: 6px;
    margin-bottom: 40px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cm_tenants_bg_a{
    background: #f0f6fb;
}
.cm_owner_bg_a{
    background: #f8eeee;
}
.cm_cont_tel_hd{
    font-size: 1.8rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.cm_cont_tel_hd img{
    margin-right: 10px;
}
.cm_cont_tel_num{
    width: 225px;
    text-align: center;
}
.cm_cont_tel_num_sg{
    font-size: 2rem;
    font-weight: bold;
}
.cm_cont_tel_num_sm{
    font-size: 1.2rem;
}


/*LINE登録案内(202507追加)*/
.cm_cont_line{
    margin-top: -20px;
    text-align: center;
    padding: 30px;
    background: #f1fce1;
    margin-bottom: 15px;
}
.cm_cont_line h5 {
    font-size: 1.8rem;
    font-weight: bold;
    background: url(../img/form/tenants_contact/ico_line.svg)  0 50% no-repeat;
    background-size: 20px;
    padding-left: 30px;
    margin: 0 auto 15px;
    width: fit-content;
}
.cm_cont_line_notice {
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.cm_cont_line a.line_btn {
    display: inline-block;
    background: #00B900;
    color: #fff;
    padding: 15px 30px;
    border-radius: 99px;
    min-width: 280px;
    text-align: center;
    font-size: 1.4rem;
}
.cm_cont_line a.line_btn:hover {
    opacity: .7;
}

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

.cm_cont_line{
    text-align: left;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    margin-bottom: 15px;
}
.cm_cont_line h5 {
    margin: 0 0 15px 0;
}
.cm_cont_line_notice {
    margin-bottom: 0;
}
}/*SP*/




/* フォーム */
.cm_cont_form_wrap{
    width: 100%;
}
.cm_cont_form_sec{
    width: 100%;
    margin-bottom: 40px;
}
.cm_cont_form_sec h3{
    width: 100%;
    min-height: 50px;
    padding: 14px 20px;
    background: #f0f6fb;
    border-top: 2px solid #306bac;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 30px;
}
.cm_cont_form_hissu{
    display: inline-block;
    margin-left: 8px;
    position: relative;
    bottom: 5px;
}
/* チェックボックス */
.cm_cont_form_checkbox_flex{
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
label{
    width: 49.3%;
    height: 50px;
    border-radius: 4px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 14px 20px;
    cursor: pointer;
}
.input_click{
    background: #f0f6fb !important;
    border: 1px solid #306bac !important;
}
/*ラジオの場合は変化なし*/
label.is_radio.input_click{
    background: #f6f6f6;
    border: 1px solid #ddd;
}
/*ラジオボタンを内包しているラベルタグ*/
label:has(> input[type="radio"]) {
    display: inline-block;
    width: fit-content;
    margin-right: 5px;
}
.checkbox{
    margin-right: 12px;
}
/* 100%幅のチェックボックス */
.contact_car-rentalentry label {
    display: block;
    width: 100%;
    height: auto;
    min-height: 50px;
    border-radius: 4px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 16px 20px;
    margin-bottom: 10px;
    cursor: pointer;
}
/* テキストエリア */
.cm_cont_form_textarea{
    width: 100%;
    min-height: 160px;
    border-radius: 4px;
    padding: 24px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    resize: none;
}
/* 入力項目 */
.cm_cont_form_flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.cm_cont_form_input_box{
    width: 46.9%;
}
.cm_cont_form_input_box.is_block{/*全副ボックス*/
    width: 100%;
}
.cm_cont_form_input_box p,
.cm_cont_form_input_box_l p{
    font-weight: bold;
    margin-bottom: 10px;
}
.cm_cont_form_input{
    width: 100%;
    height: 50px;
    border-radius: 4px;
    padding: 12px 20px;
    background: #f6f6f6;
    border: 1px solid #ddd;
}
/* 郵便番号入力 */
.cm_cont_form_input_zip_wrap{
    width: 100%;
    display: flex;
    align-items: center;
}
.cm_cont_form_input_zip{
    width: 150px;
    height: 50px;
    border-radius: 4px;
    padding: 12px 20px;
    background: #f6f6f6;
    border: 1px solid #ddd;
}
.cm_cont_form_input_zip_wrap span{
}
/* 電話番号分割インプット */
.cm_cont_form_input_tell_wrap{
    width: 100%;
    display: flex;
    align-items: center;
}
.cm_cont_form_input_tell{
    width: 100px;
    height: 50px;
    border-radius: 4px;
    padding: 12px 20px;
    background: #f6f6f6;
    border: 1px solid #ddd;
}
.cm_cont_form_input_tell_wrap span {
    display: block;
    width: 9px;
    height: 1px;
    background: #000;
    margin: 0 12px;
}
.cm_cont_form_input.is_half {/*単位つけたいとき*/
    width: 50%;
    height: 50px;
    border-radius: 4px;
    padding: 12px 20px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    display: inline-block;
}
.cm_cont_form_input_box .tani {
    display: inline-block;
    padding: 0 5px;
}

/* セレクト */
  /* 初期化 */
.cm_cont_form_select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #333;
    font-size: 16px;
    width: 100%;
    height: 100%;
    padding: 0 10px;
}
.cm_cont_form_select::-ms-expand {
    display: none;
}
.cm_cont_form_select{
    width: 100%;
    height: 50px;
    border-radius: 4px;
    padding: 12px 20px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    position: relative;
}
.cm_cont_form_select::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 6px;
    background: url(../img/form/tenants_contact/p_form_select_arrow.png) no-repeat;
    right: 16px;
    top: 45%;
    z-index: 1;
}
/* セレクト 生年月日 */
.cm_cont_form_select_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}
.cm_cont_form_select_wrap .cm_cont_form_select{
    width: 110px;
}
/* 画像アップロード */
.cm_cont_form_file{
    display: block;
    width: 100%;
    height: 50px;
    padding: 11px 13px;
    border: 1px solid #ddd;
    background: #f6f6f6;
    border-radius: 4px;
}
/* ポリシーの文章 */
.form_privacy{
    margin-bottom: 40px !important;
}
/* ボタン */
.cm_cont_form_sec .cm_p_btn{
    margin: 0 auto;
    font-size: 1.6rem;
}
/* 100%幅のインプット */
.cm_cont_form_box{
    width: 100%;
}
.cm_cont_form_input_box_l{
    width: 100%;
}
.cm_cont_form_input_box_l:last-child{
    margin-bottom: 0;
}
/* -----------------------------
入居者様向けお問い合わせ窓口
----------------------------- */
.p_tenants_contact_txt{
    width: 100%;
   /*  text-align: center; */
    margin-bottom: 30px;
}
.p_tenants_contact_txt a{
    color: #306bac;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.p_tenants_contact_txt a:hover{
    opacity: .7;
    transition: .5s;
}
/* フォーム説明文で左寄せの時 */
.p_contact_txt_l{
    text-align: left !important;
}
.p_tenants_contact_flex{
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.p_tenants_contact_flex_items{
    width: 30.7%;
}
.p_tenants_contact_flex_items_img{
    display: block;
    width: 100%;
    border-radius: 6px;
    margin-bottom: 10px;
}
.p_tenants_contact_flex_items_img:hover{
    opacity: .7;
    transition: .5s;
}
.p_tenants_contact_flex_items_img img{
    display: block;
    width: 100%;
}
.p_tenants_contact_flex_items_hd{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #32a8e6;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.p_tenants_contact_flex_items_hd:hover{
    opacity: .7;
    transition: .5s;
}
/* -----------------------------
確認画面
----------------------------- */
.p_tenants_contact_confirmation .cm_p_sec_bdb{
    padding: 0 20px 60px;
}
.p_tenants_contact_conf_note{
    width: 100%;
    height: 50px;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
/* チェックボックス部分 */
.p_tenants_contact_conf_checkbox{
    width: 100%;
    height: 50px;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 15px 20px;
}
/* セレクト部分 */
.p_tenants_contact_confirmation .cm_cont_form_select::after{
    display: none;
}
/* 添付ファイル */
.p_form_tenpu{
    text-decoration: underline;
}
/* 送信ボタン */
.p_tenants_contact_confirmation .cm_p_btn{
    margin-bottom: 40px;
}
/* 入力画面に戻る */
.cm_cont_form_back{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* -----------------------------
完了画面
----------------------------- */
.p_tenants_contact_completion .cm_p_sec_bdb{
    padding: 0 20px 60px;
}
.p_tenants_contact_completion .cm_cont_form_sec,
.p_tenants_contact_completion .cm_cont_box{
    margin-bottom: 0;
}
.p_tenants_contact_completion .p_tenants_contact_txt{
    text-align: left;
}
.p_tenants_contact_completion_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.p_tenants_contact_completion_flex_items{
    width: 46.9%;
    border: 5px solid #f6f6f6;
    padding: 15px 30px;
}
.p_tenants_contact_completion_flex_items h4{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.p_tenants_contact_completion_top{
    display: inline-block;
    width: 100%;
    text-align: right;
    text-decoration: underline;
    text-underline-offset: 3px;

}
/* -----------------------------
名前・住所・電話番号変更
----------------------------- */
.p_form_bd_box {
    width: 100%;
    margin: 0 auto;
    padding: 20px 30px;
    border: 5px solid #f6f6f6;
    margin-top: 40px;
    margin-bottom: 40px;
}
.contact_ac-r .p_form_bd_box{
    margin-top: 0;
    margin-bottom: 20px;
}
.p_form_bd_box_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p_form_bd_box_flex_img{
    width: 265px;
}
.p_form_bd_box_flex_img img{
    display: block;
    width: 100%;
}
.p_form_bd_box_flex_txt{
    width: calc(100% - 300px);
}
.p_form_bd_box a{
    color: #306bac;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.p_form_bd_box a:hover{
    opacity: .7;
    transition: .5s;
}
/* -----------------------------
ご入居者様を追加する
----------------------------- */
/* 追加（1人目） */
.p_tenants_contact_hd_add{
    width: 100%;
    background: #666666;
    color: #fff;
    padding: 10px 14px;
    margin-bottom: 20px;
}
.p_tenants_contact_hd_add + .cm_cont_form_flex{
    margin-bottom: 40px;
}
/* -----------------------------
退去のお手続き
----------------------------- */
.contact_cancel .p_form_bd_box{
    padding: 30px;
}
.p_form_bd_box_inner{
    width: 100%;
    margin-bottom: 30px;
}
.p_form_bd_box_inner:last-child{
    margin-bottom: 0;
}
.contact_cancel .p_form_bd_box h4{
    font-size: 1.6rem;
    font-weight: bold;
    color: #306bac;
    margin-bottom: 10px;
}
.p_form_bd_box_inner_btn{
    width: 100%;

}
.p_form_bd_box_inner_btn{
    width: 100%;
    display: flex;
    gap: 10px;
    margin-top: 30px;
}
.p_form_btn{
    width: 210px;
    height: 50px;
    border-radius: 6px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}
.p_form_btn img{
    display: block;
    margin-right: 20px;
}

/* 注意事項リスト */
.p_form_bd_box_inner .notice_list {
    color: #f00;
    margin-left: 15px;
    list-style: disc;
    list-style-position: outside;
}
.contact_cancel label{
    display: inline-block;
    width: auto;
    margin: 0 10px 10px 0;
}
.contact_cancel label:last-child{
    margin-bottom: 0;
}
.contact_cancel .cm_cont_form_select_wrap label{
    margin-bottom: 0;
}
.form_cancel_txt{
    width: 100%;
    margin-bottom: 20px;
}
.form_cancel_key_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 20px;
}
.form_cancel_key_box img{
    display: block;
    width: 100%;
}
[type="radio"]{
    margin-right: 5px;
}
.cm_cont_form_bank_wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.cm_cont_form_bank_wrap .cm_cont_form_input_box{
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}
.form_cancel_bd_box{
    padding: 30px !important;
}
.form_cancel_bd_box p{
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 10px;
}
.form_cancel_bd_box p:last-child{
    margin-bottom: 0;
}
.w100p{
    width: 100% !important;
}

/*プラグイン用パーツ矯正*/

.cm_cont_form_wrap span.error {
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 8px;;
    background: #f00;
    border-radius: 3px;
}
.cm_form_input_wrap_half span {
    display: inline-block;
    min-height: 40px;
    margin-bottom: 5px!important;
}
.taikyo_checkbox span {
    display: inline-block;
    min-height: 40px;
    margin-bottom: 5px!important;
}
.insurance_checkbox span {
    display: inline-block;
    min-height: 40px;
    margin-top: 10px;
    margin-bottom: 0px!important;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin: 0 0 5px 0 !important;
}
.mwform-checkbox-field label, .mwform-radio-field label,.mwform-radio-field horizontal-item  {
    margin: 0 0 5px 0 !important;
    line-height: 1em;
}





/* -----------------------------
ブログ記事用
----------------------------- */





/*記号名リスト（コンペ記事）*/
.list_box  {
    display: grid;
    grid-template-columns: 1fr 1fr ;
    gap: 20px;
}
.list_box li {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.list_box li {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    list-style: none;
}





/* -----------------------------
コラム本文用スタイルセット
----------------------------- */





.styles {
   font-size: 1.6rem;
}
.styles img{
    height: auto;
    width: auto;
    max-width: 100%;
    margin-bottom: 1em;
}
.styles a{
    color: #306bac;
    text-decoration: underline;
}
.styles p ,
.styles ul,
.styles ol,
.styles dl{
  margin-bottom: 2em;
}
.styles h2 {
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 20px;
  background: #306bac;
  border-radius: 4px;
  margin: 1.5em 0 ;
}
.styles h3 {
    background: #f0f6fb;
    padding: 15px 25px;
    font-size: 2rem;
    font-weight: bold;
  line-height: 1.5;
  margin: 1.5em 0 ;
}
.styles h4{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  border-left: solid 3px #306bac;
  padding-left: 15px;
  margin: 1.5em 0 ;
}
.styles h5,
.styles h6 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.styles p {}
.styles em {}
.styles strong {}
.styles ul,
.styles ol {margin-left: 2em;}
.styles ul {list-style: disc outside;}
.styles ol {list-style: decimal outside;}
.styles li {margin-bottom: .5em;}
.styles dl {}
.styles dt {
  font-weight: bold;
  margin-bottom: 1.5em;
}
.styles dd {
  margin-left: 1em;
  margin-bottom: 1.5em;
}
.styles table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2.5em;
}
.styles th,
.styles td {
  padding: 20px;
  vertical-align: middle;
  border: .99px solid #ddd;
}
.styles th {
  background: #f5f5f5;
}
.styles td {
  background: #fff;
}
.styles caption {
  text-align: left;
  font-weight: bold;
  margin-bottom: 1em;
}

/*引用タグ*/
.styles blockquote {
  padding: 30px ;
  background: #f0f0f0;
  border-radius: 10px;
  margin-bottom: 2.5em;
}
/*汎用ボックス*/
.styles .box {
  padding: 30px ;
  background: #f0f0f0;
  border-radius: 10px;
  margin-bottom: 2.5em;
}

/*区切り線*/
.styles hr{
  clear:both;
  padding:0;
  display:block;
  height:1px;
  border:0;   
  border-top:.99px solid #ccc;
  margin: 2em 0;
}
/*画像位置調整（Wordpress経由でつけられる位置調整用クラス）*/
.alignleft   ,
.aligncenter ,
.alignright {
  display: block;
}
.alignleft   { margin-right: auto; }
.aligncenter { margin: 0 auto; }
.alignright  { margin-left: auto; }





/* -----------------------------
調整用CSS
----------------------------- */



/*マージン*/
.mt5 {margin-top: 5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb150{margin-bottom:150px !important;}
.mb200{margin-bottom:200px !important;}

.ml5 {margin-left: 5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mr5{margin-right: 5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.noMg{margin:0 !important;}

/*左右マージン*/
.inr5 {padding:0  5px;}
.inr10{padding:0 10px;}
.inr15{padding:0 15px;}
.inr20{padding:0 20px;}
.inr25{padding:0 25px;}
.inr30{padding:0 30px;}
.inr35{padding:0 35px;}
.inr40{padding:0 40px;}
.inr45{padding:0 45px;}
.inr50{padding:0 50px;}

/*フロート*/
.float-l{float:left;}
.float-r{float:right;}

/*アライン*/
.align-c{text-align: center !important;}
.align-l{text-align: left   !important;}
.align-r{text-align: right  !important;}

/*フォントサイズ（相対）*/
big   {font-size:1.2em}
small {font-size:0.8em;}

/*フォントサイズ（絶対）*/
.fs-10 {font-size:1.0rem}
.fs-11 {font-size:1.1rem}
.fs-12 {font-size:1.2rem}
.fs-13 {font-size:1.3rem}
.fs-14 {font-size:1.4rem}
.fs-15 {font-size:1.5rem}
.fs-16 {font-size:1.6rem}
.fs-17 {font-size:1.7rem}
.fs-18 {font-size:1.8rem}
.fs-19 {font-size:1.9rem}
.fs-20 {font-size:2.0rem}
.fs-21 {font-size:2.1rem}
.fs-22 {font-size:2.2rem}
.fs-23 {font-size:2.3rem}
.fs-24 {font-size:2.4rem}
.fs-25 {font-size:2.5rem}
.fs-26 {font-size:2.6rem}
.fs-27 {font-size:2.7rem}
.fs-28 {font-size:2.8rem}
.fs-29 {font-size:2.9rem}
.fs-30 {font-size:3.0rem}
.fs-35 {font-size:3.5rem}
.fs-40 {font-size:4.0rem}
.fs-45 {font-size:4.5rem}
.fs-50 {font-size:5.0rem}

/*フォントサイズ（絶対）※ハイフンなし！*/
.fs10 {font-size:1.0rem}
.fs11 {font-size:1.1rem}
.fs12 {font-size:1.2rem}
.fs13 {font-size:1.3rem}
.fs14 {font-size:1.4rem}
.fs15 {font-size:1.5rem}
.fs16 {font-size:1.6rem}
.fs17 {font-size:1.7rem}
.fs18 {font-size:1.8rem}
.fs19 {font-size:1.9rem}
.fs20 {font-size:2.0rem}
.fs21 {font-size:2.1rem}
.fs22 {font-size:2.2rem}
.fs23 {font-size:2.3rem}
.fs24 {font-size:2.4rem}
.fs25 {font-size:2.5rem}
.fs26 {font-size:2.6rem}
.fs27 {font-size:2.7rem}
.fs28 {font-size:2.8rem}
.fs29 {font-size:2.9rem}
.fs30 {font-size:3.0rem}
.fs35 {font-size:3.5rem}
.fs40 {font-size:4.0rem}
.fs45 {font-size:4.5rem}
.fs50 {font-size:5.0rem}

/*画像透過*/
a.imgHover:hover{
  opacity:0.7;
  transition: all 0.5s ease;
}

/*回りこみ解除禁止（簡易crearfix）*/
.ovh{overflow:hidden;}

/*boeder*/
hr.border{
  clear:both;
  padding:0;
  margin: 0;
  display:block;
  height:1px;
  border:0;   
  border-top:.99px solid #ddd;
}
/*boeder-黒*/
hr.border_bk{
  clear:both;
  padding:0;
  margin: 0;
  display:block;
  height:1px;
  border:0;   
  border-top:.99px solid #000;
}