@charset "utf-8";
/* CSS Document */
body{
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.contents{
	overflow:hidden;
}

.fadeIn {
  transition: 2s;
  opacity: 0;
}

.fadeIn.animated {
  opacity: 1;
}

.wrapper{
  width:1000px;
  margin:0 auto;
}

.main_box{
	position:relative;
	width:100%;
}

.slick-slider{
  margin: 0;
  padding: 0;
}
.slick-slider img {
  width: 100%;
  height: 100%;
}
/*============================
pc style
============================*/

img {
  margin-top: 60px;
  width: 100%;
}

.catch{
  padding:50px 0;
}

.catch h1{
  font-weight:bold;
  font-size:45px;
  line-height:60px;
  padding-left:10px;
}

.catch p{
  font-size:30px;
  color:#0a9c35;
  padding:10px;
}


.facebook{
  position:fixed;
  top:72%;
  right:0.3%;
  width:50px;
  z-index:9999;
}

.contact{
  position:fixed;
  top:80%;
  right:0;
  width:20px;
  font-size:20px;
  background-color:#0a9c35;
  color:#fff;
  padding:20px;
  z-index:9999;
}

.contact:hover{
  opacity:0.8;
}

.contact a{
  color:#fff;
  
}

.commit{
  background-image:url(images/back01.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  padding:30px 0;
}

.commit .wrapper{
  width:700px !important;
}

.commit h2{
	font-size:38px;
}

.commit h2:before{
	background: #fff;
	bottom: -20px;
	width: 80px;
}

h2 {
  position: relative;
  padding: 1.5rem;
  text-align: center;
  font-size:45px;
  text-shadow: 1px 2px 3px #808080;
}

h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(49% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 5px;
  background: #000;
}

.commit p{
  font-size:36px;
  padding:40px 0;
  color:#fff;
  line-height: 50px;
}

.commit .btn{
  background-color:#c1a250;
  width: 55%;
  margin:0 auto;
  padding: 3px 0;
  text-align:center;
  color:#fff;
  font-size:28px;
}

.commit .btn a{
  color:#fff;
}

.commit .btn:hover{
  opacity:0.5;

}

.work{
  padding-top:50px;
}

.work h2{
	color:#000;
	font-size:38px;
}

.work h2:before{
	bottom: -20px;
	width: 80px;
}

#top .case_a{
	margin-top:50px;
}

.w_box{
  display:flex;
  margin:50px 0;
}

.inbox{
	background-color:#f0f0f0;
	padding:20px;
}

.inbox:nth-child(1){
  margin-right:30px;
}

.inbox p{
  padding:30px 0;
  text-align:center;
  font-size:25px;
}

.work .btn{
  background-color:#c1a250;
  width:50%;
  margin:0 auto;
  padding:15px 0;
  text-align:center;
  color:#fff;  
  font-size:28px;
  margin-top:30px;
  float:none;
}

.work .btn a{
  color:#fff;
}

.work .btn:hover{
  opacity:0.5;
}

.reform_pc{
  display:block;
}

.reform_sp{
  display: none;
}

.reform{
   position: relative;
   padding: 45px 0;
   margin-top:50px;
}

.back-gray {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60%;
  background: #f0f0f0;
  height: 100%;
}

.r_box{
  position: relative;
  display:flex;
}

.r_box .r_left{
  width:50%;
  padding:80px;
}

.r_box .r_left h2{
  text-align:left;
  color:#000;
  font-size:34px;
  font-weight:bold;
}

.r_box .r_left h2:before{
  left: calc(9% - 30px);
}

.r_box .r_left h2{
	padding-bottom:10px;
}

.sales .r_box .r_left h2{
	padding-bottom:10px;
}

.sales .r_box .r_left h2:before{
	left: calc(8% - 30px);
}

.r_tit{
  font-size: 30px;
  padding:40px 0;
  line-height:40px;
}

.textbox{
  display:block;
  width: 70%;
  font-size: 22px;
  line-height:35px;
}

.r_box .r_right{
  width: 60%;
}

.r_right{
	background-image:url(images/reform01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.sales .r_right{
	background-image:url(images/sale01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.r_box .r_right img{
	max-width:1000px;
}

.r_box .r_left h1{
 
}

.r_left .btn{
  background-color:#c1a250;
  width:60%;
  margin:40px 0;
  padding:10px 0;
  text-align:center;
  color:#fff;
  font-size: 28px;
}

.r_left .btn a{
  color:#fff;
}

.r_left .btn:hover{
  opacity:0.5;
}

.sales_pc{
  display:block;
}

.sales_sp{
  display: none;
}

.sales{
   position: relative;
   padding: 45px 0;
   margin-top:50px;
}

.back-white{
  position: absolute;
  top: 0;
  bottom: 0;
  right:0;
  width: 60%;
  height: 100%;
  background: #f0f0f0;
}

#bnr_box{
  width:100%;
  display:flex;
  flex-wrap: nowrap;
  margin:50px 0;
}

#bnr_box img{
  transition-duration: 0.3s;
}

#bnr_box img:hover{
  opacity: 0.6;
  transition-duration: 0.3s;

}

.about{
  width:37.9%;
  background: #000;
  overflow: hidden;
  position:relative;
}

.about .textarea{
 width:90%;
 position:absolute;
 top:35%;
 left:5%;
}

.about_tit{
  font-size:35px;
  color:#fff;
  padding-bottom:10px;
  border-bottom:1px solid #fff;
}

.about_txt{
  font-size:20px;
  color:#fff;
  margin:20px 0;
}

.rec{
  width:70%;
  background: #000;
  overflow: hidden;
  position:relative;

}

.rec .textarea01{
 width:90%;
 position:absolute;
 top:11%;
 left:5%;
}

.r_tit01{
 font-size:35px;
  color:#fff;
  padding-bottom:10px;
  border-bottom:1px solid #fff;
}

.r_txt01{
   font-size:20px;
  color:#fff;
  margin:20px 0;
}

.rec .textarea02{
 width:90%;
 position:absolute;
 top:63%;
 left:5%;
}

.r_tit02{
 font-size:35px;
  color:#fff;
  padding-bottom:10px;
  border-bottom:1px solid #fff;
}

.r_txt02{
  font-size:20px;
  color:#fff;
  margin:20px 0;
}


.footer{
	background-color: #000;
	color: #fff;
	padding-bottom:30px;
}

.footer a{
	color: #fff;
}

.footer .sr_top{
	border-bottom: 1px solid #fff;
	padding: 30px 0;
	font-size: 26px;
	text-align: center;
}


.footer .f_left{
	font-size: 40px;
	width:50%;
	font-weight: bold;
}

.footer .f_right{
	font-size: 20px;
	width:50%;
}

.footer .ft_box{
   display: flex;
   padding: 30px 0;
}

.footer .copy{
	text-align: center;
	padding: 10px 0;
	font-size:25px;
}

.main_ph img{
	width:100%;
}

/*company*/

.greet{
	margin-top:30px;
}

.greet h2{
	color:#000;
	font-size:38px;
	font-weight:bold;
}

.greet h2:before{
	bottom: -20px;
	width: 80px;
}

.greet_box img{
	max-width:260px;
}

.greet_box{
	display:flex;
	margin:50px 0;
}

.gt_left{
  width: 21%;
}

.gt_right{
	width: 90%;
	padding-left:30px;
}

.gt_right .name{
	font-size:18px;
	margin-top:15px;
}

.gt_right span{
	font-size:25px;
	font-weight:bold;
}

#company table {
  margin: 50px auto;
  width:100%;

  font-size:20px;
}
#company .tbl-r02 th {
  background: #e9e9e9;
  border: solid 1px #000;
  color: #000;
  padding: 20px;
  text-align:left;
}
#company .tbl-r02 td {
  padding: 10px;
}

#company .tbl-r02 tr{
 border: solid 1px #000;
}

.company h2{
	color:#000;
	font-size:38px;
	font-weight:bold;
}

.company h2:before{
	bottom: -20px;
	width: 80px;
}

.access .wrapper{
	margin-top:50px;
}

.access p{
	text-align:center
}

.access h2{
	color:#000;
	font-size:38px;
	font-weight:bold;
}

.access h2:before{
	bottom: -20px;
	width: 80px;
}

.access iframe{
	width: 100%;
	height: 300px;
	margin: 30px 0;
}

/*case*/

.case_cont{
	padding-bottom:30px;
}

.case2{
	width:66%;
}

.case_a{
	display:flex;
	margin-top:30px;
}

.case_box{
	margin-right:20px;
	padding:10px;
	background-color:#e8e8e8;
}

.case_box:last-child{
	margin-right:0;
}

.case_box p{
	width:25%;
	float:left;
	text-align:center;
	color:#fff;
	padding:3px 0;
	margin:10px 10px 10px 0;
}

#top .case_box{
	background-color:#fff;
	padding: 0;
}

#top .work .bk_gr{
	padding:10px;
	background-color:#e8e8e8;
}

.shinchiku{
	background-color:#af9956;
}

.muku{
	background-color:#735029;
}

.chumon{
	background-color:#3c2618;
}

.case_box h3{
	clear:both;
	font-size:22px;
}

/*recruit*/
.fadeinout-box .btns{
	text-align: center;
}
.fadeinout-box .btns a{
	display: inline-block;
	padding: 1px 10px;
	color: #ffffff;
	text-decoration: none;
	background-color: #F15A24;
}
.fadeinout-box .target{
	padding: 10px;
	background-color: #fef5f2;
}

.re_catch{
	padding:50px 0;
}

.re_catch h1{
	color:#5f3c13;
	font-size:40px;
	text-align:center;
	line-height:55px;
}

.re_catch p{
	margin-top:30px;
	font-size:26px;
	text-align:center;
	line-height:35px;
}

.program h2{
	color:#000;
	font-size:38px;
	font-weight:bold;
}

.program h2:before{
	bottom: -20px;
	width: 80px;
}

.pr_cont{
	margin:40px 0;
	display:flex;
}

.pr_box{
	background-color:#e9e9e9;
	padding:15px;
	margin-right:20px;
}

.pr_box h3{
	font-size:28px;
	text-align:center;
}

.pr_box p{
	background-color:#fff;
	padding:10px;
	margin-top:10px;
	font-size:20px;
	line-height:30px;
}

.pr_box:last-child{
	margin-right:0;
}

.staff h2{
	color:#000;
	font-size:38px;
	font-weight:bold;
}

.staff h2:before{
	bottom: -20px;
	width: 80px;
}

.st_cont{
	display:flex;
	margin:50px 0;
}

.st_left,.st_right{
	width:50%;
}

.st_right{
	padding-left:30px;
}

.st_right h3{
	font-size:28px;
}

.st_right p{
	font-size:20px;
	line-height:30px;
	margin:30px 0;
}

.st_right .open{
	background-color:#b6a056;
	color:#fff;
	text-align:center;
	font-size:25px;
	padding:10px 0;
}

.st_right .open:hover{
	cursor: pointer;
　　cursor: hand;
}

#recruit table {
  margin: 50px auto;
  width:100%;
  font-size:20px;
}
#recruit .tbl-r02 th {
  background: #e9e9e9;
  border: solid 1px #000;
  color: #000;
  padding: 20px;
  text-align:left;
  width:20%;
}
#recruit .tbl-r02 td {
  padding: 10px;
  font-weight:bold;
  line-height:30px
}

#recruit .tbl-r02 tr{
 border: solid 1px #000;
}

.contact_btn a{
	background-color:#b6a056;
	color:#fff;
	text-align:center;
	font-size:25px;
	padding:10px 0;
	display:block;
	width:40%;
	margin:0 auto;
}

.contact_btn a:hover{
	opacity:0.5;
}

/*commit*/

.chart{
  margin-bottom: 80px;
  margin-top:-50px;
}

.chart_ct{
	display:flex;
	margin-bottom:30px;
}

.chart_ct .chart_box{
	width:48%;
}

.chart_ct .ch_left{
	margin-right:50px;
}

.chart_ct .chart_box h2 {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 130px;
  border: 2px solid #81613a;
  color:#000;
  text-shadow:none;
  font-weight:bold;
  font-size:32px;
}

.chart_ct .chart_box h2:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #81613a;
}

.chart_ct .chart_box h2 span {
  font-size: 40px;
  font-size: 3rem;
  position: absolute;
  z-index: 1;
  top: 14px;
  left: -1px;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
}

.chart_ct .chart_box p{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	padding:10px 0;
}

/*reform*/

.naiso h2{
	font-size: 36px;
	font-weight:bold;
	color: #000;
	margin-bottom:40px;
}

.naiso_ct{
	display:flex;
	margin-bottom:20px;
}

.naiso_box{
	width:24%;
	margin-right:20px;
}

.naiso_box:last-child{
	margin-right:0;
}

.naiso_box p{
	text-align:center;
	color:#5f3c13;
	font-weight:bold;
	padding-top:10px;
}

.gaiso{
	background-color:#e8e8e8;
	padding:30px 0 20px 0;
}

.kaichiku{
	margin-top:30px;
}

.kaichiku{
	margin-top:30px;
}

#reform .contact_btn{
	width:50%;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:30px;
}

/*sale*/

#sale .re_catch{
	padding:0 0 50px 0;
	font-weight:bold;
}
#sale h2{
	color:#000;
	font-weight:bold;
}

#sale h2:before {
  position: absolute;
  bottom: -22px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 5px;
  background: #000;
}


.ex_txt {
	margin:50px 0;
	text-align:center;
	font-size:20px;
	line-height:30px;
}

.shizai_case{
	background-color:#e8e8e8;
	padding:30px 0 20px 0;
}

.shizai_ct{
	display:flex;
}

.shizai_box{
	width:50%;
	margin-right:30px;
}

.shizai_box:last-child{
	margin-right:0;
}

.shizai_box h3{
	text-align:center;
	color:#5f3c13;
	font-size:28px;
	font-weight:bold;
	border-bottom:2px solid #5f3c13;
	padding-bottom:12px;
}

.shizai_box p{
	padding:10px;
	font-size:18px;
	line-height:25px;
}

.s_case{
	display:flex;
	margin:50px 0;
}

.case_box_l{
	width:80%;
	padding-right:30px;
}

.case_box_l h3{
   color:#5f3c13;
   border-bottom:2px solid #5f3c13;
   width:43%;
   text-align:center;
   font-size:28px;
   padding-bottom:10px;
   font-weight:bold;
}

.case_box_l p{
	font-size:18px;
	line-height:28px;
	margin-top:10px;
}

.case_box_r img{
	max-width:360px;
}

/*information*/
#information .main_ph{
	background-color:#c1a250;
	text-align:center;
	color:#fff;
	padding:100px 0 50px 0;
}

#information .main_ph h1{
	font-size:28px;
}

.new{
	padding:50px 0;
}

.new .new_title{
	color:#5f3c13;
	font-weight:bold;
}

.new .new_title,.new .date,.new .info_txt{
	margin:15px 0;
	font-size:18px;
	line-height:30px;
}

.archive .information{
	display:flex;
}

.arc_left,.arc_right{
	width:50%;
}

.arc_left{
	margin-right:50px;
}

.arc_left img{
	width:100%;
}

.information a{
  opacity:1;
  transition: .3s;
}

.information a:hover{
  opacity:.5;
}

/*============================
tablet style
============================*/

@media screen and (min-width:641px) and ( max-width:1100px) {
	.reform_pc{
  display: none;
}

.reform_sp{
  display: block;
}

.r_tit{
  font-size:26px;
  text-align:center;
  padding:25px 0;
}


.textbox{
  width:80%;
  margin:0 auto;
  padding-left:0;
  font-size:18px;
  margin-top:-10px;
}

.reform{
	margin-top:-10px;
}

.reform h2{
	font-size:38px;
	color:#000;
}

.reform_sp img{
	display:block;
	width:90%;
	margin:0 auto;
	padding:30px;
}
	
.reform_sp .btn{
  background-color:#c1a250;
  width:50%;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
  color:#fff;
  font-size:28px;
}

.reform_sp .btn a{
  color:#fff;
}
	
.sales_pc{
  display: none;
}

.sales_sp{
  display: block;
}

.sales_sp .btn{
  background-color:#c1a250;
  width:50%;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
  color:#fff;
  font-size:28px;
  margin-top:20px;
}

.sales_sp .btn a{
  color:#fff;
}

.sales{
   margin-top:-60px;
}

.sales h2{
	color:#000;
	font-size:28px;
}

.sales_sp img{
	padding:30px 0;
	display:block;
	width:90%;
	margin:0 auto;
}

#bnr_box{
	display:block;
}

.about{
	width:100%;
	margin:0 auto;

}

.about .textarea{

 width:90%;
 top:25%;
 left:5%;
}

.about_tit{
  font-size: 36px;
  color:#fff;
  padding-bottom:10px;
  border-bottom:1px solid #fff;
}

.about_txt{
  font-size:32px;
  color:#fff;
  margin:20px 0;
}

.rec{
	width:100%;
	margin:0 auto;
}

.rec .textarea01{
 width:90%;
 position:absolute;

 top:11%;
 left:5%;
}

.r_tit01{
 font-size: 36px;
 color:#fff;
 padding-bottom:10px;
 border-bottom:1px solid #fff;
}

.r_txt01{
   font-size:32px;
  color:#fff;
  margin:20px 0;
}

.rec .textarea02{
 width:90%;
 position:absolute;
 top:63%;
 left:5%;
}

.r_tit02{
 font-size: 36px;
 color:#fff;
 padding-bottom:10px;
 border-bottom:1px solid #fff;
}

.r_txt02{
    font-size: 32px;
    color:#fff;
    margin:20px 0;
}
	
	
}

/*============================
mobile style
============================*/
@media screen and (max-width:640px) {
  .wrapper{
	  width: 90%;
	  margin: 0 auto;
}

.facebook{
  position:fixed;
  top: 68%;
  right:0.3%;
  width: 45px;
  z-index:9999;
}

.contact{
  position:fixed;
  top: 78%;
  width: 25px;
  background-color:#0a9c35;
  color:#fff;
  padding:10px;
  z-index:9999;
}


.catch h1{
	font-size:20px;
	line-height:25px;
}

.catch p{
  font-size:18px;
}

.commit .wrapper{
  width:90% !important;
  margin:0 auto;
}

h2 {
  position: relative;
  padding: 1.5rem;
  text-align: center;
  font-size:35px;
  text-shadow: 1px 2px 3px #808080;
}

h2:before {
  left: calc(49% - 30px);
  width: 70px !important;
  bottom: -7px !important;
}

.commit p{
  font-size:14px;
  text-align:center;
  padding:40px 0;
  line-height:20px;
}

.commit .btn{
	font-size:15px;
}

.commit h2{
	font-size: 22px;
	font-weight:bold;
}

.work h2{
	font-size: 22px;
	font-weight:bold;
}

.w_box{
	display:block;
}

.inbox:nth-child(1){
  margin-right:0;
}

.inbox{
  margin-bottom:20px;	
}

.work .btn{
  width:80%;
  margin:0 auto;
  margin-top:0px;
  font-size:15px;
}

	
.reform_pc{
  display: none;
}

.reform_sp{
  display: block;

}

.r_tit{
  font-size: 16px;
  text-align:center;
  padding:25px 0;
}


.textbox{
  width:99%;
  margin:0 auto;
  padding-left:0;
  font-size: 13px;
  margin-top:-10px;
  line-height:23px;
}

.reform{
	margin-top:-10px;
}

.reform h2{
	font-size: 22px;
	color:#000;
	font-weight:bold;
}

.reform_sp img{
	margin:10px 0;
}
	
.reform_sp .btn{
  background-color:#c1a250;
  width:80%;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
  color:#fff;
  font-size:15px;
}

.reform_sp .btn a{
  color:#fff;
}
	
.sales_pc{
  display: none;
}

.sales_sp{
  display: block;
}

.sales_sp .btn{
  background-color:#c1a250;
  width:80%;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
  color:#fff;
  font-size:15px;
  margin-top:20px;
}

.sales_sp .btn a{
  color:#fff;
}

.sales{
   margin-top:-60px;
}

.sales h2{
	color:#000;
	font-size: 22px;
	font-weight:bold;
}

.sales_sp img{
	margin:10px 0;
}

#bnr_box{
	display:block;
}

.about{
	width:100%;
}

.about .textarea{

 width:90%;
 top:25%;
 left:5%;
}

.about_tit{
  font-size: 22px;
  color:#fff;
  padding-bottom:10px;
  border-bottom:1px solid #fff;
}

.about_txt{
  font-size:12px;
  color:#fff;
  margin:20px 0;
}


.rec{
	width:100%;
}

.rec .textarea01{
 width:90%;
 position:absolute;

 top:11%;
 left:5%;
}

.r_tit01{
 font-size: 22px;
 color:#fff;
 padding-bottom:10px;
 border-bottom:1px solid #fff;
}

.r_txt01{
   font-size:12px;
  color:#fff;
  margin:20px 0;
}

.rec .textarea02{
 width:90%;
 position:absolute;
 top:63%;
 left:5%;
}

.r_tit02{
 font-size: 22px;
 color:#fff;
 padding-bottom:10px;
 border-bottom:1px solid #fff;
}

.r_txt02{
    font-size: 12px;
    color:#fff;
    margin:20px 0;
}

.footer .sr_top{
	font-size:15px;
	padding:15px;
}

.footer .ft_box{
	display:block;
}

.footer .f_left{
	font-size: 20px;
	width:100%;
	text-align:center;
}

.footer .f_right{
	font-size: 15px;
	width:100%;
	text-align:center;
	padding-top:20px;
}

.footer .copy{
	padding:0;
	font-size:10px;
}
	
/*company*/

.greet h2{
	font-size:22px;
}

.greet_box{
	display:block;
}

.gt_left img{
	display:block;
	margin:0 auto;
}

.gt_right,.gt_left{
	width:100%;
}

.gt_right{
	margin-top:30px;
	padding-left:0;
}

.company h2{
	font-size:22px;
}
	
#company .last td:last-child {
    width: 100%;
  }
#company .tbl-r02 {
    width: 100%;
    font-size:16px;
  }
#company .tbl-r02 th,#company .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 90%;
  }

#company .tbl-r02 th{
	border:none;
}

#company .tbl-r02 tr{
 border:none;
}

.access h2{
	font-size:22px;
}

/*case*/

.case_a{
  display:block;
}

.case_box{
  width:90%;
  margin:auto;
  margin-bottom:30px;
}
	
#top .case_box:last-child{
	margin-right:20px;
}

#top .work .btn{
	margin-top:10px;
}

.case2{
	width:100%;
}
	
/*recruit*/

.re_catch{
	padding:30px 0;
}

.re_catch h1{
	font-size:18px;
	line-height:30px;
}

.program h2{
	font-size:22px;
	font-weight:bold;
}

.pr_cont{
	display:block;
}

.pr_box{
	margin-right:0;
	margin-bottom:20px;
}

.pr_box h3{
	font-size:18px;
}

.pr_box p{
	font-size:16px;
}

.staff h2{
	font-size:20px;
}

.st_cont{
    display:block
}

.st_left,.st_right{
	width:100%;
}

.st_right{
	padding-left:0;
}

.st_right h3{
	font-size:20px;
	padding-top:10px;
}

.st_right p{
	font-size:16px;
	line-height:25px;
	margin:10px 0;
}


.st_right .open{
	font-size:20px;
}

#recruit .last td:last-child {
    width: 100%;
  }
#recruit .tbl-r02 {
    width: 100%;
    font-size:16px;
  }
#recruit .tbl-r02 th,#recruit .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 90%;
  }

#recruit .tbl-r02 th{
	border:none;
}

#recruit .tbl-r02 tr{
 border:none;
}

.contact_btn a{
	width:80%;
}
	
/*commit*/

.re_catch p{
	display:block;
	padding-top:10px;
	width:90%;
	margin:0 auto;
	font-size:15px;
	line-height:20px;
}

.chart_ct{
	display:block;
}

.chart_ct .chart_box{
	width:100%;
}

.chart_ct .ch_left{
	margin-right:0;
}

.chart_ct .chart_box h2 {
  position: relative;
  overflow: hidden;
  padding: 15px !important;
  border: 2px solid #81613a;
  color:#000;

  text-shadow:none;
  font-weight:bold;
  font-size:25px;
}

.chart_ct .chart_box h2:before {
  position: absolute;
  top: -123px;
  left: -9px;
  width: 103px !important;
}

.chart_ct .chart_box h2 span {
  font-size: 30px !important;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: -1px;
  display: block;
  padding-top: 2px;
  padding-left: 16px;
  color: #fff;
}

.chart_ct .chart_box p{
	font-size:16px;
	line-height:25px;
}

.chart_ct .chart_box{
	margin-top:30px;
}

	
/*reform*/

.naiso h2{
	font-size: 22px;
}

.naiso_ct{
	display:block;
}

.naiso_box{
	width:100%;
	margin-right:0px;
	margin-bottom:20px;
}
	
#reform .contact_btn{
	width:80%;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:30px;
	font-size:18px;
}

#reform .contact_btn a{
	font-size:18px;
}
	
/*sale*/
#sale .re_catch{
	padding:10px 0 10px 0;
}

#sale h2{
	font-size:22px;
}

.ex_txt{
	margin-top:20px;
	font-size:16px;
}
	
#sale .re_catch p{
	line-height:30px !important;
}


.shizai_ct{
	display:block;
}

.shizai_box{
	width:100%;
	margin-bottom:30px;
}

.shizai_box h3{
   font-size:20px;
}

.shizai_box p{
	padding:16px;
	font-size:16px;
}

.s_case{
	display:block;
}

.case_box_l{
	width:100%;
	padding-right:0;
}

.case_box_l h3{
   width:100%;
   font-size:20px;
   padding-bottom:10px;
   font-weight:bold;
}

.case_box_l p{
	font-size:16px;
}

.case_box_r img{
	margin-top:10px;
}
	
#sale h2:before {
  left: calc(52% - 30px);
  width: 45px !important;
  bottom: -7px !important;
}
	
/*information*/
#information .main_ph{
	padding:50px 0 50px 0;
}

#information .main_ph h1{
	font-size:22px;
}

.new{
	padding:0;
}

.new .new_title,.new .date,.new .info_txt{
	margin:15px 0;
	font-size:16px;
	line-height:30px;
}	


.archive .information{
	display:block;
}

.arc_left,.arc_right{
	width:100%;
}

.arc_left{
	margin-right:0;
    margin-top:20px;
}

	
}