@charset "utf-8";

/* ------1カラムの場合--------  */
#contents {
	width: 100%;
    margin: 0px auto 0 auto;
}
.freepage #sidebar_defo {
    width: 1205px;
    float: none;
    margin: 0 auto 0 auto;
	display: none;
}
/* ------1カラムの場合--------  */

aside{display: none;}


#allWrap01 {padding-top: 0px;}
body#kucho>header {display: none;}

#Column_shitei .sec001{
	width: 100%;
	background-color: #0f1f30;
	padding: 50px 0 50px 0;
	margin: -2px auto 0 auto;
}

#Column_shitei .sec001 .system_desc{
	width: 1100px;
	margin:  40px auto 0 auto;
}
#Column_shitei .sec001 .system_desc .img_l{
	width: 530px;
	float: left;
}
#Column_shitei .sec001 .system_desc .img_r{
	width: 530px;
	float: right;
}

#Column_shitei .sec001 .kuchikomi{
	width: 890px;
	margin:  40px auto 0 auto;
}
#Column_shitei .sec001 .kuchikomi .img_l{
	float: left;
}
#Column_shitei .sec001 .kuchikomi .img_r{
	float: right;
}

#Column_shitei .sec002{
	width: 100%;
	background-color: #fff;
	padding: 60px 0 120px 0;
	margin: 0px auto 0 auto;
}

#Column_shitei .sec002 .new_item{
	width: 1020px;
	margin:  80px auto 0 auto;
}
#Column_shitei .sec002 .new_item .img_l{
	width: 500px;
	float: left;
}
#Column_shitei .sec002 .new_item .img_r{
	float: right;
}
#Column_shitei .sec002 .new_item .img_r img{width: 480px;}

#Column_shitei .sec003{
	width: 100%;
	background: url( "../../../../img/kucho/freepage/suireifuku-lp/bg_sec03.jpg");
	background-color: #0f1f30;
	padding: 50px 0 50px 0;
	margin: 0px auto 0 auto;
}

#Column_shitei .sec003 .review_box{
	display: flex;
	width: 1060px;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}

#Column_shitei .sec003 .review_box li{width:495px; margin: 50px 0 0 0;}

#Column_shitei .sec004{
	width: 100%;
	padding: 50px 0 50px 0;
	margin: 0px auto 0 auto;
}

#Column_shitei .sec004 div{ text-align: center;}
aside#sidebar_defo {
	width: 1205px;
    margin: 0px auto 0 auto;
	display: flex;
	justify-content: space-between;
	float: none;
	margin-top: 50px;
	padding-top: 50px;
	border-top: none;
}

aside .side_category{width: 275px;}
aside .side_group{width: 275px;}
aside .side_freepage{width: 275px;}

/* CSS Document */
#contents ul{
	margin: 0px;
	list-style: none;
}
.width{
	margin: 0px auto;
	max-width: 1010px;
}
.caption{
	font-size: 80%;
}
.clear{
	content: "";
	clear: both;
}

.mgt10{margin-top: 10px;}

.mgb5{margin-bottom: 50px;}
.mgb6{margin-bottom: 60px;}
.mgb7{margin-bottom: 70px;}
.mgb20{margin-bottom: 20px;}
.mgb30{margin-bottom: 30px;}

h1, h2, h3,p{
	margin: 0px;
	padding: 0px
}
h2{
	font-size: 36px;
	font-weight: bolder;
	line-height: 1.4em;
}
h3{font-size: 30px;}
h2 span{display: none; color: #ff4d4d;}
.pc{display: block;}
.mq{display: none;}
.mq2{display: none;}
.sp{display: none;}
@media screen and (max-width: 780px) {
	h2 {font-size: 30px;}
	h2 span{display: block; color: #ff4d4d;}
	h2 img{display: none;}
	h3 {font-size: 26px;}
	.pc{display: none;}
	.mq{display: block;}
	.mq2{display: block;}
	.sp{display: none;}
	.mg0{margin: 0px !important}
	
	.pd0{padding: 0px !important}
}
@media screen and (max-width: 480px) {
	.sp{display: block;}
	.mq2{display: none;}
}


#catalog_btn{display: none;}

/*?????????奢??*/
.mainvisual{
    width:100%;
    height:0;
	padding-top: 37%;
    background: url( "../../../../img/kucho/freepage/suireifuku-lp/main_image.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	
}
.mainvisual_box{width: 980px; margin: 0 auto; position: relative;}
.mainvisual_txt{ position: absolute; left: 0; bottom: 60px;}
.mainvisual_btn{ position: absolute; right: 0; bottom: 70px;}

.mainvisual_btn p { margin: -45% auto 0px auto; padding: 0 0 0px 0; }
.mainvisual_btn p img{ width: 100%;  }
.obi001{
    height: 60px;
	background-color: #000;
	margin: 0 auto;
	text-align: center;
}
.sec001{
background-color: #2A9ACD;
text-align: center;
}

.sec002{
background-color: #fff;
text-align: center;
padding: 65px 0 30px 0;
}

.sec003{
background-color: #EEEEEE;
text-align: center;
padding: 65px 0 65px 0;
}

.sec_box{
width:1010px;
margin: 0 auto;
display: block;
}
.sec001 .sec_box{ background: url("../../../../img/kucho/freepage/business/person_001.png") right bottom no-repeat; display: block; padding: 0 0 30px 0;}

.btn_box{width:790px; margin: 0 auto;}

.point_box li{ padding:0 16px 34px 18px; float:left;}

.point_box2{
background-color: #fff;
width:100%;
padding: 20px 30px 10px 20px;
margin: 0 0 30px 0;
border-left: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-sizing:border-box;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

}

.point_box2 .point_t_area{ text-align: left;}
.point_box2 .p001{ background: url("../../../../img/kucho/freepage/business/icon_point001.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px;}
.point_box2 .p002{ background: url("../../../../img/kucho/freepage/business/icon_point002.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px;}
.point_box2 .p003{ background: url("../../../../img/kucho/freepage/business/icon_point003.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px;}
.point_box2 .p004{ background: url("../../../../img/kucho/freepage/business/icon_point004.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px;}
.point_box2 .p005{ background: url("../../../../img/kucho/freepage/business/icon_point005.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px;}
.point_box2 .p006{ background: url("../../../../img/kucho/freepage/business/icon_point006.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px;}

.point_box2 .point_t_area span{ color: #11609E; text-align: left; font-size: 20px; font-weight: bold; margin: 0px 0 10px 0; line-height: 1em; display: block;}
.point_box2 .point_t_area h3{ color: #000; text-align: left; font-size: 40px; font-weight: bold; padding: 0px 0 10px 0;line-height: 1em;}

.point_box2 .l_img_text_area{ padding: 20px 0 0 220px; background: url("../../../../img/kucho/freepage/business/logo_fujiwork.png") left 20px no-repeat;}
.point_box2 .l_img_text_area2{ padding: 20px 0 0 80px;}
.point_box2 .l_img_text_area3{ padding: 20px 0 20px 220px; background: url("../../../../img/kucho/freepage/business/knuckle.png") left 20px no-repeat; background-size:196px 140px; min-height: 140px; }

.point_box2 .txt001{ font-size: 16px; line-height: 1.6; text-align: left; margin: 0 0 20px 0;}
.point_box2 .txt002{ font-size: 16px; line-height: 1.6; text-align: left; margin: 20px 0 20px 0;}

.point_box2 .larea{ float:left;}
.fl{ float: left;}
.fr{ float: right;}


@media screen and (max-width: 1010px) {
.obi001{
    width:100%;
    height: auto;
	background: url( "../../../../img/kucho/freepage/business/bg_001.png") left top repeat;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
	text-align: center;
}
.obi001 img{width:45%;}

.sec001{
background-color: #2A9ACD;
height: auto;
text-align: center;
}
.sec001 .sec_box{ background:none;}


.sec001 .sec_box{
width:100%;
margin: 0 auto;
display: block;
}
.sec001 .sec_box .fl{ width: 50%;}
.sec001 .sec_box .fr{ width: 50%;}
.sec001 .btn_box .fl{ width: 48%;}
.sec001 .btn_box .fr{ width: 48%;}
    
.sec002{background-color: #fff; text-align: center; padding: 30px 0 30px 0;}
.sec002 .sec_box{
width:100%;
margin: 0 auto;
display: block;
}


.point_box li{  float:left; width: 46%; padding:0 2% 20px 2%;}


.sec003{
background-color: #EEEEEE;
text-align: center;
padding: 30px 0 30px 0;
}


.sec003 .sec_box{width:100%;}


.sec003 .point_box2{ 
width:94%;
padding: 20px 3% 10px 3%;
margin: 0 auto 30px auto;
border-left: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-sizing:border-box;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.sec003 .point_box2 .point_t_area{ text-align: left;}
.sec003 .point_box2 .p001{ background: url("../../../../img/kucho/freepage/business/icon_point001.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px;}
.sec003 .point_box2 .p002{ background: url("../../../../img/kucho/freepage/business/icon_point002.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px; }
.sec003 .point_box2 .p003{ background: url("../../../../img/kucho/freepage/business/icon_point003.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px; }
.sec003 .point_box2 .p004{ background: url("../../../../img/kucho/freepage/business/icon_point004.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px; }
.sec003 .point_box2 .p005{ background: url("../../../../img/kucho/freepage/business/icon_point005.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px; }
.sec003 .point_box2 .p006{ background: url("../../../../img/kucho/freepage/business/icon_point006.png") left top no-repeat; padding: 10px 0 0 85px; min-height: 81px; }

.sec003 .point_box2 .point_t_area span{ color: #11609E; text-align: left; font-size: 20x; font-weight: bold; margin: 0px 0 10px 0; line-height: 1em; display: block;}
.sec003 .point_box2 .point_t_area h3{ color: #000; text-align: left; font-size: 40px; font-weight: bold; padding: 0px 0 10px 0;line-height: 1em;}

.sec003 .point_box2 .l_img_text_area{ padding: 20px 0 0 220px; background: url("../../../../img/kucho/freepage/business/logo_fujiwork.png") left center no-repeat;}
.sec003 .point_box2 .l_img_text_area2{ padding: 20px 0 0 80px;}
.sec003 .point_box2 .l_img_text_area3{ padding: 20px 0 0 230px; background: url("../../../../img/kucho/freepage/business/knuckle.png") left 20px no-repeat; min-height: 160px;}

.sec003 .point_box2 .txt001{ font-size: 16px; line-height: 1.6; text-align: left; margin: 0 0 20px 0;}
.sec003 .point_box2 .txt002{ font-size: 16px; line-height: 1.6; text-align: left; margin: 20px 0 20px 0;}


.img70{ width:70%; text-align: center; margin: 0 auto;}
.img80{ width:80%; text-align: center; margin: 0 auto;}
.img90{ width:90%; text-align: center; margin: 0 auto;}
.img96{ width:96%; text-align: center; margin: 0 auto;}   

.btn_box{width:94%; margin: 0 auto; padding: 0 3% 0 3%;}
.btn_box .fl{ width: 49%;}
.btn_box .fr{ width: 49%;}

.mgt10{margin-top: 10px;}

.mgb5{margin-bottom: 50px;}
.mgb6{margin-bottom: 60px;}
.mgb7{margin-bottom: 70px;}
.mgb20{margin-bottom: 20px;}
.mgb30{margin-bottom: 30px;}

}


/*==================================================
スライダーのためのcss
===================================*/
.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}



#customer_form{ margin-bottom: 50px;}
