/*//////////////////////////////////////////////////*/

/*/フォントの読み込み//*/
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Noto+Sans+JP:wght@100..900&display=swap');

/*/基本の色・サイズ/*/
:root {
  --color-red: #8a2f2f;
  --color-tarupo: #d9a01c;
  --color-white: #ffffff;
  --accent-color:#FFEB00;
  --inner-bg-color:#ffffff;
  --bg-yellow: #fdedc7;
  --bg-red: #841d1d;
  --bg-gradient: linear-gradient(135deg, #d9a01c 7%, #e8be5d 25%, #d9a01c 50%, #e8be5d 73%, #d9a01c 94%);
  --main-color:#EF577A;
  --font-size-M: clamp(0.875rem, 0.75rem + 0.63vw, 1.5rem); /*/ min14px-max24px / viewport min320px-max1920px / */
  --font-size-S: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);  /*/ min12px-max18px / viewport min320px-max1920px / */
  --font-size-L: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);  /*/ min18px-max30px / viewport min320px-max1920px / */
  --font-size-XL: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);  /*/ min24px-max36px / viewport min320px-max1920px / */
}


/*/基本のフォント/*/
body {
  font-family: "Noto Sans JP", sans-serif;
}
.v-application {
  font-family: "Noto Sans JP", sans-serif;
}


/*/背景/*/
body .theme--light.v-application {
}


#app .header__logo{
  max-width: 200px;
}

/*//////////////////////////////////////////////////*/

.inner {
  max-width:900px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
  font-size: var(--font-size-M);
  padding: 1%;
}

@media screen and (max-width: 599px) {
  .inner {
    width: auto;
    padding: 0 20px;
  }
}

.center{
  text-align: center;}

.left{
  text-align: left;}



/*//////////////////////////////////////////////////*/

.font-size-S{
    font-size:var(--font-size-S);}
.font-size-M{
    font-size:var(--font-size-M);}
.font-size-L{
    font-size:var(--font-size-L);}
.font-size-XL{
    font-size:var(--font-size-XL);}
    
.inner img{
  width: 100%;
  max-width: 900px;
}
.inner p{
  padding:1%;
}



* {
  font-family: inherit;
}

img {
  max-width: 100%;
  height: auto;
}