html {
    scroll-behavior: smooth;
}

body {
    margin: 0px 0px;
    padding: 0px 0px;
    overflow-x: hidden;
    font-family: NotoSans;
}

a {
    color: #666;
    text-decoration: none;
}

a:visited {
    color: #666;
    text-decoration: none
}

a:active {
    color: #666;
    text-decoration: none
}

a:hover {
    color: #666;
    text-decoration: none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

.blank10 {
    width: 100%;
    height: 10px;
    clear: both;
    overflow: hidden;
}

.blank20 {
    width: 100%;
    height: 20px;
    clear: both;
    overflow: hidden;
}

.blank30 {
    width: 100%;
    height: 30px;
    clear: both;
    overflow: hidden;
}

.blank40 {
    width: 100%;
    height: 40px;
    clear: both;
    overflow: hidden;
}

.blank50 {
    width: 100%;
    height: 50px;
    float: left;
    overflow: hidden;
}

.blank60 {
    width: 100%;
    height: 60px;
    clear: both;
    overflow: hidden;
}

.blank70 {
    width: 100%;
    height: 70px;
    clear: both;
    overflow: hidden;
}

.blank80 {
    width: 100%;
    height: 80px;
    clear: both;
    overflow: hidden;
}

.blank90 {
    width: 100%;
    height: 90px;
    clear: both;
    overflow: hidden;
}

.blank100 {
    width: 100%;
    height: 100px;
    clear: both;
    overflow: hidden;
}

.blank110 {
    width: 100%;
    height: 110px;
    clear: both;
    overflow: hidden;
}

.blank120 {
    width: 100%;
    height: 120px;
    clear: both;
    overflow: hidden;
}

.blank130 {
    width: 100%;
    height: 130px;
    clear: both;
    overflow: hidden;
}

.blank140 {
    width: 100%;
    height: 140px;
    clear: both;
    overflow: hidden;
}

.blank150 {
    width: 100%;
    height: 150px;
    float: left;
    overflow: hidden;
}

.blank160 {
    width: 100%;
    height: 160px;
    clear: both;
    overflow: hidden;
}

.blank170 {
    width: 100%;
    height: 170px;
    clear: both;
    overflow: hidden;
}

.blank180 {
    width: 100%;
    height: 180px;
    clear: both;
    overflow: hidden;
}

.blank190 {
    width: 100%;
    height: 190px;
    clear: both;
    overflow: hidden;
}

.blank200 {
    width: 100%;
    height: 200px;
    clear: both;
    overflow: hidden;
}

.blank210 {
    width: 100%;
    height: 210px;
    clear: both;
    overflow: hidden;
}

.pc-box {
    display: block;
}

.phone-box {
    display: none;
}

.pc-box-flex {
    display: flex;
}

.phone-box-flex {
    display: none;
}

@media screen and (max-width: 1000px) {
    .pc-box {
          display: none;
    }

    .phone-box {
          display: block;
    }

    .pc-box-flex {
          display: none;
    }

    .phone-box-flex {
          display: flex;
    }
}