@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

a {
	color: #000000;
	text-decoration:underline;
	transition: all 0.3s ease-in-out 0s;
}

a:hover {
	color: #666666;
	text-decoration:none;
}

a:hover img{
opacity: 0.7
}

img{
max-width: 100%;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.flex_wrap_left {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	justify-content:flex-start
}
.flex_wrap_center {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex_wrap_end {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.clearer {
	clear: both;
}

.center{
text-align: center !important
}

.sp{
display: none;
}

#sp_header{
display: none
}

/********************************
headerの検索窓
********************************/
.header_search{
	position:relative;
	z-index:1001;
}

.header_search .search_box{
	position:absolute;
	top:4px;
	right:280px;
	width:200px;
}

.header_search .search_box .wp-block-search input.wp-block-search__input {
    padding: 2px 6px;
	font-size:14px;
}

.header_search .search_box .wp-block-search .wp-block-search__button {
    padding: 2px 6px;
	font-size:14px;
}

/********************************
お問い合わせページ
********************************/
.post-name-otoiawase form{
	max-width:740px;
	margin:0 auto;	
}

sup{
	color:#ff0000;
	font-size:14px;
}

textarea{
	line-height:1.5;
}

/********************************
レスポンシブ
********************************/

@media screen and (min-width: 768px) {
	 a[href^="tel:"] {
		 pointer-events: none;
		 cursor: default;
	}
}
 
 
@media screen and (max-width: 1250px) {

}


@media screen and (max-width: 991px) {
/********************************
headerの検索窓
********************************/
.header_search{
display:none;
}

}


 
@media screen and (max-width: 768px) {
.sp{
display: block
}

.pc{
display: none;
}

}


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

}