@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap');*/

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Document */
/* ============================================ */
html {
 font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.15;
 -webkit-text-size-adjust: 100%;			/*  スマホ等で閲覧時、文字サイズの自動調整しないようにする（Chrome/Safari/ほとんどのiOSブラウザ）  */
	overflow: auto;																			/*  横幅いっぱいに広げる  */
		
}
html {
 font-size: 62.5%;
	font-style: normal;
	font-weight: 400;
 -webkit-tap-highlight-color: transparent;
}
html {
	/*scroll-snap-type: y proximity;
	scroll-padding-top: 260px;
 scroll-behavior: smooth;*/
}

body {
 margin: 0;
}

body {
 font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;				/* 16px; */
	font-style: normal;
	font-weight: 400;
 line-height: 1.5;
 color: #333333;
}

body {
  min-height: 100vh;														
  /* scroll-behavior: smooth;								スムーズなアンカースクロール */
  text-rendering: optimizeSpeed;		/*  文字表示の速さ  */
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

p,
table,
blockquote,
address,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

h1 {
  /* font-size: 3.2rem;			/*32px */
}

h2 {
  /* font-size:2.8rem;				/*28px*/
}

h3 {
  /*font-size: 2.4rem;			/*24px*/
}

h4 {
  /*font-size: 1.8rem;			/*18px*/
}

h5 {
  /*font-size: 1.6rem;			/*16px*/
}

h6 {
  /*font-size: 1.2rem;			/*12px*/
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}

/* Text-level semantics */
/* ============================================ */
a {
  text-decoration: none;
  background-color: transparent;			/*   transparent指定すると色が透明になる   */
}

/*  a:hover 要素の上にかざした時の動作 ／ a:active 選択時に押し下げた時の動作  */
a:active,
a:hover {
  outline: 0;
}

/*  a:hover 要素の上にかざした時の動作 ／ a:focus 選択後の動作  */
a:hover, a:focus {
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*  文字の輪郭をスキップする効果  */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

b,
strong {
  /*font-weight: bold;*/
  font-weight: bolder;
}

/*  上付き文字要素（sup）／下付き文字要素（sub）  */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {	/*下付き文字*/
  bottom: -0.25em;
}

sup {	/*上付き文字*/
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}
img {
  border: 0;
}

/* Grouping content */
/* ============================================ */
hr {
  height: 0;
  box-sizing: content-box;
		overflow: visible;		/* Edge and IE */
}

address {
  font-style: inherit;
}

/* Forms */
/* ============================================ */
button,
input,
optgroup,
select,
textarea {
	  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; 
}

input {
  line-height: normal;
}

[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* disabled属性=非活性 */
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
  cursor: default;
}

/* ↓追加  スマホ等の誤作動を防止 */
:where(button, [type='button'], [type='reset'], [type='submit']) {
  touch-action: manipulation;
}

[type="search"] {
  -webkit-appearance: none;		/* ウィジェット機能を無効にする（×印） */
		outline-offset: -2px; /* Safari */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
		overscroll-behavior-block: contain;			/* 追加  スマホ等の誤作動を防止 */
}

/*multiple＝複数の選択肢を同時に選択できる*/
/*size＝同時に表示する選択肢の数を指定する*/
select[multiple],
select[size] {
  height: auto;
}

/* ↓<select> 要素内の選択肢のグループ */
optgroup {
  font-weight: bold;
}

option {
  padding: 0;
}

label {
  display: inline-block;
  max-width: 100%;
}

label[for] {
  cursor: pointer;
}

/* Tables */
/* ============================================ */
table {
  border-color: inherit;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/*  ↓（追加）タップ操作orポインター操作の区別を行い、タップデバイスでのホバーアクションを無効にする  */
@media (any-hover: hover) {
  /*.button:hover {
    background-color: var(--background-hover);
  }*/
}

/*.fax {
	cursor: default;
	pointer-events: none;
}*/
@media all and (min-width: 769px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 768px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}