@media (prefers-reduced-motion: no-preference) { 
html:focus-within {
    scroll-behavior: smooth;
  }
  /*<div id="point_01" tabindex="-1"></div>*/
}
:root {
  --main-color: #1E538C;/*濃い青*/
  --main-color2: #13AEEB;/*水色*/
  --font-color: #333333;/*黒*/
}
/***********共通 sp ***********/
html{
	/* ルートのフォントサイズを10pxに設定*/
	font-size: 62.5%;
	height:100%;
	-webkit-overflow-scrolling: touch;
	 /*iphoneで勝手に文字サイズ大きくしない*/
	-webkit-text-size-adjust: 100%;
}
body{
  /* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
  font-size: 1.6em;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;  
  overflow-x: hidden;
  line-height: 1.6;
  color: var(--font-color);
  overflow-wrap: break-word;/*テキストの折り返し*/
}
/*ゴシック /Thin100/ExtraLight200/Light300/Regular400/Medium500/SemiBold600/Bold700/ExtraBild800/black900*/
.noto_sans{
	font-family: "Noto Sans JP", sans-serif;
}
/*Open Sans /Light300/Regular400/Medium500/SemiBold600/Bold700/ExtraBild800*/
.open_sans{
  font-family: "Open Sans", system-ui;
  font-weight: 700;
}

.clear::after{
	content: '';
	display: block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
img{
	width:100%;
	vertical-align:top;/*余計な余白なしで*/
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	text-decoration: none;
	color: var(--font-color);
	transition: .3s;
}
a:hover{
	opacity: 0.7;
	transition: .3s;
}
h1,h2,h3,h4,h5,p,div,ul,li{
	margin:0;
	padding: 0;
	font-weight: normal;
}
li{
	list-style-type: none;
}
.sp{
	display: block;
}
.tab{
	display: none;
}
.sptab{
	display: block;
}
.pc{
	display: none;
}
.tabpc{
	display: none;
}
/*iphoneのボタン勝手にまるくしない*/
 input[type="button"],input[type="submit"],nput[type="reset"] {
    -webkit-appearance: none;
  }


@media (min-width:768px){
/***********共通 tab ***********/
	body {
		/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
		font-size: 1.6em;
	}
	/*タブレットPCでは電話かけない*/
	a[href^="tel:"]{
		pointer-events: none;
	}
	.sp{
			display: none;
		}
	.tab{
		display: block;
	}
	.sptab{
		display: block;
	}
	.pc{
			display: none;
		}

	.tabpc{
		display: block;
	}

}

@media (min-width:1024px){
/***********共通 pc ***********/
	body {
		/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
		font-size: 1.6em;
	}
	.sp{
			display: none;
		}
	.pc{
			display: block;
		}
	.tab{
		display: none;
	}
	.tabpc{
		display: block;
	}
	.sptab{
		display: none;
	}
}