@charset "UTF-8";
.inline{
    font-size:0;
}
.inline_child{
    vertical-align: top;
    display: inline-block;
}
.hidden_point{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*{
    box-sizing:border-box;
}

h2.ttl{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 50px;
	padding: 50px 0 0 0;
	letter-spacing: 2px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
}

.lead {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	text-align:center;
}

.lead_under{
	text-align:center;
	line-height: 1.8;
}

.hLev2 {
	font-size: 24px;
	width:100%;
	font-weight: bold;
	padding: 15px 15px 10px;
	background-color: #f1f0ee;
	text-align:center;
	letter-spacing: 1.5px;
	margin-bottom:30px;
}
.hLev3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	letter-spacing: 1px;
}
.hLev4 {
	font-size: 16px;
	font-weight: bold;
	color:#7bac2f;
	line-height:1.4;
	letter-spacing:1px;
}
.hLev5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 18px;
}

.hLev6 {
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	letter-spacing:1px;
	margin-bottom:30px;
}

.hLev7 {
	font-size: 32px;
	font-weight: bold;
	text-align:center;
	letter-spacing:1px;
	color:#7bac2f;
}

.hLev7:after{
	content:"";
	display:block;
	width:45px;
	height:1px;
	background:#ccc;
}

.circle{
	margin-bottom:30px;
	font-size:18px;
	letter-spacing:1px;
}

.circle span{
	display:inline-block;
	width:60px;
	height:60px;
	padding:22px 10px;
	margin-right:10px;
	border-radius:30px;
	border:1px solid #7bac2f;
	color:#7bac2f;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}


/* *******************************
 * トップページ
 * ********************************

/* 施工事例 */
.top_reform{
    margin:20px 0 0 0;
}
.top_reform h2{
    width: 330px;
    margin: 0 auto 30px;
}
.top_reform .count{
    width: 225px;
    text-align: center;
    color: #fff;
    background: #7bac2f;
    font-size: 20px;
    letter-spacing: 3px;
    margin: 0 auto 20px;
    padding: 10px 10px 7px;
}
.top_reform .count span{
    font-size:22px;
    font-weight:bold;
}
.top_reform .sub_title{
    font-size:18px;
    /* padding: 20px 0 40px 0; */
    margin-bottom: 40px;
}
.top_reform .box .title{
    font-weight:bold;
    font-size:16px;
    line-height:30px;
    margin-bottom:5px;
}
.top_reform .box .title span{
    margin:0 5px 0 0;
}
.top_reform .box .title span img{
    vertical-align: baseline;
}
.top_reform .box .txt{
    font-size:14px;
    line-height:20px;
	margin-bottom:20px;
}
.top_reform .box .img{
    position:relative;
    text-align:center;
    cursor:default;
	margin-bottom:15px;
}
.top_reform .box .img .overlay{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
	margin-bottom:20px;
}
.top_reform .box .img img{
    display:block;
    position:relative;
    width:100%;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
}
.top_reform .box .img a{
    display: block;
}
.top_reform .box .img .overlay_title{
    margin:23% auto 0 auto;
    padding:3px 0;
    border:1px solid #fff;
    width:80%;
	font-size:18px;
    color:#fff;
}
.top_reform .box .img:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
}
.top_reform .box .img:hover .overlay_title {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
}
.top_reform .box .img:hover .overlay_title {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}
.top_reform .more{
    margin:30px 0 60px 0;
}


/* ニュース */
.top_news dl{
    letter-spacing: 0.1em;
    padding:10px;
    margin:0 0 0 0;
	border-bottom:1px dotted #ccc;
}

.top_news dl:last-child{
	border-bottom:none;
}

.top_news dl a{
    color:#7bac2f;
}
.top_news dt{
    font-weight:normal;
    margin:0 0 5px 0;
}
.top_news .block{
    height:238px;
    overflow-y: scroll;
	background:#f5f5f5;
	box-shadow: 0 8px 20px -8px rgba(200,200,200,0.2) inset;
}
.top_news h2{
    padding:0 0 5px 0;
}
.top_news hr{
    padding:0;
    margin:0;
}


/* 人気コンテンツ */
.top_contents{
    background:url(../../../../img/page/top/contents_bg.jpg) no-repeat;
    background-size:cover;
    padding:100px 0 80px 0;
    color:#fff;
    margin:46px 0 0 0;
}
.top_contents .title{
    font-size:42px;
    letter-spacing:3px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:30px;
}

.anshin_box .box_child a{
	display:block;
	color:#fff;
	padding:20px;
	border:2px solid #fff;
}

.anshin_box .box_child a:hover{
	background:#fff;
	color:#333;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	transition:all .3s;
}

.anshin_box .box_child dl{
	margin:0;
}

.anshin_box .box_child dt{
	margin-bottom:10px;
	text-align:center;
	font-size:20px;
	letter-spacing:1px;
}

.anshin_box .box_child dd{
	letter-spacing:1px;
	font-size:16px;
	line-height:1.4;
}

.anshin_box .box_child dd span{
	display:block;
}

.anshin_box .box_child dd  .text{
	margin-bottom:20px;
}

.anshin_box .box_child dd .link{
	text-align:right;
	font-size:14px;
}

.anshin_box .box_child dd .link i{
	margin-right:6px;
}


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

.anshin_box{
	display:table;
	border-collapse: separate;
	border-spacing: 10px 0;
}
.anshin_box .box_child{
    display:table-cell;
	width:22%;
}


}

@media screen and (max-width:640px){


.anshin_box .box_child{
	width:100%;
	margin-bottom:20px;
}

.anshin_box .box_child:last-child{
	margin-bottom:0;
}


}

.top_contents .box .sub_title{
    font-size:18px;
    font-weight:bold;
    margin:0 0 5px 0;
}

/* サービス */
.top_service,
.top_message,
.top_info{
    padding:50px 0 0 0;
}
.top_service,
.top_info{
    background:#f0efe8;
}
.top_service h2,
.top_service .sub_title,
.top_message h2,
.top_message .sub_title,
.top_info h2,
.top_info .sub_title{
    padding:0 0 0 40px;
	text-align:center;
}
.top_service .sub_title,
.top_message .sub_title,
.top_info .sub_title{
    margin:20px 0 50px 0;
}
.top_service .box,
.top_message .box,
.top_info .box{
    position:relative;
    margin-bottom:40px;
}
.top_service .box .inner,
.top_message .box .inner,
.top_info .box .inner{
    padding:15px 15px;
}
.top_message .box .inner{
	border:1px solid #f0efe8;
}
.top_service .box .inner,
.top_info .box .inner{
    background:#fff;
}
.top_service .box .inner .img,
.top_message .box .inne .imgr,
.top_info .box .inner .img{
	margin-bottom:15px;
}

.top_service .box img,
.top_message .box img,
.top_info .box img{
    width:100%;
}
.top_service .box .arrow_btn,
.top_message .box .arrow_btn,
.top_info .box .arrow_btn{
    position: absolute;
    bottom: 0;
    right:30px;
	bottom:15px;
    margin:0;
	font-size:12px;
}
.top_service .box .img,
.top_message .box .img,
.top_info .box .img{
	margin-bottom:15px;
}

.top_service .box .title,
.top_message .box .title,
.top_info .box .title{
    font-weight: bold;
    font-size:16px;
    margin-bottom:5px;
}
.top_info .box iframe{
    width:100%;
}

.top_service .box .txt,
.top_message .box .txt,
.top_info .box .txt{
    margin-bottom:20px;
}

/* 無料見積もり */
.top_free{
    background:url(../../../../img/page/top/free_bg.jpg) no-repeat;
    background-size:cover;
    padding:100px 0;
	margin-bottom:80px;
}
.top_free .container{
    padding:30px 0;
}
.top_free .container .title{
    font-size:24px;
    font-weight:bold;
    color:#331400;
	letter-spacing:1px;
	margin-bottom:20px;
}
.top_free .container .title span{
	font-size:32px;
	margin-left:6px;
}
.top_free .container .txt{
    margin:0 0 30px 0;
}
.top_free .row{
    margin: 0 auto;
}

/* 会社情報 */
.top_company{
    padding:80px 30px;
}
.top_company h2{
    padding:0 0 34px 0;
	text-align:center;
}
.top_company .img{
    /*padding-left:0;*/
}
.top_company .img img{
    width:100%;
}
.top_company .info p span{
    font-weight:bold;
}
.top_company .info p.last{
    padding:25px 0 0 0;
}

.top_company .info table{
	margin-bottom:20px;
	width:100%;
	border-top: 1px solid #ccc;
}

.top_company .info tr{
	border-bottom:1px solid #cccccc;
}

.top_company .info th{
	width:30%;
	padding:15px 0;
}

.top_company .info td{
	width:70%;
}



@media screen and (max-width: 992px){
    /* 施工事例 */
    .top_reform h2{
        width:100%;
        padding:0;
    }
    .top_reform .count{
        width:50%;
        margin:10px 25%;
        display: inherit;
    }
    .top_company h2{
        padding:0 0 34px 15px;
    }
    .top_free .container{
        width:90%;
    }
    .top_info .row,
    .top_message .row,
    .top_service .row,
    .top_contents .row{
        margin:0;
    }
}
@media screen and (max-width: 768px){
    /* 施工事例 */
    .top_reform h2{
        padding:0 0 0 4%;
    }

	.top_reform h2 img{
		width:80%;
		height:auto;
	}

    .top_info .box iframe{
        max-width:100%;
    }
    .top_reform .count{
        width:80%;
        margin:20px auto;
        display: inherit;
        font-size:1.8rem;
    }
    .top_reform .sub_title{
        padding:0 0 10px 0;
        font-size:1.4rem;
    }
    .top_reform .box{
        margin:0 0 10px 0;
    }
    .top_reform .box .title{
        font-size: 1.2rem;
    }
    .top_reform .box .txt{
        font-size:1.2rem;
        line-height:1.8rem;
    }

    /* ニュース */
    .top_news{
        margin:0 0 20px 0;
    }
    .top_news .block{
        font-size:1.2rem;
    }
    .top_news .block{
        margin-bottom:0px;
    }
    .flow_bnr{
        text-align: center;
    }

    /* 人気コンテンツ */
    .top_contents{
        padding:40px 0;
    }
    .top_contents .box .txt{
        text-align: center!important;
        font-size:1.4rem;
    }
    .top_contents .title{
        font-size:2rem;
    }

    /* 無料お見積り */
    .top_free{
        padding:30px 0;
    }
    .top_free p{
        text-align: center;
    }

    /* box */
    .top_service .box, .top_message .box, .top_info .box{
        padding:0 5px;
    }
    .top_service .box .inner, .top_message .box .inner, .top_info .box .inner{
        padding:8px;
    }
    .top_info .box .inner{
        overflow:hidden;
    }
    .top_service .box .title, .top_info .box .title{
        font-size:1.4rem;
        margin:5px 0;
    }
    .top_service .box .txt,
    .top_message .box .txt,
    .top_info .box .txt{
        font-size:1.2rem;
    }
    .top_service h2, .top_service .sub_title, .top_message h2, .top_message .sub_title, .top_info h2, .top_info .sub_title,
    .top_company h2{
        padding:0;
        text-align: center;
    }
    .top_service .sub_title, .top_message .sub_title, .top_info .sub_title{
        margin:20px 0;
        font-size:1.4rem;
    }
    .top_company h2{
        margin:10px;
    }
    .top_company{
        padding-top:20px;
    }
    .top_service .box, .top_message .box, .top_info .box{
        margin-bottom:15px;
    }
}

@media screen and (max-width: 640px){

	.top_reform .count{
        display:inline-block;
		width:auto;
		padding:10px 15px;
    }

}


/* *******************************
 * 会社概要
 * *******************************/

/* 会社概要 */
.com_info,
.company .shop_info,
.company .history{
    margin:30px 0;
}
.content_ttl{
    margin:0 0 30px 0;
	text-align:center;
}
.com_info table{
    border-top:1px solid #ccc;
}
.com_info table th,
.com_info table td{
    padding:20px 0 17px 5%;
    border-bottom:1px solid #ccc;
}
.com_info table th{
    background:#f1f0ee;
}

/* ショップインフォメーション */
.company .shop_info .box{
    margin:0 0 33px 0;
}
.company .shop_info .box .title,
.company .shop_info .tel .title,
.company .history .box .txt span,
.company .history .box .year{
    font-size:16px;
    font-weight:bold;
}
.company .shop_info .box .title{
    margin:0 0 10px 0;
}
.company .shop_info .box .title span{
    margin:0 10px 0 0;
    width:39px;
}
.company .shop_info .box .txt{
    padding:0 0 0 17%;
}
.company .shop_info .tel{
    padding:25px 25px 20px;
    border:1px solid #ccc;
    font-weight:bold;
    margin:20px 0 0 0;
}
.company .shop_info .tel .title{
	margin-bottom:20px;
}

.company .shop_info .tel .title span{
	display:block;
	font-size:32px;
}
.company .shop_info .tel .dial_box{
    margin:0 auto;
}

.company .shop_info .tel .dial_box ul:after{
	content:"";
	display:block;
	clear:both;
}

.company .shop_info .tel .dial_box ul{
	width:90%;
	margin:0 auto 20px;
}

.company .shop_info .tel .dial_box ul li{
	float:left;
	width:48%;
	margin-right:4%;
}

.company .shop_info .tel .dial_box ul li:last-child{
	margin-right:0;
}

.company .shop_info .tel .dial_box ul li a{
	display:block;
	padding:10px;
	border:1px solid #7bac2f;
	text-align:center;
	font-size:18px;
	color:#7bac2f;
}

.company .shop_info .tel .dial_box ul li a:hover{
	background:#7bac2f;
	color:#fff;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	transition:all .3s;
}

.company .shop_info .tel .dial_box ul li a span{
    display:block;
	font-weight:normal;
	font-size:14px;
}

.company .shop_info .tel .dial_box p{
	font-weight:normal;
	margin:0 0 0 0;
}

.shop_info img{
	margin-bottom:20px;
}



/* 沿革 */
.company .history .sub_title{
    font-size:36px;
}
.company .history .box{

}
.company .history .box .year,
.company .history .box .txt{
    position:relative;
}
.company .history .box .year{
    width:130px;
    background:#eeeeee;
    border:1px solid #333;
    padding:7px 0;
    z-index:5;
}
.company .history .box .txt{
    width: 480px;
    font-size: 14px;
    border-left: 1px solid #333;
    margin: 0 0 0 -10%;
    z-index: 1;
    padding: 0 0 30px 13%;
}
.company .history .box .txt.noborder{
    border-left:0;
}
.company .history .btm_img{
    margin:15px auto;
    padding:0 0 0 140px;
}


@media screen and (max-width: 768px){
    /* ショップインフォメーション */
    .company .shop_info .img,
    .company .shop_info .info,
    .company .shop_info .tel .dial_box{
        text-align: center;
    }
    .company .shop_info .box .txt{
        padding:0;
    }
    .company .shop_info .tel .dial_box{
        width:100%;
    }
    /* 沿革 */
    .company .history .box .txt{
        width: 75%;
        padding: 0 0 10px 14%;
        margin: 0 0 0 -8.5%;
    }
    .company .history .box .year{
        width:17%;
    }
    .company .history .box .img{
        width:15%;
    }
    .company .history .btm_img{
        padding:0;
    }
    .com_info table th, .com_info table td{
        padding:8px 0 8px 2%;
        font-size:1.3rem;
    }
    .company .history .box .txt span{
        font-size:1.4rem;
    }
    .company .history .box .txt{
        font-size:1.2rem;
    }
}

@media screen and (max-width: 430px){
    /* ショップインフォメーション */
    .company .shop_info .tel .title{
        font-size:1.4rem;
    }
    .company .history .sub_title{
        font-size:3.2rem;
    }
    .company .history .box .year{
        font-size:1.2rem;
    }
    .company .history .box .txt,
    .com_info table th, .com_info table th,
    .com_info table th, .com_info table td{
        font-size:1.1rem;
    }
    .company .history .box .img{
        margin:0 0 0 1%;
    }
    .top_info .box .fb_iframe_widget{
        max-width:100%;
    }
}

/* *******************************
 * カーポート
 * *******************************/
.main_txt{
	margin-bottom:30px;
}
.carport .col-sm-12,
.enter .col-sm-12,
.oa .col-sm-12,
.wall .col-sm-12,
.company .col-sm-12{
    padding:0;
}
/* ページ内リンク */
.carport .link
.enter .link{
    margin:30px 0 10px 0;
}
.carport .link .to_btn,
.enter .link .to_btn{
    font-size:18px;
}
.carport .link div,
.enter.link div{
    padding:0 5px;
}
.carport .link .to_btn a,
.enter .link .to_btn a{
    display:block;
    padding:15px 15px 12px;
	border:1px solid #ccc;
}

.carport .link .to_btn a:hover,
.enter .link .to_btn a:hover{
	background:#7bac2f;
	color:#fff;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	transition:all .3s;
}

.carport .link .to_btn a span,
.enter .link .to_btn a span{
	display:block;
}
.carport .link .txt,
.enter .link .txt{
    width:100%;
    margin:0 auto;
}

/* カーポート工事 */
.carport .advance,
.enter .door,
.enter .shot{
    margin:30px 0;
}
.carport h3,
.enter h3{
   text-align:center;
	font-size:22px;
	padding:10px 10px 7px;
	background:#f1f0ee;
	border-left:5px solid #7bac2f;
	font-weight:bold;
	letter-spacing:1px;
	color:#333;
	margin-bottom:30px;
}
.carport .advance .info p{
	margin-bottom:0;
}

.carport .advance .box .title{
    font-size:16px;
}
.carport .advance .info{
    padding:25px 25px 20px;
    margin-bottom:50px;
	border:3px solid #f1f0ee;
}
.carport .advance .info .title,
.carport .advance .info .txt,
.carport .advance .box .title{
    font-weight:bold;
}
.carport .advance .info .title{
    font-size:18px;
    color:#7bac2f;
	margin-bottom:15px;
}
.carport .advance .img,
.carport .advance .box{
    padding-left:0;
}
.carport .advance .box{
    padding-right:0;
}

/* カーポート選びのポイント */
.carport .point .box{
    margin-bottom:50px;
}


.carport .point .sub_box h5,
.carport .rec h5,
.enter_reform .box h4,
.enter_change .info .sub_box h5,
.enter_change .btm_txt h6,
.enter_change .box h4{
    font-size:16px;
    font-weight:bold;
}
.carport .point .box h4,
.enter_reform .box h4,
.enter_change .box h4{
    margin:0 0 30px 0;
}

.carport_subttl{
		position:relative;
		padding-left:24px;
		font-size:18px;
		font-weight:bold;
	}

	.carport_subttl:before{
		position:absolute;
		top:0px;
		left:0px;
		content:"■";
		display:inline-block;
	}

.carport .point .box .main_img{
    margin:20px 0;
}
.carport .point .sub_box{
    margin:40px 0;
}
.carport .point .sub_box h5,
.carport .rec h5,
.enter_reform .box .sub_box h5,
.enter_change .info .sub_box h5,
.enter_change .btm_txt h5{
    margin:0 0 20px 0;
	font-size:18px;
	line-height:1.4;
}
.carport .point .sub_box .img{
    padding-left:0;
}
.carport .point .sub_box .img img,
.carport .point .box.no4 .img img{
    margin:0 0 10px 0;
}
.carport .point .sub_box .img span,
.carport .point .box.no4 .img span{
    font-size:14px;
}
.carport .point .sub_box.no1 .img.no1{
    margin:0 2% 0 0;
}
.carport .point .sub_box.no3 .img.no1,
.carport .point .sub_box.no6 .img.no1{
    width:100%;
}
.carport .point .sub_box.no2 .img,
.carport .point .sub_box.no3 .img.no2,
.carport .point .sub_box.no3 .img.no3,
.carport .point .sub_box.no5 .img.no1,
.carport .point .sub_box.no5 .img.no2{
    width:50%;
}
.carport .point .sub_box.no4 .img.no2{
    margin:0 1%;
}

/* 対応図テーブル */
.type_table{
    width:100%;
	margin-bottom:20px;
}
.type_table th{
    padding:5px 0;
    text-align: center;
    background:#eee;
    font-size:16px;
}
.type_table td{
    text-align: center;
    padding:5px 0;
}
.type_table th.no1{
    width:15%;
}
.type_table th.no2{
    width:21%;
}
.type_table th.no3{
    width:37%;
}
.type_table th.no4{
    width:27%;
}
.type_table td.noborder,
.type_table td.size{
    padding:5px 0 5px 2%;
    text-align: left;
}
.type_table td.noborder{
    border-right:0;
}
.type_table td.noborder_2{
    border-left:0;
    text-align: right;
    padding:0 2% 0 0;
}
.type_table_txt{
    margin-bottom:50px;
}

/* ポイント4 */
.carport .point .box.no4 .main_txt{
    font-size:14px;
    margin:20px 0 40px 0;
}
.carport .point .box.no4 .img.no1{
    margin:0 0 0 5%;
}
.carport .point .box.no4 .img.no2{
    margin:0 2%;
}

/* おすすめのカーポート */
.carport .rec .rec_title{
	margin-bottom:50px;
	text-align:center;
}

.carport .rec .main_img{
	margin-bottom:30px;
	text-align:center;
}

.carport .rec .box{
    margin-bottom:50px;
}
.carport .rec .box .info{
    margin:0 0 20px 0;
}
.carport .rec .box .info .sub,
.carport .rec .box .img{
    font-size:14px;
}
.carport .rec .box .info .sub{
    width:60%
}
.carport .rec .box .info .price{
    text-align: right;
    width:40%;
}
.carport .rec .box .img{
    width:50%;
}
.carport .rec .box .img img{
    margin:0 0 10px 0;
}

@media screen and (max-width: 768px){
    /* ページ内リンク */
    .carport .link,
    .carport .advance .img,
    .enter .link{
        margin:20px 0;
    }
    .carport .link .txt,
    .enter .link .txt{
        text-align: center;
        margin:10px 0;
    }
    .carport .main_img img,
    .enter .main_img img{
        width:100%;
    }

    /* カーポート工事 */
    .carport .advance .info .title{
        font-size:2.5rem;
    }
    .carport h3, .carport .advance .info .txt, .carport .advance .box .title,
    .carport .point .box h4{
        font-size:1.4rem;
    }
    .carport .advance .img,
    .carport .point .sub_box.no1 .img,
    .carport .point .sub_box.no3 .img.no1{
        text-align: center;
    }
    .carport .advance .img, .carport .advance .box,
    .carport .point .sub_box.no1 .img,
    .carport .point .sub_box.no2 .img img,
    .carport .point .sub_box.no3 .img.no2 img,
    .carport .point .sub_box.no3 .img.no3 img,
    .carport .point .sub_box.no4 .img img,
    .carport .point .box .main_img img{
        width:100%;
    }

    /* ポイント1 */
    .carport .point .sub_box.no2 .img,
    .carport .point .sub_box.no3 .img.no2,
    .carport .point .sub_box.no3 .img.no3{
        width:48%;
        margin:1%;
    }
    .carport .point .sub_box.no4 .img{
        width:32%;
        margin:0.5%;
    }

    /* ポイント2 */
    .type_table,
    .type_table_txt,
    .carport .rec .box .img{
        font-size:1.2rem;
    }
}

@media screen and (max-width: 435px){
    .carport .advance .info .title,
    .carport .point .box h4, .carport .point .sub_box h5, .carport .rec h5{
        font-size:1.5rem;
    }
    .main_txt,.carport .advance .txt,
    .carport .point .sub_box .img span, .carport .point .box.no4 .img span,
    .type_table th{
        font-size:1.2rem!important;
        line-height:1.6rem!important;
    }
    .type_table td{
        font-size:1rem;
    }
    .carport .point .box h4{
        letter-spacing:-0.5px;
        font-size:1.3rem;
        margin:0 0 15px 0;
        /*text-align: right;*/
        line-height:2.5rem;
    }
    .carport .point .box h4 span{
        margin:0 1% 0 0;

    }
    .carport .point .box h4 span img{
        width:12%;
    }

    /* おすすめカーポート */
    .carport .rec .box .info .sub{
        width:100%;
        font-size:1.2rem;
    }
    .carport .rec .box .info .price{
        width:100%;
        text-align: right;
    }
    .carport .rec .box .img{
        width:48%;
        margin:1%;
        font-size:1rem;
    }
    .carport .point .box.no4 .img{
        margin:0;
        width:100%;
        text-align: center;
    }
}

/* *******************************
 * 玄関
 * *******************************/
.enter .link{
    margin:30px 0;
}
/* １日でできる玄関ドアリフォーム */
.lixil_img,
.door .flow .box .title,
.shot .box .info .title{
    font-size:16px;
    font-weight:bold;
}
.main_title{
	text-align:center;
	margin-bottom:50px;
}
.lixil_img{
    margin-bottom:30px;
}

/* 取付の流れ */
.door .flow{
    width:100%;
}
.door .flow .box{
    height:456px;
}
.door .flow .box.no1{
    width:285px;
    background:url(../../../../img/page/exterior02/flow_1.jpg) no-repeat;
}
.door .flow .box.no2{
    width:205px;
    background:url(../../../../img/page/exterior02/flow_2.jpg) no-repeat;
}
.door .flow .box.no3{
    width:194px;
    background:url(../../../../img/page/exterior02/flow_3.jpg) no-repeat;
}
.door .flow .box.no4{
    width:209px;
    background:url(../../../../img/page/exterior02/flow_4.jpg) no-repeat;
}
.door .flow .box.no5{
    width:226px;
    background:url(../../../../img/page/exterior02/flow_5.jpg) no-repeat;
}
.door .flow .box.no6{
    width:250px;
    background:url(../../../../img/page/exterior02/flow_6.jpg) no-repeat;
}
.door .flow .box .txt,
.shot .box .info .txt{
    font-size:14px;
}
.door .flow .box.no2 .title{
    width: 157px;
    padding: 310px 0 0 67px;
}
.door .flow .box.no2 .txt,
.door .flow .box.no3 .txt{
    padding:0 0 0 40px;
}
.door .flow .box.no3 .title{
    padding: 310px 0 0 72px;
}
.door .flow .box.no4 .title{
    padding: 310px 0 0 62px;
}
.door .flow .box.no4 .txt{
    padding: 0 0 0 32px;
}
.door .flow .box.no5 .title{
    padding: 298px 0 0 62px;
}
.door .flow .box.no5 .txt{
    padding: 0 0 0 32px;
    width: 192px;
}
.door .flow .box.no6 .title{
    padding: 298px 0 0 46px;
}

/* 完成イメージ ショット */
.shot .box,
.door_2 .box{
    margin-bottom:50px;
}
.shot .box .img,
.shot .box .price .no1{
    width:50%;
}
.shot .box .price{
    margin:30px 0 0 0;
	text-align:right;
}
.shot .box .price p{
    vertical-align: bottom;
    margin:0;
}
.shot .box .info,
.shot .box .price .no2{
    margin:0 0 0 2%;
    width:48%;
}
.shot .box .info .before{
    margin:44px 0 0 0;
}

/* 木製玄関ドアのリフォーム */

.door_2 .box h3{
    margin:0 0 50px 0;
}
.door_2 .box .info{
    width:60%;
}
.door_2 .box .img{
    width:38%;
    margin:0 0 0 2%;
}
.door_2 .box .info .main_txt,
.door_2 .box .sub_box .sub_info .txt,
.door_2 .box .btm_txt,
.enter_reform .box .sub_box.no2 .info .txt{
    font-size:14px;
}
.door_2 .box .sub_box{
    width:100%;
	margin-bottom:30px;
}
.door_2 .box .sub_box .sub_img{
    width:44%;
	text-align:right;
}
.door_2 .box .sub_box .sub_info{
    width: 53%;
    margin: 0 0 0 2%;
}
.door_2 .box .sub_box .sub_info .title{
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #333;
    padding:0 0 6px 0;
}
.door_2 .box .sub_box .sub_info .txt span{
    color:#d90000;
}


/* 塗装仕上げでリフォームするなら */
.enter_reform .box .sub_box .img,
.enter_reform .box .sub_box .img img{
    width:100%;
    margin:0;
}
.enter_reform .box .sub_box h5,
.enter_reform .box .sub_box.no3 .info .txt,
.enter_change .info .sub_box .txt{
    font-size:18px;
}
.enter_reform .box .sub_box.no1{
    width:30%;
}
.enter_reform .box .sub_box.no2{
    width:67%;
    margin:0 0 0 3%;
}
.enter_reform .box .sub_box.no3{
    margin:30px 0 0 0;
}
.enter_reform .box .sub_box.no2 .img{
    width:45%;
}
.enter_reform .box .sub_box.no2 .info{
    width:50%;
    margin:0 0 0 3%;
}
.enter_reform .box .sub_box.no3 .img{
    width:35%;
}
.enter_reform .box .sub_box.no3 .info{
    width:62%;
    margin:0 0 0 3%;
}
.enter_reform .box .sub_box.no3 .info .txt span{
    font-size:12px;
}
.enter_reform .box .sub_box.no3 .info .sub_title{
    font-size:16px;
    font-weight:bold;
    margin:30px 0 20px 0;
}
.enter_reform .box .sub_box.no3 .info .sub_img{
    width:100%;
}

/* 玄関ドアの取り換え */
.enter_change .info .sub_box .txt{
    margin:0 0 20px 0;
}
.enter_change .box .img_2{
    padding:20px 0;
}

@media screen and (max-width: 768px){
    .enter_change .box h4{
        font-size:1.4rem;
    }
    .sp_flow img{
        width:100%;
    }
}

@media screen and (max-width: 435px){
    .lixil_img, .door .flow .box .title, .shot .box .info .title,
    .door_2 .box .sub_box .sub_info .title,
    .enter_reform .box .sub_box.no3 .info .sub_title{
        font-size:1.4rem;
    }
    .door .flow .box .txt, .shot .box .info .txt,
    .door_2 .box .info .main_txt, .door_2 .box .sub_box .sub_info .txt,
    .door_2 .box .btm_txt, .enter_reform .box .sub_box.no2 .info .txt,
    .enter_reform .box .sub_box h4, .enter_reform .box .sub_box.no3 .info .txt,
    .enter_change .info .sub_box .txt{
        font-size:1.2rem;
    }
    .door_2 .box .btm_txt{
        margin:10px 0 0 0;
    }
    .door_2 .box .info .main_txt,
    .door_2 .box h2{
        margin:0 0 15px 0;
    }
    .shot .box .img,
    .shot .box .info{
        vertical-align: middle;
    }
    .shot .box .price p{
        width:46%!important;
        margin:1%;
    }
    .shot .box .price .no2{
        margin:1%;
    }
    .door_2 .box .info,
    .door_2 .box .img,
    .enter_reform .box .sub_box.no1,
    .enter_reform .box .sub_box.no2{
        width:100%;
    }
    .enter_reform .box .sub_box{
        margin:15px 0;
    }
    .door_2 .box .img{
        margin:0;
        text-align: center;
    }
    .enter_reform .box h4, .enter_change .box h4{
        font-size:1.4rem;
        letter-spacing: -0.5px;
    }
    .enter_reform .box h4 span, .enter_change .box h4 span{
        margin:0 1% 0 0;
    }
    .enter_reform .box h4 span img, .enter_change .box h4 span img{
        width:12%;
    }
    .enter_reform .box .sub_box.no1 img,
    .enter_reform .box .sub_box.no2 img{
        width:80%;
    }
    .enter_reform .box .sub_box.no2{
        margin:0;
    }
    .enter_change .btm_txt{
        margin:20px 0 0 0;
    }
}


/* *******************************
 * OAフロア
 * *******************************/
.oa .main_img{
	margin:0 0 50px 0;
}
.oa .point{
    margin:0 0 80px 0;
	width:100%;
}

.oa .point:after{
	content:"";
	display:block;
	clear:both;
}

.oa .point .box{
    float:left;
	width:32%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.oa .point .box:last-child{
	margin-right:0;
}

.oa .point .box a{
    display:block;
	border:2px solid #f1f0ee;
	padding:20px 20px 17px;
}

.oa .point .stay a{
	border:2px solid #a7c17f;
	pointer-events:none
}

.oa .point .box a:hover {
	border:2px solid #c6d9a8;
}

.oa .point .box .title{
    font-size:18px;
    text-align: center;
    margin:0 0 10px 0;
    font-weight:bold;
	color:#7bac2f;
	letter-spacing:1px;
}
.oa .point .box .txt{
    font-size:14px;
}

.oa .point .box a:hover .txt{
	color:#333;
}



/* 特徴 */
.oa_box,
.oa_box_2{
    margin:0 0 30px 0;
}

.oa_box .info{
    width:62%;
    margin:0 2% 0 0;
}
.oa_box .info .title{
    font-size:28px;
    font-weight: bold;
    margin:0 0 3px 0;
}
.oa_box .info .txt{
    font-size:14px;
    font-weight: bold;
    margin:0 0 65px 0;
}
.oa_box .info ul{
    font-size:14px;
}
.oa_box .info ul li{
    margin:20px 0;
}
.oa_box .info ul li span{
    margin:0 10px 0 0;
}

.oa .type{
    margin:30px 0;
}
.oa .type .box h5{
    background:#7bac2f;
    text-align: center;
    color:#fff;
    font-size:16px;
    padding:10px 0 7px;
	margin-bottom:10px;
}
.oa .type .box .sub_title{
    font-size:16px;
    text-align: center;
    margin:5px 0 10px 0;
    height:50px;
	line-height:1.4;
	letter-spacing:1px;
}
.oa .type .box .txt,
.oa .option .box .txt{
    font-size:14px;
}

/* SEライト */
.oa .se_box{
    margin-bottom:30px;
	padding:25px 20px;
	border:5px solid #f1f0ee;
}

.oa .se_box h4 .sub_title{
    font-size:16px;
    text-align: right;
}
.oa .se_box h4 .sub_title img{
    margin:0 0 0 2%;
}

.oa .se_box .info table{
    width:100%;
    font-size:12px;
}
.oa .se_box .info table th,
.oa .se_box .info table td{
    padding:10px;
}
.oa .se_box .info table th{
    background:#eee;
    width:50%;
}
.oa .tell_me,
.oa .option{
    margin:20px 0;
}

/* オプション */

.oa .option .box .title{
    font-size:16px;
    font-weight:bold;
    text-align: center;
}


/* 取付例 */
.oa .ex h4{
    font-size:30px;
    margin:0 0 20px 0;
    font-weight:bold;
}
.oa .ex .box_left,
.oa .ex .box_right{
    margin:0 0 30px 0;
}
.oa .ex .box_left{
    width:58%;
}
.oa .ex .box_right{
    width:40%;
    margin:0 0 0 2%;
}
.oa .ex .box_left .title,
.oa .ex .box_right .title{
    font-size:16px;
    padding:0 0 5px 0;
    border-bottom:1px solid #333;
    margin:0 0 15px 0;
}
.oa_message{
    padding:23px 23px 20px!important;
    margin:40px 0;
    line-height:22px;
	border:3px solid #f1f0ee;
}

.ttl_center{
	text-align:center;
	margin-bottom:30px;
}

@media screen and (max-width: 768px){
.oa .tell_me, .oa .option{
	padding:20px 0!important;
}
.oa .se_box h4 .title,
.oa .point .box .title,
.oa_box h3,
.oa_box .info .title{
	font-size:2rem;
}
.oa .se_box h4 .sub_title,
.oa .type .box .sub_title{
	font-size:1.5rem;
}
.oa .point .box .txt,
.oa .type .box .txt, .oa .option .box .txt{
	font-size:1.2rem;
}
.oa_box .img{
	width:34%;
}
}

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

.oa .point .box{
	margin-right:2%;
}

.oa .type .box{
    width:48%;
    margin:1%;
}

.oa .se_box .title{
	position:relative;
	margin-bottom:30px;
}

.oa .se_box .title .item_name{
	font-weight:bold;
	font-size:24px;
}

.oa .se_box .title .jafa{
	position:absolute;
	top:-10px;
	right:0;
}

.oa .se_box .img{
	width:50%;
}
.oa .se_box .info{
    width:47%;
    margin:0 0 0 3%;
}

/* オプション */
.oa .option .box{
    width:32%;
    margin:0 0 60px 0;
}
.oa .option .box .title{
    height:50px;
}
.oa .option .box .img{
    margin:15px 0;
}
.oa .option .box.no2{
    margin:0 2%;
}

}

@media screen and (max-width: 640px){

.oa .point{
    margin-bottom:60px;
}

.oa .option .box .title br{
	display:block;
}

.oa .point .box{
	width:48%;
}

.oa .point .box:first-child{
	margin-right:4%;
}

.oa .point .box:first-child,
.oa .point .box:nth-child(2){
	margin-bottom:20px;
}

.oa .point .box a{
	padding:10px;
}

.oa .point .box .txt{
	min-height:54px;
}

.oa .type .box{
	width:100%;
	margin-bottom:20px;
}

.oa .type .box:last-child{
	margin-bottom:0;
}

.oa .se_box .title{
	margin-bottom:20px;
}

.oa .se_box .title .item_name{
	display:block;
	font-weight:bold;
	font-size:24px;
}

.oa .se_box .title .jafa{
	display:block;
	font-size:14px;
}

.oa .se_box .img{
	margin-bottom:30px;
}

.oa .option .box{
    width:48%;
    margin-bottom:30px;
}

.oa .option .box:nth-child(even){
	margin-right:4%;
}

.oa .option .box .title{
    height:50px;
}
.oa .option .box .img{
    margin:15px 0;
}

.oa .ex .box_left .title, .oa .ex .box_right .title{
	min-height:54px;
}

.oa .option .box .title{
	line-height:1.3;
}

.oa_message{
	padding:20px;
}

}


/* *******************************
 * OAフロア 施工例
 * *******************************/
.midasi01{
	text-align:center;
	font-weight:bold;
	font-size:24px;
	margin-bottom:10px;
}

.midasi02{
	text-align:center;
	font-size:18px;
	margin-bottom:30px;
}

.oa_box_2 .img{
    width:55%;
}
.oa_box_2 .info{
    width:43%;
    font-size:14px;
    margin:0 0 0 2%;
}

/* 施工の流れ */
.flow_box .box,
.oa_box_3{
    margin:0 0 80px;
}
.flow_box .box .title{
    font-size:24px;
    margin:0 0 20px 0;
	text-align:center;
	font-weight:bold;
}
.flow_box .box .title span{
    display:block;
	font-size:14px;
	color:#7bac2f;
}

.flow_box .box .img{
    width:49%;
    margin:0 0 20px 0;
}
.flow_box .box .info{
    font-size:14px;
    width:49%;
    margin:0 0 0 2%;
    line-height:22px;
}
.flow_box .box .column{
    padding:20px;
	border:2px solid #ccc;
}
.flow_box .box .column .box_left{
    width:56%;
}
.flow_box .box .column .box_right{
    width:42%;
    margin:0 0 0 2%;
}
.flow_box .box .column .box_left .sub_title{
    font-size:20px;
    margin:0 0 10px 0;
	letter-spacing:1px;
	font-weight:bold;
}
.flow_box .box .column .box_left .txt,
.flow_box .box .flow .sub_box,
.flow_box .box.no4 .txt,
.flow_box .box.b_no1 .txt{
    font-size:14px;
}
.flow_box .box .flow{
    width:100%;
    margin-bottom:50px;
}
.flow_box .box .flow .sub_box{
    width:30%;
}
.flow_box .box .flow .sub_box img{
    margin:0 0 10px 0;
}
.flow_box .box .flow .arrow_3{
    width:2.5%;
    margin:0 1%;
    padding:11% 0 0 0;
}
.flow_box .box.no4 .img,
.flow_box .box.b_no1 .txt{
    width:100%;
}
.flow .middle_title,
.flow_box .box .middle_title{
	background:url(../../../../img/page/oa_flow/shita.png) center bottom no-repeat;
	margin:30px 0 20px 0;
	padding-bottom:10px;
}

.flow .middle_title span,
.flow_box .box .middle_title span{
	display:block;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	padding:20px 15px 15px;
	border:2px solid #ccc;
}

.flow.no4 .sub_box{
    width:22.5%!important;
}
.flow_box .box .arrow_4{
    width: 1.5%;
    margin: 0 0.8%;
    padding: 11% 0 0 0;
}

@media screen and (max-width: 768px){
    .flow_box .box .column .box_right img,
    .oa_box_2 .img img,
    .flow_box .box .img img,
    .flow_box .box .flow .sub_box img{
        width:100%;
    }
    .oa_box_2 h4,
    .flow_box .box .title{
        font-size:2rem;
    }
    .flow .middle_title, .flow_box .box .middle_title,
    .flow_box .box .column .box_left .sub_title{
        font-size:1.8rem;
    }
    .flow_box .box .info,
    .flow_box .box .column .box_left .txt, .flow_box .box .flow .sub_box,
    .flow_box .box.no4 .txt, .flow_box .box.b_no1 .txt,
    .oa_box_2 .info .txt{
        font-size:1.2rem;
        line-height: 1.8rem;
    }
}

@media screen and (max-width: 640px){

.midasi01{
	font-size:20px;
}

.midasi02{
	font-size:16px;
}

.flow_box .box,
.oa_box_3{
    margin:0 0 60px;
}

.oa_box_2 .img{
    width:50%;
}
.oa_box_2 .info{
    width:46%;
    margin:0 0 0 4%;
}

}

/* *******************************
 * OAフロア 価格
 * *******************************/

/* 価格 */
.oa_box_3 .normal .attention,
.oa_box_3 .box.together .box_left .txt,
.oa_box_4{
    font-size:14px;
}
.oa_box_3 h4{
    font-size:22px;
    margin:0 0 30px 0;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
}

.oa_box_3 .main_txt{
	text-align:center;
	font-size:14px;
}
.oa_box_3 .normal .sub_title{
    color:#fff;
    padding:5px 0;
    font-size:16px;
    font-weight:bold;
}
.oa_box_3 .box .box_left .title,
.oa_box_3 .normal .sub_title,
.oa_box_3 .box .box_left .title_2{
    border:1px solid #ccc;
    padding:8px 0;
    font-size:16px;
}
.oa_box_3 .box .box_left .price,
.oa_box_3 .box .box_left .price_2,
.oa_box_3 .box .sub_box .price,
.oa .type .box h5, .flow_box h5{
    font-weight:bold;
}
.oa_box_3 .box .box_left .price,
.oa_box_3 .box .sub_box .price{
    font-size:30px;
    margin:0 0 30px 0;
}
.oa_box_3 .box .box_left .price span,
.oa_box_3 .box .sub_box .price span{
    font-size:20px;
}
.oa_box_3 .box .box_left .price_2{
    color:#fb7d7d;
    font-size:40px;
}
.oa_box_3 .box .box_left .price_2 span{
    font-size:25px;
}
.oa_box_3 .box .box_left .attention,
.oa_box_3 .normal .attention{
    font-size:12px;
}

/* オプション */

.oa_box_3 .box .sub_box .title{
    font-size:16px;
    background:#7bac2f;
    margin:20px 0;
    padding:5px 0;
    color:#fff;
    font-weight:bold;
}
.oa_box_3 .normal{
    padding:20px;
	border:3px solid #f1f0ee;
	margin-bottom:50px;
}
.oa_box_3 .normal .title{
    font-size:24px;
    font-weight:bold;
}
.oa_box_3 .normal .sub_title{
    margin:15px auto;
    width:70%;
}
.oa_box_3 .normal .half_price{
    font-size:18px;
    margin:30px 0;
	letter-spacing:1px;
}
.oa_box_3 .normal .half_price span{
    color:#fb7d7d;
    font-size:24px;
    font-weight:bold;
}
.oa_box_3 .normal .half_price img{
    margin:10px 0 0 0;
}

/* 同時工事 */
.oa_box_3 .box.together .same{
	padding:20px;
	border:2px solid #f1f0ec;
	margin-bottom:30px;
}

.oa_box_3 .box.together .same:last-child{
	margin-bottom:0px;
}

.oa_box_3 .box.together .box_left{
    width:55%;
    margin:0 5% 0 0;
}
.oa_box_3 .box.together .box_right{
    width:40%;
}
.oa_box_3 .box.together .box_left .oa_title{
    font-size:18px;
    font-weight: bold;
	padding-bottom:5px;
	margin-bottom:10px;
}

.oa_box_3 .box.together .box_left .case_txt{
	font-size:14px;
	margin-bottom:30px;
}
.oa_box_3 .box.together .box_left .price_area .no1{
    background:#26363d;
    color:#fff;
    padding:10px 15px;
    text-align: center;
    font-weight:bold;
	line-height:1.4;
}

.oa_box_3 .box.together .box_left .price_area p{
    vertical-align: bottom;
}

.inline{
	margin-bottom:50px;
}

@media screen and (max-width: 768px){
    .oa .main_img img{
        width:100%;
    }
    .oa_box_3 h4,
    .oa_box_3 .box .box_left .price, .oa_box_3 .box .sub_box .price,
    .oa_box_3 .normal .title,.oa_box_3 .box.together .box_left .oa_title,
    .oa_box_3 .box.together .box_left .price_area .no1{
        font-size:2rem;
    }
    .oa_box_3 .box .box_left .price_2{
        font-size:2.3rem;
    }
    .oa_box_3 .normal .sub_title{
        font-size:1.4rem;
    }
    .oa_box_3 .main_txt, .oa_box_3 .normal .attention, .oa_box_3 .box.together .box_left .txt, .oa_box_4,
    .oa_box_3 .box .box_left .price span,.oa_box_3 .box .box_left .price_2 span,
    .oa_box_3 .box .box_left .attention, .oa_box_3 .normal .attention{
        font-size:1.2rem;
    }
    .oa_box_3 .box.together .box_left,
    .oa_box_3 .box.together .box_right{
        width:100%;
    }
    .oa_box_3 .box.together .box_right{
        text-align: center;
    }
    .oa_box_3 .box.together .box_left{
        margin-right:0;
    }
}

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

.oa_box_3 .box .box_left{
    width:47%;
    margin:0 2% 0 0;
}
.oa_box_3 .box .box_right{
    width:51%;
}

.oa_box_3 .box .sub_box{
    width:48%;
    margin:1%;
}

.oa_box_3 .box.together .box_left .price_area .no1{
    padding:10px 15px;
    font-size:18px;
    text-align: center;
    margin:0 9% 0 0;
}

}

@media screen and (max-width: 640px){

.oa_box_3 .box .box_left{
    width:100%;
}
.oa_box_3 .box .box_right{
    width:100%;
}

.inline{
	margin-bottom:50px;
}

.oa_box_3 .box .sub_box{
    width:48%;
}

.oa_box_3 .box .sub_box:first-of-type{
	margin-right:4%;
}

.oa_box_3 .box .sub_box .title{
	font-size:14px;
}

.oa_box_3 .box .sub_box .img{
		min-height:87px;
}

.oa_box_3 .box .box_left .title{
	margin-bottom:20px;
}

.oa_box_3 .box.together .box_left .price_area .no1{
	font-size:14px;
	width:40%;
	margin-right:4%;
}

.oa_box_3 .box.together .box_left .price_area .no2{
	width:56%;
}

.oa_box_3 .box.together .box_left .price_area p{
	vertical-align:middle;
}

}


/* *******************************
 * 外壁塗装工事
 * *******************************/

/* ポイント */
.wall .main_img{
	margin-bottom:20px;
}

.wall .attention{
	margin-bottom:50px;
}

.wall .point{
    margin-bottom:80px;
}
.wall .point .main_txt a{
    text-decoration:underline;
}
.wall .point .title .img{
    width:9%;
    margin:0 2% 0 0;
}
.wall .point .title{
    border-bottom:1px solid #ccc;
    margin:0 0 20px 0;
    padding:0 0 5px 0;
}
.wall .point .title .img img{
    width:100%;
}
.wall .point .title .txt{
    width:89%;
    font-size:16px;
    font-weight: bold;
    margin:0;
	letter-spacing:1px;
}
.wall .point .title .txt span{
	font-size:32px;
	font-weight:bold;
}
.wall .point .main_txt,
.wall .plan .box .main .txt,
.wall .plan .box .main .button a,
.wall .ex .box .txt{
    font-size:14px;
}

/* プラン */
.wall .plan{
   margin-bottom:80px;
    width:100%;
}
.wall .plan .box .head span,
.wall .plan .box .main .title,
.wall .middle_con .main_title{
    font-weight: bold;
}

.wall .plan .main_title{
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}


.wall .plan .main_title:after{
	content:"";
	display:block;
	clear:both;
}

.wall .plan .main_title .box_left{
    float:left;
	font-size:24px;
	font-weight: bold;
	margin:0;
	line-height:1;
}

.wall .plan .main_title .box_right{
	float:right;
	font-size:16px;
	margin:10px 0 0 0;
	line-height:1;
}

.wall .plan .main_title p{
    vertical-align: bottom;
}
.wall .plan .main_title .txt{
	font-size:16px;
}

.wall .plan .box .main .title{
    font-size:16px;
	margin-bottom:5px;
}

.wall .plan ossm{
	content:"";
	display:block;
	clear:both;
}
.wall .plan .box{
    float:left;
	width:49%;
    margin-right:2%;
    border:1px solid #efefef;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.wall .plan .box:first-child,
.wall .plan .box:nth-child(2n){
	margin-bottom:20px;
}

.wall .plan .box:nth-child(2n){
	margin-right:0;
}
.wall .plan .box .head{
    background:#efefef;
    padding:15px 15px 12px;
    font-size:14px;
	text-align:center;
	letter-spacing:1px;
}

.wall .plan .box .head span{
	display:block;
	margin-bottom:5px;
	font-size:18px;
}

.wall .box .title{
	margin-bottom:5px;
	line-height:1;
	font-size:16px;
}
.wall .plan .box .main .txt{
    margin: 0 0 20px 0;
}

.wall .plan .box .main{
    padding:20px;
	text-align:center;
}

.wall .box .title_price{
	font-size:28px;
	font-weight:bold;
	color:#fb7d7d;
	line-height:1;
	margin-bottom:0;
}

.wall .plan .box .main .middle_title{
	font-size:12px;
	margin-bottom:3px;
	font-weight: bold;
}

.wall .plan .box .main .con{
	letter-spacing:1px;
	font-size:16px;
}
.wall .plan .box .main .con span{
	font-size:24px;
	margin-left:3px;
	font-weight:bold;
}

.wall .middle_con .main_title{
    font-size:24px;
}
.wall .plan .box .main .button a{
    display:block;
	padding:10px 0 7px;
	border:1px solid #ccc;
}

.wall .plan .box .main .button a:hover{
	border:1px solid #c6d9a8;
	background:#7bac2f;
	color:#fff;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	transition:all .3s;
}

.wall .ex .box .title{
    font-size:16px;
    font-weight:bold;
}

/* コンテンツ */
.tosou_contact{
	margin-bottom:80px;
}

.tosou_contact .tosou_txt{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	margin-bottom:30px;
}

.tosou_contact .tosou_inner{
	margin-bottom:20px;
}

.tosou_contact .tosou_inner:after{
	content:"";
	display:block;
	clear:both;
}

.tosou_contact .tosou_inner .tosou_box{
	float:left;
	width:32%;
	margin-right:2%;
}

.tosou_contact .tosou_inner .tosou_box:last-child{
	margin-right:0;
}

.tosou_contact .tosou_inner .tosou_box a{
	display:block;
}

.tosou_contact .tosou_inner .tosou_box a:hover{
	color:#7bac2f;
}

.tosou_contact .tosou_inner .tosou_box a img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.tosou_contact .tosou_inner .tosou_box a p.con_ttl{
	font-size:14px;
}

.tosou_contact .tosou_inner .tosou_box a p.con_ttl i{
	margin-right:6px;
}

.tosou_contact .tosou_inner:last-child{
	margin-bottom:0;
}


.tosou_contact .tosou_inner:last-child .tosou_box{
	margin-right:0;
}

/* 施工事例 */
.wall .ex{
   margin-bottom:50px;
    width:100%;
}

.wall .ex .jirei{
	margin-bottom:50px;
}

.wall .ex .jirei .main_title{
	font-size:24px;
	margin-bottom:30px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}

.wall .ex .jirei .jirei_inner{
	margin-bottom:20px;
}

.wall .ex .jirei .jirei_inner:nth-child(2n+1){
	margin-bottom:50px;
}

.wall .ex .jirei .jirei_inner:after{
	content:"";
	display:block;
	clear:both;
}

.wall .ex .jirei .jirei_inner .box{
    float:left;
	width:48%;
    margin-right:2%;
}

.jirei_inner .box img{
	margin-bottom:10px;
}

.wall .ex .jirei .jirei_inner .box:nth-child(2n){
	margin-right:0;
}

.wall .small_con{
    margin:0 0 80px;
}
.wall .small_con li{
    width:32%;
    margin:0.5%;
}
.wall .small_con li img{
    width:100%;
}
.wall .small_con_2{
    margin:0 0 80px;
}
.wall .small_con_2 li{
    width:24%;
    margin:0.5%;
}

.wall .ex .maker .main_title{
	font-size:24px;
	margin-bottom:30px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}

.jireibtn{
	margin-bottom:60px;
}

@media screen and (max-width: 768px){
    .wall .middle_con .main_title{
        font-size:2rem;
        padding:20px 0;
    }
    .wall .point .title .txt span, .wall .plan .main_title .box_left, .wall .ex .main_title,
    .wall .plan .box .main .con span, .wall .middle_con .main_title{
        font-size:2rem;
    }
    .wall .point .title .txt,
    .wall .plan .main_title .txt, .wall .plan .box .main .title,
    .wall .plan .box .main .con, .wall .plan .box .main .middle_title, .wall .ex .box .title{
        font-size:1.4rem;
    }
    .wall .attention,
    .wall .point .main_txt, .wall .plan .box .main .txt,
    .wall .plan .box .main .button a, .wall .ex .box .txt,
    .wall .plan .main_title .txt,
    .wall .plan .box .head{
        font-size:1.2rem;
    }
    .wall .plan .box .main .button{
        padding:10px 0 10px 10px;
    }
    .wall .main_img img,
    .wall .middle_con .box_1{
        width:100%;
    }
    .wall .middle_con .box_1{
        padding:0 0.8%;
    }
    .wall .point .title p{
        vertical-align: middle;
    }
    .wall .plan .main_title .txt{
        margin:0;
    }
    .wall .middle_con .box_3{
        width:32%;
        margin: 1% 0.8%;
    }
    .wall .middle_con .box_3.no2{
        margin:1% 0.3%;
    }
}
@media screen and (max-width: 435px){
    .wall .point .title .txt span,
    .wall .middle_con .main_title{
        font-size:1.5rem;
    }
    .wall .point .title .txt{
        font-size:1.2rem;
    }
    .wall .attention,
    .wall .ex .box .txt{
        font-size:1rem;
    }
    .wall .plan .main_title .box_left,
    .wall .plan .box,
    .wall .small_con_2 li img{
        width:100%;
    }
    .wall .plan .box{
        margin:3% 0;
    }
    .wall .small_con li,
    .wall .small_con_2 li{
        width:48%;
        margin:1%;
    }
}


/* *******************************
 * お問い合わせ
 * *******************************/
.lead_contact{
	text-align:center;
	margin-bottom:50px;
}

.contact_table{
    width:100%!important;
    box-sizing:border-box;
	border-top:1px solid #ccc;
}
.contact_table th{
    background:#f1f0ee;
    padding:15px 0 15px 3%;
    border-bottom:1px solid #ccc;
    width:30%;
}
.contact_table td{
    width:70%;
    border-bottom:1px solid #ccc;
    padding:15px;
}
.usr_name,.usr_name_2,.office_name,.postcode,.usr_adress,.usr_tel,.usr_fax,.usr_mail,textarea{
    width:100%;
}
.contact_table input[type="file"]{
    width:80%;
}
div.wpcf7-mail-sent-ok {
    text-align: center;
    /* position: absolute; */
    padding: 40px 0;
    font-size:18px;
	border:1px solid #7bac2f;
	color:#7bac2f;
}
div.wpcf7-validation-errors {
    border: 3px solid #feacac;
    padding: 40px 0 35px;
    font-size: 18px;
    text-align: center;
	color:#fb7d7d;
}
.contact .check{
    margin:20px 0 50px 0;
}
.contact_table .clear_btn_2{
    padding:2px 0;
    font-size:12px;
}
.contact_table .clear_btn,
#clear_1{
    display: inline-block;
}
.contact_table .file_table{
    width:100%;
}
.contact_table .file_table td{
    vertical-align: middle;
    border:0;
}
.contact_table .file_table td p{
    margin:0;
}
.contact_table .file_table td.no1{
    width:70%;
    padding:5px;
    font-size:12px;
}
.contact_table .file_table td.no2{
    width:30%;
    padding:5px;
}

/* リセット・確認ボタン */
.reset,
.submit{
    text-align: center;
    width:40%;
    float:left;
}
.reset{
    margin:0 4% 0 6%;
}
.con_reset,
.con_confirm{
    border:0;
    width:100%;
    padding:10px 0;
    font-size:16px;
	background:none;
	border:1px solid #333;
}


@media screen and (max-width: 768px){
    .con_reset,
    .con_confirm{
        padding:10px 0;
        font-size:1.5rem;
    }
    .contact_table input,
    .contact_table textarea{
        border:1px solid #333;
        width:90%;
    }
    .contact_table{
        font-size:1.2rem;
        margin:0 0 20px 0;
    }
    input[type="checkbox"]{
        width:auto;
    }
    .contact_table select{
        border: 1px solid #333;
        margin: 7px 0 0 0;
        height: 28px;
    }
    .contact_table .clear_btn_2{
        width:100%;
    }
}

@media screen and (max-width: 640px){

.contactBox .dial_box ul li{
	width:100%;
	margin:0;
}

.contactBox .fax_box ul{
	width:100%;
}

.contactBox .dial_box ul li:first-child{
	margin-bottom:20px;
}

.contactBox p br{
	display:none;
}

.contact_table{
	border:none;
}

.contact_table th,
.contact_table td{
	display:block;
	width:100%;
	border:none;
}

.contact_table th{
	font-size:16px;
}

.contact_table td{
	padding:20px 0;
}

.contact_table input, .contact_table textarea{
	width:100%;
	border:1px solid #ccc;
}
.contact_table label{
	width: auto;
}
label{
	width:100%;
	padding:10px 0;
	font-size:16px;
}

.demand input{
	width:auto;
}

}

/* 確認ページ 202604 ishikado */
#wpcf7cpcnf table {

    width:100%!important;
    box-sizing:border-box;
	border-top:1px solid #ccc;
}
#wpcf7cpcnf th{
    background:#f1f0ee;
    padding:15px 0 15px 3%;
    border-bottom:1px solid #ccc;
    width:30%;
}
#wpcf7cpcnf td{
    width:70%;
    border-bottom:1px solid #ccc;
    padding:15px;
}
#wpcf7cpcnf .wpcf7cp-btns {
    text-align: center;
}
#wpcf7cpcnf .wpcf7cp-btns .wpcf7-form-control {
    border: 0;
    width: 270px;
    padding: 10px 0;
    font-size: 16px;
    background: none;
    border: 1px solid #333;
}
@media screen and (max-width: 640px){
    #wpcf7cpcnf .wpcf7cp-btns .wpcf7-form-control {
        width: 142px;
    }
}


/* *******************************
 * 安心の建設業許可工事店
 * *******************************/
.approval h2.ttl{
    background-image: url(../../../../img/page/approval/title.png);
}
.approval .ttl span{
    margin:0 2% 0 0;
}
.approval .main_box{
    margin:50px 0;
}
.approval .main_box .title{
    font-weight:bold;
    font-size:16px;
    margin:0 0 15px 0;
}
.approval .box .main_title{
    margin:0 0 35px 0;
}
.approval .sub_box{
    margin:0 0 50px 0;
}
.approval .sub_box .txt{
    font-size: 14px;
    width: 62%;
    padding: 0 2% 0 0;
    line-height: 26px;
}
.approval .sub_box .title{
    border-bottom:1px solid #ccc;
    font-size:18px;
    font-weight: bold;
    padding:0 0 5px 0;
	margin:0 0 20px 0;
}
.approval .sub_box .img{
    width:38%;
}
.approval .sub_box .txt.all{
    width:100%;
	margin:0 0 30px 0;
}
.approval .sub_box .button{
    text-align: center;
}

@media screen and (max-width: 768px){
    .approval .ttl{
        font-size:2rem;
    }
}
@media screen and (max-width: 435px){
    .approval .ttl{
        font-size:1.8rem;
    }
    .approval .sub_box .title{
        font-size:1.6rem;
    }
    .approval .sub_box .txt.all{
        font-size:1.3rem;
    }
}