@charset "utf-8";
/* CSS Document */

.hoikuup {
    padding: 20px 10px 30px;
    background: url("../images/hoikuup/bg_01.jpg") repeat;
     color: #333;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
}
p {
    margin: 0;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    line-height: 1.6;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    display: block;
}
.about , .box01 , .appendix {
    text-align: center;
    padding: 15px 15px 20px;
    background: #fff;
    border: 2px solid #20a3e6;
    border-radius: 10px;
}
.about h1 {
    margin: 10px 0 30px;
}
.about > img {
    width: 80%
}
.about .tx01 {
    text-align: left;
    margin-top: 25px;
    font-weight: bold;
}
.info {
    margin-top: 10px;
    text-align: left;
}
.info li {
    margin-top: 5px;
    line-height: 1.5;
}
.info .icon {
    color: #20a3e6;
}
.about .bt01 {
    margin-top: 15px;
}
.about .bt02 {
    margin-top: 8px;
}
.box01:nth-of-type(n+2) {
    margin-top: 15px;
}
.flex {
    display: -webkit-flex;
    display: flex;
}
.point .pink {
    display: block;
    color: #f75979;
    font-weight: bold;
    line-height: 1.8;
    padding-bottom: 5px;
}
.point.inner01 {
    margin-top: 5px;
}
.pointLink {
    margin-top: 3px;
}
.pointLink li {
    margin-top: 8px;
}
.appendix {
    margin: 15px 0 15px;
}
.appendix h2 {
    margin: 0;
    text-align: left;
}
.appendixImg {
    margin-top: 15px;
}
.appendix .txImg01 {
    margin-top: 15px;
}
.appendix .tx01 {
    text-align: left;
    margin-top: 10px;
}
.appendix .tx02 {
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
    padding-left: 12px;
    position: relative;
}
.appendix .tx02:before {
    position: absolute;
    content: "※";
    display: block;
    left: 0px;
}
.appendix a {
    margin: 5px 0 10px;
}
.appendix .flex.type01 {
    align-items: baseline;
}
.appendix a {
    margin-top: 15px;
}

.box01 h3 {
    margin: 10px 0 15px;
    text-align: left;
    margin-block-start: 0;
    margin-block-end: 0;
}

#point01 {
    text-align: left;
    padding-bottom: 30px;
}
#point01 .pageImg01 {
    text-align: center;
    margin-top: 20px;
}
#point01 .tx01 {
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.7;
}
#point01 .upchan {
    text-align: center;
    margin-top: 25px;
}
#point01 h4 {
    font-size: 16px;
    margin: 25px 0 0;
    padding: 0 0 3px 18px;
    border-bottom: 2px dotted #20a3e6;
    position: relative;
}
#point01 h4:before {
    display: block;
    position: absolute;
    content: "●";
    color: #20a3e6;
    left: 0;
}
#point01 dl {
    align-items: -webkit-flex-start;
    align-items: flex-start;
}
#point01 dt {
    line-height: 1.0;
    background: #20a3e6;
    padding: 4px 0 7px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    width: 60px;
    height: 10px;
    text-align: center;
}
#point01 dd {
    line-height: 1.0;
    margin-left: 10px;
    margin-top: 0px;
    font-weight: bold;
    width: calc( 100% - 70px );
}
#point01 dd span {
    display: block;
    line-height: 1.4;
    font-weight: normal;
    font-size: 13px;
    padding-top: 2px;
}
#point01 dl:nth-of-type(n+2) {
    margin: 10px 0 0;
}
#point01 .nenkan .tx03 {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    border: 2px solid #20a3e6;
    border-radius: 10px;
    padding: 12px 12px;
    font-weight: bold;
}
#point01 .nenkan .note {
    margin-top: 20px;
    font-size: 12px;
}
#point02 {
    text-align: left;
}

#point02 .inner01:nth-of-type(n+2) {
    border-top: 2px dotted #20a3e6;
}

#point02 .needs {
    margin-top: 30px;
    }
#point02 .arrow {
    margin: 20px 0 10px;
    text-align: center;
}

#point02 .title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
}

#point02 .teacher {
    margin-top: 3px;
    padding-left: 43px;
    position: relative;
}
#point02 .teacher:before {
    position: absolute;
    content: "指導：";
    display: inline-block;
    left: 0;
}
#point02 .note {
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
}
#point02 .pageImg01 {
    text-align: center;
    margin: 20px 0 35px;
}
#point02 .inner01 .blue {
    font-size: 16px ;
    font-weight: bold;
    color: #20a3e6;
    line-height: 1.5;
}
#point02 .pointlist {
    list-style: none;
    font-size: 14px;
    margin-top: 15px;
}
#point02 .pointlist li {
    padding-left: 16px;
    position: relative;
    margin-top: 8px;
    line-height: 1.5;
}
#point02 .pointlist li:before {
    position: absolute;
    content: "●";
    left: 0;
    color: #20a3e6
}
#point02 .pageImg01 p:nth-of-type(n+2) {
    margin-top: 10px;
}

#point02 .more {
    margin-top: 30px;
}

#point02 .subtitle {
    padding-left: 30px;
    font-weight: bold;
    font-size: 16px;
    margin-top: 2px;
    position: relative;
}

#point02 .subtitle:before {
    display: inline-block;
    content: "";
    position: absolute;
    background: url("../images/hoikuup/ic_01.png") no-repeat;
    width: 25px;
    height: 16px;
    left: 0;
    top:7px;
}

#point02 .titleWrap:nth-of-type(n+2) {
    margin-top: 20px;
}
#point02 .upchan {
    margin-top: 25px;
    text-align: center;
}

#point03 {
    text-align: left;
}
#point03 .tx01 {
    margin-top: 25px;
    font-weight: bold;
}
#point03 .tx02 {
    line-height: 1.3;
    font-weight: bold;
    color: #20a3e6;
    font-size: 22px;
}
#point03 .tx02 span {
    font-size: 18px;
}

#point03 .tx03 {
    text-align: left;
    font-size: 14px;
    margin-top: 15px;
}
#point03 .cover {
    margin-top: 20px;
    text-align: center;
}

#point03 .upchan {
    margin-top: 25px;
    text-align: center;
}

#point03 .note {
    font-size: 12px;
    margin-top: 30px;
}

.koudokuBt {
    margin-top: 20px;
    text-align: center;
}