/*スマホサイズ&タブレットのメディアクエリ*/
@media only screen and (max-width: 960px) {
    
}

/* 日本語フォントcss */
.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* 英語フォントcss */
.josefin-sans-<uniquifier> {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


/* ロゴ */
header {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    margin-left: 5px;
}

header {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
}

header .logo:hover {
    opacity: 0.3;
    transition: .3s;
}

/* セクション① <イラスト> */
section01a {
    text-align: center;
}

section01a .ill {
    width: 300px;
    height: auto;
}

/* セクション① <タイトル> */
section01b {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 11px
}

section01b {
    line-height:22px
}

section01b .title1 {
    overflow: hidden;
    margin-top: 40px;
}

/* セクション① <テキスト> */
section01b .text1 {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

section01b .text1 {
    line-height:20px
}

section01b .text1 {
    overflow: hidden;
    margin-top: 6px;
}


/* セクション② <イラスト> */
section02a {
    text-align: center;
}

section02a .ill {
    width: 320px;
    height: auto;
    margin-top: 200px;
}

/* セクション② <タイトル> */
section02b {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 11px
}

section02b {
    line-height:22px
}

section02b .title2 {
    overflow: hidden;
    margin-top: 20px;
}

/* セクション② <イラスト-サブＡ> */
section02c {
    text-align: center;
}

section02c .ill {
    width: 230px;
    height: auto;
    margin-top: 40px;
}

/* セクション② <テキスト-サブＡ> */
section02d .text2 {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

section02d .text2 {
    line-height:20px
}

section02d .text2 {
    overflow: hidden;
    margin-top: 10px;
}

/* セクション② <サブＢ> */
section02e .flex {
    display: flex;
    justify-content: center;
}

/* セクション② <イラスト-サブＢ> */
section02e .ill {
    width: 190px;
    margin-top: -20px;
    margin-left: 10px;
}

section02e .flex {
    margin-top: 70px;
}

/* セクション② <テキスト-サブＢ> */
section02e .text2 {
  text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

section02e .text2 {
    line-height: 20px
}

section02f .text2 {
    margin-top: 15px;
}

section02f .text2 {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}


/* セクション② <サブＣ> */
section02h .flex {
    display: flex;
    justify-content: center;
}

/* セクション② <テキスト-サブＣ> */
section02g .text2 {
    margin-top: 70px;
    margin-bottom: 25px;
}

section02g .text2 {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

/* セクション② <イラスト-サブＣ> */
section02h .ill {
    width: 130px;
    margin-top: -10px;
    margin-right: 10px;
}

/* セクション② <テキスト-サブＣ> */
section02h .text2 {
  text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

section02h .text2 {
    margin-top: 22px
}

section02h .text2 {
    line-height: 20px
}




/* セクション③ <イラスト> */
section03a {
    text-align: center;
}

section03a .ill {
    width: 250px;
    height: auto;
    margin-top: 300px
}

/* セクション③ <タイトル> */
section03b {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 11px
}

section03b {
    line-height:22px
}

section03b .title3 {
    overflow: hidden;
    margin-top: 10px;
}

/* セクション③ <テキスト> */
section03b .text3 {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

section03b .text3 {
    line-height:20px
}

section03b .text3 {
    overflow: hidden;
    margin-top: 6px;
}




/* セクション④ <イラスト> */
section04a {
    text-align: center;
}

section04a .ill {
    width:  350px;
    height: auto;
    margin-top: 300px
}

/* セクション④ <タイトル> */
section04b {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 11px
}

section04b {
    line-height:22px
}

section04b .title4 {
    overflow: hidden;
    margin-top: 20px;
}

/* セクション④ <テキスト> */
section04b .text4 {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

section04b .text4 {
    line-height:20px
}

section04b .text4 {
    overflow: hidden;
    margin-top: 6px;
}




/* セクション⑤ <イラスト> */
section05a {
    text-align: center;
}

section05a .ill {
    width:  300px;
    height: auto;
    margin-top: 300px
}

/* セクション④ <タイトル> */
section05b {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 11px
}

section05b {
    line-height:22px
}

section05b .title5 {
    overflow: hidden;
    margin-top: 20px;
}

/* セクション④ <テキスト> */
section05b .text5 {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 10px
}

section05b .text5 {
    line-height:20px
}

section05b .text5 {
    overflow: hidden;
    margin-top: 6px;
}






/* ロゴ */
footer {
    text-align: center;
    margin-top: 40px;
    margin-bottom: ;
    margin-top: 250px;
}

footer .logo:hover {
    opacity: 0.3;
    transition: .3s;
}


/* クレジット */
.row {
text-align: center;
font-size: 7px;
font-weight: 300;
letter-spacing: 1px;
margin-top: 10px;
}

.row {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}