@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Kosugi+Maru&subset=japanese");

html{
	height:100%;
}
body{
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	background-color:#4c2080;
	height:100%;
	color:#4c2080;
}
img{
	border:none;
	vertical-align:top;
}

a:hover{
	opacity:0.8;
}
*{
	box-sizing:border-box;
}
.switch {
    visibility: hidden;
}

/*20231129*/

.contact__page.sec1_inner{
	padding-bottom: 50px;
}

.contact__page .mainWidth{
	max-width: 1000px;
    margin: 0 auto;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
}

.contact__page .sec1{
	padding: 0 0 90px;
}
.contact__page .sec1_title {
	background: #4C2080;
	color: #FFF;
	margin-bottom: 60px;
	padding: 30px 0;
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.2em;
}

.contact__page .table_type01 {
	width: 100%;        
}
.contact__page .table_type01 th,
.contact__page .table_type01 td {
	padding: 16px 0;
	font-size: 1.4rem;
	vertical-align: middle;
}

.contact__page .table_type01 th:first-child,
.contact__page .table_type01 td:first-of-type {
	border-top:1px solid #ABABAB;
}

.contact__page .table_type01 th {
	border-bottom: 1px solid #ABABAB;
	width: 160px;
	text-align: center;
}
.contact__page .table_type01 th div {
	background: #F4F3EE;
	padding: 20px 5px;
	width: 100%;
}
.table_type01 td {
	border-bottom: 1px solid #ABABAB;
	padding-left: 85px;
	width: -webkit-calc(100% - 160px);
	width: calc(100% - 160px);
}

.contact__page .sec1_contactBox {
	display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #4C2080;
  color: #4C2080;
  margin: 40px auto 55px;
  padding: 40px 85px;
  width: 640px;
}
.contact__page .sec1_contactBox dt {}
.contact__page .sec1_contactBox dd {
	width: 340px;
}
.contact__page .sec1_contactBox dd p {
	padding: 3px 0;
	font-size: 1.4rem;
}
.contact__page .sec1_contactBox dd p.ad {
	letter-spacing: -0.5em;
}
.contact__page .sec1_contactBox dd p span {
	display: inline-block;
	letter-spacing: 0.1em;
}
.contact__page .sec1_contactBox dd p span.post {
	padding-right: 1em;
}
.contact__page .sec1_contactBox dd p a {
	color: #4C2080;
}

.contact__page .entry_btn {
	display: block;
	background: #4C2080;
	color: #FFF;
	margin: auto;
	width: 640px;
	font-size: 2.0rem;
  text-align: center;
	line-height: 80px;
}

.tab1 , .tab2{
	display:none!important;
}

.tab1.block , .tab2.block{
	display:block!important;
}

.contact__page .button-flex{
	display:flex;
	width: 100%;
	justify-content: space-between;
	margin:0;
}

.contact__page .button-flex div{
	width: 49.5%;
}

.contact__page .button-flex div a{
	transition: 0.4s;
	width: 100%;
	text-align: center;
	font-size: 24px;
	display:block;
	padding:20px 0;
	border:2px solid #BABABA;
	border-bottom:4px solid #BABABA;	
	color:#BABABA;
	cursor: pointer;
}

.contact__page .button-flex div a.current{
	width: 100%;
	text-align: center;
	font-size: 24px;
	display:block;
	border:2px solid #A58FBF;
	border-bottom:4px solid #4C207F;
	color:#4C207F ;
	pointer-events: none;
	opacity: 1!important;

}

.contact__page div.table_type01{
	    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top;
}


.contact__page div.table_type01{
	width: 100%;
}


.contact__page div.table_type01 tr{
	width: 100%;
}

.contact__page .table_type01 th{
/*	height: 100%;*/
}

.contact__page .table_type01 td{
	width: 840px!important;
}

.contact__page div.table_type01 h2{
	font-weight: 500;
	line-height: 1;
	font-size: 24px;
	margin:60px 0 40px;
	color:#4C207F;
	padding-left: 8px;
	border-left:8px solid #4C207F;
}

.contact__page .anker-link{
	display:flex;
	flex-wrap: wrap;
	position: relative;
	bottom: 20px;
}

.contact__page .anker-link a{
	width: 32%;
	display:block;
	background: #4C2080;
	color:white;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
	padding:12px 0;
}

.contact__page .anker-link a:nth-child(1) ,.contact__page  .anker-link a:nth-child(4) , .contact__page .anker-link a:nth-child(7) ,.contact__page  .anker-link a:nth-child(10){
	margin-right: 1.33%;
} 

.contact__page .anker-link a:nth-child(2) ,.contact__page  .anker-link a:nth-child(5) ,.contact__page  .anker-link a:nth-child(8) ,.contact__page  .anker-link a:nth-child(11){
	margin-right:0.6666%;
	margin-left: 0.6666%;
} 

.contact__page .anker-link a:nth-child(3) ,.contact__page  .anker-link a:nth-child(6) ,.contact__page  .anker-link a:nth-child(9) ,.contact__page  .anker-link a:nth-child(12){
	margin-left: 1.33%;
} 

.form__text1{
	width: 100%;
}

.box06 dl dt.right.radio1 input{
	width: auto!important;
}

.box06 p.plus__st2{
	margin:15px 0 40px;
}

.left.top-space{
	padding-top: 6%!important;
}

.contact__page.tab1 .left{
	padding-top: 7px;
}

.contact__page.tab1 .box06 dl dt.right input{
	padding:10px 5px;
	width:100%;
	box-sizing:border-box;
}

.contact__page.tab1 .box06 dl dt.left{
	margin-bottom: 10px;
}

.contact__page.tab1 .box06 dl dt.right{
	margin-bottom: 10px;
}

.box06 p.form__text1{
	margin:30px 0 20px;
	font-size: 1.6em;
}

.box06 p.form__text2{
	margin:30px 0 20px;
	font-size: 1.6em;
	width: 100%;
}

.box06 p.form__text3{
	margin:30px 0 20px;
	font-size: 1.6em;
	width: 100%;
}

.contact__page.tab1 .left.radio__left{
	padding-top: 0;
	margin-bottom: 20px!important;
}

.check__area span.mwform-checkbox-field{
	display:block;
	font-size: 1.6em;
	margin-bottom: 3px;
}

.check__area2 span.mwform-checkbox-field{
/*	display:block;*/
	font-size: 1.6em;
	margin-bottom: 3px;
}

.mw_wp_form .check__area .horizontal-item + .horizontal-item{
	margin-left: 0!important;
}

.mw_wp_form .check__area2 .horizontal-item + .horizontal-item{
	margin-left:20px;
}

.check__area2{
	width: 100%;
}

.check__area3 span.mwform-checkbox-field{
	display:block;
	font-size: 1.6em;
	margin-bottom: 3px;
	margin-right: 20px;
}

.check__area3{
	display:flex;
	align-items: center;
	margin-top: 10px;
}

.check__area3 input[type="text"]{
	border: none;
    font-size: 16px;
    box-sizing: border-box;
    max-width: 100%!important;
    padding: 10px 5px;
    width: 400px;
}

.contact__page.tab1 .box06 dl dt.right span.spt{
	white-space: nowrap;
	font-size: 0.8em;
	display:block;
	margin-top: 7px;
	display:inline-block;
}

.ml-space{
	margin-left: 25px;
	display:inline-block;
}

.confirm .left.top-space{
	padding-top: 0!important;
}

.confirm .spt{
	display:none!important;
}

.confirm .check__area , .confirm .check__area2 , .confirm .check__area3{
	font-size: 1.6em;
}


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

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

	.contact__page .mainWidth{
		padding:0 20px;
		box-sizing: border-box;
	}
}

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

	.contact__page .button-flex div a , .contact__page .button-flex div a.current{
		padding:15px 0;
		font-size: 18px;
	}

	.check__area3{
		margin-bottom: 30px;
	}


}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 679px) {


	.ml-space{
		margin-left: 0;
		display:block;
	}	
	
	 .contact__page .table_type01 td:first-of-type{
		border:0!important;
}

	.contact__page .button-flex div a ,.contact__page  .button-flex div a.current{
		font-size: 16px;
		padding:12px 0;
	}
	.contact__page .anker-link{
		justify-content: space-between;
	}

	.contact__page .anker-link a{
		width: 100%;
		font-size: 16px;
		margin:0 0 2%!important;
	}

	.contact__page .button-flex{
		margin-bottom: 40px;
	}

	.contact__page .table_type01 td{
		width: 100%!important;
	}

	.contact__page div.table_type01 table{
		width: 100%!important;
	}

	.contact__page div.table_type01 h2{
		font-size: 20px;
		margin:65px 0 25px;
		padding-left: 7px;
    	border-left: 7px solid #4C207F;
	}

	.contact__page .anker-link{
		bottom: 0;
	}

	.contact__page .anker-link a{
		padding:10px 0;
	}



	.contact__page #recruit .sub_main_visual {background-image: url(../r-img/recruit/main_sp.jpg);}

	/*　sec1
	---------------------------------------------------------*/
	.contact__page .sec1 {
		padding: 0 0 50px;
	}
	.contact__page .sec1_title {
		margin-bottom: 30px;
		padding: 22px 0;
		font-size: 1.6rem;
	}

	.contact__page .table_type01 th,
	.contact__page .table_type01 td {
		display: block;
		font-size: 1.2rem;
	}
	.contact__page .table_type01 th {
		border-bottom: none;
		padding-bottom: 0;
		width: 100%;
	}
	.contact__page .table_type01 th div {
		padding: 10px 5px;
	}
	.contact__page .table_type01 td {
		padding-left: 0;
		width: 100%;
	}

	.contact__page .sec1_contactBox {
	  display: block;
	  margin: 25px auto 30px;
	  padding: 30px 25px;
	  width: 94%;
		max-width: 640px;
	}
	.contact__page .sec1_contactBox dt {
		margin-bottom: 10px;
		text-align: center;
	}
	.contact__page .sec1_contactBox dd {
		width: 100%;
	}
	.contact__page .sec1_contactBox dd p {
		padding: 0;
		font-size: 1.2rem;
	}

	.contact__page .entry_btn {
		width: 94%;
		max-width: 640px;
		font-size: 1.6rem;
		line-height: 48px;
	}

	.contact__page.sec1_inner{
		padding-bottom: 2px;
	}

	.left.top-space{
		padding-top: 0!important;
	}

	.contact__page.tab1 .box06 dl dt.right{
		margin-bottom: 30px;
	}

	.contact__page.tab1 .left.radio__left{
		margin-bottom: 10px!important;
	}

	.box06 p.form__text1{
		margin-top: 60px;
	}

	.box06 p.form__text2{
		margin-top: 60px;
	}

	.box06 p.form__text3{
		margin-top: 60px;
	}

	.check__area3 input[type="text"]{
		width: 310px;
	}

}

@media screen and (max-width: 480px){
	.contact__page .button-flex div a, .contact__page .button-flex div a.current{
		font-size: 13px;
	}

	.box06 p{
		font-size: 14px;
	}
	
	.contact__page .mainWidth{
		padding:0 10px;
	}

	.check__area3 input[type="text"]{
		width: 220px;
		padding:3px 5px;
	}

	.contact__page .box06 p{
		font-size: 1.3em;
	}

	.contact__page .box06 dl dt{
		font-size: 1.5em;
	}

	.box06 p.form__text2{
		font-size: 1.5em;
	}

	.check__area span.mwform-checkbox-field{
		font-size: 1.5em;
	}

	.check__area2 span.mwform-checkbox-field{
		font-size: 1.5em;
	}

	.confirm .check__area , .confirm .check__area2 , .confirm .check__area3{
		font-size: 1.5em;
	}	

	.box06 p.form__text1{
		font-size: 1.5em;
	}

	.box06 p.form__text3{
		font-size: 1.5em;
	}

	.check__area3 span.mwform-checkbox-field{
		font-size: 1.5em;
		margin-bottom: 0;
	}

	.check__area2 span.mwform-checkbox-field{
		display:block;
	}

	.mw_wp_form .check__area2 .horizontal-item + .horizontal-item{
		margin-left: 0;
	}

	.check__area3{
		margin-top: 0;
	}


}



















/* セカンドページ以降
********************************************************************************/
/* ヘッダー
*********************************************************/
#header{
	background-color:#FFF;
}
#header #header_area{
	width:960px;
	margin:auto;
	padding:20px 0 16px;
	overflow:hidden;
}
#header #header_area h1{
	margin:0;
	float:left;
}
#header #header_area h1 a{
	background-image:url(../images/logo.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:234px auto;
	width:234px;
	height:37px;
	text-indent:-9999px;
	display:block;
}
#header #header_area ul{
	float:right;
	width:667px;
	list-style:none;
	margin:12px 0 0;
	border-left:1px solid #b7a6cc;
	padding:0;
}
#header #header_area ul li{
	float:left;
	padding:0 14px;
	border-right:1px solid #b7a6cc;
	text-indent:-9999px;
}
#header #header_area ul li a{
	display:block;
	cursor:pointer;
}
#header #header_area ul li.top{
	display:none;
}
#header #header_area ul li.advantage a{
	background-image:url(../images/gnavi01.png);
	width:107px;
}
#header #header_area ul li.case a{
	background-image:url(../images/gnavi02.png);
	width:62px;
}
#header #header_area ul li.feature a{
	background-image:url(../images/gnavi03.png);
	width:30px;
}
#header #header_area ul li.company a{
	background-image:url(../images/gnavi04.png);
	width:61px;
}
#header #header_area ul li.contact a{
	background-image:url(../images/gnavi05.png);
	width:90px;
}
#header #header_area ul li.recruit a{
	background-image:url(../images/gnavi06.png);
	width:70px;
}
#header #header_area ul li.blog a{
	background-image:url(../images/gnavi07.png);
	width:43px;
}

/* カテゴリ画像
*********************************************************/
#category{
}
#category img{
	width:100%;
	height:auto;
}

/* 各ページ要素
*********************************************************/
/* 会社案内
******************************************/
#company{
	padding:52px 0 0;
}
#company .box01{
	background-image: url(../../company/images/bg_sankaku.png);
	background-position:100px bottom;
	background-repeat:no-repeat;
	padding:0 0 50px;
}
#company .box02{
	background-image: url(../../company/images/bg_sankaku.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0 0 50px;
}
#company .box03{
	background-image: url(../../company/images/bg_sankaku.png);
	background-position:589px bottom;
	background-repeat:no-repeat;
	padding:0 0 50px;
}
#company ul{
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#company ul.sp{
	display:none;
}
#company  ul.pc li{
	float:left;
	margin:0 20px 0 0;
	width:225px;
}
#company  ul li:last-child{
	margin:0;
}

.box01,
.box02,
.box03{
	width:720px;
	margin:auto;
	padding:78px 0;
}
dl.company{
	margin:40px 0 0;
	padding:0;
	font-size:1.4em;
	border-bottom:1px solid #9b85b4;
	overflow:hidden;
}
dl.company dt{
	clear:both;
	border-top:1px solid #9b85b4;
	float:left;
	font-weight:bold;
	width:165px;
	padding:17px 0;
}
dl.company dd{
	border-top:1px solid #9b85b4;
	float:left;
	width:550px;
	padding:17px 5px 17px 0;
	margin:0;
}
dl.company dd .boxset01{
	overflow:hidden;
	clear:both;
}
dl.company dd .boxset01 .left{
	float:left;
	width:280px;
}
dl.company dd .boxset01 .left img{
	width:95%;
	height:auto;
	margin:5px 0 0;
}
dl.company dd .boxset01 .right{
	float:right;
	width:250px;
}
dl.company dd .boxset02{
	overflow:hidden;
	clear:both;
	margin:0 0 22px;
}
dl.company dd .boxset02:last-of-type{
	margin:0;
}
dl.company dd .boxset02 .left{
	float:left;
	width:245px;
}
dl.company dd .boxset02 .right{
	float:left;
	width:250px;
}

.bg{
	background-image: url(../../company/images/bg_white.png);
	background-position:right center;
	background-repeat:no-repeat;
}
dl.history{
	margin:53px 0;
	padding:0;
	font-size:1.4em;
	overflow:hidden;
	line-height:2.4em;
}
dl.history dt{
	float:left;
	width:165px;
}
dl.history dd{
	float:left;
	width:550px;
	margin:0;
	padding:0;
}

.box04{
	width:720px;
	margin:auto;
	padding:40px 0 60px;
}
.messeage{
	text-align:center;
	font-size:1.4em;
	line-height:2.4em;
	margin:40px 0;
}
.box05{
	width:auto;
	margin:auto;
	padding:92px 0 0px;
	min-width:720px;
}
.box05 h3{
	margin:0;
}
.box05 h3 img{
	width:100%;
	height:auto;
}

h3.title{
	border-left:5px solid #4c2080;
	padding:0 0 0 13px;
}
.campany p.lead{
	margin:47px 0 50px;
	padding:0;
	text-align:left;
}
.campany h4{
	margin:28px 0;
}
.campany p.lead02{
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size:1.6em;
		line-height:2em;
}
.campany p.bold{
	font-weight:bold;
	font-size:1.4em;
	line-height:1.8em;
	margin:40px 0 35px;
}
.boxset05 {
	overflow:hidden;
}
.boxset05 .left{
	float:left;
	width:216px;
	margin:0 36px 0 0;
}
.boxset05 .center{
	float:left;
	width:216px;
}
.boxset05 .right{
	float:right;
	width:216px;
}
.boxset05 h5{
	border-bottom:2px solid #4c2080;
	border-top:2px solid #4c2080;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	padding:10px 0;
	margin:0;
}
.boxset05 p{
	font-size:1.2em;
	margin:20px 0 27px;
}
p.normal{
	font-size:1.2em;
	margin:35px 0;
}
.iso{
	display:inline-block;
	border:1px solid #4c2080;
	padding:26px 33px;
	overflow:hidden;
}
.iso .left{
	float:left;
	width:185px;
	margin:0 32px 0 0;
}
.iso .right{
	float:right;
	width:197px;
}
.iso h4{
	margin:0;
	font-size:2.1em;
}
.iso p{
	font-size:1.4em;
}

.campany .box09 {}
.campany .box09 h4 {
    border-bottom: 2px solid #4c2080;
    border-top: 2px solid #4c2080;
    text-align: center;
    font-size: 2.4em;
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.campany .box09 p {
    font-size: 1.3em;
    margin: 20px 0 27px;
}
.campany .box09 h4 + p {
    text-indent: 1em;
    font-weight: bold;
}
.campany .box09 dl.border {
    border: 1px solid #4c2080;
    padding: 20px 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    font-size: 1.5em;
    margin: 10px 0;
}
.campany .box09 dl.border dt,
.campany .box09 dl.border dd {
    margin: 0;
}
.campany .box09 dl.border dt {
	margin-right: 1em;
	text-align: right;
	min-width: 4em;
}
.campany .box09 dl.border dd {
}
.campany .box09 .box09_01 {}
.campany .box09 .box09_01 h5 {
    font-size: 1.5em;
    line-height: 1.2;
    margin: 20px 0 10px;
}
.campany .box09 .box09_01 {}
.campany .box09 .box09_01 {}
.campany .box09 .box09_01 dl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0;
}
.campany .box09 .box09_01 dl dt,
.campany .box09 .box09_01 dl dd {
    margin: 0;
    font-size: 1.3em;
}
.campany .box09 .box09_01 dl dt {
    min-width: 9em;
}
.campany .box09 .box09_01 dl dd {}


/* 施工実績
******************************************/
#case{
	padding:51px 0 45px;
}
#case h2{
	margin:0;
}
.box_wide01{
	width:960px;
	margin:auto;
	padding:0 0 96px;
}
.box_wide01 > ul{
	margin:0 auto;
	font-size:1.6em;
	list-style:none;
	padding:0;
	overflow:hidden;
	text-align:center;
}
.box_wide01 > ul li{
	margin:0 48px 0 0;
	display: inline-block;
}
.box_wide01 > ul li:last-child{
	margin:0;
}
.box_wide01 > ul li.current-menu-item a{
	border-top:5px solid #4c2080;
	padding:28px 0 0;
	display:block;
	font-weight:bold;
}
.box_wide01 > ul li a{
	display:block;
	padding:33px 0 0;
	color:#4c2080;
	text-decoration:none;
}

#case_list{
	overflow:hidden;
	margin:77px 0 0;
}

a .case_box{
	float:left;
	width:225px;
	margin:0 20px 24px 0;
	background-color:#FFF;
}
#case_list a:nth-child(4n) .case_box{
	margin:0 0 24px;
}
a .case_box p.img{
	margin:0;
}
a .case_box p.img img{
	width:100%;
	height:auto;
}

#case_list a:hover h3,
#case_list a:hover p{
	opacity:0.8;
}
a .case_box h3{
	margin:13px;
	font-weight:normal;
	font-size:1.4em;
		color:#4c2080;
}
a .case_box p{
	margin:10px;
	color:#4c2080;
	font-size:1.2em;
}
#case_list p.more{
	text-align:center;
	clear:both;
	padding:77px 0 0;
}
#case_list p.more a{
	width:462px;
	padding:8px 0;
}
#case_list p.more a:hover{
	opacity:1;
}
/* 施工実績詳細
**********************************/
#case_detail h3{
	border-left:7px solid #4c2080;
	padding:50px 0 0 19px;
	margin:0 0 70px;
	font-size:2.8em;
	font-weight:normal;
	line-height:1;
	overflow:hidden;
}
#case_detail h3 span{
	float:right;
	font-size:43%;
	display:block;
	margin:15px 0 0;
}
#case_detail .boxset03{
	clear:both;
	overflow:hidden;
}
#case_detail .boxset03 .left{
	float:left;
	width:460px;
}
#case_detail .boxset03 .right{
	float:right;
	width:460px;
}
#case_detail .boxset03 .right img{
	width:100%;
	height:auto;
}
#case_detail .boxset03 p{
	font-size:1.4em;
	margin:0 0 25px;
}
#case_detail .boxset03 dl{
	background-color:#FFF;
	font-size:1.4em;
	margin:0;
	padding:0;
	border:2px solid #4c2080;
	overflow:hidden;
	border-top:none;
}
#case_detail .boxset03 dl dt{
	padding:4px 0;
	width:115px;
	margin:0;
	clear:both;
	float:left;
	text-align:center;
	font-weight:bold;
	border-top:2px solid #4c2080;
}
#case_detail .boxset03 dl dd{
	margin:0;
	border-left:2px solid #4c2080;
	border-top:2px solid #4c2080;
	float:left;
	padding:4px;
	width:341px;
}
div#imageList ul {
    margin: 45px 0 0;
    padding: 0;
		list-style:none;
}
div#imageList li {
    float: left;
		width:103px;
		margin:0 15px 15px 0;
}
div#imageList li:last-child{
	margin:0;
}
div#imageList li img {
    width: 103px;
    height: 103px;
}


/* お問い合わせ
******************************************/
#contact{
	padding:51px 0 45px;
}
#contact h2{
	margin:0;
}
.box06{
	width:720px;
	margin:auto;
	padding:77px 0;
}
.box06 p{
	font-size:1.4em;
	margin:0;
}
.box06 dl{
	margin:53px 0 45px;
	overflow:hidden;
	border-bottom:dotted 1px #4c2080;
	padding:0 0 30px;
}
.box06 dl dt{
	clear:both;
	width:205px;
	float:left;
	font-size:1.6em;
}
.box06 dl dd{
	width:515px;
	float:right;
	margin:0 0 30px;
	padding:0;
}
.box06 dl dd input{
	width:400px;
	border:none;
	line-height:1.6em;
	padding:4px;
	font-size:1.4em;
}
.box06 dl dd textarea{
	width:100%;
	border:none;
	font-size:1.4em;
}
.box06 p.center{
	text-align:center;
	margin:0;
}
.box06 input[type=submit]{
	-webkit-appearance: none;
	border:none;
	background-color:#4c2080;
	color:#FFF;
	font-size:1em;
	line-height:1;
	padding:15px 0;
	width:188px;
	cursor:pointer;
	border-radius:0;
	margin:0 10px;
}
.box06 input[type=button]{
	-webkit-appearance: none;
	border:1px solid #4c2080;
	background-color:#fff;
	color:#4c2080;
	font-size:1em;
	line-height:1;
	padding:15px 0;
	width:188px;
	cursor:pointer;
	border-radius:0;
	margin:0 10px;
}
.box07{
	width:720px;
	margin:auto;
	padding:105px 0 230px;
}
#thanks{
	border:4px solid #4c2080;
	padding:58px;
}
#thanks h3{
	text-align:center;
	margin:0 0 100px;
}
#thanks p{
	font-size:1.4em;
	margin:0;
}

/* リクルート
******************************************/
#recruit{
	padding:51px 0 45px;
}
#recruit h2{
	margin:0;
}
#recruit_area{
	/*background-image:url(../../recruit/images/bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;*/
	padding:100px 0 116px;
}
#recruit_area .box08{
	width:720px;
	margin:auto;
	background-color:#fff;
	padding:70px 60px 60px;
}
#recruit_area .box08 h3{
	margin:0;
	line-height:1;
	border-left:5px solid #4c2080;
	padding:0 0 0 14px;
}
#recruit_area .box08 dl.detail{
	overflow:hidden;
	font-size:1.4em;
	margin:60px 0 0;
}
#recruit_area .box08 dl.detail dt{
	clear:both;
	float:left;
	width:195px;
	font-weight:bold;
}
#recruit_area .box08 dl.detail dd{
	float:left;
	width:405px;
	margin:0 0 22px;
}
#recruit_area .box08  div{
	margin:25px 0 0;
	background-color:#f4f4f4;
	padding:12px 26px;
}
#recruit_area .box08  div dl{
	margin:0;
	padding:0;
	font-size:1.4em;
	overflow:hidden;
}
#recruit_area .box08  div dl dt{
	margin:0;
	float:left;
	width:100px;
}
#recruit_area .box08  div dl dd{
	margin:0;
	float:left;
	width:448px;
}

/* ブログ
******************************************/
#blog{
	padding:51px 0 45px;
}
#blog h2{
	margin:0;
}
.box_wide02{
	width:960px;
	margin:auto;
	padding:98px 0 85px;
}
.blog_box{
	margin:0 0 50px;
	overflow:hidden;
	background-color:#FFF;
}
.blog_box .left{
	float:left;
	width:270px;
}
.blog_box .left img{
	width:100%;
	height:auto;
}
.blog_box .right{
	width:688px;
	float:right;
	position:relative;
	padding:25px 88px 0 27px;
}
.blog_box p{
	margin:0;
	font-size:1.4em;
}
.blog_box .date{
	font-size:1.2em;
	margin:0;
}
.blog_box h3{
	font-size:2.6em;
	font-weight:normal;
	margin:12px 0 20px;
	line-height:1.2em;
}
.blog_box .more{
	position:absolute;
	top:13px;
	right:10px;
	height:100%;
	line-height:1.2;
}
.blog_box .more a{
	border:none;
	width:auto;
	padding:0;
}
.blog_box .more a:hover{
	opacity:0.8;
}
/* ブログ詳細
**********************************/
.box_wide03{
	width:960px;
	margin:auto;
	padding:0px 0 120px;
}
.heading{
	border-left:7px solid #4c2080;
	padding:22px 0 0 18px;
	margin:0 0 60px;
}
.heading p{
	font-size:1.4em;
	margin:0;
}
.heading h3{
	margin:0;
	font-size:2.8em;
	font-weight:normal;
	margin:5px 0 0;
}
.box_wide03 > p{
	font-size:1.4em;
	margin:20px 0;
}

/* 強み
******************************************/
#advantage{
	padding:52px 0 0;
}
#advantage .box01{
	background-image: url(../../company/images/bg_sankaku.png);
	background-position:100px bottom;
	background-repeat:no-repeat;
	padding:0 0 50px;
	width:960px;
}
#advantage .box02{
	background-image: url(../../company/images/bg_sankaku.png);
	background-position:344px bottom;
	background-repeat:no-repeat;
	padding:0 0 50px;
	width:960px;
}
#advantage .box03{
	background-image: url(../../company/images/bg_sankaku.png);
	background-position:589px bottom;
	background-repeat:no-repeat;
	padding:0 0 50px;
	width:960px;
}
#advantage .box04{
	background-image: url(../../company/images/bg_sankaku.png);
	background-position:833px bottom;
	background-repeat:no-repeat;
	padding:0 0 50px;
	width:960px;
}

#advantage  ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#advantage  ul.sp{
	display:none;
}
#advantage  ul.pc{
	display: block;
}
#advantage  ul.pc li{
	float:left;
	margin:0 16px 0 0;
	width:228px;
}
#advantage  ul.pc li:last-child{
	margin:0;
}
/*#advantage  ul li{
	float:left;
	margin:0 16px 0 0;
	width:228px;
	font-size:1.6em;
	letter-spacing:2px;
}
#advantage  ul li:last-child{
	margin:0;
}
#advantage  ul li a{
	display:block;
	text-align:center;
	border:1px solid #4c2080;
	padding:7px 0;
	text-decoration:none;
	cursor:pointer;
	color:#4c2080;
}
#advantage  ul li.on a,
#advantage  ul li a:hover{
	background-color:#4c2080;
	color:#fff;
}*/

.box_wide04{
	width:960px;
	margin:auto;
	padding:82px 0 162px;
}
.box_wide04 h3{
	line-height:1;
	margin:0 0 25px;
	border-left:5px solid #4c2080;
	padding:0 0 0 15px;
}


.boxset04{
	overflow:hidden;
	margin:0 0 100px;
}
.boxset04 .left{
	float:left;
	width:362px;
}
.boxset04 .left p.lead01,
.boxset04 .left p.lead02,
.boxset04 .left p.lead03,
.boxset04 .left p.lead04{
	margin:50px 0;
	padding:0;
	text-align:left;
}
.boxset04 .left p.lead01 img{
	width:294px;
	height:auto;
}
.boxset04 .left p.lead02 img{
	width:333px;
	height:auto;
}
.boxset04 .left p.lead03 img{
	width:360px;
	height:auto;
}
.boxset04 .left p.lead04 img{
	width:316px;
	height:auto;
}
.boxset04 .left p{
	font-size:1.4em;
	line-height:1.8em;
}
.boxset04 .right{
	float:right;
	border:4px solid #fff;
	padding:26px 32px 30px 26px;
	margin:0;
}
.box_wide04 p{
	font-size:1.2em;
	margin:25px 0;
}
#advantage_page{
}
#advantage_page #case_list{
	overflow:hidden;
	margin:35px 0 30px;
}
#advantage_page a .case_box{
	float:left;
	width:225px;
	margin:0 20px 20px 0;
	background-color:#FFF;
}
#advantage_page #case_list a:nth-child(4n) .case_box{
	margin:0;
}

#advantage_page #case_list a:hover h4,
#advantage_page #case_list a:hover p{
	opacity:0.8;
}
#advantage_page a .case_box h4{
	margin:13px;
	font-weight:normal;
	font-size:1.4em;
		color:#4c2080;
}
#advantage_page #case_list p.more{
	text-align:center;
	clear:both;
	padding:36px 0 0;
}
#advantage_page #case_list p.more a{
	width:462px;
	padding:8px 0;
}
#advantage_page #case_list p.more a:hover{
	opacity:1;
}

/* 特集
******************************************/
/* インデックス
***************************/
#feature_area{
	padding:73px 0 0;
}
#feature h2{
	padding:65px 0 63px;
	margin:0;
}
.box_wide05{
	width:960px;
	margin:auto;
	padding:27px 0;
}
.box_wide05 p{
	margin:73px 0;
}

/* 詳細ページ
***************************/
#feature_detail{
	padding:0 0 33px;
	width:960px;
	margin:auto;
	position:relative;
}
#feature_detail p{
	margin:0;
	position:absolute;
	right:19px;
	top:-27px;
}
#feature_detail h2{
	padding:0;
	margin:0;
}
#feature_detail h2 img{
	margin:-4px 0 0;
}

.box_wide06{
	width:960px;
	margin:auto;
	padding:97px 0;
}
.box_wide06 h3{
	margin:0 0 50px;
}
.boxset06{
	clear:both;
	overflow:hidden;
	margin:0 0 100px;
}
.boxset06 .left{
	float:left;
	width:350px;
}
.boxset06 .left p{
	font-size:1.4em;
	line-height:1.8em;
}
.boxset06 .left p.lead{
	margin:0 0 32px;
	text-align:left;
}
.boxset06 .right{
	width:570px;
	float:right;
}

.boxset07{
	clear:both;
	overflow:hidden;
	margin:0 0 120px 0;
}
.boxset07 p{
	margin:24px 0;
	font-size:1.4em;
	line-height:1.8em;
}
.boxset07 p.lead{
	margin:0 0 30px;
	text-align:left;
}
.boxset07 p.img{
	font-size:1.2em;
	margin:0;
}
.boxset07 p.img img{
	margin:0 0 10px;
}
.boxset07 .left{
	float:left;
	width:440px;
	border-left:5px solid #4c2080;
	padding:0 0 0 32px;
	margin:0 0 146px;
}
.boxset07 .right{
	float:right;
	width:440px;
	border-left:5px solid #4c2080;
	padding:0 0 0 32px;
	margin:87px 0 139px;
}
.boxset07 > .left.last,
.boxset07 > .right.last{
	margin:0;
}

.boxset07 .boxset{
	overflow:hidden;
	font-size:1.2em;
}
.boxset07 .boxset img{
	margin:0 0 10px;
}
.boxset07 .boxset .left{
	border:none;
	padding:0;
	margin:0;
	width:192px;
}
.boxset07 .boxset .right{
	border:none;
	padding:0;
	margin:0;
	width:192px;
}

.boxset08{
	clear:both;
	overflow:hidden;
	margin:0 0 110px;
}
.boxset08 .left{
	float:left;
	width:450px;
}
.boxset08 .left p{
	margin:0;
	font-size:1.4em;
	line-height:1.8em;
}
.boxset08 .left p.lead{
	margin:0 0 30px;
	text-align:left;
}
.boxset08 .right{
	float:right;
	width:474px;
	overflow:hidden;
	background-color:#fff;
	padding:26px 30px;
}
.boxset08 .right .left{
	width:177px;
}
.boxset08 .right .left dl{
	margin:0 0 20px;
	padding:0;
}
.boxset08 .right .left dl dt{
	font-size:1.4em;
	line-height:1;
}
.boxset08 .right .left dl dd{
	margin:12px 0 0;
	font-size:2.6em;
	line-height:1;
}
.boxset08 .right .left p{
	margin:0;
}
.boxset08 .right .right{
	width:215px;
	padding:0;
}
.boxset08 .right .right p{
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 16px;
}
.boxset08 .right .right p:last-child{
	margin:0;
}

/* ニュース
******************************************/
#news{
	padding:50px 0 45px;
}
#news h2{
	margin:0;
	padding:33px 0 ;
}
.box08{
	width:720px;
	margin:auto;
	padding:66px 0 85px;
}
.news_list{
	margin:36px 0;
}
.news_list dt{
	display:table-cell;
	background-color:#FFF;
	font-size:1.4em;
	width:128px;
	vertical-align:middle;
	text-align:center;
}
.news_list dd{
	display:table-cell;
}
.news_list dd.date{
	font-size:1.2em;
	color:#595858;
	width:128px;
	vertical-align:middle;
	text-align:center;
	padding:10px 0;
}
.news_list dd.news{
	font-size:1.4em;
	vertical-align:middle;
}
.news_list dd.news p{
	margin:0;
}


/* プライバシーポリシー
******************************************/
#privacy{
	padding:51px 0 45px;
}
#privacy h2{
	margin:0;
}
#privacy_area p{
	font-size:1.2em;
	margin:12px 0 24px;
}
#privacy_area p.lead{
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	margin:0 0 80px;
}
#privacy_area h3{
	border:none;
	padding:0;
	font-size:1.8em;
	margin:50px 0 0;
}

/* トップページ用
******************************************************************************************************************************************************/
#top #head_area{
	position:relative;
	overflow: hidden;
	height:100%;
}
#top #header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#top #header #header_area{
	width:auto;
	height:100%;
}
#top #head_area h1{
	background-image:url(../../images/logo_top.png);
	background-position:center 0;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	width:6.42%;
	position: absolute;
	right:12%;
	top:0;
	text-indent:-9999px;
	display:block;
	min-height:100%;
	margin:0;
	z-index:1000;
}
#top #head_area h2{
	display:block;
	background-image:url(../../images/copy_top.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-9999px;
	position:absolute;
	top:62px;
	right:21.5%;
	width:15.2%;
	height:20.7%;
	padding:0;
	z-index:200;
}
#top #head_area p#btn{
	position:absolute;
	margin:0 0 26px -24px;
	bottom:0;
	left:50%;
	line-height:0;
	z-index:200;
}

#toggle {
    display: none
}
#top #header nav{
	margin:0px 0 0 129px;
	padding:0;
	width:295px;
	z-index:200;
	position:absolute;
	display:block;
}
#top #header nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#top #header nav ul li{
	float:right;
	text-indent:-9999px;
	margin:0 0 0 25px;
	display:inline;
	position:relative;
	border:none;
	padding:0;
}
#top #header nav ul li:last-child{
	margin:0;
}
#top #header nav ul li a{
	background-position:0 0;
	background-repeat:no-repeat;
	width:15px !important;
	display:block;
}
#top #header nav ul li.top,
#top #header nav ul li.case,
#top #header nav ul li.company,
#top #header nav ul li.recruit,
#top #header nav ul li.sns{
	top:42px;
}
#top #header #header_area ul li.top{
	display:block;
}
#top #header #header_area ul li.top a{
	background-image:url(../../images/gnavi01.png);
	height:70px;
}
#top #header nav ul li.advantage a{
	background-image:url(../../images/gnavi02.png);
	height:137px;
}
#top #header nav ul li.case a{
	background-image:url(../../images/gnavi03.png);
	height:88px;
}
#top #header nav ul li.feature a{
	background-image:url(../../images/gnavi04.png);
	height:54px;
}
#top #header nav ul li.company a{
	background-image:url(../../images/gnavi05.png);
	height:88px;
}
#top #header nav ul li.contact a{
	background-image:url(../../images/gnavi06.png);
	height:121px;
}
#top #header nav ul li.recruit a{
	background-image:url(../../images/gnavi07.png);
	height:104px;
}
#top #header nav ul li.blog a{
	background-image:url(../../images/gnavi08.png);
	height:70px;
}
#top #header nav ul li.sns a{
	background-image:url(../../images/gnavi09.png);
	height:70px;
}


/* fullSlideShow
--------------------------- */
.fullSlideShow {
    width: 100%;
    text-align: left;
    overflow: hidden;
		height:100%;
}
.fullSlideShow ul {
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute; /* absolute or fixed */
    overflow: hidden;
		margin:0;
		padding:0;
}
.fullSlideShow ul li {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    position: absolute;
}
.fullSlideShow ul li img {
    width: 100% !important;
}

.fullSlideShow ul li span{
	z-index:300;
	position: absolute;
	bottom:7%;
	left:15%;
	background-color:#FFF;
	margin:0;
	padding:0;
}


/* =======================================
    ClearFixElements
======================================= */
.fullSlideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.fullSlideShow ul {
    display: inline-block;
    overflow: hidden;
}

#slide_res{
	display:none;
}


h2{
	background-position:center;
	background-repeat:no-repeat;
	padding:36px 0 23px;
	margin:0 0 40px;
	text-align:center;
	line-height:1;
}
p.lead{
	font-size:1.4em;
	text-align:center;
	line-height:2em;
}


#ad_list{
	margin:80px 0 0;
}
#ad_list .boxset01{
	clear:both;
	overflow:hidden;
	margin:0 0 40px;
}
#ad_list .boxset01 a{
	display:block;
}
#ad_list .boxset01 .left{
	float:left;
}
#ad_list .boxset01 .right{
	float:right;
}
#ad_list .boxset01 h3{
	margin:14px 0 8px;
	line-height:0;
	padding:0;
}
#ad_list .boxset01 p{
	margin:0;
	color:#595858;
	font-size:1.2em;
}
#ad_list .boxset01 p.img{
	line-height:0;
	border-bottom:4px solid #4b2080;
}


/* 白背景
********************************************************************************/
.white{
	background-color:#FFF;
}
.white h2{
	background-image:url(../images/icon_gray.png);
}


/* グレー背景
********************************************************************************/
.gray{
	background-image:url(../images/bg_gray.png);
}
.gray h2{
	background-image:url(../images/icon_white.png);
}

/* 強み
*****************************************************/
#top #advantage{
	width:960px;
	margin:0 auto;
	padding:100px 0 40px;
}



/* 施工事例
*****************************************************/
#top #case{
	padding: 87px 0 81px;
	overflow:hidden;
}
.slider{
	width:100%;
	position:relative;
	margin:68px 0 40px;
}
.slider a{
	display:block;
	float:left;
	background-color:#FFF;
	width:222px;
	margin:0 12px;
	color:#4c2080;
	text-decoration:none;
}
.slider a h4{
	color:#4c2080;
	text-decoration:none;
}
.slider a p{
	color:#4c2080;
	text-decoration:none;
}
.slider div.slide_box{

}
.slider div.slide_box > p{
	margin:0;
}
.slider div.slide_box > p img{
	width:100%;
	height:auto;
}
.slider div.slide_box div {
	padding:14px 12px 10px;
}
.slider div.slide_box div h4{
	font-size:1.4em;
	line-height:1em;
	margin:0 0 10px;
}
.slider div.slide_box div p{
	margin:0;
	font-size:1.2em;
}

.slider .slick-prev{
	text-indent:-9999px;
	background:none;
	border:none;
	background-image:url(../../images/icon_arrow_left.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:100px;
	margin:-24px 0 0 -12px;
	outline: none;
}
.slider .slick-next{
	text-indent:-9999px;
	background:none;
	border:none;
	background-image:url(../../images/icon_arrow_right.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:100px;
	margin:-24px -12px 0 0;
	outline: none;
}

p.more{
	font-size:1.4em;
	text-align:center;
	margin:0;
}
p.more a{
	border:1px solid #4c2080;
	padding:7px 152px 8px;
	color:#4c2080;
	text-decoration:none;
	display: inline-block;
}
p.more a:hover{
	background-color:#4c2080;
	color:#fff;
	opacity:1;
}


/* 家の施工事例
********************************************************************************/
/* 一覧 */
.house_work_title{
	background-color:#FFF;
}
.house_work_title h2{
	font-family: 'Kosugi Maru', sans-serif;
	text-align: center;
	font-size: 30px;
	margin: 0;
	padding: 90px 20px;
	color: #403d3c;
	letter-spacing: .1em;
}

#house_work_list{
	overflow:hidden;
	margin: 0;
	padding-top: 77px;
	margin-right: -20px;
}

#house_work_list a{
	display: block;
}
#house_work_list a:hover{
	opacity: .6;
}

.house_work_box{
	border-radius: 10px;
}
.house_work_box img{
	border-radius: 10px 10px 0 0;
}

.house_work_box h3{
	color: #403d3c !important;
}
.house_work_box p{
	color: #403d3c !important;
}

/* 詳細 */
#house_work_detail{
	padding: 77px 0 0;
}

.detail{
	overflow: hidden;
	margin: 55px 0;

}

.left_area{
	float: left;
	width: 70%;
	padding-right: 5%;
	padding-bottom: 30px;
	border-right: 1px solid #403d3c;
	color:  #403d3c;

}
.left_area h3{
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 28px;
	margin-bottom: 1em;
}
.left_area p{
	font-size: 16px;
	line-height: 2;
}
.right_area{
	float: left;
	width: 30%;
	padding-left: 5%;
	color:  #403d3c;
}
.right_area h3{
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 28px;
	margin-bottom: 1em;
}
.right_area th{
	padding-right: 30px !important;
}
.right_area th,
.right_area td{
	font-size: 14px;
	line-height: 1.78;
	padding: 0 0 5px 0;
}

#house_work_detail img{
	max-width: 100%;
	height: auto;
}



@media only screen and (max-width: 767px) {
	.house_work_title h2{
		font-family: 'Kosugi Maru', sans-serif;
		text-align: center;
		font-size: 20px;
		margin: 0;
		padding: 45px 20px;
		color: #403d3c;
		letter-spacing: .1em;
	}

	#house_work_list{
		overflow:hidden;
		margin: 0;
		padding: 20px 10px;
	}


	#house_work_detail{
		padding: 20px 10px;
	}

	.detail{
		overflow: hidden;
		margin: 35px 0;

	}
	.left_area{
		float: none;
		width: 100%;
		padding-right: 0;
		padding-bottom: 10px;
		border-right: none;
		color:  #403d3c;

	}
	.left_area h3{
		font-family: 'Kosugi Maru', sans-serif;
		font-size: 20px;
		margin-bottom: 1em;
	}
	.left_area p{
		font-size: 14px;
		line-height: 1.78;
	}
	.right_area{
		float: none;
		width: 100%;
		padding-left: 0;
		color:  #403d3c;
	}
	.right_area h3{
		font-family: 'Kosugi Maru', sans-serif;
		font-size: 20px;
		margin-bottom: 1em;
	}
	.right_area th{
		padding-right: 30px !important;
	}
	.right_area th,
	.right_area td{
		font-size: 14px;
		line-height: 1.78;
		padding: 0 0 5px 0;
	}
}


/* 動画
*****************************************************/

.slider2{
/* 	width:100%;
position:relative;
margin:68px 0 40px; */
}
.slider2 a{
 	display:block;
 	float:left;
 	/* background-color:#FFF; */
 	width:222px;
 	margin:0 12px;
 	color:#4c2080;
 	text-decoration:none;
}
.slider2 a h4{/* 	color:#4c2080;
text-decoration:none; */font-size: 14px;}
.slider2 a p{
/* 	color:#4c2080;
text-decoration:none; */
}
.slider2 div.slide_box{

}
.slider2 div.slide_box > p{
	margin:0;
	position: relative;
	z-index: 1;
}

.slider2 div.slide_box > p:before{
	content: "";
	z-index: 1;
	position: absolute;

	background: url(../../wp/wp-content/themes/kenroku/images/top/movi.png) 0 0 no-repeat;
	width: 80px;
	height: 83px;
	top:0;
	bottom: 0;
	right:0;
	left: 0;
	margin: auto;

}

.slider2 div.slide_box > p img{
	width:100%;
	height:auto;
}
.slider2 div.slide_box div {
/*	padding:14px 12px 10px;*/
}
.slider2 div.slide_box div h4{
/*	font-size:1.4em;
	line-height:1em;
	margin:0 0 10px;*/
}
.slider2 div.slide_box div p{
/* 	margin:0;
font-size:1.2em; */
}

.slider2 .slick-prev{
	text-indent:-9999px;
	background:none;
	border:none;
	background-image:url(../../images/icon_arrow_left.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	cursor:pointer;
	position:absolute;
	top:50%;
	left: -11px;
	margin:-24px 0 0 -12px;
	outline: none;
}
.slider2 .slick-next{
	text-indent:-9999px;
	background:none;
	border:none;
	background-image:url(../../images/icon_arrow_right.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	cursor:pointer;
	position:absolute;
	top:50%;
	right: -11px;
	margin:-24px -12px 0 0;
	outline: none;
}






.v_modal {
	pointer-events: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
}
.v_modal_box {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 10;
}
.v_modal_box_inner {
	opacity: 0;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
}
@media all and (min-width:679px) {
	.v_modal_box_inner {
		width: 70%;
	}
}
@media all and (max-width:678px) {
	.v_modal_box_inner {
		width: 90%;
	}
}
.v_modal_video {
	position: relative;
	padding-top: 56.25%;
	background-color: #000;
}
.v_modal_video iframe,
.v_modal_video video {
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	pointer-events: none;
}
.v_modal_video iframe{
	height: 100%;
}

.v_modal_close {
	margin-top: 20px;
	color: #d03c1b;
	text-align: center;
}
.v_modal_close p {
	position: relative;
	display: block;
	border: 2px solid #4C2080;
	color: #4C2080;
	margin: auto;
	width: 168px;
	font-size: 1.4rem;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	line-height: 36px;
	letter-spacing: 0.075em;
}
.v_modal_bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,.9);
}
.v_modal_bg {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
}
.v_modal.is-open .v_modal_box_inner {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}

.v_modal.is-open .v_modal_video iframe,
.v_modal.is-open .v_modal_video video {
	display: block;
	pointer-events: auto;
}
.v_modal.is-open .v_modal_close p {
	cursor: pointer;
	pointer-events: auto;
}
.v_modal.is-open .v_modal_bg {
	cursor: pointer;
	pointer-events: auto;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}




/* 特集
*****************************************************/
#top #feature_pc{
	margin: 0px 0 150px;
	overflow:hidden;
}
#top #feature_pc .left{
	width:50%;
	height:auto;
	float:left;
}
#top #feature_pc .right{
	width:50%;
	height:auto;
	float:right;
}
#top #feature_pc .left img,
#top #feature_pc .right img{
	width:100%;
	height:auto;
}
#top #feature_tb,
#top #feature_sp{
	display:none;
}
#top #feature_pc a:hover{
	opacity:1;
}


/* リクルート
*****************************************************/
#top #recruit{
	border-bottom:10px solid #FFF;
	border-top:10px solid #FFF;
	padding:0;
}
#top #recruit img{
	width:100%;
	height:auto;
}

/* ニュース・ブログ
*****************************************************/
.box{
	padding:94px 0 125px;
	width:740px;
	margin:0 auto;
}
.box h3{
	border-bottom:1px solid #4c2080;
	padding:0 0 12px 0;
	font-size:1.4em;
	font-weight:normal;
	margin:56px 0 14px;
}
.box h3 span{
	float:right;
	margin:9px 0 0;
}
.box h3 span a{
	color:#4c2080;
	text-decoration:none;
}
.box table{
	border-collapse:collapse;
	width:100%;
}
.box table th{
	padding:12px 0;
}
.box table td{
	padding:0 30px;
	font-size:1.4em;
}
.box table td span{
	color:#585858;
	margin:0 30px 0 0;
}
.box table#blog th{
	width:90px;
}
.box table#news th{
	font-size:1.4em;
	font-weight:normal;
	width:128px;
}
.box table#news th span{
	display:block;
	background-color:#FFF;
	padding:8px 0;
}
.box table a{
	text-decoration:none;
	color:#4c2080;
}
.box p.list{
	display:none;
}

/* フッター
********************************************************************************/
footer{
	clear:both;
	color:#FFF;
}
footer #footer_area{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:53px 0 55px;
}
#footer_area .logo{
	background-image:url(../images/footer_logo.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:107px;
	padding:12px 0 0 133px;
	float:left;
	width:390px;
}
#footer_area .logo h1{
	font-size:2.2em;
	margin:0 0 14px;
	font-weight:normal;
}
#footer_area .logo address{
	font-style:normal;
	font-size:1.2em;
}
#footer_area #sitemap{
	float:left;
}
#footer_area #sitemap > ul{
	float:left;
	list-style:none;
	margin:15px 0 0;
	padding:0;
	font-size:1.2em;
	width:160px;
}
#footer_area #sitemap > ul li{
	background-image:url(../images/icon_arrow01.png);
	background-position:0 0.2em;
	background-repeat:no-repeat;
	padding:0 0 0 16px;
	margin:7px 0;
}
#footer_area #sitemap > ul li ul{
	list-style:none;
	padding:0;
	margin: 0;
}
#footer_area #sitemap > ul li ul li{
	background-image:url(../images/icon_line.png);
	background-position:0 center;
	background-repeat:no-repeat;
	padding:0 0 0 8px;
}
#footer_area a{
	color:#fff;
	text-decoration:none;
}
#footer_area a:hover{
	opacity:1;
	text-decoration:underline;
}

#footer_area #sns{
	float:right;
	margin:63px 2px 0 0;
	display:inline;
}
#footer_area #sns a:hover{
	opacity:0.8;
}
footer #copy{
	background-image: url(../images/bg_footer.png);
	background-repeat:repeat-x;
	background-position:0 0;
}
footer #copy p{
	text-align:center;
	padding:14px 0 10px;
	line-height:1;
	margin:0;
}
footer #copy p small{
	font-size:1.1em;
}

@media only screen and (max-width: 1024px) {
/* トップページ
***********************************************************************************************************/
	#top #head_area{
	position:relative;
	overflow: hidden;
	height:auto;
}
	#top #header{
		overflow:hidden;
		position:relative;
		height:auto;
		background-color:#fff;
		padding:0px 0 0;
		z-index:500;
	}
	#top #header #header_area h1{
		background-image: url(../images/logo.png);
		background-position:0 0;
		background-repeat:no-repeat;
		background-size: 233px	auto;
		background-color:#FFF;
		height: 36px;
		width:233px;
		position: relative;
		right: auto;
		top: auto;
		text-indent:-9999px;
		display:block;
		min-height:100%;
		margin:0 0 10px 10px;
		z-index:200;
		float:none;
	}
	#top #head_area p#btn{
		display:none;
	}
	#top #header nav{
	margin:0px 0 0 0;
	padding:0;
	width:auto;
	z-index:600;
	position: relative;
	}
	#header #header_area ul{
		float:none;
		width:auto;
		border:none;
	}
	#top #header nav ul li{
		float:left;
		text-indent:0px;
		margin:0 0 0 0px;
		display:inline;
		position:relative;
		width:50%;
	}
	#top #header nav ul li a{
		background-position:0 0;
		background-repeat:no-repeat;
		background:none;
		width:100% !important;
		display:block;
		height:auto !important;
	}
	#top #header nav ul li{
		top: auto !important;
	}
	#toggle {
		display:block;
		width:30px;
		height:25px;
		position:absolute;
		background-image:url(../images/bg_toggle_menu.png);
		background-position:0 0;
		background-repeat:no-repeat;
		text-indent:-9999px;
		top:16px;
		right:16px;
  }
	#top #header nav{
		display:none;
		margin:0;

	}

	.fullSlideShow{
		display:none;
	}
	#slide_res{
		display:block;
		position:relative;
	}
	#slide_res ul li span{
		width:200px;
		display:block;
		position:absolute;
		bottom:5%;
		left:5.3%;
	}
	#top #head_area #slide_res h2{
		right:5.73%;
		top:4.6%;
		width:20.3%;
		height:38.3%;
	}

	/* 強み
*****************************************************/
	#top #advantage{
		width:auto;
		margin:0 auto;
		padding:55px 0 40px;
	}
	#ad_list{
		margin:70px 0 0;
		padding:0 20px;
	}
	#ad_list .boxset01{
		clear:both;
		overflow:hidden;
		margin:0 0 35px;
	}
	#ad_list .boxset01 .left{
		float:left;
		width:48%;
	}
	#ad_list .boxset01 .left .img img{
		width:100%;
		height:auto;
	}
	#ad_list .boxset01 .right{
		float:right;
		width:48%;
	}
	#ad_list .boxset01 .right .img img{
		width:100%;
		height:auto;
	}

	/* 施工事例
*****************************************************/
#top #case{
	padding:59px 0 0;
	overflow:hidden;
}

	/* 動画
*****************************************************/

.slider2 .slick-prev{
	left: 51px;
    top: 36%;
}
.slider2 .slick-next{
	right: 51px;
    top: 36%;
}
.slider2 a h4{
	/* font-size: 24px; */
	margin: 5px 0;
}


.v_modal.is-open .v_modal_close p {
	/* font-size: 24px; */
}

	/* 特集
*****************************************************/
	#top #feature_tb{
		display:block;
		margin:89px 0;
	}
	#top #feature_tb .top img,
	#top #feature_tb .btm img{
		width:100%;
		height:top;
	}
	#top #feature_pc,
	#top #feature_sp{
		display:none;
	}

/* 共通フッター
***********************************************************************************************************/
	footer #footer_area{
		width:auto;
		padding:53px 0 45px;
	}
	#footer_area .logo{
		padding:12px 0 0 133px;
		float:none;
		margin:0 auto 75px;
	}
	#footer_area .logo h1{
	font-weight:bold;
}
	#foot_right{
		width:550px;
		margin:0 auto;
	}

/* セカンドページ以降
********************************************************************************/
/* ヘッダー
*********************************************************/
	#header{
		background-color:#FFF;
	}
	#header #header_area{
		width:auto;
		margin:auto;
		padding:10px 0 0;
		overflow:hidden;
		position:relative;
	}
	#header #header_area h1{
		margin:0 0 10px 10px;
		float:none;
	}
	#header #header_area h1 a{
		background-image:url(../images/logo.png);
		background-position:0 0;
		background-repeat:no-repeat;
		height: 36px;
		width:233px;
		text-indent:-9999px;
		display:block;
		cursor:pointer;
		background-size: 233px auto;
	}
	#header #header_area #nav{
		clear:both;
		display:none;
		position: relative;
		width:100%;
		padding:0;
	}
	#header #header_area ul{
		float:none;
		width:auto;
		list-style:none;
		margin: 0 0;
		border:none;
		padding:0;
		width:100%;
		position:relative;
		background-color:#4c2080;
		overflow:hidden;
		font-size:1.2em;
	}
	#header #header_area ul li{
		float:left;
		padding:0;
		border:none;
		text-indent:0;
		width:50%;
	}
		#header #header_area ul li:nth-child(odd){
			border-right:1px solid #fff;
		}
	#header #header_area ul li.top{
		display:block;
	}
		#header #header_area ul li:last-child{
			border:none;
		}
	#header #header_area ul li a{
		display:block;
		background:none !important;
		width:auto !important;
		border-bottom:1px solid #fff;
		color:#fff;
		padding:11px 0 11px 36px;
		text-decoration:none;
	}

/* 強み
*********************************************************/
#advantage .box01,
#advantage .box02,
#advantage .box03,
#advantage .box04{
	background:none;
	padding:0;
	width:auto;
}
#advantage  ul.sp{
	display:block;
	border-top:1px solid #4c2080;
}
#advantage  ul.pc{
	display: none;
}

#advantage  ul.sp li{
	float:left;
	margin:0;
	width:50%;
	font-size:1.6em;
	letter-spacing:2px;
}
#advantage  ul.sp li:nth-child(even){
	border-left:1px solid #4c2080;
}
#advantage  ul li a{
	display:block;
	text-align:center;
	border-bottom:1px solid #4c2080;
	padding:7px 0;
	text-decoration:none;
	cursor:pointer;
	color:#4c2080;
}
#advantage  ul li.on a,
#advantage  ul li a:hover{
	background-color:#4c2080;
	color:#fff;
}

.box_wide04{
	width:720px;
	margin:auto;
	padding:50px 0 80px;
}

.boxset04{
	overflow:hidden;
	margin:0 0 100px;
}
.boxset04 .left{
	float:left;
	width:282px;
}
.box_wide04 h3.title01 img{
	width:100%;
	height:auto;
}
.boxset04 .left p.lead01,
.boxset04 .left p.lead02,
.boxset04 .left p.lead03,
.boxset04 .left p.lead04{
	margin:50px 0;
	padding:0;
	text-align:left;
}
.boxset04 .left p.lead01 img{
	width:244px;
	height:auto;
}
.boxset04 .left p.lead02 img{
	width:262px;
	height:auto;
}
.boxset04 .left p.lead03 img{
	width:282px;
	height:auto;
}
.boxset04 .left p.lead04 img{
	width:254px;
	height:auto;
}

.boxset04 .right{
	float:right;
	border:4px solid #fff;
	padding:16px 20px 20px 20px;
	margin:0;
	width:350px;
}
.boxset04 .right img{
	width:100%;
	height:auto;
}

.box_wide04 p{
	font-size:1.2em;
	margin:25px 0;
}
#advantage_page{
}
#advantage_page #case_list{
	overflow:hidden;
	margin:15px 0 10px;
	text-align:center;
}
#advantage_page a .case_box{
	float:left;
	width:225px;
	display:block;
	margin:20px;
	background-color:#FFF;
	text-align:left;
}
#advantage_page #case_list a:nth-child(4n) .case_box{
	margin:20px;
}

#advantage_page #case_list a:hover h4,
#advantage_page #case_list a:hover p{
	opacity:0.8;
}
#advantage_page a .case_box h4{
	margin:13px;
	font-weight:normal;
	font-size:1.4em;
		color:#4c2080;
}
#advantage_page #case_list p.more{
	text-align:center;
	clear:both;
	padding:36px 0 0;
}
#advantage_page #case_list p.more a{
	width:462px;
	padding:8px 0;
}
#advantage_page #case_list p.more a:hover{
	opacity:1;
}


/* 特集
*********************************************************/
/* インデックス
***************************/
.box_wide05{
	width:720px;
	margin:auto;
	padding:27px 0;
}
.box_wide05 p{
	margin:50px 0;
}
.box_wide05 p img{
	width:100%;
	height:auto;
}

/* 詳細ページ
***************************/
#feature_detail{
	width:720px;
}


.box_wide06{
	width:720px;
	margin:auto;
	padding:97px 0;
}
.boxset06 .left{
	float:left;
	width:300px;
}
.boxset06 .right{
	width:380px;
	float:right;
}
.boxset06 .right img{
	width:100%;
	height:auto;
}

.boxset07{
	clear:both;
	overflow:hidden;
	margin:0 0 120px 0;
}
.boxset07 p{
	margin:24px 0;
	font-size:1.4em;
	line-height:1.8em;
}
.boxset07 p.lead{
	margin:0 0 30px;
	text-align:left;
}
.boxset07 p.img{
	font-size:1.2em;
	margin:0;
}
.boxset07 p.img img{
	margin:0 0 10px;
}
.boxset07 .left{
	float:none;
	width:auto;
}
.boxset07 .right{
	float:none;
	width:auto;
}

.boxset07 > .right.last{
	margin:87px 0 139px;
}


.boxset07 .boxset .left{
	border:none;
	padding:0;
	margin:0;
	width:192px;
	float:left;
}
.boxset07 .boxset .right{
	border:none;
	padding:0;
	margin:0 0 0 20px;
	width:192px;
	float:left;
	display:inline;
}

.boxset08{
	clear:both;
	overflow:hidden;
	margin:0 0 70px;
}
.boxset08 .left{
	float:none;
	width:auto;
	margin:0 0 30px;
}
.boxset08 .right{
	float:none;
	width:auto;
	overflow:hidden;
	background-color:#fff;
	padding:26px 30px;
}
.boxset08 .right .left{
	width:30%;
	float:left;
	margin:0;
}
.boxset08 .right .right{
	width:65%;
	padding:0;
	float:right;
}

/* 施工実績
******************************************/
.box_wide01{
	width:720px;
	margin:auto;
	padding:0 0 56px;
}

.box_wide01 > ul li{
	margin:0 28px 0 0;
	display: inline-block;
}

#case_list{
	overflow:hidden;
	margin:37px 0 0;
}
a .case_box{
	float:left;
	width:230px;
	margin:0 15px 20px 0;
	background-color:#FFF;
}
#case_list a:nth-child(4n) .case_box{
	margin:0 15px 20px 0;
}
#case_list a:nth-child(3n) .case_box{
	margin:0 0 20px;
}


/* 施工実績詳細
**********************************/
#case_detail .boxset03{
	clear:both;
	overflow:hidden;
}
#case_detail .boxset03 .left{
	float:none;
	width:auto;
	margin:0 0 30px;
	overflow:hidden;
}
#case_detail .boxset03 .right{
	float:none;
	width:auto;
}
#case_detail .boxset03 .right img{
	width:100%;
	height:auto;
}
#case_detail .boxset03 p{
	font-size:1.4em;
	margin:0 0 25px;
}
#case_detail .boxset03 dl{
	background-color:#FFF;
	font-size:1.4em;
	margin:0;
	padding:0;
	border:2px solid #4c2080;
	overflow:hidden;
	border-top:none;
	display:inline-block;
}
#case_detail .boxset03 dl dt{
	padding:4px 0;
	width:115px;
	margin:0;
	clear:both;
	float:left;
	text-align:center;
	font-weight:bold;
	border-top:2px solid #4c2080;
}
#case_detail .boxset03 dl dd{
	margin:0;
	border-left:2px solid #4c2080;
	border-top:2px solid #4c2080;
	float:left;
	padding:4px;
	width:341px;
}
div#imageList ul {
    margin: 45px 0 0;
    padding: 0;
		list-style:none;
}
div#imageList li {
    float: left;
		width:103px;
		margin:0 15px 15px 0;
}
div#imageList li:last-child{
	margin:0;
}
div#imageList li img {
    width: 103px;
    height: 103px;
}

}

.sp-none{
	display: none;
}


#kanaru{
    padding: 74px 0 135px;
    margin: 0 0;
}
#kanaru h2{
	background: none !important;
}
#kanaru .lead{}
.kanaru_img{
    text-align: center;
    margin: 52px 0 30px;
}
.kanaru_img img{
	max-width: 100%;
	height: auto;
}



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


#kanaru{
    padding: 33px 0 31px;
}
#kanaru h2{
	background: none !important;
}
#kanaru h2 img{

	width: 230px;
	height: 59px;
}
#kanaru .lead{}
.kanaru_img{
    text-align: center;
    margin: 21px 3% 30px;
}
.kanaru_img img{
	max-width: 100%;
	height: auto;
}


/* セカンドページ以降
********************************************************************************/
/* ヘッダー
*********************************************************/
	#header #header_area ul li{
		float:none;
		padding:0;
		border:none !important;
		text-indent:0;
		width:100%;
	}
		#header #header_area ul li:last-child{
			border:none;
		}
	#header #header_area ul li a{
		display:block;
		background:none !important;
		width:auto !important;
		border-bottom:1px solid #fff;
		color:#fff;
		padding:11px 0 11px 36px;
	}

/* 各ページ要素
*********************************************************/
/* 会社案内
******************************************/
#company{
	padding:30px 0 0;
}
#company h2{
	padding:24px 0;
	background-size:70px 70px;
}
#company h2 img{
	width:103px;
	height:auto;
}
#company .box01{
	background:none;
	padding:0 0 0px;
}
#company .box02{
	background:none;
	padding:0 0 0px;
}
#company .box03{
	background:none;
	padding:0 0 0px;
}


#company  ul.pc{
	display:none;
}

#company ul.sp{
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	display:block;
	font-size:1.4em;
	border-top:1px solid #4c2080;
}
#company ul.sp li{
	float:none;
	margin:0 0px 0 0;
	width:100%;
}
#company  ul.sp li a{
	display:block;
	text-align:center;
	border-bottom:1px solid #4c2080;
	padding:7px 0;
	text-decoration:none;
	cursor:pointer;
	color:#4c2080;
}
#company  ul.sp li.on a,
#company  ul.sp li a:hover{
	background-color:#4c2080;
	color:#fff;
}
h3.company01 img{
	width:111px;
	height:auto;
}
h3.company02 img{
	width:59px;
	height:auto;
}

.box01,
.box02,
.box03{
	width:auto;
	margin:auto;
	padding:40px 0 0;
}
.box01 h3,
.box02 h3,
.box03 h3{
	margin:0 0 28px 20px;
}
dl.company{
	margin:40px 0 0;
	padding:0;
	font-size:1.4em;
	border-bottom:1px solid #9b85b4;
	overflow:hidden;
}
dl.company dt{
	clear:both;
	border-top:1px solid #9b85b4;
	float:none;
	font-weight:bold;
	width:auto;
	padding:20px 20px 0 20px;
	margin:0 0 13px;
}
dl.company dd{
	border:none;
	float:none;
	width:auto;
	padding:0 20px 20px 20px;
	margin:0;
}
dl.company dd .boxset01{
	overflow:hidden;
	clear:both;
}
dl.company dd .boxset01 .left{
	float:none;
	width:auto;
}
dl.company dd .boxset01 .right{
	float:none;
	width:auto;
	margin:20px 5px 0;
}
dl.company dd .boxset02{
	overflow:hidden;
	clear:both;
	margin:0 0 22px 30px;
}
dl.company dd .boxset02:last-of-type{
	margin:0 0 0 30px;
}
dl.company dd .boxset02 .left{
	float:none;
	width:auto;
}
dl.company dd .boxset02 .right{
	float:none;
	width:auto;
	margin:15px 0 0;
}

.bg{
	background-image: url(../../company/images/bg_white.png);
	background-position:right center;
	background-repeat:no-repeat;
}
dl.history{
	margin:20px 20px 0 20px;
	padding:0 0 30px;
	font-size:1.4em;
	overflow:hidden;
	line-height:1.6em;
}
dl.history dt{
	float:none;
	width:auto;
	font-weight:bold;
	margin:35px 0 0;
}
dl.history dd{
	float:none;
	width:auto;
	margin:0;
	padding:0;
}

.box04{
	width:auto;
	margin:auto;
	padding:10px 20px 20px;
}
.messeage{
	text-align:left;
	font-size:1.4em;
	line-height:2.4em;
	margin:40px 0;
}
.messeage br{
	display:none;
}
.box05{
	width:auto;
	margin:auto;
	padding:37px 0 0px;
	min-width:320px;
}
.box05 h3{
	margin:0;
}
.box05 h3 img{
	width:100%;
	height:auto;
}

.campany .box01 {
	padding:40px 20px;
}
.campany h3{
	margin:0;
}
.campany h3.title01 img{
	height:auto;
	width:112.5px;
}
.campany h3.title02 img{
	height:auto;
	width:172px;
}
.campany h3.title03 img{
	height:auto;
	width:109.5px;
}
.campany h3.title04 img{
	height:auto;
	width:113px;
}
.campany h3.title05 img{
	height:auto;
	width:258px;
}
.campany p.lead{
	margin:40px 0 35px;
	padding:0;
	text-align:left;
}
.campany p.sp01 img{
	width:238px;
	height:auto;
}
.campany p.sp02 img{
	width:168px;
	height:auto;
}
.campany p.sp03 img{
	width:240px;
	height:auto;
}
.campany h4{
	margin:23px 0;
}
.campany h4 img{
	height:auto;
	width:160.5px;
}

.campany p.lead02{
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size:1.6em;
		line-height:2em;
}
.campany p.bold{
	font-weight:bold;
	font-size:1.4em;
	line-height:1.8em;
	margin:24px 0 35px;
}
.boxset05 {
	overflow:hidden;
}
.boxset05 .left{
	float:none;
	width:auto;
	margin:0;
}
.boxset05 .center{
	float:none;
	width:auto;
}
.boxset05 .right{
	float:none;
	width:auto;
}

.iso{
	display:block;
	border:1px solid #4c2080;
	padding:26px 33px;
	overflow:hidden;
}
.iso .left{
	float:none;
	width:auto;
	margin:0;
}
.iso .right{
	float:none;
	width:auto;
	text-align:center;
}
.iso h4{
	margin:0;
	font-size:2.1em;
	text-align:center;
}
.iso p{
	font-size:1.4em;
	text-align:center;
}

.campany .box09 {}
.campany .box09 h4 {}
.campany .box09 p {
    margin: 15px 0 20px;
}
.campany .box09 h4 + p {}
.campany .box09 dl.border {
    padding: 1em 1em;
}
.campany .box09 dl.border dt,
.campany .box09 dl.border dd {}
.campany .box09 dl.border dt {}
.campany .box09 dl.border dd {}
.campany .box09 .box09_01 {}
.campany .box09 .box09_01 h5 {
}
.campany .box09 .box09_01 {}
.campany .box09 .box09_01 {}
.campany .box09 .box09_01 dl {}
.campany .box09 .box09_01 dl dt,
.campany .box09 .box09_01 dl dd {}
.campany .box09 .box09_01 dl dt {}
.campany .box09 .box09_01 dl dd {}

/* 施工実績
******************************************/
#case{
	padding:29px 0 29px;
}
#case h2{
	margin:0;
	padding:24px 0;
	background-size:70px 70px;
}
#case h2 img{
	width:106px;
	height:auto;
}
.box_wide01{
	width:auto;
	margin:auto;
	padding:0 0 28px;
}
.box_wide01 > ul{
	margin:0 auto;
	font-size:1.6em;
	list-style:none;
	padding:0;
	overflow:hidden;
	text-align:center;
	border-top:1px solid #4c2080;
}
.box_wide01 > ul li{
	margin:0;
	display: block;
}
.box_wide01 > ul li:last-child{
	margin:0;
}
.box_wide01 > ul li.current-menu-item a{
	border-top:none;
	display:block;
	font-weight: normal;
	padding:13px 0;
	color:#fff;
	background-color:#4c2080;
}
.box_wide01 > ul li a{
	display:block;
	padding:13px 0;
	color:#4c2080;
	text-decoration:none;
	border:none;
	border-bottom:1px solid #4c2080;
	background-color:#fff;
}




#case_list{
	overflow:hidden;
	margin:10px;
}
a .case_box{
	float:none;
	width:auto;
	margin:0 0px 10px 0;
	background-color:#FFF;
	padding:0 0 1px;
}
#case_list a:nth-child(4n) .case_box{
	margin:0 0 10px;
}
a .case_box p.img img{
	width:100%;
	height:auto;
}
#case_list h3{
	font-size:1.4em;
	line-height:1.2em;
	font-weight:bold;
}
#case_list a{
	text-decoration:none;
}

#case_list p.more{
	text-align:center;
	clear:both;
	padding:17px 0 0;
}
#case_list p.more a{
	width:80%;
	padding:8px 0;
}
#case_detail {
	padding:20px;
}
#case_detail h3{
	border:none;
	padding:0;
	margin:0 0 20px;
	font-size:2em;
	font-weight:normal;
	line-height:1;
	overflow:hidden;
}
#case_detail h3 span{
	float:none;
	font-size:60%;
	display:block;
	margin:0px 0 12px;
}
#case_detail .boxset03{
	clear:both;
	overflow:hidden;
}
#case_detail .boxset03 .left{
	float:none;
	width:auto;
}
#case_detail .boxset03 .right{
	float:none;
	width:auto;
}
#case_detail .boxset03 p{
	font-size:1.4em;
	margin:0 0 25px;
}
#case_detail .boxset03 dl{
	background:none;
	font-size:1.4em;
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
}
#case_detail .boxset03 dl dt{
	padding:0;
	width:auto;
	margin:0;
	clear:both;
	float:none;
	text-align:left;
	font-weight:bold;
	border:none;
}
#case_detail .boxset03 dl dd{
	margin:0 0 18px;
	border:none;
	float:none;
	padding:0;
	width:auto;
}

div#imageList ul {
    margin: 15px 0 0;
    padding: 0;
		list-style:none;
		overflow:hidden;
}
div#imageList li {
    float: left;
		width:62px;
		margin:0 10px 10px 0;
}
div#imageList li:last-child{
	margin:0;
}
div#imageList li img {
    width: 62px;
    height: 62px;
		overflow:hidden;
}
#case_detail .boxset03 .right img{
	width:100%;
	height:auto;
}

/* お問い合わせ
******************************************/
#contact{
	padding:30px 0;
}
#contact h2{
	margin:0;
	padding:24px 0;
	background-size:70px 70px;
}
#contact h2 img{
	width:150px;
	height:auto;
}
.box06{
	width:auto;
	margin:auto;
	padding:20px;
}
.box06 dl{
	margin:53px 0 27px;
	overflow:hidden;
	border-bottom:dotted 1px #4c2080;
	padding:0;
}
.box06 dl dt{
	clear:both;
	width:auto;
	float:none;
	margin:0 0 12px;
	line-height:1;
}
.box06 dl dd{
	width:auto;
	float:none;
}
.box06 dl dd input{
	width:100%;
	margin:0;
}
.box06 dl dd textarea{
	margin:0;
}

.box06 input[type=submit]{
	width:100%;
	margin:0;
}
.box06 input[type=button]{
	width:100%;
	margin:0 0 10px;
}
.box07{
	width:auto;
	margin:auto;
	padding:55px 20px 40px;
}
#thanks{
	border:none;
	padding:0;
}
#thanks h3{
	margin:0 0 65px;
}

/* リクルート
******************************************/
#recruit{
	padding:30px 0;
}
#recruit h2{
	margin:0;
	padding:24px 0;
	background-size:70px 70px;
}
#recruit h2 img{
	width:128px;
	height:auto;
}
#recruit_area{
	background:none;
	background-image:url(../images/bg_gray.png);
	padding:47px 20px;
}
#recruit_area .box08{
	width:auto;
	margin:auto;
	background:none;
	padding:0;
}

#recruit_area .box08 dl.detail{
	overflow:hidden;
	font-size:1.4em;
	margin:60px 0 0;
}
#recruit_area .box08 dl.detail dt{
	clear:both;
	float:none;
	width:auto;
	margin:0 0 10px;
}
#recruit_area .box08 dl.detail dd{
	float:none;
	width:auto;
	margin:0 0 30px;
}
#recruit_area .box08  div{
	margin:25px 0 0;
	background-color:#f4f4f4;
	padding:20px;
}
#recruit_area .box08  div dl{
	margin:0;
	padding:0;
	font-size:1.4em;
	overflow:hidden;
}
#recruit_area .box08  div dl dt{
	margin:0;
	float:none;
	width:auto;
}
#recruit_area .box08  div dl dd{
	margin:0;
	float:none;
	width:auto;
}


/* ブログ
******************************************/
#blog{
	padding:30px 0 30px;
}
#blog h2{
	margin:0;
	padding:24px 0;
	background-size:70px 70px;
}
#blog h2 img{
	width:83px;
	height:auto;
}
.box_wide02{
	width:auto;
	margin:auto;
	padding:0 0 20px;
}
.blog_box{
	margin:0 0 0px;
	overflow:hidden;
	background:none;
	padding:20px;
	border-bottom:1px solid #4c2080;
}
.blog_box .left{
	float:none;
	width:auto;
}
.blog_box .left img{
	width:100%;
	height:auto;
}
.blog_box .right{
	width:auto;
	float:none;
	position:relative;
	padding:0;
	margin:22px 0 0;
}
.blog_box p{
	margin:0;
	font-size:1.4em;
}
.blog_box .date{
	font-size:1.2em;
	margin:0;
}
.blog_box h3{
	font-size:2.6em;
	font-weight:normal;
	margin:12px 0 20px;
	line-height:1.2em;
}
.blog_box .more{
	position: relative;
	top: auto;
	right: auto;
	height: auto;
	margin:22px 0 0;
}
.blog_box .more a{
	border:none;
	width:auto;
	padding:0;
}

.box_wide02 > p.more{
	margin:18px 20px 0;
}
.box_wide02 > p.more a{
	padding:10px 0;
	display:block;
}
/* ブログ詳細
**********************************/
.box_wide03{
	width:auto;
	margin:auto;
	padding:0px 20px 20px;
}
.heading{
	border-left:7px solid #4c2080;
	padding:22px 0 0 18px;
	margin:0 0 25px;
}
.heading p{
	font-size:1.4em;
	margin:0;
}
.heading h3{
	margin:0;
	font-size:2.8em;
	font-weight:normal;
	margin:5px 0 0;
}
.box_wide03 > p{
	font-size:1.4em;
	margin:20px 0;
}
.box_wide03 > p img{
	width:100%;
	height:auto;
}

/* 強み
******************************************/
#advantage{
	padding:30px 0 0;
}
#advantage h2{
	margin:0;
	padding:24px 0;
	background-size:70px 70px;
}
#advantage h2 img{
	width:175px;
	height:auto;
}
#advantage .box01,
#advantage .box02,
#advantage .box03,
#advantage .box04{
	background:none;
	padding:0;
	width:auto;
}

#advantage  ul{
	margin:29px 0 0;
	border-top:1px solid #4c2080;
}
#advantage  ul.sp li{
	float:none;
	margin:0;
	width:100%;
	font-size:1.6em;
	letter-spacing:2px;
}
#advantage  ul li a{
	display:block;
	text-align:center;
	border:none;
	border-bottom:1px solid #4c2080;
	padding:7px 0;
	text-decoration:none;
	cursor:pointer;
	color:#4c2080;
}
#advantage  ul li.on a,
#advantage  ul li a:hover{
	background-color:#4c2080;
	color:#fff;
}
#advantage  ul.sp li:nth-child(even){
	border:none;
}


.box_wide04{
	width:auto;
	margin:auto;
	padding:66px 20px 62px;
}
.box_wide04 h3 img{
	height:auto;
}

.box_wide04 h3.title01 img{
	width:228px;
}
.box_wide04 h3.title02 img{
	width:98px;
}
.box_wide04 h3.title03 img{
	width:98px;
}
.box_wide04 h3.title04 img{
	width:98.5px;
}
.box_wide04 h3.title05 img{
	width:123px;
}

.boxset04{
	margin:0 0 50px;
}
.boxset04 .left{
	float:none;
	width:auto;
}
.boxset04 .left p.lead01,
.boxset04 .left p.lead02,
.boxset04 .left p.lead03,
.boxset04 .left p.lead04{
	margin:38px 0 44px;
	padding:0;
	text-align:left;
}
.boxset04 .left p.lead01 img{
	width:280px;
	height:auto;
}
.boxset04 .left p.lead02 img{
	width:280px;
	height:auto;
}
.boxset04 .left p.lead03 img{
	width:280px;
	height:auto;
}
.boxset04 .left p.lead04 img{
	width:280px;
	height:auto;
}

.boxset04 .right{
	float:none;
	width:auto;
	border:none;
	padding:0;
	margin:0;
}
.boxset04 .right img{
	width:100%;
	height:auto;
}
#advantage_page{
}
#advantage_page #case_list{
	overflow:hidden;
	margin:25px 0 0;
}
#advantage_page a{
	text-decoration:none;
}
#advantage_page a .case_box{
	float:none;
	width:auto;
	margin:0 0 20px 0;
	background-color:#FFF;
	display:block;
}
#advantage_page #case_list a:nth-child(4n) .case_box{
	margin:0;
}

#advantage_page #case_list a:hover h4,
#advantage_page #case_list a:hover p{
	opacity:0.8;
}
#advantage_page a .case_box h4{
	margin:13px;
	font-weight:normal;
	font-size:1.4em;
		color:#4c2080;
}
#advantage_page #case_list p.more{
	text-align:center;
	clear:both;
	padding:36px 0 0;
}
#advantage_page #case_list p.more a{
	width:auto;
	padding:8px 0;
	display:block !important;
}


/* 特集
******************************************/
/* インデックス
***************************/
#feature_area{
	padding:0;
}
#feature h2{
	padding:0;
	margin:0;
}
#feature h2 img{
	width:100%;
	height:auto;
}
.box_wide05{
	width:auto;
	margin:auto;
	padding:27px 0;
}
.box_wide05 p{
	margin:50px 0;
}
.box_wide05 p img{
	width:100%;
	height:auto;
}

/* 詳細ページ
***************************/
#feature_detail{
	padding:0 0 0;
	width:auto;
	margin:auto;
	position:relative;
}
#feature_detail p{
	display:none;
}
#feature_detail h2{
	padding:0;
	margin:0;
}
#feature_detail h2 img{
	margin:0;
	width:100%;
	height:auto;
}

.box_wide06{
	width:auto;
	margin:auto;
	padding:80px 0 35px;
}
.box_wide06 h3{
	margin:0 0 26px 20px;
}
.box_wide06 p.more{
	margin:0 20px;
}
.box_wide06 p.more a{
	display:block;
	padding:8px 0;
}

.boxset06{
	clear:both;
	overflow:hidden;
	margin:0 0 52px;
}
.boxset06 .left{
	float:none;
	width:auto;
	margin:0 20px;
}
.boxset06 .left p{
	font-size:1.4em;
	line-height:1.8em;
}
.boxset06 .left p.lead{
	margin:0 0 32px;
	text-align:left;
}
.boxset06 .left p#feature_detail_lead01 img{
	width:222px;
	height:auto;
}
.boxset06 .right{
	width:auto;
	float:none;
}
.boxset06 .right img{
	width:100%;
	height:auto;
}

.boxset07{
	clear:both;
	overflow:hidden;
	margin:0 0 120px 0;
}
.boxset07 p{
	margin:24px 0;
	font-size:1.4em;
	line-height:1.8em;
}
.boxset07 p.lead{
	margin:0 0 30px;
	text-align:left;
}
.detail02 .boxset06 p.lead img{
	max-width: 300px !important;
	width: auto !important;
}
.detail02 .boxset07 p.lead img{
	max-width: 300px !important;
	width: auto !important;
}
.detail02 .boxset08 p.lead img{
	max-width: 300px !important;
	width: auto !important;
}
.boxset07 p#feature_detail_lead02 img{
	width:177px;
	height:auto;
}
.boxset07 p#feature_detail_lead03 img{
	width:172px;
	height:auto;
}
.boxset07 p#feature_detail_lead04 img{
	width:237px;
	height:auto;
}
.boxset07 p#feature_detail_lead05 img{
	width:207px;
	height:auto;
}
.boxset07 p#feature_detail_lead06 img{
	width:192px;
	height:auto;
}
.boxset07 p.img{
	font-size:1.2em;
	margin:0;
}
.boxset07 p.img img{
	margin:0 0 10px;
}
.boxset07 .left{
	float:none;
	width:auto;
	border-left:5px solid #4c2080;
	padding:0 0 0 32px;
	margin:0 20px 96px 0;
}
.boxset07 .right{
	float:none;
	width:auto;
	border-left:5px solid #4c2080;
	padding:0 0 0 32px;
	margin:87px 20px 96px 0;
}
.boxset07 .right img{
	width:100%;
	height:auto;
}

.boxset07 > .left.last{
	margin:0 20px 0px 0;
}
.boxset07 > .right.last{
	margin:0 20px 96px 0;
}

.boxset07 .boxset{
	overflow:hidden;
	font-size:1.2em;
	width:100%;
}
.boxset07 .boxset img{
	margin:0 0 10px;
}
.boxset07 .boxset .left{
	border:none;
	padding:0;
	margin:0 0 24px;
	width:70%;
	float:none;
}
.boxset07 .boxset .right{
	border:none;
	padding:0;
	margin:0;
	width:70%;
	float:none;
	display:block;
}
.boxset07 .boxset .left img,
.boxset07 .boxset .right img{
	width:100%;
	height:auto;
}

.boxset08{
	clear:both;
	overflow:hidden;
	margin:0 20px 37px;
}
.boxset08 .left{
	float:none;
	width:auto;
}
.boxset08 .left p.lead{
	margin:0 0 30px;
	text-align:left;
}
.boxset08 .left p#feature_detail_lead07 img{
	width:237px;
	height:auto;
}
.boxset08 .right{
	float:none;
	width:auto;
	overflow:hidden;
	background-color:#fff;
	padding:26px 30px;
	margin:50px 0 0;
}
.boxset08 .right .left{
	width:auto;
	float:none;
}

.boxset08 .right .left p img{
	width:100%;
	height:auto;
}
.boxset08 .right .right{
	width:auto;
	padding:0;
	margin:24px 0 0;
	float:none;
}

/* ニュース
******************************************/
#news{
	padding:26px 0 32px;
}
#news h2{
	margin:0;
	padding:33px 0 ;
	background-size:70px 70px;
}
.box08{
	width:auto;
	margin:auto;
	padding:1px 20px 55px;
}
.news_list{
	margin:36px 0;
	overflow:hidden;
}
.news_list dt{
	display:block;
	background-color:#FFF;
	font-size:1.4em;
	width:50%;
	vertical-align:middle;
	text-align:center;
	float:left;
	padding:10px 0;
}
.news_list dd{
	display:block;
	margin:0;
}
.news_list dd.date{
	font-size:1.2em;
	color:#595858;
	width:50%;
	vertical-align:middle;
	text-align:center;
	padding:10px 0;
	float:right;
}
.news_list dd.news{
	font-size:1.4em;
	vertical-align:middle;
	clear:both;
	padding:15px 0 0;
}
.news_list dd.news p{
	margin:0;
}

/* プライバシーポリシー
******************************************/
#privacy{
	padding:30px 0;
}
#privacy h2 img{
	width:300px;
	height:auto;
}
#privacy_area {
	padding:20px;
}
#privacy_area p{
	font-size:1.2em;
	margin:16px 0 0;
}
#privacy_area p.lead{
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	margin:0 0 40px;
}
#privacy_area h3{
	border:none;
	padding:0;
	font-size:1.8em;
	margin:45px 0 16px;
}

/* トップページ
***********************************************************************************************************/
	#top #header{
		overflow:hidden;
		position:relative;
		height:auto;
		background-color:#fff;
		padding:0px 0 0;
	}
	/*#top #header #header_area h1{
		background-image: url(../images/logo_sp.png);
		background-position:0 0;
		background-repeat:no-repeat;
		background-size: 155px auto;
		background-color:#FFF;
		height: 36px;
		width:155px;
		position: relative;
		right: auto;
		top: auto;
		text-indent:-9999px;
		display:block;
		min-height:100%;
		margin:0 0 0px 8px;
		z-index:200;
		float:none;
	}
*/
#top #header nav ul li{
		float:none;
		text-indent:0px;
		margin:0 0 0 0px;
		display:inline;
		position:relative;
		width:100%;
	}
	#top #header nav ul li a{
		background-position:0 0;
		background-repeat:no-repeat;
		background:none;
		width:100% !important;
		display:block;
		height:auto !important;
	}
	#top #header nav ul li{
		top: auto !important;
	}
	h2{
		background-position:center;
		background-repeat:no-repeat;
		padding:17.5px 0 11.5px;
		margin:0 0 40px;
		text-align:center;
		line-height:1;
	}
p.lead{
	font-size:1.4em;
	text-align:left !important;
	line-height:2em;
	margin:0 20px;
}
p.lead br{
	display:none;
}
p.lead2{
	text-align:center !important;
}
p.lead2 br{
	display:block;
}


	/* 白背景
********************************************************************************/
.white h2{
	background-image:url(../images/icon_gray.png);
	background-size:44px 44px;
}
#top .white h2{
	background-image:url(../images/icon_gray.png);
	background-size:60px 60px;
	margin:0 0 10px;
}

/* グレー背景
********************************************************************************/
.gray h2{
	background-image:url(../images/icon_white.png);
	background-size:44px 44px;
}
#top .gray h2{
	background-image:url(../images/icon_white.png);
	background-size:60px 60px;
	margin:0 0 10px;
}



#slide_res ul li span{
		width:100px;
		display:block;
		position:absolute;
		bottom:5%;
		left:5.3%;
	}
	#top #head_area #slide_res h2{
		right:5.73%;
		top:15px;
		width:26.63%;
		height:50.3%;
	}
	.slick-prev{
	left:50px;
	}
	.slick-next{
		right:50px;
	}

/* 強み
*****************************************************/
#top #advantage{
	padding:25px 0 0;
	width:auto;
}
#top #advantage h2{
	padding:18px 0;
}
#top #advantage h2 img{
	height:auto;
	width:182px;
}

#ad_list{
	margin:20px 0 0;
	padding:0;
	border-top:1px solid #4b2080;
}
#ad_list .boxset01{
	clear:both;
	overflow:hidden;
	margin:0 0 0px;
}
#ad_list .boxset01 .left{
	float:none;
	border-bottom:1px solid #4b2080;
	width:100%;
	overflow:hidden;
	padding:11px;
}
#ad_list .boxset01 .right{
	float:none;
	width:100%;
	border-bottom:1px solid #4b2080;
	overflow:hidden;
	padding:11px;
}
#ad_list .boxset01 h3{
	margin:0px 0 6px;
	line-height:0;
	display:inline-block;
}
#ad_list .boxset01 h3.title01 img{
	width:180px;
	height:auto;
}
#ad_list .boxset01 h3.title02 img{
	width:91px;
	height:auto;
}
#ad_list .boxset01 h3.title03 img{
	width:92px;
	height:auto;
}
#ad_list .boxset01 h3.title04 img{
	width:116px;
	height:auto;
}
#ad_list .boxset01 p{
	margin:0;
	color:#595858;
	font-size:1.3em;
}
#ad_list .boxset01 p.img{
	line-height:0;
	border:none;
	float:left;
	width:95.5px;
	margin:0 18.5px 0 0;
}
#ad_list .boxset01 div div{
	float:left;
	width:58%;
}

	/* 施工事例
*****************************************************/
#top #case{
	padding: 30px 0 40px;
	overflow:hidden;
}
#top #case h2{
	padding:18px 0;
}
#top #case h2 img{
	width:106px;
	height:auto;
}
.slider{
	width:100%;
	position:relative;
	margin:25px 0 30px;
}
p.more a{
	border:1px solid #4c2080;
	padding:8px 47px 7px;
	color:#4c2080;
	text-decoration:none;
	display: inline-block;
	font-weight:bold;
}

	/* 特集
*****************************************************/
#top 	#feature_sp{
		display:block;
		margin: 0px 0 46px;
	}
#top 	#feature_sp .top img,
#top 	#feature_sp .btm img{
		width:100%;
		height:top;
	}
#top 	#feature_pc,
#top 	#feature_tb{
		display:none;
	}


/* リクルート
*****************************************************/
#top #recruit{
	border-bottom:3px solid #FFF;
	border-top:3px solid #FFF;
}

/* ニュース・ブログ
*****************************************************/
.box{
	padding:0 0 35px;
	width:auto;
	margin:0 10px;
}
.box h3{
	border:none;
	font-size:1.4em;
	font-weight:normal;
	margin:56px 0 6px;
	padding:0;
}
.box h3.title02_2{
    border-bottom: 1px solid #4c2080;
    padding: 0 0 12px 0;
    margin: 56px 0 14px;
}
.box h3.title01 img{
	width:76px;
	height:auto;
}
.box h3.title02 img{
	width:101px;
	height:auto;
}
.box h3 span{
	display:none;
}
.box h3 span a{
	color:#4c2080;
	text-decoration:none;
}
.box table{
	border-collapse:collapse;
	width:100%;
}
.box table th{
	padding:12px 0;
	border-top:1px solid #4c2080;
	border-bottom:1px solid #4c2080;
}
.box table td{
	padding:0 16px;
	font-size:1.1em;
	border-top:1px solid #4c2080;
	border-bottom:1px solid #4c2080;
}
.box table td span{
	color:#585858;
	margin:0 30px 0 0;
	display:block;
}
.box table#blog th{
	width:90px;
}

#top .news_list{
	margin:6px 0 20px;
	overflow:hidden;
	border-top:1px solid #4c2080;
	padding:12px 0 0;
}
#top .news_list dt{
	display:block;
	background-color:#FFF;
	font-size:1.4em;
	width:50%;
	vertical-align:middle;
	text-align:center;
	float:left;
	padding:6px 0;
}
#top .news_list dd{
	display:block;
	margin:0;
}
#top .news_list dd.date{
	font-size:1.2em;
	color:#595858;
	width:50%;
	vertical-align:middle;
	text-align:center;
	padding:6px 0;
	float:right;
}
#top .news_list dd.news{
	font-size:1.2em;
	vertical-align:middle;
	clear:both;
	padding:15px 0 12px;
	border-bottom:1px solid #4c2080;
}

.box p.list{
	display: block;
	text-align:center;
	margin:20px 0 0;
	font-size:1.2em;
}
.box p.list a{
	width:50%;
	background-color:#fff;
	display:block;
	margin:auto;
	padding:10px 0 8px;
	text-decoration:none;
	color:#4c2080;
}

/* フッター
********************************************************************************/
footer{
	clear:both;
	color:#FFF;
}
footer #footer_area{
	width:auto;
	margin:0 auto;
	overflow:hidden;
	padding:16px 0 0px;
}
#footer_area .logo{
	box-sizing:border-box;
	background-image:url(../images/footer_logo.png);
	background-position:0 center;
	background-repeat:no-repeat;
	background-size:74px;
	padding:8px 0 0 93px;
	float:none;
	width:300px;
	margin:0 auto;
}
#footer_area .logo h1{
	font-size:1.6em;
	margin:0 0 14px;
}
#footer_area .logo address{
	font-style:normal;
	font-size:1em;
}
	#foot_right{
		width:auto;
		margin:0 auto;
	}
#footer_area #sitemap{
	float:none;
	background-color:#FFF;
	margin:22px 0 0;
}
#footer_area #sitemap > ul{
	float:none;
	list-style:none;
	margin:0px 0 0;
	padding:0;
	font-size:1.2em;
	width:auto;
}
#footer_area #sitemap > ul li{
	background:none;
	padding:0;
	margin:0;
	border-top:1px solid #4c2080;
}
#footer_area #sitemap > ul li a{
	color:#4c2080;
	padding:9px 0 9px 35px;
	display:block;
}
#footer_area #sitemap > ul li ul li{
	background:none;
	padding:0;
}
#footer_area #sitemap > ul li ul li a{
	padding:9px 0 9px 57px;
	background-image:url(../images/icon_line2.png);
	background-position:48px center;
	background-size:3.5px 1px;
	background-repeat:no-repeat;
}
#footer_area a{
	color:#fff;
	text-decoration:none;
}

#footer_area #sns{
	width: 55%;
    margin-bottom: 20px;
    margin-top: 30px;
}

	
footer #copy{
	background:none;
}
footer #copy p{
	text-align:center;
	padding:17px 0;
	line-height:1;
	margin:0;
}
footer #copy p small{
	font-size:0.8em;
}

}

/* 20240611 */
dl.history.staff{
	font-size:16px;
	padding:53px 0;
	margin-bottom:0;
	border-top:1px solid #9A85B4;
	border-bottom:1px solid #9A85B4;
	background:white;
}

dl.history.staff dt{
	font-weight:600;
	margin-bottom:15px;
}

dl.history.staff dd{
	font-weight:300;
	margin-bottom:15px;
}

@media only screen and (max-width: 767px){
	dl.history.staff{
		margin-top:53px;
		padding-top:18px;
}
	
	dl.history.staff dd:last-child{
		margin-bottom:0;
}
}

/* 20240808 */
#top #renewal{
    padding: 87px 0 81px;
    overflow: hidden;
}

.renewal__main{
	width: 1080px;
	display:block;
	margin:0 auto;
}

#renewal h3{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	font-weight: 400;
	margin: 0 0 70px;
	line-height: 1.4;
	font-family: "kinuta-maruminold-stdn", serif;
	font-weight: 400;
	font-style: normal;	
}

.main__logo.renweal{
	display:block;
	margin:0 auto;
	width:498px;
}

.maru{
	font-family: "kinuta-maruminold-stdn", serif;
	font-weight: 400;
	font-style: normal;		
}

.re__sec1 h2{
	margin: 0;
	position:relative;
	text-align: center;
	font-size: 36px;
}

#renewal h3 img{
	width: 56px;
	display:block;
	margin-right: 14px;
	position:relative;
	top: -4px;
}

.re__sec1{
	padding:100px 0;
}

.plus__wrap{
	width: 1140px;
	max-width: 100%;
	padding:0 30px;
	box-sizing: border-box;
	margin:0 auto;
}

.re__sec1 .plus__wrap.pw__flex{
	margin-top: 120px;	
}

.plus__wrap.pw__flex{
	display:flex;

}

.pw__left{
	width: 50%;
	box-sizing: border-box;
	padding-right:115px;
}

.pw__right{
	width: 50%;
}

.pw__right img{
	max-width: 720px;
	margin-top: 90px;
}

.pw__left h3{
	margin: 0;
	font-size: 42px;
}

.pw__left p{
	font-size: 16px;
	margin:80px 0 0;
	line-height: 2.2;
}

.re__sec2{
	padding:110px 0;
	background-size: cover;
	background-position: center;
	background-image: url('../../images/renewal/gray-bg.png');
}

.pw__left2{
	width: 50%;
	box-sizing: border-box;
	padding-right: 60px;
}

.pw__left2 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position:relative;
}

.pw__left2 ul:before{
	content: '';
	position:absolute;
	left: 0;
	top: 3px;
	width: 1px;
	height: calc(100% - 18px);
	background: #4C2080;
}

.pw__left2 ul li{
	font-size: 20px;
	font-weight: 500;
	margin:0 0 35px;
	position:relative;
	padding-left: 38px;
	top: -4px;
}

.pw__left2 ul li:before{
	content: '';
	position:absolute;
	box-sizing: border-box;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	left: -8px;
	top: 5px;
	border:1px solid #4C2080;
	background:white;
}

.pw__left2 ul li.first:before{
	background:#4C2080;
}

.pw__left2 ul li.last:before{
	background:#4C2080;
}

.pw__left2 ul li.last{
	margin-bottom: 0;
}

.pw__right2{
	width: 50%;
	box-sizing: border-box;
	padding-left: 20px;
}

.pl2__box{
	width: 100%;
	background:white;
	box-sizing: border-box;
	padding:78px 110px;
}

.pw__right2 h3{
	font-size: 33px;
	margin:0;
	position:relative;
	padding-left: 20px;
	line-height: 1.35;
}

.pw__right2 h3:before{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: #4C2080;
}

.pw__right2 p{
	line-height: 2.2;
	margin:60px 0 0;
	font-size: 16px;
}

.re__sec3{
	padding:135px 0;
}

.re__sec3 h3{
	font-size: 33px;
	margin:0;
	position:relative;
	padding-left: 20px;
	line-height: 1.35;
}

.re__sec3 h3:before{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: #4C2080;
}


.sample__flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sample__flex .sf__col{
	width: 23.8%;
	box-sizing: border-box;
	border:1px solid #4C2080;
	margin-top: 22px;
	padding-bottom:38px;
}

.sample__flex .sf__col img{
	width: 100%;
}

.sf__text{
	font-size: 16px;
	line-height: 2;
	margin:80px 0 45px;
}

.sfc1{
	padding:0 19px;
	font-size: 20px;
	font-weight: 600;
	margin: 17px 0 4px;
}

.sfc2{
	font-size: 14px;
	padding:0 19px;
	margin: 0;
}

.re__sec4{
	padding:230px 0;
	background-size: cover;
	background-position: center;
	background-image: url('../../images/renewal/gray-bg2.png');	
}

.re__sec4 h3{
	margin: 0 0 80px;
	font-size: 33px;
	padding-left: 80px;
}

.rs4__flex{
	display:flex;
	padding:0 80px;
	align-items: end;
}

.rs4__left{
	width: 39%;
	box-sizing: border-box;
	padding-right: 40px;
}

.rs4__left p{
	font-size: 16px;
	margin:0 0 80px;
	line-height: 2;
}

.rs4__left img{
	width: 100%;
}

.rs4__right{
	width: 61%;
	box-sizing: border-box;
}

.rs4__right img{
	width: 100%;
}

.rs4__left .caption , .rs4__right .caption{
	font-size: 20px;
	font-weight: 600;
	margin:12px 0 0;
}

.main__logo.renweal.mb{
	margin-bottom:70px;
}

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

	.pw__right img{
		max-width: calc(100% + 30px);
	}

}

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

	.pw__left{
		padding-right: 50px;
	}

	.pw__left h3{
		font-size: 34px;
	}

	.pw__left p{
		font-size: 15px;
	}

	.pw__left2{
		padding-right: 50px;
	}

	.pl2__box{
		padding:75px 40px;
	}

	.pw__left2 ul li{
		font-size: 18px;
	}

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

	.pw__right2 p{
		font-size: 15px;
		margin-top: 45px;
	}

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

	.sf__text{
		font-size: 15px;
		margin:60px 0 40px;
	}

	.sample__flex .sf__col{
		width: 32.5%;
	}

	.re__sec4 h3{
		padding: 0;
		font-size: 28px;
		margin:0 0 60px;
	}

	.rs4__flex{
		padding: 0;
	}

	.rs4__left p{
		font-size: 15px;
		margin:0 0 60px;
	}

	.re__sec1 .plus__wrap.pw__flex{
		margin-top: 100px;
	}

	.plus__wrap.pw__flex{
		margin: 0;
	}

	.re__sec3{
		padding:110px 0;
	}

	.re__sec4{
		padding:110px 0;
	}



}







@media only screen and (max-width: 767px){
	
	.main__logo.renweal{
		width:420px;
	}
	
	.main__logo.renweal.mb{
		width:340px;
		margin-bottom:30px;
	}

	#renewal h3{
		margin-bottom: 35px;
		font-size: 32px;
	}

	#renewal h3 img{
		width: 46px;
	}

	.plus__wrap{
		padding:0 20px;
	}

	.plus__wrap.pw__flex{
		display:block;
	}

	.pl2__box{
		padding:60px 15vw;
	}

	.pw__left{
		width: 100%;
		padding: 0;
	}

	.pw__left2{
		padding: 0;
		width: 100%;
	}

	.pw__right{
		width: 100%;
	}

	.pw__right img{
		max-width:100%;
		position:relative;
	}

	.re__sec1 .plus__wrap.pw__flex{
		margin-top: 80px;
	}

	.pw__right2{
		padding: 0;
		width: 100%;
		margin:50px 0 0;
	}

	.sample__flex .sf__col{
		width: 48%;
	}

	.rs4__flex{
		display:block;
	}

	.rs4__left{
		width: 100%;
		padding: 0;
		margin-bottom: 35px;
	}

	.rs4__left p{
		margin:0 0 20px;
	}

	.rs4__right{
		width: 100%;
	}

}

@media only screen and (max-width: 480px){
	
	.main__logo.renweal{
		width:330px;
		max-width:100%;
	}

	.re__sec1{
		padding:80px 0;
	}

	.re__sec1 h2{
		font-size: 30px;
	}

	.pw__left h3{
		font-size: 25px;
	}

	.pw__left p{
		font-size: 14px;
		margin:40px 0 0;
	}

	.pw__right img{
		margin:40px 0 0;
	}

	.re__sec1 .plus__wrap.pw__flex{
		margin-top: 50px;
	}

	.re__sec2{
		padding:80px 0;
	}

	.pw__left2 ul li{
		font-size: 16px;
		margin-bottom: 27px;
	}

	.pw__right2 h3 , .re__sec3 h3{
		font-size: 23px;
	}

	.pw__right2 p{
		font-size: 14px;
		margin-top: 40px;
	}

	.sf__text{
		font-size: 14px;
		margin:50px 0 30px;
	}

	.sfc1{
		font-size: 18px;
		padding:0 10px;
	}

	.sfc2{
		font-size: 13px;
		padding:0 10px;
	}

	.re__sec3 , .re__sec4{
		padding:80px 0;
	}

	.re__sec4 h3{
		font-size: 23px;
		margin:0 0 40px;
	}

	.rs4__left p{
		font-size: 14px;
	}

	.rs4__left .caption, .rs4__right .caption{
		font-size: 18px;
	}

	.main__logo.renweal.mb{
		width:330px;
		margin-bottom:30px;
	}









}

/* 追加20241007 */


#footer_area .logo{
	position:relative;
	padding-bottom:100px;
}

.mynavi__area{
	position:absolute;
	left:0;
	bottom:0;
}

.mynavi__area a{
	transition:0.2s;
}

.mynavi__area a:hover{
	opacity:0.7!important;
}

@media only screen and (max-width: 1024px){
	
	.mynavi__area{
		left:50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	
}

@media only screen and (max-width: 767px){
	
	#footer_area .logo{
		padding-bottom:0;
		margin-bottom:90px;
	}
	
	.mynavi__area{
		bottom:-70px;
	}
	
	.mynavi__area a img{
		width:160px;
	}
	
}