@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */

.mb0{margin-bottom: 0 !important;}
.mt0{margin-top: 0 !important;}

.sp{display: none;}

@media screen and (max-width:720px) {
    .pc{display: none;}
    .sp{display: block;}
}
body {
    font-weight: normal;
	font-family: "monospace", "Noto Sans Japanese", "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

main h1{
    font-size: 3.2rem;
}
main h2{
    font-size: 2.8rem;
}

@media screen and (max-width:720px) {
    main h1{
        font-size: 2.8rem;
    }
    main h2{
        font-size: 2.4rem;
    }
    main h3{
        font-size: 2.2rem;
    }
}


ol > li ol li:before{
    font-weight: normal;
}
#terms .lNav{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #cccccc;
}
#terms .lNav a{
    width: 50%;
    margin: 0;
    padding: 10px 0;
    display: block;
}
#terms .lNav a:first-child{
    border-right: 1px solid #cccccc;
}
#terms .lNav a p{
    text-align: center;
    margin: 0;
}
#terms ol > li{
    margin-left: 2em;
}
#terms ol > li:before{
    font-weight: normal;
    position: relative;
    font-size: 1.4rem;
    left: 0;
    margin-right: 0.5em;
    text-indent: -2em;
    margin-left: -0.5em;
}
@media screen and (max-width:720px) {

    #terms ol > li:before{
        display: inline-block;
        text-indent: -1em;
    }
}

#ambassador p.lead{
    font-size: 1.6rem;
}

/* 20180423 add */

#soichirotakaoka {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
@media screen and (min-width: 721px) {
    #soichirotakaoka .frame {
        width: calc(100% / 3 - 20px);
    }
    #soichirotakaoka #sp_caption{
      display: none !important;
    }
}
@media screen and (max-width: 720px) {
    #soichirotakaoka .frame {
        width: 100%;
    }
    #soichirotakaoka .frame:not(:first-child) {
        margin-top: 2em;
    }
    #soichirotakaoka .frame:not(:last-child) {
        margin-bottom: 2em;
    }
    #soichirotakaoka #st1{
      order: 2;
    }
    #soichirotakaoka #st2{
      order: 1
    }
    #soichirotakaoka #st3{
      order: 3
    }
    #soichirotakaoka #pc_caption {
      display: none !important;
    }
    #soichirotakaoka #st_caption {
      font-size: 1.4rem;
    }
}