/* CSS Document */

/* PC ここから-------------------------------- */
@media (min-width: 768px) {
	.smp , .sp{display:none;}

}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}

}
/* スマホ ここまで-------------------------------- */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;	/*IE7,MacIE5*/
	min-height: 1%;	/* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.5;

}	

h1{
	text-indent:-9999px;
}

a img{
	border:0px;
}

a:link{
    color:#523a22;
}

a:hover{
    color:#866647;
}

a:visited{
    color:#866647;
}

.clear{
	clear:left;
	line-height:0px;

}

.clear_rignt{
	clear:right;
	line-height:0px;

}

.clear_3{
	clear:left;
	line-height:3px;
}


.clear_5{
	clear:left;
	line-height:5px;
}


.clear_10{
	clear:left;
	line-height:10px;
}

.clear_20{
	clear:left;
	line-height:20px;
}

.clear_30{
	clear:left;
	line-height:30px;
}


.big{
	font-weight:bold;
}





.urlon{
	color:#c45b2d;
}

.pagettl{margin-bottom : 30px;}
.pagettl .h1{
	font-family: 'STIX Two Text', serif;
	font-size:200%;
}

.secttl , .secttl2{
	font-family: 'Mukta', sans-serif;
	font-size:100%;
	background:#676666;
	color:#ffffff;
	padding : 0 7px;
}


.pagettlline , .pagettlline2{
	background: url(../img/dot.png) repeat-x 0 50% ;
}
.secttl2 , .pagettlline2{margin-top : 40px;}

.mainimage img{width:100%;}


.topworks img{
		width : 100%;
		border:1px solid #727171;
	}

.topworkssub img{
		width : 100%;
		border:1px solid #727171;
	}

.innerttl a{
	background:#eb6100;
	color:#FFFFFF;
	padding : 1px 5px;
	font-size: 75%;
	border-radius: 5px;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0);
	text-decoration:none;
}


.phonenumber{
	display:inline-block;
	font-size : 130%;
	margin-left:3px;
}
.phonenumber a{
	color:#000000;
	text-decoration:none;
}
.yt{
	position:relative;
	width:100%;
	padding-top:56.25%;
	  margin : 15px 0 30px 0;
  }
  .yt iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
  }
.hissu{color:#FF6600;}
  
/* PC ここから-------------------------------- */
@media (min-width: 901px) {
	.topworks , .topworkssub{
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
	}
	
	.mailform .ttl{
		display :inline-block;
		vertical-align: top;
		width : 15em;
		margin-bottom:10px;
	}
	.mailform .val{
		vertical-align: top;
		display :inline-block;
		width : 30em;
		margin-bottom:10px;
	}
	.mailform .val input{
		width : 100%;
		padding:5px;
		font-size:110%;
		border:1px solid #777777;
		border-radius: 3px;
	}
	.mailform .val2 input{
		width : 200px;
		vertical-align: top;
		padding:5px;
		font-size:110%;
		border:1px solid #777777;
		border-radius: 3px;
	}
	.mailform .val textarea{
		width : 100%;
		height : 120px;
		padding:5px;
		font-size:135%;
	}

	.innerttl a{
		display :inline-block;
		margin-left : 10px;
	}
	.gmap{width:700px;}
	.main{
		width:770px;
		margin:-100px auto 50px auto;
	}
	.logo{
		width:105px;
		height:91px;
		background-image:url(../img/logo.jpg);
	}
	.information .inner , .concept{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	

	.index_box_22{
		width : 230px;
	}
	.index_box_sub{
		width : 170px;
	}

	.index_box_22:not(:nth-child(3n)) {
		margin-right:32px;
	}

	.index_box_sub:not(:nth-child(4n)) {
		margin-right:25px;
	}


	
	.footer_in{
		width:730px;
		margin:0px auto;
	}
	.footer_in_left{
		width:180px;
		float:left;
	}
	.footer_in_right{
		float:right;
		line-height:30px;
		margin-right:-50px;
	}
	.footer{
		height : 30px;
	}
	
	
	.about_tbl{
		width : 650px;
		font-size:12px;
		line-height:24px;
		border-collapse:collapse;
		border-spacing:0;
	}
	
	.about_tbl td{
		width : 460px;
	}
	.about_tbl .pro{
		width : 90px;
	}
	
	.about_tbl th{
		padding:5px;
		text-align:left;
		vertical-align:top;
		width : 90px;
	}
	
	.menu img{
		margin:0 0 10px 7px;
	}

	.txt{
		line-height : 1.5;
		width:750px;
		padding : 10px 20px;
	}

	.txt .innerttl{
		color:#c45b2d;
		padding :15px 0 0 25px;
	}
	.txt .innertxt{
		padding :3px 0 0 45px;
	}
	.mainimage{
		margin : 0 0 25px 0;
	}


	.information .inner{
		margin : 25px 0 0 0;
		padding:0 0 0 20px;
	}
	.informationImg{
		width : 200px;
	}	
	.informationImg img{
		border: 1px solid #727171;
		width : 100%;
	}
	.informationTxt{
		width : 530px;
		line-height : 1.5;
	}
	.informationTxt span{
		display: block;
		margin-bottom : 3px;
	}

	.concept{
		margin : 25px 0 0 0;
	}
	.conceptTxt{
		width : 50%;
	}
	.conceptTxt2{margin:10px 0;}

	.conceptImg{
		width : 46%;
	}

	.concept div img{
		width : 100%;
	}
	.concept .ttl{
		display : block;
		margin: 10px 0 5px;
		font-size : 125%;
	}
	.concept .ttl2{
		display : block;
		margin: 10px 0;
	}
	
.index_box_title_2{
	font-weight:bold;
	font-size:16px;
	text-align:left;
	margin:10px 0 5px 10px;
}


.index_box_com_2{
	text-align:left;
	margin:5px 0 50px 10px;
	line-height:1.4;
}

.formcomment a{color : #000000;text-decoration: none;}


}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 900px) {
	.topworks , .topworkssub{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	

	.mailform .ttl{
		display :block;
		vertical-align: top;
		width : 100%;
		margin-bottom:5px;
	}
	.mailform .val{
		vertical-align: top;
		display :block;
		width : 100%;
		margin-bottom:10px;
	}
	.mailform .val input{
		width : 100%;
		padding:5px;
		font-size:110%;
		border:1px solid #777777;
		border-radius: 3px;
	}
	.mailform .val2 input{
		width : 60%;
		vertical-align: top;
		padding:5px;
		font-size:110%;
		border:1px solid #777777;
		border-radius: 3px;
	}
	.mailform .val textarea{
		width : 100%;
		height : 120px;
		padding:5px;
		font-size:135%;
	}

	.innerttl a{
		display :block;
		margin : 3px 0;
		width:6em;
		text-align:center;
	}
	.main{
		width:100%;
		margin:0px auto 50px auto;
	}
	.logo{
		width:70px;
		background:url(../img/logo.jpg) no-repeat;
		background-size: contain;
	}
	.menu{
		width : 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
	}
	.menu img{
		margin:15px 3px 0 3px;
	}


	.txt{
		line-height : 1.5;
		padding : 10px 0;
	}
	.txt .innerttl{
		color:#c45b2d;
		padding :15px 5px 0 5px;
	}
	.txt .innertxt{
		padding :0 5px 0 5px;
	}

	.information .inner{
		margin : 25px 0 0 0;
	}
	.wrapper{
		margin : 0 15px;
	}
	.index_box_22 , .index_box_sub{
		width : 48%;
	}

	.topworks img , .topworkssub img{
		width : 100%;
	}


	.movielink{
		margin:-10px 0px 50px 0px;
	
	}
	.footer_in_left{
		margin-left : 5px;
	}
	.footer_in_right{
		margin:0 15px;
		line-height: 1.7;
	}


	.about_tbl{
		width : 100%;
		font-size:12px;
		border-collapse:collapse;
		border-spacing:0;
	}
	.about_tbl th , .about_tbl td{
		display : block;

	}

	.about_tbl th{
		padding:15px 0 0 0;
		text-align:left;
		vertical-align:top;
	}
	
	.informationImg{
		text-align:center;
	}	
	.informationImg img{
		border: 1px solid #727171;
		margin-bottom : 8px;
	}
	.informationTxt{
		line-height : 1.5;
		margin-bottom : 20px;
	}

	.informationTxt span{
		display: block;
		margin-bottom : 3px;
	}
	.concept{
		margin : 25px 0 0 0;
	}
	.conceptTxt{

	}
	.conceptTxt2{margin:10px 0;}

	.concept div img{
		margin-top:5px;
		width : 100%;
	}
	.concept .ttl{
		display : block;
		margin: 10px 0 5px;
		font-size : 125%;
	}
	.concept .ttl2{
		display : block;
		margin: 10px 0;
	}

	.index_box_com_2{
		text-align:left;
		margin:5px 0 30px 10px;
		line-height:1.4;
	}

	
.index_box_title_2{
	font-weight:bold;
	text-align:left;
	margin:10px 0 5px 0;
}
.index_box_com_2{
	text-align:left;
	margin:5px 0 20px 0;
	line-height:1.4;
}

}
/* スマホ ここまで-------------------------------- */







.index_box{
	width:210px;
	float:left;
}

.index_box_2{
	width:270px;
	float:left;
	height:380px;
}


.index_box_e{
	width:158px;
	float:left;
}

.index_box_e_2{
	width:230px;
	float:left;
}

.index_box_title{
	font-size:10px;
	width:158px;
	text-align:left;
	margin-top:5px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.index_box_com_b{
	font-size:8px;
	width:158px;
	text-align:left;
	margin-top:5px;
	font-weight:600;
}


.index_box_com{
	font-size:6px;
	width:158px;
	text-align:left;
	margin-top:2px;
	margin-bottom:35px;
}



.index_box_com_b_2{
	font-size:12px;
	text-align:left;
	margin-top:5px;
	font-weight:600;
}




.index_box_title_3{
	font-size:14px;
	text-align:left;
	margin-top:5px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.index_box_com_b_3{
	font-size:12px;
	text-align:left;
	margin-top:5px;
	font-weight:600;
}


.index_box_com_3{
	font-size:10px;
	text-align:left;
	margin-top:2px;
	margin-bottom:35px;
}





.footer{
	background-color:#000000;
}


.footer_in_right{
	color:#FFFFFF;
	font-size:10px;

}


.footer_up{
	margin:0px auto;
	height:70px;
}




.pro_com{
	padding:5px;	

}

.pro{
	padding:0px;	

}

.contact_left{
	float:left;
	width:183px;

}

.contact_right{
	float:left;
	width:395px;
}

.contact_tbl{
	font-size:10px;
	line-height:24px;
	border-collapse:collapse;
    border-spacing:0;
}

.contact_tbl th{
	padding:5px;
	text-align:left;
	vertical-align:top;
}

.coution{
	font-weight:normal;
	color:#FF6600;
	font-size:8px;
}

.reset{
    border: 0px;
    width: 101px;
    height: 18px;
	background-image:url(../img/contact_btn_01_off.jpg);
	cursor: pointer;

}

.send{
    border: 0px;
    width: 99px;
    height: 18px;
	background-image:url(../img/contact_btn_02_off.jpg);
	cursor: pointer;
}

.coutoin_txt{
	line-height:28px;
	font-weight:bold;
	font-size:14px;
}

.coutoin_in{
	line-height:12px;
	font-size:10px;
}