@charset "utf-8";

.kenchiku_inner {
    width:870px;
    margin: 15px auto 0 !important;
    font-size:15px;
    font-size:1.5rem;
}

.kenchiku_inner a{
    display:inline-block;
}
.kenchiku_inner p:not(:last-child),
.kenchiku_inner [class$="_box"]{
    margin-bottom:1em;
}
.kenchiku_inner .col2_wrap{
    font-size:0;
}
.kenchiku_inner .col2_wrap > [class^="col2_"]{
    display:inline-block;
    font-size:15px;
    font-size:1.5rem;
    vertical-align:top;
}
.kenchiku_inner .ind_1em {
    text-indent: -1em;
    padding-left: 1em;
}
.kenchiku_inner li{
    margin-bottom:0.4em;
}

.kenchiku_inner .table_box{
    font-size:0;
}
.kenchiku_inner .table_box dl{
    display:inline-block;
    font-size:15px;
    font-size:1.5rem;
}
.kenchiku_inner .table_box dt,
.kenchiku_inner .table_box dd{
    display:block;
    position:relative;
}
.kenchiku_inner .table_box .tb_cont{
    display:inline-block;
}


.kenchiku_inner .colBLE{color: #0b66e2;}
.kenchiku_inner .colRED{color: #ff0000;}
.kenchiku_inner .normal {font-weight: normal !important;}


/*--リンク切り--*/
.nolink a{
    pointer-events: none;
    text-decoration:unset !important;
    color:#000;
}


/*------------------
.main_v
------------------*/
.main_v {
    position:relative;
    margin-bottom:40px;
}
.main_v .img_box{
    width: 874px;
    position:relative;
    top:-4px;
    left:-4px;
}
.main_v .btn_box{
    position:absolute;
    right:28px;
    bottom:0px;
}


/*------------------
.area01
------------------*/
.area01{
    margin-bottom:30px;
}
.area01 .col2_wrap .col2_l:not(a) {
    width: 380px;
    margin:0 20px 0 0;
}
.area01 .col2_wrap .col2_l .img_box{
    margin-bottom:0;
}
.area01 .col2_wrap .col2_l .btn_box a{
    width: 50%;
    margin-bottom:0;
    padding-right: 0;
}
.area01 .col2_wrap .col2_r{
    width:calc(100% - 400px);
}




/*------------------
.area02
------------------*/
.area02{
    margin-bottom:15px;
}
.area02 .area_inner{
    background:url(../images/img_bg_grid.gif) repeat left top;
    padding: 15px 25px;
    border:1px solid #e4e4e4;
}
.area02 .area_inner .benefit_box:not(:last-child){
    padding-bottom:30px;
    margin-bottom:15px;
    border-bottom:2px solid #959595;
}
.area02 .area_inner [class^="benefit"] h4{
    font-size:24px;
    font-size:2.4rem;
    line-height:1.2;
    margin-bottom:15px;

}
.area02 .col2_wrap .col2_l {
    width: 520px;
    margin:0 20px 0 0;
}
.area02 .col2_wrap .col2_r{
    width:calc(100% - 540px);
}

.area02 .table_box{
    margin:0 auto;
    width: calc(670px - 3px);
}
.area02 .table_box dl{
    border:1px solid #2257b0;
    width:50%;
    vertical-align:bottom;
}
.area02 .table_box dl:not(:first-child){
    border-left:none;
}
.area02 .table_box dl dt,
.area02 .table_box dl dd{
    background:#e8f2f8;
    padding:0.5em 1.5em;
}
.area02 .table_box dl dd{
    background:#fffff2;
    border-top:1px solid #2257b0;
}
.area02 .table_box dl dd ul{
    margin-bottom:20px;
}


.area02 .table_box dl dd a:not(:hover){
    text-decoration:underline;
}


/*------------------
.area03
------------------*/
.area03 .area_ttl{
    position:relative;
    margin-bottom:-2px;
}
.area03 .area_ttl span{
    position: absolute;
   top: 50%;
   left: 70px;
   -webkit-transform: translatey(-50%);
   transform: translatey(-50%);
}

.area03 .area_inner{
    background:url(../images/img_bg_grid.gif) repeat left top;
    padding: 15px 25px;
    border:1px solid #e4e4e4;
}
.area03 .area_inner h4{
    font-size:24px;
    font-size:2.4rem;
    line-height:1.3;
    margin-bottom:15px;

}
.area03 .col2_wrap{
    margin:3rem 0;
}
.area03 .col2_wrap .col2_l {
    width: 140px;
    margin:0 20px 0 0;
}
.area03 .col2_wrap .col2_r .img_box{
    margin-bottom:1rem;
}