@charset "utf-8";

/*-------------------------------------------------------------------------
ヘッダー
-------------------------------------------------------------------------*/
header {
    box-shadow: none;
}
.md_main {
    overflow: hidden;
    padding-top: 3px;
    margin-bottom: 11px;
    width: 1035px;
}
.md_main_inner {
    display: flex;
}
    .md_main_headline {
        text-align: center;
        margin-bottom: 15px;
    }
    .main_text {
        position: relative;
        margin-top: 5px;
    }
    .main_text_img {
        margin: 0 0 11px 18px;
    }
    .main_img {
        float: right;
        margin: 7px -12px 0 -3px;
        position: relative;
        width: 378px;
        height: 356px;
    }
        .main_img li {
            position: absolute;
            top     : 0;
            left    : 0;
            transition: 5s ease;
            opacity: 0;
        }
        .main_img .is-active {
            opacity: 1;
        }

    /*フォーム部分*/
    .mainform {
        padding: 19px 20px 20px 18px;
        border: solid 1px #0c428b;
        background: #e7f0fa;
        position: relative;
        height: 282px;
    }
        .mainform_item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        .mainform_item:last-child {
            margin-bottom: 30px;
        }
            .mainform_step {
                margin: 3px 9px 0 0;
            }        
            .mainform_select {
                position: relative;
            }
                .mainform_select select {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    appearance: none;
                    width: 254px;
                    height: 40px;
                    border: 1px solid #0c428b;
                    border-radius: 4px;
                    box-shadow: 0 4px 4px #cad3db inset;
                    background-color: #fff;
                    padding: 3px 0 0 10px;
                    font-size: 16px;
                    color: #2f2f2f;            
                }
                .mainform_select:after {
                    content: url(../images/index/icn_select_arw.png);
                    position: absolute;
                    top: 13px;
                    right: 14px;
                }
                    .mainform_select option {
                        width: 201px;
                    }
        .mainform .search_btn {
            float: initial;
            text-align: center;
        }
            .mainform .attention_text {
                right: 34px;
                bottom: 90px;
                top: initial;
            }


/*-------------------------------------------------------------------------
こんなことでお悩みではないですか？
-------------------------------------------------------------------------*/

.md_trouble {
    background-color: #f4f9ff;
    padding: 35px 0 96px;
    text-align: center;
}
    .trouble_headline {
        margin: 0 0 20px;
    }
    .trouble_upper {
        background-color: #fff;
        padding: 0 0 27px;
        margin: auto;
    }
        .trouble_upper ul {
            background: url("/images/index/bg_nayami.png") no-repeat center 28px;
            padding: 134px 0 0;
            margin: 0 0 31px;
            overflow: hidden;
        }
            .trouble_upper li {
                float: left;
                font-weight: bold;
                line-height: 1;
            }
            .trouble_upper--list1 {
                margin-left: 59px;
                letter-spacing: .04em;
            }
            .trouble_upper--list2 {
                margin-left: 45px;
                letter-spacing: .04em;
            }
            .trouble_upper--list3 {
                margin-left: 31px;
                letter-spacing: -.09em;
            }
            .trouble_upper--list4 {
                margin-left: 15px;
                letter-spacing: -.09em;
            }
            .trouble_upper--list5 {
                margin-left: 39px;
            }
            .trouble_upper--list6 {
                margin-left: 66px;
            }
    .trouble_lower {
        padding: 34px 0 0;
        /*background: url("/images/index/bg_sorenara.png") no-repeat center 42px;*/
        overflow: hidden;
    }
        .trouble_lower dl {
            display: inline-block;
            width: 30%;
            background-repeat  : no-repeat;
            background-position: center 8px;
        }
        .trouble_lower--post,
        .trouble_lower--cleaning,
        .trouble_lower--maintenance {
            margin: 0 0 66px;
        }
        .trouble_lower--post        { background-image: url("/images/index/bg_sorenara_post.png");}
        .trouble_lower--cleaning    { background-image: url("/images/index/bg_sorenara_clieaning.png");}
        .trouble_lower--maintenance { background-image: url("/images/index/bg_sorenara_maintenance.png");}
        .trouble_lower--ventilation { background-image: url("/images/index/bg_sorenara_ventilation.png");}
        .trouble_lower--rain        { background-image: url("/images/index/bg_sorenara_rain.png");}
        .trouble_lower--garden      { background-image: url("/images/index/bg_sorenara_garden.png");}

            .trouble_lower dt {
                font-size  : 20px;
                font-weight: bold;
                color      : #1f5eb3;
                height: 39px;
                line-height: 34px;
                margin: 0 0 120px;
            }
            .trouble_lower .double {
                height: auto;
                line-height: 1.1;
            }
            .trouble_lower dd {
                font-size: 13px;
                line-height: 1.2;
            }

/*-------------------------------------------------------------------------
コンテンツ：共通
-------------------------------------------------------------------------*/

/* 見出しボーダー・影あり
.section_headline._border {
    height: 47px;
    line-height: 51px;
    border       : 1px solid #b2bbcc;
    border-radius: 3px;
    box-shadow: 0 3px 3px #eef0f2;
    padding: 0 0 0 14px;
}*/
/* 見出しボーダー・影なし
.section_headline {
    font-size  : 20px;
    font-weight: bold;
    margin: 0 0 10px;
}
.section_headline:before {
    content: "";
    width: 6px;
    height: 24px;
    background-color: #1f5eb3;
    border-radius: 2px;
    display: inline-block;
    vertical-align: -4px;
    margin: 0 14px 0 0;
}*/
/* dl */
.cmn_list dt {
    font-size  : 20px;
    font-weight: bold;
    color      : #2965b7;
}
.cmn_list dd {
    font-size  : 13px;
    line-height: 1.2;
}

/*-------------------------------------------------------------------------
空き家の管理ならまずこちらをチェック
-------------------------------------------------------------------------*/
.md_subpage {
  margin: 30px 0 45px;
  overflow: hidden;
}
    .md_subpage_inner {
      padding: 0 15px;
      margin: 20px 0 0 0;
      overflow: hidden;
    }
        .md_subpage_inner ul {
          height: 287px;
          width: 315px;
          border-radius: 6px;
          border: 1px solid #e0e3ea;
          float: left;
          margin: 0 12px 0 0;
        }
        .md_subpage_inner ul:last-child {
          margin: 0;
        }
                .md_subpage_inner li {
                    border-bottom: 1px solid #e0e3ea;
                    display: table;
                    width: 100%;
                     height: 53px;
                     line-height: 1.2;
                     font-size: 13px;
                }
                .md_subpage .md_subpage_inner li:first-child a {
                    font-weight: bold;
                    font-size: 17px;
                    padding: 15px;
                }
                .md_subpage_inner li:last-child {
                    border: none;
                }
                .md_subpage_inner li.last {
                    border-bottom: 1px solid #e0e3ea;
                }
                    .md_subpage_inner a {
                        display: table-cell;
                        vertical-align: middle;
                        position : relative;
                        padding: 0 30px 0 15px;
                        font-size: 14px;
                    }
                    .md_subpage_inner dt a {
                        padding: 0 28px;
                    }
                    .md_subpage_inner dd a {
                        padding: 0 15px;
                    }
                    .second_box dt a {
                          font-size: 15px;
                      }
                    .md_subpage_inner a:after {
                        content:"";
                        background: rgba(0, 0, 0, 0) url("/images/index/icn_arw.png") no-repeat scroll right center;
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        width: 6px;
                        height: 11px;
                        margin: -5px 0 0 0;
                    }
/*-------------------------------------------------------------------------
ご利用の流れ
-------------------------------------------------------------------------*/

.md_flow {
    margin: 30px 0 97px;
    overflow: hidden;
}
    /* 見出し */
    .md_flow .section_headline {
        margin: 0 0 25px;
    }
    /* コンテンツ */
    .flow_list {
        text-align: center;
        float: left;
        width: 33.3%;
        padding: 89px 0 0;
        background-repeat: no-repeat;
        background-position: center 0;
    }
    .flow_list._input   { background-image: url("/images/index/img_flow_input.png");}
    .flow_list._contact { background-image: url("/images/index/img_flow_contact.png");}
    .flow_list._compare { background-image: url("/images/index/img_flow_compare.png");}

    .flow_list._contact {
        border-left : 1px solid #e0e3e8;
        border-right: 1px solid #e0e3e8;
        position: relative;
    }
    .flow_list._contact:before,
    .flow_list._contact:after {
        content: url("/images/index/img_flow_arw.png");
        position: absolute;
        top     : 50%;
        margin  : -16px 0 0;
    }
    .flow_list._contact:before { left: -16px;}
    .flow_list._contact:after  { right: -16px;}

        .flow_list dt {
            line-height: 1;
            margin: 0 0 5px;
        }

/*-------------------------------------------------------------------------
全国空き家管理ナビの特徴
-------------------------------------------------------------------------*/

.md_chara {
    margin: 0 0 50px;
    overflow: hidden;
}
    /* 見出し */
    .md_chara .section_headline {
        margin: 0 0 29px;
    }
    /* コンテンツ */
    .chara_text {
        float: left;
        width: 700px;
        margin: 0 0 0 34px;
    }
    .chara_img {
        float: left;
    }
    .chara_list {
        float: left;
        margin: 0 0 15px;
    }
        .chara_list dt {
            line-height: 1.4;
        }
        .chara_list dd {
            font-size:14px;
            line-height:1.4;
        }
    .chara_explain {
        text-align: center;
    }

/*-------------------------------------------------------------------------
コラム
-------------------------------------------------------------------------*/

/* 空き家管理コラム */
.md_column {
    background-color: #f4f9ff;
    padding: 40px 0;
}
    .column_update {
        margin: 0 0 30px;
    }
	    .column_update .section_headline_column {
		    margin: 0 0 7px;
            line-height: 1.4;
	    }
        .column_update .section_headline_column:before {
		    content: "";
		    width: 6px;
		    height: 24px;
		    background-color: #1f5eb3;
		    border-radius: 5px;
		    display: inline-block;
		    vertical-align: -4px;
		    margin: 6px 14px 0 0;
		    float: left;
        }
	        .column_update .section_headline_column h2 {
                margin-top: 6px;
	            font-size: 20px;
	            font-weight: bold;
	            float: left;
	        }
            .column_update .section_headline_column .right_box {
                float: right;
            }
            .column_update .section_headline_column .right_box p {

            }
            .column_update .section_headline_column .right_box a {
                text-decoration: none;
                float: right;
                border: 1px solid #205FB3;
                padding: 5px 10px 5px 15px;
                display: block;
                border-radius: 3px;
            }
            .column_update .section_headline_column .right_box a:hover {
                background:rgba(255, 255, 255, .7);
                color: #1f5eb3;
            }
            .column_update .section_headline_column .right_box a:after {
                content: "";
                background: url("/images/index/icn_arw_double-r.png") no-repeat 0 0;
                width: 11px;
			    height: 10px;
			    display: inline-block;
			    margin: 0 0 0 15px;
            }
        .column_update_list {
            background-color: #fff;
            border-radius: 5px;
            padding: 0 20px;
        }
            .column_update_list li {
                cursor: pointer;
                border-bottom: 1px solid #e6eaf1;
                line-height:1.4;
                padding: 15px 0;
                background: url("/images/index/icn_arw.png") no-repeat right center;
            }
            .column_update_list li {

            }
            .column_update_list li:last-child {
                border-bottom: none;
            }
                .column_update_list li:hover a {
                    color: #eb5e00;
                }
                .column_update_list dt {
                    float: left;
                    font-size: 14px;
                    color    : #5d687c;
                    width: 150px;
                }
                .column_update_list dd {
                        float: left;
                    font-size: 14px;
                    color    : #1f5eb3;
                    text-decoration: underline;

                }
                 .column_update_list dd a {
                     font-size: 20px;
                 }
                .column_update_list a:hover dd {
                    color: #ff7a5b;
                }
                .column_update_list .column_update_main {
                    margin: 10px 0 0 0;
                }
                .column_update_list .column_update_image {
                    float: left;
                    margin: 0 10px 0 0;
                }
	                .column_update_list .column_update_image img {
	                    border-radius: 5px;
	                }
                .column_update_list .column_update_text {
                    float: left;
                    width: 530px;
                    padding: 10px 0 0 0;
                }
                .column_update_list .column_update_oneline {
                    padding: 12px 0 6px;
                    line-height: 1.4;
                }
	                .column_update_list .column_update_oneline a {
	                    display: inline-block;
	                }
	                .column_update_list .column_update_oneline:hover dd {
	                    color: #eb5e00;
	                }
/* 人気コラムランキング */
.column_ranking {

}
    .column_ranking li:hover .column_ranking_btn {
        opacity: .7;
    }
    .column_ranking ol {
        overflow: hidden;
    }
        .column_ranking li {
            float: left;
            width: 192px;
            border: 1px solid #ecf0f5;
            border-radius: 5px;
            background-color: #fff;
            margin: 0 0 0 10px;
            position: relative;
        }
        .column_ranking li:first-child {
            margin: 0;
        }
        .column_ranking li:before {
            position: absolute;
            top     : -1px;
            left    : -1px;
            z-index: 100;
        }
        .column_ranking--rank1:before { content: url("/images/index/icn_rank1.png");}
        .column_ranking--rank2:before { content: url("/images/index/icn_rank2.png");}
        .column_ranking--rank3:before { content: url("/images/index/icn_rank3.png");}
        .column_ranking--rank4:before { content: url("/images/index/icn_rank4.png");}
        .column_ranking--rank5:before { content: url("/images/index/icn_rank5.png");}

        .column_ranking li a {
          text-decoration: none;
        }
        .column_ranking li a:hover .column_ranking_img {
            opacity: .7;
        }
        .column_ranking li a:hover .column_ranking_title {
            color: #ff7a5b;
        }
            .column_ranking_inner {
                padding: 10px;
                height: 212px;
            }
                .column_ranking_img {
                    width: 170px;
                    height: 117px;
                    border-radius: 5px;
                    margin: 0 0 9px;
                }
                .column_ranking_date {
                    color: #5d687c;
                    line-height: 1;
                    margin: 0 0 5px;
                }
                .column_ranking_title {
                    line-height: 1.2;
                    text-decoration: underline;
                    color: #1f5eb3;
                }
            .column_ranking_btn {
                text-align: center;
                border-top: 1px solid #ecf0f5;
                padding: 10px 0;
            }
                .column_ranking_btn a {
                    text-decoration: none;
                    height: 37px;
                    line-height: 37px;
                    display: block;
                }
                    .column_ranking_btn span {
                        padding: 0 13px 0 0;
                        background: url("/images/index/icn_arw_black.png") no-repeat right center;
                    }

/*-------------------------------------------------------------------------
全国空き家管理ナビとは
-------------------------------------------------------------------------*/

.md_about {
    padding: 0 0 40px;
}
    .md_about .section_headline {
        margin: 40px 0 20px;
    }
    .about_inner {
        padding: 0 34px;
    }
        .about_headline {
            font-size  : 18px;
            font-weight: bold;
            color      : #1f5eb3;
            margin: 0 0 5px;
        }
        .about_text {
            font-size: 14px;
            line-height: 1.4;
            margin: 0 0 17px;
        }
        .about_link {
            height: 49px;
            line-height: 49px;
            background-color: #f4f9ff;
            border: 1px solid #ecf0f5;
            text-align: center;
        }
            .about_link span {
                padding: 0 13px 0 0;
                background: url("/images/index/icn_arw.png") no-repeat right center;
                color: #1f5eb3;
            }


/*-------------------------------------------------------------------------
利用者の声
-------------------------------------------------------------------------*/

.md_voice {
    padding: 0 0 10px;
    margin-top: 30px;
    overflow: hidden;
}
    .md_voice_wrap {
        height:165px;
        padding: 0 0 0 40px;
    }
	    .md_voice_text_mem {
		    padding: 21px 37px;
		    margin: 10px 15px 0 0;
		    line-height: 1.5;
		    min-height: 80px;
		    width: 735px;
            float: left;
            background: #F4F9FF;
            border-radius: 5px;
	    }
	        .md_voice_text_mem .one_line {
                padding: 10px 0;
                font-size: 18px;
            }
        .md_voice_text_mem p {
            font-size: 15px;
        }
	    .md_voice_text_womem {
            padding: 33px 35px;
            line-height: 1.5;
            min-height: 80px;
            width: 750px;
	        float: left;
	        background: #FFF6D4;
	        border-radius: 5px;
	    }
        .md_voice_text_womem p {
            font-size: 15px;
        }
	    .md_voice_image_mem {
	        float: left;
	        position: relative;
	    }
        .md_voice_image_mem:after {
            content:url("/images/index/bg_fukidashi_r_blue.png");
            display: block;
            width:13px;
            height:19px;
            position: absolute;
            top: 45px;
            left: -15px;
        }
	    .md_voice_image_women {
	        float: left;
	        position: relative;
	        margin: 0 15px 0 0;
	    }
        .md_voice_image_women:after {
            content:url("/images/index/bg_fukidashi_l_orange.png");
            display: block;
            width:13px;
            height:19px;
            position: absolute;
            top: 45px;
            right: -15px;
        }
	    .md_voice_kanri {
	       background: #1f5eb3;
           color: #fff;
           padding: 5px 15px;
	    }
        .md_voice_baibai {
           background: #ff7251;
           color: #fff;
           padding: 5px 15px;
        }
        .md_voice_type_men {
            position: absolute;
		    bottom: 18px;
		    left: 10px;
		    padding: 5px 15px;
        }
        .md_voice_name_men {
		    position: absolute;
	        right: 12px;
		    bottom: 13px;
		    font-size: 17px;
		    font-weight: bold;
        }
        .md_voice_type_women {
            position: absolute;
            bottom: 18px;
            left: 10px;
            padding: 5px 15px;
        }
        .md_voice_name_women {
            position: absolute;
            left: 80px;
            bottom: 14px;
            font-size: 17px;
            font-weight: bold;
        }
	        .md_voice_charactor{
			    font-size: 13px;
			    font-weight: bold;
            }



/*
min-height:80px;//(padding含む)
padding:20px 38px
*/