@charset "utf-8";
/*******************************************
	/css/basic.css
*******************************************/
/*------------------------------------------
	reset
------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
    font-feature-settings: "pkna";
	/* font-feature-settings : "palt" 1; */
	font-weight: normal;
}

hr{display:none; margin:0; padding:0; border:none; font-size:0; line-height:0;}
a{
	color:inherit;
	text-decoration:none;
	outline: none;
}
/* アスタリスク（*）だとslickのinfinite機能がおかしくなるためaタグのみに対応 */
a:not(body):hover {
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
@media all and (-ms-high-contrast: none){
  option:not(body):hover {
		transition: none;
	}
}
a:hover{
	opacity: 0.7;
}
address{
	font-style:normal;
}
p{
	line-height:1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
img{
	border:none;
	width:auto;
	max-width:100%;
    height: auto;
}

img[src$=".svg"] {
    width: 100%;
}

ul{
	list-style-type:none;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

/*------------------------------------------
	common
------------------------------------------*/

/*--------------clear--------------*/
.clearfix::after,.clear::before {content: ""; display: block; overflow: hidden; height: 0;}
.clearfix::after {clear: both;}

/*--------------positon--------------*/
.po_relative{
	position: relative;
}	

/*--------------hover--------------*/
.img_link_on a:hover img {
    opacity: .7 !important;
    filter: alpha(opacity=70) !important;/* ie lt 8 */
    -ms-filter: alpha(opacity=70) !important;/* ie 8 */
    -moz-opacity: .7 !important;/* FF lt 1.5, Netscape */
    -khtml-opacity: .7 !important;/* Safari 1.x */
    transition: .4s;
}

/*--------------tel--------------*/
.tel {
    cursor: default !important;
    text-decoration: none;
}

.tel:hover {
    text-decoration: none !important;
}

/*--------------switch--------------*/

@media screen and (min-width: 750px) {
	.pc_br:before {	content: "\A" ;	white-space: pre ;}
	.pc_none {display: none !important; }
}

 @media screen and (max-width: 750px) {
	.sp_br:before {	content: "\A" ;	white-space: pre ;}
	.sp_none{display: none !important;}
}

/*--------------スマホメニュー開時にbody要素を固定する--------------*/
.fixed {
  position: static;
  width: auto;
  height: auto;
}

@media screen and (max-width: 750px) {
    .fixed {
      position: fixed;
      width: 100%;
      height: 100%;
    }

}

/*--------------アコーディオンボ開閉領域をくくる--------------*/
.aco_next{
    display: none;
}

/*--------------親要素widthやpaddingを無視して子要素を横幅いっぱいにする--------------*/

@media screen and (max-width: 750px) {
	.fluid-box{
	    width: 100vw !important;
	    max-width: 100vw !important;
		min-width: 100vw !important;
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	}
}