/*------------------------------------
  フォント読み込み
-------------------------------------*/
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Patrick+Hand&display=swap');



/*------------------------------------
  デフォルト設定
-------------------------------------*/
* {
  /* my font */
	--sans: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --serif: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	--Noto: 'Noto Sans JP', var(--sans);
  --PH: 'Patrick Hand', var(--serif); 

  /* my color */
  --White: #fff;
  --transWhite: rgba(255, 255, 255, 0.9);
  --Black: #555;
  --placeholder: #AAA;
  --darkGray: #797979;
  --Gray: #D5D5D5;
  --lightGray: #eaeaea;
  --darkPink: #F299A6;
  --Pink: #FFBFC8;
  --lightPink: #FCF0F3;
  --Orange: #F27824;
  --TWITTER: #0098EC;
  --LINE: #00AF59;

  /* webkit */
  -webkit-focus-ring-color: none;

  /* base css */
  border: none;
	margin: 0;
	padding: 0;
}

html {
  color: var(--Black);
  font-size: 16px;
  font-family: var(--Noto);
  font-weight: 300;
  line-height: 1.6;
}

body {
  width: 100vw;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
b,
a,
blockquote,
address,
big,
cite,
code,
font,
img,
small,
strike,
sub,
sup,
ul,
li,
ol,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td,
span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
  font-weight: bold;
}

h1 {
  font-size: 2rem;  /* 32px*/
}
@media screen and (max-width: 599px) {
  h1 {
    font-size: 1.5rem;  /* 24px*/
  }
}

h2 {
  font-size: 1.8rem;  /* 28.8px*/
}
@media screen and (max-width: 599px) {
  h2 {
    font-size: 1.4rem;  /* 22.4px*/
  }
}

h3 {
  font-size: 1.6rem;  /* 25.6px*/
}
@media screen and (max-width: 599px) {
  h3 {
    font-size: 1.33rem;  /* 21.28px*/
  }
}

h4 {
  font-size: 1.4rem;  /* 22.4px*/
}
@media screen and (max-width: 599px) {
  h4 {
    font-size: 1.28rem;  /* 20.48px*/
  }
}

h5 {
  font-size: 1.25rem;  /* 20px*/
}
@media screen and (max-width: 599px) {
  h5 {
    font-size: 1.2rem;  /* 19.2px*/
  }
}

h6 {
  font-size: 1.1rem;  /* 17.6px*/
}

a {
  display: inline;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
  a:not(.no_link):hover {
    cursor: pointer;
    opacity: 0.6;
  }

small {
  display: inline-block;
  color: inherit;
  font-size: 10px;
  line-height: 1.2;
}

span {
  display: inline-block;
  white-space: nowrap;
}

li {
  list-style: none;
}

img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

table,
th,
td {
  border: none;
  border-collapse: collapse;
}

input {
  font-size: 1rem;
}
  input:focus {
    outline: none;
  }

::placeholder {
  color: var(--placeholder);
  font-weight: 200;
}
::-webkit-input-placeholder { /* safari */
  color: var(--placeholder);
  font-weight: 200;
}
::-ms-input-placeholder {  /* 旧Edge対応 */
  color: var(--placeholder);
  font-weight: 200;
}
:-ms-input-placeholder {  /* IE対応 */
  color: var(--placeholder);
  font-weight: 200;
}