@charset "UTF-8";
/* CSS Document */
/*================================================
 *  スライドショー
 ================================================*/
/* 画像レイアウト
===================================*/

.bxslider{   
    margin:0px;
		z-index: -999;
}

.bx-wrapper {
    position: relative;

}

.bx-wrapper img {
    width:100%;
}

.bx-viewport {
    max-height: 650px;
}


/* ページャー
===================================*/

.bx-pager {
    text-align: center;
    bottom: 5px;
    position: absolute;
    width: 100%;
}

.bx-pager-item,
.bx-controls-auto-item {
    display: inline-block;

}

.bx-default-pager a {
    background: #c8ecff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-default-pager a:hover,
.bx-default-pager a.active {
    background: #00aeff;
}
.orange_h3{background-color:#F39800;display:inline-block;padding: 6px 20px 3px;color: #ffffff;}
.img_r_100{float: right; margin-right: -30%;}
.img_l_100{float: left; margin-left: -30%;margin-right: 5%;}

#flexbox , #flexbox02{display:flex;flex-wrap:wrap;width:100%;height:auto;padding:20px 0 8px;margin: 0 auto;
}
.box-item{width: 23%;height: 70px;background:url("../img/menu_btn.svg");background-repeat:no-repeat;text-align: center;margin:0 1%;display: inline-block;font-size: 20px;color:#000000;font-weight: bold;padding-top:3%;line-height: 1.2;
}
.second{padding-top:1.7%;}

.box-item02{width: 23%;height:auto;background-color: #ffffff;text-align: center;margin:2%;display:block;color:#000000;font-weight: bold;padding:3%;line-height: 1.2;border-radius: 15px;
}
.flex_box_works{display:flex;flex-wrap:wrap;width:100%;height:auto;padding:20px 0 8px;margin-right:-2%;
}
.boxitem_works{width: 23%;height:auto;display:block;margin-right: 2%;}
.boxitem_works img{width: 100%;}
.works_h3{font-size: 14px;margin: 0; padding: 2% 0 0;}
.works_h2{font-size: 20px;margin: 0; padding: 0;}
/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	overflow:hidden;
	margin-bottom:50px;
}
.threeColInner {
	overflow:hidden;
	margin-right:-5%;
}
.threeColInner div {
	width:29%;
	float:left;
	margin-right:4%;
}
.threeColInner div:nth-child(3n+1) {
	clear:both;
}
.threeColInner img {
	width:100%;
	margin-bottom:0.5em;
}
.menu_wide{width: 1000px;margin: 0 auto;}
.menu_h3{font-weight: bold;text-align: center;font-size: 24px;}
.title{font-size: 44px;font-family: Arial, Helvetica, "sans-serif";font-weight: bold;margin: 0;}
.staff_back{background: url("../img/staff_img.jpg");background-repeat: no-repeat;background-size: cover;background-position: center; height: 400px;}
.pc_pt10{padding-top: 8%;}
.seo_h3{font-size: 16px;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px)  {
.img_r_100{float: none; margin-right: 0%;}
.img_l_100{float: none; margin-left:0%;margin-right: 0%;}
.img_r_100 img , .img_l_100 img{width: 100%;}
.sp_pb20{padding-bottom: 10%;}

.sp_pt20{padding-top: 8%;}
.pc_pt10{padding-top: 0%;}
.title{font-size: 23px;font-family: Arial, Helvetica, "sans-serif";font-weight: bold;margin: 0; line-height: 1.2;}

#flexbox , #flexbox02{display:flex;flex-wrap:wrap;width:100%;height:auto;padding:10px;margin: 0 auto;
}
.box-item{width: 40%;height: 45px;background:url("../img/menu_btn.svg");background-repeat:no-repeat;text-align: left;margin:0 2%;display: inline-block;font-size: 110%;color:#000000;font-weight: bold;padding-top:6%;padding-left: 3%; line-height: 1.2;
}
.second{padding-top:2.6%;height: 50px;width: 40%;margin:0 2%;}
.box-item02{width: 41%;height:auto;background-color: #ffffff;text-align: center;margin:2%;display:block;color:#000000;font-weight: bold;padding:2%;line-height: 1.2;border-radius: 15px;
}
.flex_box_works{display:flex;flex-wrap:wrap;width:100%;height:auto;padding:20px 0 8px;margin-right:-2%;
}
.boxitem_works{width: 48%;height:auto;display:block;margin-right: 2%;margin-bottom: 3%;}
.boxitem_works img{width: 100%;}
.works_h3{font-size: 14px;margin: 0; padding: 2% 0 0;}
.works_h2{font-size: 16px;margin: 0; padding: 2% 0 0;}
.threeCol {
		margin-bottom:0px;
	}

	.threeColInner {
		margin-right:0;
	}
	.threeColInner div {
		float:none;
		width:80%;
	margin-bottom: 0;
		margin: 0 auto;
	}
.menu_wide{width: 100%;margin: 0 auto;}
.menu_h3{font-weight: bold;text-align: center;font-size: 18px;}
.staff_back{background: url("../img/staff_img_sp.jpg");background-repeat: no-repeat;background-size:contain;background-position: center; height: 207px;padding: 0%;}
.staff_back h2{padding: 7%;}
.seo_h3{font-size: 14px;}
}