@charset "utf-8";
/*==========================
common
==========================*/
:root {
    --primary-pastelblue: rgba(73,189,240,0.200);
    --primary-pastelblue-full: #B0D0E0;
    --primary-white: #FFFFFF;
    --primary-black: #000000;
    --primary-red: #FF0000;
    --primary-darkblue: #09579E;
    --primary-darkgreen: #017873;
    --primary-paleyellow: #FFFFE0;
    --primary-lightyellow: #FFFFFA;
    --primary-ultralightyellow: #FFFFFC;
    --primary-raddishbrown: #772B01;
    --primary-orange: #F08448;
    --primary-gray: #D9D9D9;

    --contentWidth: 91.4%;
    --contentPadding: 4.2%;
}

html {
    font-size: 62.5%;
}

body {
    font-family:
        "Noto Sans JP",
        sans-serif;
    font-style: normal;
    color: var(--primary-black, #000000);
    background-color: var(--primary-white, #FFFFFF);
    line-height: 1.5;
    overflow-x: hidden;
    /* padding-top: 60px;      header 固定用 */
}

input,
textarea {
    font-family: "Noto Serif JP"; 
    font-size: 1.5rem;   
    font-weight: 400;
    line-height: normal;         
}

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

/* Scrool Top */
.pagetop {
  position: fixed;
  right: 4px;
  bottom: 174px;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
}

.pagetop__image {
    width: 30px;
    height: 90px;
}

@media screen and (min-width: 1025px) {
    .pagetop {
        bottom: 111px;
    }
}