@charset "UTF-8";


/*cssリセット------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	}
	
	body {
		font: 0.9em/1.4 Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		margin: 0;
		padding: 0;
		color: #000;
		}
		
		
		/*セリフ体*/
		.font_serif{
		font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		}
		
		html, body{
		margin:0;
		width:100%;
		
		}

	
/*イメージの枠を消す*/
a img {
	border: none;
}
/*テキストリンク*/
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/*floatの解除*/
.float_clear{overflow:hidden;}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}


img{
max-width: 100%;
height: auto;
width:auto;
vertical-align: bottom;
}


.main{
	background:#e3e4e4;

}




/*	●●●●●●●●●●	*/

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

	.main{
		width : 1050px;
		margin : 0 auto;
		border : 1px solid #231815;
		box-sizing: border-box;
	}
	.head{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
	}
	.logo{
		width : 210px;
		margin : 50px 0 10px 50px;
	}
	.phone{
		width : 315px;
		margin : 50px 0 10px 380px;
	}
	.instagram{
		width : 25px;
		margin : 85px 0 10px 5px;
	}
	.introduction{
		background:#000000;
		text-align :center;
		padding-bottom : 85px;
	}
	.menu{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom : 50px;
	}
	.menu div{
		width : 195px;
		border-left: 1px solid #ffffff;
		padding:50px 0 15px 0;
	}
	.menu img{
		width : 120px;
	}

	.mainimg{width : 890px;}

	.menu div:last-child {
		border-right: 1px solid #ffffff;
	}
	.menu a:hover img:not(.no_opacity){
		opacity:.8;
	}
		
	.wecan{
		padding : 95px 0 0 0;
		text-align: center;
		font-size : 125%;
		line-height: 2;
		width : 770px;
		margin : 0 auto;
	}
	.wecan h2{
		font-size : 140%;
		display: block;
		font-weight : bold;
		margin-bottom : 45px;
	}
	.wecan .inner{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.wecan .inner div{
		width : 230px;
		text-align: center;
	}
	.wecan .inner div img{
		margin-bottom : 20px;
	}
	.wecan .inner div span{
		font-size : 140%;
		font-weight : bold;
	}
	.wecan .inner .txt{
		font-size : 90%;
		text-align: left;
		line-height: 1.5;
		height : 210px;
	}
	.sodan{
		margin : 10px 0;
		background : #ffffff;
		font-size : 80%;
	}

	.wecan .inner ul{
		margin-top : -15px;
		width : 85%;
		padding : 0px 15px 0 25px;
		color : #a70b13;
		text-align : left;
		line-height: 1.5;
		height : 100px;
	}
	.wecan .inner li{
		list-style-type: none;
	}
	.wecan .inner li::before {
		position: relative;
		top: -2px;
		left: -10px;
	  
		display: inline-block;
	  
		width: 3px;
		height: 3px;
	  
		content: '';
	  
		border-radius: 100%;
		background: #a70b13;
	  }


	.sec-ttl{
		border-left : 5px solid #a70b13;
		padding : 0 0 0 8px;
		margin-bottom : 5px;
		font-size : 120%;
	}
	.sec-ttl-wrap{
		border-bottom : 1px solid #231815;
		margin : 100px 100px 0 100px;
	}



	.instagram-txt{
		font-size : 120%;
		text-align : center;
	}
	.instagram-txt h2{
		font-size : 150%;
		font-weight : bold;
		margin : 50px 0 10px 0;
	}
	.instagram-txt img{
		width : 50px;
		margin : 30px 0;
	}


	.mailform{
		margin : 70px 140px 0 140px;
	}
	.mailform span{
		color : #a70b13;
	}
	.mailform input[type="text"] , .mailform input[type="email"]{
		margin : 3px 0 20px 0;
		width : 370px;
		padding:5px;
	}
	.mailform .ckv{
		margin : 3px 0 20px 0;
		padding:5px;
		display: inline-block;
		color : #000066;
		font-weight : bold;
	}

	.mailform div{
		margin : -17px 0 20px 0;
		font-size : 85%;
	}

	.back{
		text-align: center;
		margin : 50px 0;
	}



	.mailform textarea{
		width : 90%;
		height : 120px;
		padding:5px;
	}
	.mailform input[type="submit"]{
		border : none;
		border-radius: 6px;
		padding:5px;
		background : #a70b13;
		width : 200px;
		color : #ffffff;
		text-align : center;
		font-weight : bold;
	}

	.mailform .submit{
		margin : 35px 0 40px 0;
		text-align: center;
	}

	.about{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin : 70px 140px 0 140px;
	}
	.about .inner-l{
		width : 55%;
	}
	.about .inner-r{
		width : 40%;
	}
	.about img{
		margin-bottom : 30px;
	}
	.about .txt-left{
		display : inline-block;
		width : 60px;
		margin-right : 20px;
		margin-bottom : 15px;
		text-align:justify;
		text-align-last: justify;
	}
	.about .txt-right{
		display : inline-block;
		margin-bottom : 15px;
		font-weight : bold;
	}


	.footer{
		text-align: center;
		padding : 200px 0 80px 0;
		font-size : 80%;
	}


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


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



	.main{
		margin : 0 auto;
		padding : 10px 0px;
	}

	.main .head .logo{
		width : 60%;
		margin : 10px auto;
	}
	.main .head .phone{
		width : 60%;
		margin : 10px auto;
	}
	.main .head .instagram{
		width : 10%;
		margin : 10px auto;
	}

	
	.introduction{
		background:#000000;
		text-align :center;
		padding : 10px 0;
	}
	.menu{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom : 20px;
	}
	.menu div{
		width : 22%;
		border-left: 1px solid #ffffff;
		padding:0 0 5px 0;
	}
	.menu img{
		width : 80%;
	}

	.mainimg{width : 890px;}

	.menu div:last-child {
		border-right: 1px solid #ffffff;
	}
	.menu a:hover img:not(.no_opacity){
		opacity:.8;
	}


	.wecan{
		padding : 15px 15px 0 15px;
		text-align: center;
		font-size : 125%;
		line-height: 1.5;
		margin : 0 auto;
	}
	.wecan h2{
		font-size : 120%;
		display: block;
		font-weight : bold;
		margin-bottom : 15px;
	}
	.wecan .inner{
		width:100%;
	}

	.wecan .inner .pic3{
		width : 90%;
		margin : 0 auto;
		text-align: center;
	}
	.wecan .inner div img{
		margin-bottom : 10px;
	}
	.wecan .inner div span{
		font-size : 140%;
		font-weight : bold;
	}
	.wecan .inner .txt{
		text-align: left;
		line-height: 1.5;
		padding-bottom : 10px;
	}

	.sodan{
		background : #ffffff;
		font-size : 80%;
		margin : 0;
	}

	.wecan .inner ul{
		width : 85%;
		padding : 0 15px 5px 25px;
		color : #a70b13;
		text-align : left;
		line-height: 1.5;
		margin-bottom : 50px;
	}
	.wecan .inner li{
		list-style-type: none;
	}
	.wecan .inner li::before {
		position: relative;
		top: -2px;
		left: -10px;
	  
		display: inline-block;
	  
		width: 3px;
		height: 3px;
	  
		content: '';
	  
		border-radius: 100%;
		background: #a70b13;
	  }



	  .sec-ttl{
		border-left : 5px solid #a70b13;
		padding : 0 0 0 8px;
		margin-bottom : 5px;
		font-size : 120%;
	}
	.sec-ttl-wrap{
		border-bottom : 1px solid #231815;
		margin : 100px 25px 0 25px;
	}



	.instagram-txt{
		font-size : 120%;
		text-align : center;
	}
	.instagram-txt h2{
		font-size : 150%;
		font-weight : bold;
		margin : 30px 0 10px 0;
	}
	.instagram-txt img{
		width : 50px;
		margin : 30px 0;
	}





	.mailform{
		margin : 30px 40px 0 40px;
	}
	.mailform span{
		color : #a70b13;
	}
	.mailform input[type="text"] , .mailform input[type="email"]{
		margin : 3px 0 20px 0;
		width : 90%;
		padding:5px;
	}
	.mailform div{
		margin : -17px 0 20px 0;
		font-size : 85%;
	}
	.mailform textarea{
		width : 90%;
		height : 120px;
		padding:5px;
	}
	.mailform input[type="submit"]{
		border : none;
		border-radius: 6px;
		padding:5px;
		background : #a70b13;
		width : 90%;
		color : #ffffff;
		text-align : center;
		font-weight : bold;
	}

	.mailform .submit{
		margin : 25px 0 40px 0;
	}

	.mailform .ckv{
		margin : 3px 0 20px 0;
		padding:5px;
		display: inline-block;
		color : #000066;
		font-weight : bold;
	}


	.back{
		text-align: center;
		margin : 50px 0;
	}






	.about{
		margin : 20px 25px 0 25px;
	}
	.about .inner-r{margin-top : 30px;}
	.about img{
		margin-bottom : 30px;
	}
	.about .txt-left{
		display : inline-block;
		width : 60px;
		margin-right : 20px;
		margin-bottom : 15px;
		text-align:justify;
		text-align-last: justify;
	}
	.about .txt-right{
		display : inline-block;
		margin-bottom : 15px;
		font-weight : bold;
	}


	.footer{
		text-align: center;
		padding : 80px 0;
		font-size : 80%;
	}

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

/* ●●●●●●●●●●  ここまで */