@charset "UTF-8";

/*-------------------------
__realestate_style
-------------------------*/
.text{font-size:18px;line-height:2;font-weight:700;text-align:center;}
.member_btn{max-width:350px;margin:40px auto 0;text-align:center;}
.member_btn a{text-decoration:none;display:block;font-size:18px;color:#fff;font-weight:700;background-color:#aa910e;padding:20px 0;border-radius:5px;box-shadow:4px 4px #003427;}

@media screen and (min-width:768px) {
  .member_btn a{transition:background-color 0.3s;}
  .member_btn a:hover{background-color:#d6c722;} 
}
@media screen and (max-width:767px) {
  .text{font-size:16px;text-align:left;}
}
/*-------------------------
__merit_list
-------------------------*/
#merit .merit_list{margin:30px auto 40px;}
#merit .merit_list ol{display:flex;}
#merit .merit_list ol li{background:#FFF;width:24%;border-radius:10px;text-align:center;}
#merit .merit_list ol li + li{margin-left:1.3333%;}
#merit .merit_list ol li .ill{display:block;padding:10px 10px 0;box-sizing:border-box;max-width:250px;margin:0 auto;}
#merit .merit_list ol li .ill img{width:100%;height:auto;}
#merit .merit_list ol li .merit_txt{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:0.04em;padding:20px;box-sizing:border-box;}
#merit .merit_list ol li .merit_txt{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:0.04em;padding:20px;box-sizing:border-box;}
#merit .merit_list ol li em{font-size:1.3em;color:#005032;}
/*特に、･･･*/
#merit .funk_box{text-align:center;background-image:url("images/machi@2x.png");background-repeat:repeat-x;background-size:auto 80px;background-position:center bottom;background-color:#005032;box-sizing:border-box;padding:30px 20px 95px;}
#merit .funk_box .ill_box{max-width:500px;display:block;margin:0 auto 20px;}
#merit .funk_box .ill_box img{width:100%;height:auto;}
#merit .funk_box .funk{font-size:25px;font-weight:600;line-height:1.6;display:block;color:#fff;position:relative;}


@media screen and (max-width:1024px) {
  #merit .funk_box .funk{font-size:18px;}
}
@media screen and (max-width:767px) {
  #merit .merit_list{margin:20px auto 30px;}
  #merit .merit_list ol{display: block}
  #merit .merit_list ol li{width:100%;}
  #merit .merit_list ol li + li{margin-left:0}
  #merit .merit_list ol li:nth-of-type(n+2){margin-top:20px;}
  #merit .merit_list ol li .merit_txt{font-size:15px;}
  /*特に、･･･*/
  #merit .funk_box{text-align:left;padding:20px 20px 75px;background-size:auto 60px;}
  #merit .funk_box .funk{font-size:16px;}
}
/*-------------------------
__#box01
-------------------------*/
#box01{margin:60px auto;}
#box01 .bg_w{background:#FFF;box-sizing:border-box;padding:10px 30px 60px;}
#box01 .img_box_wrap{max-width:1200px;margin:auto;}
#box01 .img_box{position:relative;}
#box01 .img_box img{width:100%;height:auto;margin:0 auto;}
#box01 .img_box .main_copy{width:80%;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);}
#box01 .img_box .main_copy img{width:100%;height:auto;}
#box01 .img_box_wrap .img_text{width:54%;margin:-15% 0 0 auto;font-size:16px;line-height:2;font-weight:700;}

@media screen and (max-width:1245px) {
  #box01 .bg_w{padding:10px 30px 40px;}
  #box01 .img_box_wrap .img_text{font-size:15px;line-height:1.8;}
  #box01 .img_box_wrap .img_text .none_1245{display:none;}
}
@media screen and (max-width:1024px) {
  #box01 .img_box_wrap .img_text{font-size:14px;}
}
@media screen and (max-width:767px) {
  #box01 .img_box_wrap .img_text{width:100%;margin:10px auto 0;font-size:14px;}
  #box01 .bg_w{padding:20px;}
}
/*-------------------------
__#box02
-------------------------*/
#box02{border-top:1px dotted #222;padding:40px 0 60px;}
#box02 .s_title{display:block;width:100%;font-size:19px;font-weight:700;margin-bottom:20px;border-bottom:2px solid #000;padding-bottom:10px;}
#box02 .honten{display:flex;margin-bottom:60px;}
#box02 .honten .img_box{width:350px;margin-right:30px;}
#box02 .honten .img_box img{width:100%;height:auto;}
#box02 .honten .dl_list{font-size:14px;line-height:1.6;width:calc(100% - 380px);}
#box02 .dl_list dl{display:flex;}
#box02 .dl_list dl dt{border-bottom:1px solid #005032;width:100px;padding:15px;box-sizing:border-box;text-align:center;}
#box02 .dl_list dl dd{border-bottom:1px solid #ddd;padding:15px;box-sizing:border-box;width:calc(100% - 100px)}
#box02 .dl_list dl dd a{display:inline-block;background-color:#666;color:#fff;font-size:11px;text-decoration:none;padding:0 7px;border-radius:5px;}
/*hokatenpo*/
#box02 .hokatenpo{display:flex;}
#box02 .hokatenpo .agency_box{display:flex;width:46%;flex-wrap:wrap;}
#box02 .hokatenpo .agency_box + .agency_box{margin-left:4%;padding-left:4%;border-left:1px solid #FFF;}
#box02 .hokatenpo .agency_box .img_box{width:200px;margin-right:20px;}
#box02 .hokatenpo .agency_box .img_box img{width:100%;height:auto;}
#box02 .hokatenpo .dl_list{font-size:14px;line-height:1.6;width:calc(100% - 220px);}
#box02 .hokatenpo .dl_list dl dt{width:50px;padding:15px 0;}
#box02 .hokatenpo .dl_list dl dd{width:calc(100% - 50px)}

@media screen and (min-width:768px) {
  #box02 .dl_list dl dd a{transition:background-color 0.3s;}
  #box02 .dl_list dl dd a:hover{background-color:#888;}  
}
@media screen and (max-width:1245px) {
  /*hokatenpo*/
  #box02 .hokatenpo .agency_box .img_box{width:100%;margin-right:0;margin-bottom:20px;}
  #box02 .hokatenpo .dl_list{width:100%;}
}
@media screen and (max-width:767px) {
  #box02 .honten{display:block;margin-bottom:40px;}
  #box02 .honten .img_box{width:100%;margin-right:0;margin-bottom:20px;}
  #box02 .honten .dl_list{width:100%;}
  #box02 .dl_list dl dt{       padding:10px 0;width:90px;}
  #box02 .dl_list dl dd{padding:10px;width:calc(100% - 80px)}
  /*hokatenpo*/
  #box02 .hokatenpo{display:block;}
  #box02 .hokatenpo .agency_box{width:100%;}
  #box02 .hokatenpo .agency_box + .agency_box{margin-left:0;padding-left:0;border-left:none;margin-top:40px;}
  #box02 .hokatenpo .dl_list dl dt{width:90px;padding:10px 0;}
  #box02 .hokatenpo .dl_list dl dd{width:calc(100% - 90px);padding:10px;}
}















/*  フォーム用CSS ここから  */
#contents .member{ color:#005032; margin-bottom:20px; font-size:24px; line-height:30px; font-weight:700; letter-spacing:0.1em; text-align:center;}
#contents .member span{ display:inline-block; position:relative; padding-top:10px;}
#contents .member span::before{ content:""; width:4px; height:4px; background-color:#005032; position:absolute; top:0; right:0; left:0; margin:auto; border-radius:10px;}

.attention{ color: #c33938; margin:0 auto 15px; font-size: 20px; font-weight: 700; text-align: center;}
.attention p{ display: inline; border-bottom: 3px solid #c33938; padding:0 0 5px;}

.introduction{}
.introduction .inner{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:40px;}
.introduction h2{ text-align:center;}
.introduction h2 em{}
.introduction dl{ display:inline-block; width:100%; background-color:#FFF; margin-bottom:20px; padding:30px; box-sizing:border-box; border-radius:5px; letter-spacing:normal;}
.introduction dl dt{ position:relative; padding:0 0 10px 30px; font-size:22px; line-height:28px; font-weight:700;}
.introduction dl dt span{ display:inline-block; height:1em; border-right:1px solid #ddd; position:absolute; top:6px; bottom:0; left:0; padding-right:10px; font-size:12px; line-height:1;}
.introduction dl dd{ padding-left:30px; box-sizing:border-box;}
.introduction dl dd em{ color:#c33938; font-weight:700;}
.introduction dl dd .appeal{ color:#005032; border:3px solid #005032; position:relative; margin-bottom:15px; padding:5px 10px; box-sizing:border-box; border-radius:10px; font-size:20px; line-height:26px; font-weight:700; text-align:center;}
.introduction dl dd .appeal:before{ content:""; border:10px solid transparent; border-top:10px solid #FFF; position: absolute; bottom: -20px; left: 50%; z-index:2; margin-left:-8px;}
.introduction dl dd .appeal:after { content:""; border:12px solid transparent; border-top: 12px solid #005032; position: absolute; bottom: -26px; left: 50%; z-index:1; margin-left:-10px;}

.form_box_top{ margin-top:20px;}
.form_box_top h2{ font-size:20px; font-weight: 700; width:100%; color:#ffffff; padding:0.8em; box-sizing:border-box; display:inline-block; line-height:1.3; background:#005032; vertical-align:middle; border-radius:30px 0px 0px 30px; margin-bottom:30px;}
.form_box_top h2:before { content: '●'; color: #eeeeee;; margin-right: 12px;}
.form_box_top ul{ margin:0 auto; text-align:left;}
.form_box_top ul li{ padding-left:1em; font-size:14px; line-height:20px; letter-spacing:0.1em; text-indent:-1em; margin-bottom: 15px;}
.form_box_top ul li + li{ margin:0 0 15px;}
.form_box_top .asterisk{ display:inline-block; color:#FFF; background-color:#c33938; margin:0 5px; padding:0 15px; box-sizing:border-box; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-size:14px; line-height:20px; font-weight:700; text-align:center; text-indent:initial;}
@media all and (-ms-high-contrast: none){
.form_box_top .asterisk{padding-left: 2em;font-family: sans-serif;}
}
.form_box_top em{ color:#c33938; font-weight:700;}

.form_box{ margin-top:40px;}
.form_box .date span{ display:inline-block; margin-right:10px; padding-top:5px; vertical-align:top;}
.form_box .desired span{ display:inline-block; width:6em; margin-right:10px; padding-top:5px; vertical-align:top; text-align:right;}
.form_box .tel span{ display:inline-block; width:6em; margin-right:10px; padding-top:5px; vertical-align:top; text-align:right;}
.form_box .tel input{ margin-bottom:10px;}
.form_box .referral span{ display:inline-block; width:4em; margin-right:10px; padding-top:5px; vertical-align:top; text-align:right;}
.form_box .referral input{ margin-bottom:10px;}

#contents .login_box{ margin-top:70px;}
#contents .login_box h2{ font-size:20px; font-weight: 700; width:100%; color:#ffffff; padding:0.8em; box-sizing:border-box; display:inline-block; line-height:1.3; background:#005032; vertical-align:middle; border-radius:30px 0px 0px 30px; margin-bottom:30px;}
#contents .login_box h2:before { content: '●'; color: #eeeeee;; margin-right: 12px;}
#contents .login_box a{ color:#808080; font-size:13px; line-height:16px; text-decoration:underline;}

#contents .login_box .btn{ margin:30px 0 0; text-align:center;}
#contents .login_box .btn a{ display:inline-block; color:#FFF; background-color:#aa910e; box-shadow: 4px 4px #BBB; position:relative; margin:0 auto; padding:15px 40px; box-sizing:border-box; border-radius: 5px; font-size:18px; line-height:1; font-weight:700; text-decoration:none;}

#member_login_touroku.member_login{ margin: 40px auto 0; text-align: center;}
#member_login_touroku.member_login a{display: inline-block; font-size: 15px; line-height: 13px; padding: 15px 20px; border-radius: 5px; border: 2px solid #005032; text-decoration: none; font-weight: 700; color: #005032; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#member_login_touroku.member_login a:hover{background-color: #005032; color: #fff;}

.invalid{ color: #c33938;}

.domain_box{ border: 2px solid #c33938; padding: 15px; box-sizing: border-box; color: #c33938; text-align: center; margin-top: 15px;}
.domain_box p.com01{ font-size: 13px; line-height: 18px; margin-bottom: 10px;}
.domain_box p.com02{ font-size: 18px; line-height: 21px; font-weight: 700;}

.campaign_banner{ margin-bottom: 40px;}
.campaign_banner img{ width: 100%; height: auto;}

#contents .form_box .hope_line_wrap{display: flex;padding: 10px 0 0!important;}
#contents .form_box .hope_line_wrap:last-child{padding: 10px 0!important;}
#contents .form_box .hope_line_wrap .hope_select_wrap{width: 80%;display: flex;}
#contents .form_box .hope_line_wrap .hope_select_wrap dt{width: 78px;}
#contents .form_box .hope_line_wrap .hope_select_wrap dd{display: flex;align-items: baseline;width: calc(100% - 78px);}
#contents .form_box .hope_line_wrap .hope_select_wrap .select_box:last-child {margin-left: 5px;}
#contents .form_box .hope_line_wrap .clear input[type="button"]{padding: 8px 10px;}
#contents .form_box form .inner .normal tr td.name input[type="text"]{margin-right: 10px;}
#bbform .inner .normal tr td .mt_10 .radio div select {display: block;padding: 7px 14px 7px 8px;}

/*タブレットここから*/
@media screen and (max-width: 1024px){
.hope_line_wrap .hope_select_wrap{width: calc(100% - 58px);}
}

/*スマホここから*/
@media screen and (max-width: 767px) {

#contents .member{ margin-bottom:10px; font-size:20px; line-height:26px;}
    
.attention{ color: #c33938; margin:0 auto 15px; font-size: 16px; line-height: 30px;}
.attention p{ display: inline; border-bottom: 2px solid #c33938;}
.attention p span{}

.introduction{}
.introduction .inner{ display:block; margin-top:20px;}
.introduction dl{ padding:20px;}
.introduction dl dt{ font-size:20px; line-height:26px;}
.introduction dl dd{ padding-left:0;}
.introduction dl dd .appeal{ font-size:18px; line-height:24px; text-align:left;}

.form_box_top{ margin-top:20px;}
.form_box_top h2{ font-size:17px; padding:0.6em; border-radius:30px 0px 0px 30px; margin-bottom:20px;}
.form_box_top h2:before { content:'●'; color:#eeeeee;; margin-right:12px;}
.form_box_top ul li{ font-size:13px; line-height:19px; margin-bottom: 0;}
.form_box_top .asterisk{ padding:0 10px; font-size:13px; line-height:19px;}

.form_box{ margin-top:20px;}
.form_box .date span{ padding:0;}
.form_box .desired span,
.form_box .tel span,
.form_box .referral span{ width:auto; padding:0; text-align:left;}

#contents .login_box{ margin-top:40px;}
#contents .login_box .btn{ margin:15px 0 0;}
#contents .login_box .btn a{ font-size:16px; padding:10px 25px;}
    
#member_login_touroku.member_login{ margin: 20px auto 0; text-align: center;}
#member_login_touroku.member_login a{ font-size: 13px; line-height: 13px; padding: 10px 15px;}

.domain_box p.com01{}
.domain_box p.com01 span{ display: block;}

.campaign_banner{ margin-bottom: 10px;}

#contents .form_box .hope_line_wrap .hope_select_wrap{width: 100%;display: block;}
#contents .form_box .hope_line_wrap .hope_select_wrap dt{width: auto;}
#contents .form_box .hope_line_wrap .hope_select_wrap dd{width: 100%;display: block;text-align: center;}
#contents .form_box .hope_line_wrap .hope_select_wrap .select_box {width: 100%;}
#contents .form_box .hope_line_wrap .hope_select_wrap .select_box:first-child {margin-bottom: 10px;}
#contents .form_box .hope_line_wrap .hope_select_wrap .select_box:last-child{margin-left: 0;}
#contents .form_box .hope_line_wrap .clear{text-align: center;padding-top: 10px;}
#contents .form_box form .inner .normal tr td.name input[type="text"]{width: 100%;margin-right: 0;}
}
/*  フォーム用CSS ここまで  */