@charset "UTF-8";

#main{margin-bottom:100px;}

@media screen and (max-width:767px) {
  #main{margin-bottom:50px;}
}
/*-------------------------
__buy_title_box
-------------------------*/
#content .buy_title_box{position:relative;box-sizing:border-box;padding:20px 0 0;min-width:var(--wid-base);height:calc(100vh - 121px);min-height:500px;background:url("images/main_title_bg.webp")no-repeat center/cover;}
#content .buy_title_box::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:auto;background-image:linear-gradient(40deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));z-index:1;}
#content .buy_title_box .buy_title_inner{min-width:var(--wid-base);box-sizing:border-box;padding:0 50px;margin:0 auto;position:relative;z-index:2;height:100%;}
#content .buy_title_box .buy_title_inner .kome2{font-size:1.4em;letter-spacing:0.04em;position:absolute;right:50px;bottom:20px;color:#FFF;}
#content .buy_title_box .title_box{text-align:left;position:absolute;left:50px;top:50%;transform:translateY(-40%);color:#FFF;z-index:2;}
#content .buy_title_box .title_box .title{font-size:3.7em;font-weight:500;letter-spacing:0.08em;line-height:1.4;margin-bottom:40px;}
#content .buy_title_box .title_box .s_title{font-size:1.6em;font-weight:500;letter-spacing:0.08em;line-height:2;}
#content .buy_title_box .title_box .s_title .kome{font-size:0.8em;vertical-align:top;}

@media screen and (max-width:767px) {
  #content .buy_title_box{height:calc(100svh - 144px);min-height:400px;}
  #content .buy_title_box .buy_title_inner{padding:0 20px;}
  #content .buy_title_box .buy_title_inner .kome2{font-size:1.3em;right:20px;}
  #content .buy_title_box .title_box{left:20px;top:50%;}
  #content .buy_title_box .title_box .title{font-size:2.3em;margin-bottom:20px;padding-right:20px;}
  #content .buy_title_box .title_box .s_title{font-size:1.4em;line-height:1.5;padding-right:20px;}
}
@media screen and (max-width:374px) {
  #content .buy_title_box .title_box .title{font-size:2em;}
  #content .buy_title_box .sp320_off{display:none;}
}
/*-------------------------
__search
-------------------------*/
#content #search{background:url("/images/common_bg.webp")no-repeat center/cover;box-sizing:border-box;padding:100px 0;min-width:var(--wid-base);margin-bottom:120px;}
#content #search .inner{width:var(--wid-base);margin:0 auto;box-sizing:border-box;padding:0 20px;}
#content .fukidashi{box-sizing:border-box;padding:0 60px 60px;}
#content .fukidashi .fukidashi_text{display:inline-block;font-size:2.8em;letter-spacing:0.05em;line-height:1.5;position:relative;}
#content .fukidashi .fukidashi_text::before{content:"";display:inline-block;width:52px;height:83px;background:url(images/fukidashi_m_l@2x.png) no-repeat;background-size:contain;vertical-align:middle;position:absolute;top:50%;left:-57px;transform:translateY(-50%);}
#content .fukidashi .fukidashi_text::after{content:"";display:inline-block;width:52px;height:83px;background:url(images/fukidashi_m_r@2x.png) no-repeat;background-size:contain;vertical-align:middle;position:absolute;top:50%;right:-57px;transform:translateY(-50%);}
#content .fukidashi .fukidashi_text em{display:block;font-size:1.25em;}

@media screen and (max-width:767px) {
  #content #search{padding:50px 0;margin-bottom:50px;}
  #content .fukidashi{padding:0 45px 30px;}
  #content .fukidashi .fukidashi_text{font-size:1.65em;}
  #content .fukidashi .fukidashi_text::before{width:40px;height:64px;top:auto;left:-45px;transform:translateY(0);bottom:0px;}
  #content .fukidashi .fukidashi_text::after{width:40px;height:64px;top:auto;right:-45px;transform:translateY(0);bottom:0px;}
}
/*-------------------------
__search_タブ部分
-------------------------*/
/*タブ切り替え全体のスタイル*/
.tabs {width:1000px;margin:0 auto;position:relative;}
/*タブのスタイル*/
.tab_item {width:calc((100% - 20px)/3);height:62px;background-color:#808080;line-height:72px;font-size:2em;text-align:center;color:#fff;display:block;float:left;font-weight: bold;transition:all 0.2s ease;border-radius:5px 5px 0 0;margin-top:10px;}
.tab_item:nth-of-type(n+2){margin-left:10px;}
.tab_item:hover {opacity:0.75;}
/*ラジオボタンを全て消す*/
input[name="tab_item"]{display:none;}
/*タブ切り替えの中身のスタイル*/
.tab_content {display:none;clear:both;position:relative;overflow:hidden;padding:30px;/*height: 875px;*/background:#FFF;text-align:left;}
/*選択されているタブのコンテンツのみを表示*/
#area:checked ~ #area_content,
#rosen:checked ~ #rosen_content,
#school:checked ~ #school_content {display:block;}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {background-color:var(--color-base2);color:#fff;margin-top:0;height:72px;}

@media screen and (max-width:767px) {
  /*タブ切り替え全体のスタイル*/
  .tabs {width:100%;}
  /*タブのスタイル*/
  .tab_item {height:52px;line-height:1.3;font-size:1.5em;box-sizing:border-box;padding-top:10px;}
  /*選択されているタブのスタイルを変える*/
  .tabs input:checked + .tab_item {height:62px;}
  /*タブ切り替えの中身のスタイル*/
  .tab_content {padding:10px;}
}

/*-------------------------
__search_各種選択
-------------------------*/
.tabs .tab_content ul{display:flex;}
.tabs .tab_content ul li{width:525px;}
.tabs .tab_content ul li.right_box{width:385px;margin-left:30px;}
.tabs .tab_content ul li dl{background:#f5f5f5;}
.tabs .tab_content ul li dl dt{background:var(--color-base2);box-sizing:border-box;height:44px;font-size:1.8em;font-weight:600;color:#FFF;padding:5px 0 0 10px;}
.tabs .tab_content ul li dl dt span{display:inline-block;width:34px;height:34px;background:#FFF;color:var(--color-base);text-align:center;line-height:30px;margin-right:20px;}
.tabs .tab_content ul li dl dd .search_form,
.tabs .tab_content ul li dl dd .rosen_form{position:relative;}
.tabs .tab_content ul li dl dd .search_form label,
.tabs .tab_content ul li dl dd .rosen_form label{position:absolute;font-size:1.5em;font-weight:500;}

@media screen and (max-width:767px) {
  .tabs .tab_content ul{display:block;}
  .tabs .tab_content ul li{width:100%;}
  .tabs .tab_content ul li.right_box{width:100%;margin-left:0;}
  .tabs .tab_content ul li dl dt{font-size:1.4em;}
  .tabs .tab_content ul li dl dt span{margin-right:10px;}
  .tabs .tab_content ul li dl dd .search_form,
  .tabs .tab_content ul li dl dd .rosen_form,
  .tabs .tab_content ul li dl dd .school_form{background:#f5f5f5;padding:10px;}
  .tabs .tab_content ul li dl dd .search_form img,
  .tabs .tab_content ul li dl dd .rosen_form img,
  .tabs .tab_content ul li dl dd .school_form img{display:none;}
  .tabs .tab_content ul li dl dd .search_form label,
  .tabs .tab_content ul li dl dd .rosen_form label{position:static;display:block;}
  .tabs .tab_content ul li.left_box{margin-bottom:60px;position:relative;}
  .tabs .tab_content ul li.left_box::before,
  .tabs .tab_content ul li.left_box::after{content:"";display:block;width:30px;height:4px;background:var(--color-base);position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);}
  .tabs .tab_content ul li.left_box::after{transform:translateX(-50%) rotate(-90deg);}
}

/*-------------------------
__
-------------------------*/
/*チェックボックス*/
.tabs .tab_content ul li dl dd .search_form label input,
.tabs .tab_content ul li:last-child dl dd input,
.tabs .tab_content ul li dl dd .rosen_form label input{display:none;}
/*ボタンの外枠*/
.tabs .tab_content ul li dl dd .search_form label span,
.tabs .tab_content ul li:last-child dl dd ul li span{box-sizing:border-box;position:relative;vertical-align:top;display:inline-block;padding:11px 11px 11px 40px;cursor:pointer;background:#FFF;border:1px solid var(--color-base);border-radius:5px;}
.tabs .tab_content ul li dl dd .search_form label span:hover,
.tabs .tab_content ul li:last-child dl dd span:hover{opacity:0.7;}
/*チェックボックス チェック*/	
.tabs .tab_content ul li dl dd .search_form label span::before,
.tabs .tab_content ul li dl dd .rosen_form span::before{content:"";display:block;background-color:var(--color-base2);height:14px;width:14px;margin-top:-8px;border-radius:50%;position:absolute;top:50%;left:14px;opacity:0;transition:opacity .3s;}
/*チェックボックス 枠*/	
.tabs .tab_content ul li dl dd .search_form label span::after,
.tabs .tab_content ul li dl dd .rosen_form span::after{content:"";background-color:#FFF;position:absolute;top:50%;left:10px;display:block;margin-top:-12px;width:20px;height:20px;border:1px solid var(--color-base);transition:border-color .3s;}
.tabs .tab_content ul li dl dd .search_form label input:checked + span::before,
.tabs .tab_content ul li dl dd .rosen_form label input:checked + span::before{opacity:1;z-index:2;}

.oume{top:216px;left:192px;}
.hamura{top:300px;left:297px;}
.mizuho{top:251px;left:413px;}
.hinode{top:325px;left:137px;}
.akiruno{top:410px;left:110px;}
.fussa{top:402px;left:385px;}
.musashimurayama{top:552px;left:212px;}

@media screen and (max-width:767px) {
  /*ボタンの外枠*/
  .tabs .tab_content ul li dl dd .search_form label span,
  .tabs .tab_content ul li:last-child dl dd ul li span{display:block;margin-bottom:10px;}
}

/*-------------------------
__物件種別選択　月々の返済額 または 物件価格 
-------------------------*/
.tabs .tab_content ul li:last-child dl dd{padding:20px 18px;}
.tabs .tab_content ul li:last-child dl dd .wide2,
.tabs .tab_content ul li:last-child dl dd .wide3{display:flex;flex-wrap:wrap;}
.tabs .tab_content ul li:last-child dl dd .wide2 li,
.tabs .tab_content ul li:last-child dl dd .wide3 li{width:47.5%;margin-left:0;}
.tabs .tab_content ul li:last-child dl dd ul li span{display:block;font-size:1.5em;line-height:1;font-weight:500;}
.tabs .tab_content ul li:last-child dl dd ul li:nth-of-type(2n){margin-left:5%;}
.tabs .tab_content ul li:last-child dl dd ul li:nth-of-type(n+3){margin-top:2%;}

/*ラジオボタン チェック*/	
.tabs .tab_content ul li:last-child dl dd ul li label span::before{content:"";display:block;background-color:var(--color-base2);height:14px;width:14px;margin-top:-8px;border-radius:50%;position:absolute;top:50%;left:14px;opacity:0;transition:opacity .3s;}

/*ラジオボタン 枠*/	
.tabs .tab_content ul li:last-child dl dd ul li label span::after{content:"";background-color:#FFF;position:absolute;top:50%;left:10px;display:block;margin-top:-12px;width:20px;height:20px;border:1px solid var(--color-base);transition:border-color .3s;border-radius:50%;}
.tabs .tab_content ul li:last-child dl dd label input:checked + span::before{opacity:1;z-index:2;}

/*dd内テキスト*/
.tabs .tab_content ul li:last-child dl dd .select_title{display:block;font-size:1.6em;font-weight:500;border-bottom:1px solid var(--color-base);margin-bottom:10px;padding-bottom:8px;}
.tabs .tab_content ul li:last-child dl dd .select_title.select_title_un{margin-top:20px;}
.tabs .tab_content ul li:last-child dl dd .select_title span{font-size:0.7em;padding-left:10px;}

/*ステップ2　+*/
.tabs .tab_content ul li:last-child dl.step2{margin-bottom:60px;position:relative;}
.tabs .tab_content ul li:last-child dl.step2::before,
.tabs .tab_content ul li:last-child dl.step2::after{content:"";display:block;width:30px;height:4px;background:var(--color-base);position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);}
.tabs .tab_content ul li:last-child dl.step2::after{transform:translateX(-50%) rotate(-90deg);}

@media screen and (max-width:767px) {
  .tabs .tab_content ul li:last-child dl dd{padding:10px;}
  .tabs .tab_content ul li:last-child dl dd .wide2,
  .tabs .tab_content ul li:last-child dl dd .wide3{display:block;}
  .tabs .tab_content ul li:last-child dl dd .wide2 li,
  .tabs .tab_content ul li:last-child dl dd .wide3 li{width:100%;}
  .tabs .tab_content ul li:last-child dl dd ul li:nth-of-type(2n){margin-left:0;}
  .tabs .tab_content ul li:last-child dl dd ul li:nth-of-type(n+3){margin-top:10px;}
  /*dd内テキスト*/
  .tabs .tab_content ul li:last-child dl dd .select_title span{padding-left:0;display:block;padding-top:5px;}
}

/*-------------------------
__駅選択
-------------------------*/
/*駅名　通常表示*/
.tabs .tab_content ul li dl dd .rosen_form label span{box-sizing:border-box;position:relative;vertical-align:top;display:inline-block;padding:0 0 0 40px;cursor:pointer;}
/*駅名　縦表示*/
.tabs .tab_content ul li dl dd .rosen_form label.vertical{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding:0;line-height:1;}
.tabs .tab_content ul li dl dd .rosen_form label.vertical span{padding:30px 0 0 0;}
/*縦表示  チェックボックス チェック*/	
.tabs .tab_content ul li dl dd .rosen_form label.vertical span::before{margin-top:0;top:4px;left:0;}
/*縦表示  チェックボックス 枠*/	
.tabs .tab_content ul li dl dd .rosen_form label.vertical span::after{top:0;left:-4px;margin-top:0;}
/*主要駅表示*/
.tabs .tab_content ul li dl dd .rosen_form label.transfer span{background:#FFF;border:1px solid var(--color-base);padding:38px 10px 10px 10px;border-radius:5px;}
/*主要駅表示  チェックボックス チェック*/	
.tabs .tab_content ul li dl dd .rosen_form label.transfer span::before{margin-top:0;top:12px;left:50%;transform:translateX(-50%);}
/*主要駅表示  チェックボックス 枠*/	
.tabs .tab_content ul li dl dd .rosen_form label.transfer span::after{top:8px;left:50%;margin-top:0;transform:translateX(-50%);}
/*五日市線*/	
.rosen_form .musashi_itsukaichi{top:520px;left:22px;}
.rosen_form .musashi_masuko{top:520px;left:52px;}
.rosen_form .musashi_hikida{top:520px;left:82px;}
.rosen_form .akigawa{top:520px;left:112px;}
.rosen_form .higashi_akiru{top:520px;left:142px;}
.rosen_form .kumagawa{top:520px;left:172px;}
.rosen_form .nishi_tachikawa{top:520px;left:363px;}
.rosen_form .higashi_nakagami{top:520px;left:333px;}
.rosen_form .nakagami{top:520px;left:303px;}
.rosen_form .akishima{top:520px;left:273px;}
/*青梅線*/
.rosen_form .ushihama{top:367px;left:134px;}
.rosen_form .fussa{top:340px;left:121px;}
.rosen_form .hamura{top:313px;left:108px;}
.rosen_form .hamura{top:313px;left:108px;}
.rosen_form .kozaku{top:286px;left:95px;}
.rosen_form .kabe{top:259px;left:82px;}
.rosen_form .higashi_ome{top:232px;left:68px;}
.rosen_form .ome{top:205px;left:55px;}
.rosen_form .miyanohira{top:178px;left:42px;}
.rosen_form .hinatawada{top:151px;left:29px;}
/*八高線*/
.rosen_form .hakonegasaki{top:352px;left:209px;}
.rosen_form .higashifussa{top:382px;left:209px;}
/*西部*/
.rosen_form .seibu_tachikawa{top:454px;left:258px;}
.rosen_form .musashi_sunagawa{top:426px;left:278px;}
.rosen_form .higashiyamato{top:165px;left:476px;}
/*多摩都市モノレール*/
.rosen_form .kamikitadai{top:92px;left:404px;}
.rosen_form .sakurakaido{top:122px;left:404px;}
.rosen_form .sunagawananaban{top:326px;left:404px;}
.rosen_form .izumitaiikukan{top:356px;left:404px;}
.rosen_form .tachihi{top:386px;left:404px;}
.rosen_form .takamatsu{top:416px;left:404px;}
.rosen_form .tachikawakita{top:446px;left:404px;}
.rosen_form .tachikawa{top:500px;left:398px;}
.rosen_form .haijima{top:500px;left:205px;}
.rosen_form .tamagawajosui{top:231px;left:383px;}

@media screen and (min-width: 768px) {
  .tabs .tab_content ul li dl dd .rosen_form label:hover{opacity:0.7;}
}
@media screen and (max-width:767px) {
 .tabs .tab_content ul li dl dd .rosen_form label{margin-bottom:10px;}
 .rosen_name{display:block;font-size:1.5em;font-weight:500;border-bottom:1px solid var(--color-base2);padding-bottom:8px;margin:20px 0 10px;}
  /*駅名　通常表示*/
  .tabs .tab_content ul li dl dd .rosen_form label span{vertical-align:top;display:block;padding:11px 11px 11px 40px;background:#FFF;border:1px solid var(--color-base);border-radius:5px;}
  /*駅名　縦表示*/
  .tabs .tab_content ul li dl dd .rosen_form label.vertical{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb;padding:0;line-height:1;}
  .tabs .tab_content ul li dl dd .rosen_form label.vertical span{padding:11px 11px 11px 40px;}
  /*縦表示  チェックボックス チェック*/
  .tabs .tab_content ul li dl dd .rosen_form label.vertical span::before{margin-top:-8px;top:50%;left:14px;}
  /*縦表示  チェックボックス 枠*/
  .tabs .tab_content ul li dl dd .rosen_form label.vertical span::after{top:50%;left:10px;margin-top:-12px;}
  /*主要駅表示*/
  .tabs .tab_content ul li dl dd .rosen_form label.transfer span{padding:11px 11px 11px 40px;}
  /*主要駅表示  チェックボックス チェック*/	
  .tabs .tab_content ul li dl dd .rosen_form label.transfer span::before{margin-top:-8px;top:50%;left:14px;transform: translateX(0);}
  /*主要駅表示  チェックボックス 枠*/	
  .tabs .tab_content ul li dl dd .rosen_form label.transfer span::after{top:50%;left:10px;margin-top:-12px;transform:translateX(0);}
}
/*-------------------------
__search_学区
-------------------------*/
.school_form{position:relative;}
.tabs .city_school{width:98px;text-align:center;position:absolute;}
.tabs .city_school p{font-size:1.5em;font-weight:500;display:block;color:#FFF;text-shadow:1px 1px 0 var(--color-base2), -1px -1px 0 var(--color-base2),-1px 1px 0 var(--color-base2), 1px -1px 0 var(--color-base2),0px 1px 0 var(--color-base2),  0 -1px 0 var(--color-base2),-1px 0 0 var(--color-base2), 1px 0 0 var(--color-base2);}
.tabs .city_school ul{display:block;text-align:center;}
.tabs .city_school ul li{width:100%!important;margin:7px auto 0!important;}
.tabs .city_school input{display:none;}
label.j_school,
label.jh_school {font-size:1.7em;;line-height:38px;padding:0 12px;font-weight:500;background:#fff;display:inline-block;cursor:pointer;border-radius:4px;border:1px solid var(--color-base);}
/*学区ボタン*/
.tabs .city_school.city_oume{top:189px;left:59px;}
.tabs .city_school.city_mizuho{top:304px;left:285px;}
.tabs .city_school.city_hamura{top:332px;left:146px;}
.tabs .city_hinode{top:375px;left:16px;}
.tabs .city_akiruno{top:480px;left:142px;}
.tabs .city_fussa{top:448px;left:249px;}
.tabs .city_musashimurayama{top:401px;left:383px;}
/*
学区　小学校区、中学校区詳細
*/	
.school_panel {padding:20px;height:666px;}
.school_panel p.city {font-size: 18px;line-height: 1.4em;font-weight: 700; color: #BEAF87;margin:0 0 20px;}
.school_panel ul.school_list {flex-wrap:wrap;}
.school_panel ul.school_list li{width:48%;margin:0 0 10px 0;}
.school_panel ul.school_list li:nth-of-type(2n){margin-left:4%;}
.school_panel .back {margin-top:20px;}
.school_panel .back .back_btn{display:inline-block;margin:0;padding:10px 18px 15px;background:#BEAF87;border-radius:4px;text-align:center;font-size:14px;font-size:1.4rem;font-weight:bold;textdecoration:none;color:#414042;text-decoration:none;}
.school_panel .back .back_btn:hover {opacity:0.5;}
/*ラジオボタン*/
.school_panel ul.school_list li label input{display:none;}
.school_panel ul.school_list li label span.radio_text{position:relative;font-size:1.4em;line-height:1.2;border:1px solid var(--color-base);box-sizing:border-box;padding:10px 10px 12px 35px;background:#fff;cursor:pointer;border-radius:4px;display:block;}
/*ラジオボタン チェック*/	
.school_panel ul.school_list li label span.radio_text::before{content:"";display:block;background-color:var(--color-base2);height:14px;width:14px;margin-top:-8px;border-radius:50%;position:absolute;top:50%;left:9px;opacity:0;transition:opacity .3s;}
/*ラジオボタン 枠*/	
.school_panel ul.school_list li label span.radio_text::after{content:"";background-color:#FFF;position:absolute;top:50%;left:5px;display:block;margin-top:-12px;width:20px;height:20px;border:1px solid var(--color-base);transition:border-color .3s;border-radius:50%;}
.school_panel ul.school_list li label input:checked + span::before{opacity:1;z-index:2;}
/*
物件を検索するボタン
*/
.tabs .search_btn{margin:30px auto 0;text-align:center;}
.tabs .search_btn input{border:none;background:var(--color-base2);font-size:2.0em;font-weight:600;letter-spacing:0.08em;color:#FFF;padding:20px 110px;border-radius:5px;}

@media screen and (min-width: 768px) {
  .tabs .search_btn input{transition:opacity 0.3s;}
  .tabs .search_btn input:hover{opacity:0.7;}
  label.j_school:hover,
  label.jh_school:hover{background:var(--color-base2);color:#FFF;border:1px solid #fff;}
}
@media screen and (max-width:767px) {
  .school_form{position:static;display:flex;flex-wrap:wrap;}
  .tabs .city_school p{color:var(--color-base2);text-shadow:none;font-weight:600;}
  .tabs .city_school{width:48%;position:static;}
  .tabs .city_school:nth-of-type(2n){margin-left:4%;}
  .tabs .city_school:nth-of-type(n + 3){margin-top:15px;}
  label.j_school,
  label.jh_school{display:block;}
  /*
  学区　小学校区、中学校区詳細
  */	
  .school_panel {padding:10px;height:auto;}
  .school_panel ul.school_list {display:block;}
  .school_panel ul.school_list li{width:100%;}
  .school_panel ul.school_list li:nth-of-type(2n){margin-left:0;}
  /*
  物件を検索するボタン
  */
  .tabs .search_btn{margin:20px auto 0;}
  .tabs .search_btn input{font-size:1.8em;padding:20px 0;width:100%;}
}

/*-------------------------
__pickup
-------------------------*/
#content #pickup{padding:0 0 120px;margin:0 auto;}
#content #pickup .inner{width:var(--wid-base);box-sizing:border-box;padding:0 20px;margin:0 auto;}
#content #pickup .inner .property_list{display:flex;}
#content #pickup .inner .property_list .p_box{width:23.5%;border:1px solid #d4d4d4;box-sizing:border-box;padding:9px;border-radius:5px;text-decoration:none;color: var(--color-base);display:block;}
#content #pickup .inner .property_list .p_box:nth-of-type(n+2){margin-left:2%;}
#content #pickup .inner .property_list .p_box .img_box{height:163px;overflow:hidden;text-align:center;background:#f1f1f1;position:relative;}
#content #pickup .inner .property_list .p_box .img_box img{height:100%;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#content #pickup .inner .property_list .p_box .text_box{padding-top:10px;font-size:1.4em;line-height:1.4;}
#content #pickup .inner .property_list .p_box .text_box .type{display:block;text-align:left;}
#content #pickup .inner .property_list .p_box .text_box .type .new{display:inline-block;background:#ff3828;font-weight:600;letter-spacing:0.05em;color:#FFF;padding:2px 5px;margin-right:10px;}
#content #pickup .inner .property_list .p_box .text_box  .price_box{display:block;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;margin:10px 0;padding:3px 0 5px;font-weight:700;}
#content #pickup .inner .property_list .p_box .text_box  .price_box .price{font-size:1.5em;color:#ff3828;}
#content #pickup .inner .property_list .p_box .text_box .add_traffic_box{text-align:left;}
#content #pickup .inner .property_list .p_box .text_box .add_traffic_box .add{padding:0 0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#content #pickup .inner .property_list .p_box .text_box .add_traffic_box .traffic{background:var(--color-base2);color:#FFF;box-sizing:border-box;padding:5px 10px 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

@media screen and (min-width:768px) {
  #content #pickup .inner .property_list .p_box{transition:transform 0.3s,box-shadow 0.3s;}
  #content #pickup .inner .property_list .p_box:hover{transform:scale(1.01);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.25);}
}
@media screen and (max-width:767px) {
  #content #pickup{padding:0 0 60px;}
  #content #pickup .inner .property_list{display:block;}
  #content #pickup .inner .property_list .p_box{width:100%;padding:15px;}
  #content #pickup .inner .property_list .p_box:nth-of-type(n+2){margin-left:0;margin-top:20px;}
  #content #pickup .inner .property_list .p_box .img_box{height:190px;}
}

/*-------------------------
__staff_list
-------------------------*/
.bg_cg{position:relative;margin-top:120px;margin-bottom:230px;min-width:var(--wid-base);}
.bg_cg::before{content:"";display:block;width:calc((100% - 800px)/2 + 800px);height:calc(100% + 40px);background:#f4f6f7;position:absolute;top:105px;right:0;z-index:0;}
#content .se_title_wrap{text-align:left;max-width:var(--wid-base);margin:0 auto 0;box-sizing:border-box;padding:0 20px 30px;position:relative;}
#content .se_title_wrap .se_title_box{margin:0 0 0 -50px;}
#content .se_title_wrap .se_title_box .se_title .eng{font-size:6em;font-weight:600;padding-right:20px;}
#content .se_title_wrap .se_title_box .se_title .jap{font-size:3em;font-weight:500;}
#content .se_title_wrap .concept{display:block;margin:10px 0;}
#content .se_title_wrap .text{font-size:1.4em;letter-spacing:0.06em;line-height:1.8;}
#staff_list{display:flex;flex-wrap:wrap;align-items:flex-start;max-width:var(--wid-base);box-sizing:border-box;padding:0 20px;margin:auto;position:relative;}
#staff_list .staff_box{width:31%;background:#FFF;margin-right:3.5%;text-decoration:none;color:var(--color-base);letter-spacing:0;transition:transform 0.3s,box-shadow 0.3s,opacity 800ms!important;}
#staff_list .staff_box:nth-of-type(3n + 2){transform:translateY(50px);}
#staff_list .staff_box:nth-of-type(3n + 3){transform:translateY(100px);margin-right:0;}
#staff_list .staff_box:nth-of-type(n+4){margin-top:40px;}
#staff_list .staff_box .img_box{height:315px;overflow:hidden;}
#staff_list .staff_box .detail_box{box-sizing:border-box;text-align:left;padding:30px 20px;}
#staff_list .staff_box .detail_box .one_word{font-size:1.4em;line-height:1.4;}
#staff_list .staff_box .detail_box .name_box{padding:10px 0 10px;}
#staff_list .staff_box .detail_box .name_box .name{font-size:2.3em;letter-spacing:0.12em;line-height:1.2;padding-right:15px;}
#staff_list .staff_box .detail_box .name_box .position{font-size:1.4em;letter-spacing:0.08em;line-height:1.2;}
#staff_list .staff_box .detail_box .name_romaji{font-size:1.4em;letter-spacing:0.08em;line-height:1.2;color:#a08a61;}

@media screen and (min-width:768px) {
  #staff_list .staff_box:hover{transform:scale(1.01);box-shadow:3px 3px 10px rgba(0, 0, 0, 0.25);}
  #staff_list .staff_box:nth-of-type(3n + 2):hover{transform:translateY(50px) scale(1.01);}
  #staff_list .staff_box:nth-of-type(3n + 3):hover{transform:translateY(100px) scale(1.01);}
}
@media screen and (max-width:1125px) {
  #content .se_title_wrap .se_title_box{margin:0 0 0 -10px;}
}
@media screen and (max-width:767px) {
  .bg_cg{margin-top:50px;margin-bottom:50px;}
  .bg_cg::before{width:70%;height:calc(100% - 20px);top:40px;}
  #content .se_title_wrap{padding:0 20px 0;}
  #content .se_title_wrap .se_title_box{margin:0 0 0 -10px;}
  #content .se_title_wrap .se_title_box .se_title .eng{font-size:5.5em;padding-right:10px;}
  #content .se_title_wrap .se_title_box .se_title .jap{font-size:1.5em;}
  #content .se_title_wrap .concept{maw-width:320px;}
  #content .se_title_wrap .concept img{width:100%;height: auto}
  #staff_list{display:block;}
  #staff_list .staff_box{width:100%;margin-right:0;display:block;margin-top:30px;}
  #staff_list .staff_box:nth-of-type(3n + 2){transform:translateY(0);}
  #staff_list .staff_box:nth-of-type(3n + 3){transform:translateY(0);margin-right:0;}
  #staff_list .staff_box .img_box{height:auto;overflow:hidden;}
  #staff_list .staff_box .img_box img{width:100%;height:auto;}
  #staff_list .staff_box .detail_box{padding:20px;}
}







.instaglam {width: 1000px;margin: auto;padding: 50px 0 0;}
.instaglam ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.instaglam ul li {width: 48%;margin: 0 4% 0 0;}
.instaglam ul li:nth-child(2n) {margin-right: 0;}
.instaglam ul li img {width: 100%;height: auto;}
@media screen and (max-width: 1060px) {


}
@media screen and (max-width: 767px) {
.instaglam {width: 90%;margin: auto;padding: 0 auto 0;}
.instaglam ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.instaglam ul li {width: 100%;margin: 0 0 5%;}
.instaglam ul li:nth-child(2n) {margin-right: 0;}
.instaglam ul li img {width: 100%;height: auto;}
}