#second-visualcontents::before{background: url('../img/beginner/header-image.png') center center no-repeat;background-size: contain;}
.bgn-container { position: relative; }
.bgn-container::before { content:''; display: block; width: 29%; height: 100%; background: url(../img/beginner/content-bg01.png) no-repeat top right; position: absolute; top:-94px; left: 0; z-index: -1;}
.bgn-container::after { content:''; display: block; width: 29%; height: 100%; background: url(../img/beginner/content-bg02.png) no-repeat top left; position: absolute; top:-94px; right: 0; z-index: -1;}
.bgn-intro-wrapper .bgn-intro-inner{margin: 0 auto 64px;width: 100%;max-width: 980px;}
.bgn-intro-wrapper .bgn-intro-inner h2{margin-top: 64px;margin-bottom: 16px;font-size: 48px;font-weight: 900;text-align: center;line-height: 2;}
.bgn-intro-wrapper .bgn-intro-inner h2 span.green{display: inline-block;margin: 0 5px;width: 84px;height: 84px;font-size: 64px;font-weight: 900;color: #fff;line-height: 84px;background: #3ea9b3;}
.bgn-intro-wrapper .bgn-intro-inner h2 span.yellow{color: #EEEC0E;}
.bgn-intro-wrapper .bgn-intro-inner p{margin: 0 auto;padding: 16px 24px;max-width: 600px;font-size: 18px;border-top: #000 1px solid;border-bottom: #000 1px solid;}
.bgn-content-01 .inner{margin-bottom: 0;padding-bottom: 4vw;}
.bgn-content-02{background: url(../img/bg_pattern03.png) left center repeat;}
.bgn-content-02 .inner{margin-bottom: 0;padding: 8vw 0;}
@media only screen and (max-width:768px) {
    .bgn-intro-wrapper .bgn-intro-inner{margin: 0 auto 24px;}
    .bgn-intro-wrapper .bgn-intro-inner h2 {margin-top: 0;font-size: 36px;}
    .bgn-intro-wrapper .bgn-intro-inner h2 span.green {width: 64px;height: 64px;font-size: 48px;line-height: 64px;}
}
@media only screen and (max-width:568px) {
    .bgn-container::before {background: none;}
    .bgn-container::after { width: 53%; background-size: contain; top:-55px;}
    .bgn-intro-wrapper .bgn-intro-inner{margin: 0 auto 24px;}
    .bgn-intro-wrapper .bgn-intro-inner h2{margin-top: 0;font-size: 24px;}
    .bgn-intro-wrapper .bgn-intro-inner h2 span.green{margin: 0 2px;width: 40px;height: 40px;font-size: 32px;font-weight: 600;line-height: 40px;}
    .bgn-intro-wrapper .bgn-intro-inner p{padding: 10px;width: 100%;max-width: 90%;font-size: 16px;box-sizing: border-box;background: #fff;}
}
.bgn-point{position: relative;margin: 0 auto 80px;width: 100%;}
.bgn-point .bgn-point-inner{display: flex;flex-direction: row;justify-content: space-between; align-items: flex-start;width: 100%;}
.bgn-point.bgn-point-02 .bgn-point-inner{flex-direction: row-reverse;}
.bgn-point .bgn-point-inner > div{idth: 45%;max-width: 576px;}
.bgn-point.bgn-point-01 .bgn-point-inner > div{margin-left: auto;}
.bgn-point.bgn-point-02 .bgn-point-inner > div{margin-right: auto;}
.bgn-point.bgn-point-03 .bgn-point-inner > div{margin-left: auto;}
.bgn-point .bgn-point-inner > img{width: 50%;max-width: 893px;height: auto;}
.bgn-point .bgn-point-inner h3{position: relative;margin: 0 0 16px;padding-left: 20%;font-size: 24px;font-weight: 500;line-height: 1.5;}
.bgn-point .bgn-point-inner h3 span{font-size: 32px;font-weight: 900;color: #EBA224;}
.bgn-point .bgn-point-inner h3::before{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);height: 67px;}
.bgn-point.bgn-point-01 .bgn-point-inner h3::before{width: 85px;background: url('../img/beginner/num-01.png') center center no-repeat;background-size: contain;}
.bgn-point.bgn-point-02 .bgn-point-inner h3::before{width: 106px;background: url('../img/beginner/num-02.png') center center no-repeat;background-size: contain;}
.bgn-point.bgn-point-03 .bgn-point-inner h3::before{width: 106px;background: url('../img/beginner/num-03.png') center center no-repeat;background-size: contain;}
.bgn-point .bgn-point-inner p{width: 90%;}
.bgn-point .bgn-point-inner p.first-txt{margin-bottom: 20px;}
@media only screen and (min-width:569px) and (max-width:768px) {
    .bgn-point{margin: 0 auto 48px;}
    .bgn-point.bgn-point-01 .bgn-point-inner {flex-direction: column-reverse;}
    .bgn-point.bgn-point-02 .bgn-point-inner {flex-direction: column-reverse;}
    .bgn-point.bgn-point-03 .bgn-point-inner {flex-direction: column-reverse;}
    .bgn-point .bgn-point-inner > img {margin-bottom: 24px;width: 100%;max-width: 740px;}
    .bgn-point.bgn-point-01 .bgn-point-inner > img {margin-left: auto;}
    .bgn-point.bgn-point-03 .bgn-point-inner > img {margin-left: auto;}
    .bgn-point .bgn-point-inner > div {margin: 0;padding: 0 24px;width: 100%;max-width: 95%;}
}
@media only screen and (max-width:568px) {
    .bgn-point{margin: 0 auto 32px;}
    .bgn-point.bgn-point-03{margin-bottom: 80px;}
    .bgn-point .bgn-point-inner{flex-direction: column;}
    .bgn-point .bgn-point-inner h3{margin: 0 auto 16px;padding-left: 17%;font-size: 14px;width: 95%;box-sizing: border-box;}
    .bgn-point.bgn-point-02 .bgn-point-inner h3{padding-left: 20%;}
    .bgn-point.bgn-point-03 .bgn-point-inner h3{padding-left: 20%;}
    .bgn-point .bgn-point-inner h3 span{font-size: 20px;}
    .bgn-point .bgn-point-inner h3::before{height: 42px;}
    .bgn-point.bgn-point-01 .bgn-point-inner h3::before{width: 48px;}
    .bgn-point.bgn-point-02 .bgn-point-inner h3::before{width: 68px;}
    .bgn-point.bgn-point-03 .bgn-point-inner h3::before{width: 68px;}
    .bgn-point .bgn-point-inner > img{margin-left: auto;margin-bottom: 16px;width: 100%;max-width: 90%;}
    .bgn-point.bgn-point-02 .bgn-point-inner > img{margin-left: 0;margin-right: auto;}
    .bgn-point .bgn-point-inner p{margin: 0 auto 0;width: 95%;}
    .bgn-point .bgn-point-inner p.first-txt{margin-bottom: 16px;}
}
.bgn-content-container { background: url(../img/bg-note.png); }
.bgn-content-title{margin-bottom: 80px;background: linear-gradient( 180deg, #25a4ad 0%, #25a4ad 50%, #cde9ec 50%, #cde9ec 100%);}
.bgn-content-title .bgn-content-title-inner{position: relative;margin: 0 auto;max-width: 980px;}
.bgn-content-title .bgn-content-title-inner::before{content: "";position: absolute;top: -10%;left: 0;width: 230px;height: 227px;background: url('../img/beginner/car.png') center center no-repeat;background-size: contain;}
.bgn-content-title .bgn-content-title-inner h2{position: relative;font-size: 24px;font-weight: 500;color: #fff;text-align: center;line-height: 80px;}
.bgn-content-title .bgn-content-title-inner h2 span.above-txt{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.bgn-content-title .bgn-content-title-inner h2 span.badge-txt{display: inline-block;margin: 0 10px;padding: 5px 10px;color: #25a4ad;line-height: 1;border-radius: 50px;background: #fff;box-sizing: border-box;}
.bgn-content-title .bgn-content-title-inner h2 span.num-txt{font-size: 64px;color: #eeec0e;}
.bgn-content-title .bgn-content-title-inner h2 span.under-txt{display: block;font-size: 32px;font-weight: 600;color: #000;}
@media only screen and (min-width:569px) and (max-width:768px) {
    .bgn-content-title .bgn-content-title-inner::before {top: 40%;left: 65px;width: 160px;height: 150px;}
    .bgn-content-title .bgn-content-title-inner h2 span.under-txt {font-size: 24px;}
}
@media only screen and (max-width:568px){
    .bgn-content-title{margin-bottom: 20px;background: none;}
    .bgn-content-title .bgn-content-title-inner h2{font-size: 16px;line-height: 32px;}
    .bgn-content-title .bgn-content-title-inner h2 span.above-txt{padding: 10px 0 15px;background: #25a4ad;}
    .bgn-content-title .bgn-content-title-inner h2 span.above-flex{display: flex;flex-direction: column;font-size: 18px;line-height: 1.5;}
    .bgn-content-title .bgn-content-title-inner h2 span.badge-txt{margin: 0;padding: 3px 5px;font-size: 24px;font-weight: bold;}
    .bgn-content-title .bgn-content-title-inner h2 span.num-txt{font-size: 48px;}
    .bgn-content-title .bgn-content-title-inner h2 span.under-txt{font-size: 18px;background: #cde9ec;}
    .bgn-content-title .bgn-content-title-inner h2::before{content: "";position: absolute;top: 2%;left: 5%;width: 70px;height: 80px;background: url('../img/beginner/car.png') center center no-repeat;background-size: contain;}
    .bgn-content-title .bgn-content-title-inner h2::after{content: "";position: absolute;top: 2px;right: 5%;width: 80px;height: 80px;background: url('../img/beginner/staff.png') center center no-repeat;background-size: contain;}
   /*.bgn-content-title .bgn-content-title-inner::before{content: "";position: absolute;top: -45px;left: 50%;transform: translateX(-50%);width: 160px;height: 80px;background: url(../img/medal.png) center center no-repeat;background-size: contain;z-index: 1;}
    */
    .bgn-content-title .bgn-content-title-inner::before{content: none;}

}
.bgn-check-points-wrapper{position: relative;margin: 0;padding: 0;box-sizing: border-box;box-shadow: 4px 4px 10px 2px rgb(218 218 217);}
.bgn-check-points-wrapper h3{margin: 0;padding: 24px 0 16px;font-size: 36px;font-weight: 900;text-align: center;line-height: 1;border-top: #3ea9b3 10px solid;background: url('../img/dot_05.png') left top repeat;box-sizing: border-box;}
.bgn-check-points-wrapper h3::before { content:''; background: url(../img/beginner/point-subtitle_pc.png) no-repeat center; width: 100%; height: 61px; position: absolute; top: -29px; left: 50%; transform: translateX(-50%);}
.bgn-check-points-wrapper h3 span.green{color: #3ea9b3;}
.bgn-check-points-wrapper h3 span.yellow{color: #EBA224;letter-spacing: -2px;}
.bgn-check-points-wrapper h3 span.big{font-size: 64px;}
.bgn-check-points-inner{margin: 0;padding: 32px;background: url('../img/dot_08.png') left top repeat #f3f3f3;}
.bgn-check-points-inner .bgn-check-point{margin-bottom: 32px;border: #25a4ad 3px solid;box-sizing: border-box;}
.bgn-check-points-inner .bgn-check-point .is-show-pc{border: #25a4ad 1px solid;box-sizing: border-box;}
.bgn-check-points-inner .bgn-check-point .is-show-pc h4{position: relative;margin: 0;padding: 16px 16px 16px 10%;font-size: 24px;font-weight: 600;background: url('../img/dot_02.png') left top repeat #f3f3f3;box-sizing: border-box;}
.bgn-check-points-inner .bgn-check-point .is-show-pc h4::before{position: absolute;top: 0;left: 0;font-size: 40px;color: #EEEC0E;text-align: center;line-height: 56px;width: 70px;height: 70px;background: #25a4ad;}
.bgn-check-points-inner .bgn-check-point.check-point-01 .is-show-pc h4::before{content: "1";}
.bgn-check-points-inner .bgn-check-point.check-point-02 .is-show-pc h4::before{content: "2";}
.bgn-check-points-inner .bgn-check-point.check-point-03 .is-show-pc h4::before{content: "3";}
.bgn-check-points-inner .bgn-check-point.check-point-04 .is-show-pc h4::before{content: "4";}
.bgn-check-points-inner .bgn-check-point.check-point-05{margin-bottom: 0;}
.bgn-check-points-inner .bgn-check-point.check-point-05 .is-show-pc h4::before{content: "5";}
.bgn-check-points-inner .bgn-check-point .is-show-pc .check-point-flex{display: flex;flex-direction: row;justify-content: space-between;margin: 0;padding: 24px;background: #fff;}
.bgn-check-points-inner .bgn-check-point .is-show-pc .check-point-flex p{max-width: 540px;}
.bgn-check-points-inner .bgn-check-point .is-show-pc .check-point-flex img{width: 289px;height: 191px;}
/* 以下は「SP」表示用のスタイル */
.bgn-check-points-inner .bgn-check-point .is-show-sp{border: #25a4ad 1px solid;box-sizing: border-box;}
.bgn-check-points-inner .bgn-check-point .is-show-sp h4{position: relative;margin: 0;padding: 24px 0;font-size: 18px;font-weight: 600;line-height: 1;text-align: center;background: #efefef;}
.bgn-check-points-inner .bgn-check-point .is-show-sp .check-point-float{padding: 10px;}
.bgn-check-points-inner .bgn-check-point .is-show-sp .check-point-float img{float: right;margin-left: 10px;margin-bottom: 10px;width: 50%;}
.bgn-check-points-inner .bgn-check-point .is-show-sp h4::before{position: absolute;top: 0;left: 0;font-size: 24px;color: #EEEC0E;text-align: center;line-height: 36px;width: 40px;height: 40px;background: #25a4ad;}
.bgn-check-points-inner .bgn-check-point.check-point-01 .is-show-sp h4::before{content: "1";}
.bgn-check-points-inner .bgn-check-point.check-point-02 .is-show-sp h4::before{content: "2";}
.bgn-check-points-inner .bgn-check-point.check-point-03 .is-show-sp h4::before{content: "3";}
.bgn-check-points-inner .bgn-check-point.check-point-04 .is-show-sp h4::before{content: "4";}
.bgn-check-points-inner .bgn-check-point.check-point-05 .is-show-sp h4::before{content: "5";}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    .bgn-check-points-inner{padding: 16px;}
    .bgn-check-points-inner .bgn-check-point .is-show-pc h4{padding: 18px 16px 18px 15%;font-size: 22px;}
    .bgn-check-points-inner .bgn-check-point .is-show-pc .check-point-flex{padding: 16px;}
}
@media only screen and (max-width: 568px) {
    .bgn-check-points-wrapper h3{font-size: 20px; padding: 17px 0 16px;}
    .bgn-check-points-wrapper h3::before {background: url(../img/beginner/point-subtitle_sp.png) no-repeat center; width: 60%; height: 32px; background-size: contain; top:-12px;}
    .bgn-check-points-wrapper h3 span.big{font-size: 32px;}
    .bgn-check-points-inner{padding: 10px;}
    .bgn-check-points-inner .bgn-check-point{margin-bottom: 10px;}
    .bgn-check-points-inner .bgn-check-point .is-show-sp h4{padding: 10px 10px 10px 20%;font-size: 18px;text-align: left;line-height: 1.3;}
}
.bgn-tips-container{background: url('../img/dot_07.png') left top repeat #f3f3f3;}
.bgn-tips-container .inner{margin-bottom: 0;padding-bottom: 4vw;}
.bgn-tips-title{position: relative;margin-bottom: 48px;background: #25a4ad;}
.bgn-tips-title .bgn-tips-inner{margin: 0 auto;max-width: 980px;text-align: center;}
.bgn-tips-title .bgn-tips-inner h2{margin: 0;padding: 24px 0;font-size: 36px;font-weight: 600;color: #fff;box-sizing: border-box;}
.bgn-tips-title .bgn-tips-inner h2 span.tips-title-flex{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.bgn-tips-title .bgn-tips-inner h2 span.tips-title-badge{margin: 0 16px 0 0;padding: 8px 16px;font-size: 20px;color: #25a4ad;line-height: 1;border-radius: 50px;background: #fff;box-sizing: border-box;}
.bgn-tips-title .bgn-tips-inner h2 span.tips-title-big{letter-spacing: 1px; font-weight: 900;}
.bgn-tips-title .bgn-tips-inner h2 span.yellow{color: #EEEC0E;}
@media only screen and (max-width: 568px) {
    .bgn-tips-title{margin-bottom: 16px;}
    .bgn-tips-title .bgn-tips-inner h2{padding: 10px 0 5px;font-size: 24px;line-height: 1.5;}
    .bgn-tips-title .bgn-tips-inner h2 span.tips-title-flex{flex-direction: column;}
    .bgn-tips-title .bgn-tips-inner h2 span.tips-title-badge{margin: 0;padding: 5px 10px;font-size: 14px;}
}
.tips-intro-wrapper{margin-bottom: 32px;text-align: center;}
.tips-intro-wrapper h3{margin-bottom: 16px;font-size: 28px;font-weight: 700;color: #25a4ad;}
.tips-intro-wrapper h3 span{background: linear-gradient(transparent 75%, #f1e340 75%);}
.tips-intro-wrapper p{font-size: 18px;line-height: 2;}
@media only screen and (max-width:568px) {
    .tips-intro-wrapper{margin-bottom: 16px;}
    .tips-intro-wrapper h3{font-size: 18px;}
    .tips-intro-wrapper p{font-size: 14px;text-align: left;line-height: 1.5;}
}
.tip-wrapper{margin-bottom: 24px;background: url('../img/bg_note.png') #fff;border-top: #25a4ad 10px solid;box-sizing: border-box;box-shadow: 4px 4px 10px 2px rgb(218 218 217);}
.tip-wrapper.tip-04-wrap{margin-bottom: 0;}
.tip-wrapper h4{margin: 0 0 16px;padding-bottom: 10px;font-size: 24px;font-weight: 700;color: #25a4ad;border-bottom: #25a4ad 1px solid;box-sizing: border-box;}
.tip-wrapper .is-show-pc{display: flex;flex-direction: row;justify-content: space-between;margin: 0;padding: 24px;box-sizing: border-box;}
.tip-wrapper .is-show-pc img{width: 215px;height: 215px;}
.tip-wrapper .is-show-pc div{width: 75%;}
.tip-wrapper .is-show-pc div p span{color: #ed5d39;}
.bgn-faq-container { background: url(../img/bg_pattern02.png) repeat #f5f4f3; padding: 4vw 0 0;}
@media only screen and (min-width: 569px) and (max-width:768px) {
    .tip-wrapper .is-show-pc div{width: 65%;}
}
@media only screen and (max-width: 568px) {
    .tip-wrapper .is-show-sp{padding: 10px;}
    .tip-wrapper .is-show-sp div{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 10px;}
    .tip-wrapper .is-show-sp div img{width: 30%;height: auto;}
    .tip-wrapper .is-show-sp div h4{margin-bottom: 0;width: 68%;font-size: 16px;font-weight: 600;}
    .tip-wrapper .is-show-sp p span {color: #ed5d39;}
    .bgn-faq-container {padding: 8vw 0 0;}
}