/* Use Fonts */
.zenKakuGo { /* For body text */
  font-family: "Zen Kaku Gothic New", sans-serif;
  /*font-weight: <400,500>;*/
  font-style: normal;
}

.shipporiMincho {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.murecho { /* For Numbers*/
  font-family: "Murecho", sans-serif;
  font-optical-sizing: auto;
  /*font-weight: <weight>; 100-900*/
  font-style: normal;
}

.notoSans { /* For Company */
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  /*font-weight: <weight>; 100-900*/
  font-style: normal;
}

.jost { /* For English */
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  /*font-weight: <weight>; 100-900*/
  font-style: normal;
}

.zenMaruGo { /* For Title */
  font-family: "Zen Maru Gothic", sans-serif;
  /*font-weight: <500,700>;*/
  font-style: normal;
}

/*-------------------*/

html{
    scroll-behavior: smooth;
}

p{
    font-size: 1.5vw;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 2.75vw;
    
}

tr,td,th{
    font-size: 1.75vw;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 2.75vw;
    
}


h1,h2,h3,h4,h5{
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    margin: 0;
}

h1{
    font-size: 5vw;
}

h2{
    font-size: 3.5vw;
    letter-spacing: 0.5vw;
}

h3{
    font-size: 2.75vw;
    letter-spacing: 0.5vw;
}

h4{
    font-size: 2vw;
}

h5{
    font-size: 1.75vw;
}

.annotation{
    font-size: 1.15vw;
    line-height: 2vw;
}

.flexContainer{
    display: flex;
}

.flexTitle{
    display: flex;
    align-items: center;
}

.centering{
    display: grid;
    justify-content: center;
    text-align: center;
}

.bg-white{
    background-color: #fff;
    padding: 7.5vw 0;
}

.bg-blue{
    background-color: #E9F3FF;
    padding: 7.5vw 0;
}

.block-white{
    background-color: #fff;
    border-radius: 1vw;
    padding: 3vw 4vw;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 3vw;
}

.block-blue{
    background-color: #E9F3FF;
    border-radius: 1vw;
}

.textbg-blue{
    background-color: #1A6AE5;
    color: #fff;
    padding: 0vw 1vw;
    height: fit-content;
    margin-left: 1.5vw;
}

.coverText{
    color: #1A6AE5;
    margin-bottom: -1.5vw;
    letter-spacing: 0.25vw;
}

.price{
    color: #FF0000;
    font-family: "Jost", sans-serif;
    font-weight: 600;
}

.text-red{
    color: #FF0000;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 800;
}

.unit{
    font-size: 3vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 800;
}
.unit-s{
    font-size: 1.5vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 800;
}

.marginAuto{
    margin: 0 auto;
}

.alignLeft{
    text-align: left;
}



.text-blue{
    color: #1A6AE5;
}

.marginTop{
    margin-top: 5vw;
}

.nowrap{
    text-wrap: nowrap;
}

