@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 100px;position: relative;padding: 31px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box h2 {font-size: 35px;line-height: 1.38;font-weight: 500;letter-spacing: 1.75px;margin-bottom: 51px;position: relative;}
#contentsmain .inner-Box h2 span.f-en {font-size: 125px;display: block;font-weight: 600;letter-spacing: 0;margin-bottom: -14px;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 50px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box h3 {font-size: 30px;line-height: 1.38;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 30px;position: relative;}
#contentsmain .inner-Box p.text {font-size: 15px;line-height: 1.7;font-weight: 400;letter-spacing: 0px;margin-bottom: 120px;position: relative;}
#contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 860px;margin: 0 auto;}
#contentsmain .inner-Box ul li {position: relative;margin-right: 40px;}
#contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {margin: 0 auto 193px;position: relative;width: 1100px;}
#contents01 .inner-Box1 {margin: 0 auto 94px;position: relative;}
#contents01 .inner-Box1 span.icon {display: block;line-height: 1;margin-bottom: -22px;position: relative;top: 23px;left: 44px;z-index: 3;}
#contents01 .inner-Box1 span.icon img {  }
#contents01 .inner-Box1 h2 {font-size: 24px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 28px;position: relative;background: #1258A8;color: #fff;padding: 11px 0 16px 119px;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {font-size: 15px;line-height: 1.73;font-weight: 500;letter-spacing: 0px;margin: 0 auto 26px 40px;position: relative;width: 510px;}

#contents01 .inner-Box2 {margin: 0 auto 95px;position: relative;padding: 0 0 0 500px;}
#contents01 .inner-Box2 span.icon {display: block;line-height: 1;margin-bottom: -22px;position: relative;top: 23px;left: 53px;z-index: 3;}
#contents01 .inner-Box2 span.icon img {  }
#contents01 .inner-Box2 h2 {font-size: 24px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 28px;position: relative;background: #1258A8;color: #fff;padding: 11px 0 16px 129px;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 0;left: 0;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text {font-size: 15px;line-height: 1.73;font-weight: 500;letter-spacing: 0px;margin: 0 auto 26px 50px;position: relative;width: 510px;}

#contents01 .inner-Box3 {margin: 0 auto 94px;position: relative;}
#contents01 .inner-Box3 span.icon {display: block;line-height: 1;margin-bottom: -22px;position: relative;top: 23px;left: 44px;z-index: 3;}
#contents01 .inner-Box3 span.icon img {  }
#contents01 .inner-Box3 h2 {font-size: 24px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 28px;position: relative;background: #1258A8;color: #fff;padding: 11px 0 16px 119px;}
#contents01 .inner-Box3 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text {font-size: 15px;line-height: 1.73;font-weight: 500;letter-spacing: 0px;margin: 0 auto 26px 40px;position: relative;width: 510px;}


#contents02 {margin: 0 auto;position: relative;background: url('../images/beginner/contents02-back01.png')no-repeat top center;padding: 90px 0;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1280px;height: 735px;background: #fff;padding: 65px 90px 0;}
#contents02 .inner-Box h2 {font-size: 40px;line-height: 1.38;font-weight: 700;letter-spacing: 0;margin-bottom: 40px;position: relative;text-align: center;}
#contents02 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box ul li {position: relative;width: 50%;height: 216px;padding: 42px 0 0 236px;margin-bottom: 79px;}
#contents02 .inner-Box ul li:nth-child(2n) {margin-right: 0px;right: -30px;}
#contents02 .inner-Box figure.img { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box h3 {font-size: 30px;line-height: 1.38;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 16px;position: relative;}
#contents02 .inner-Box p.text {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;width: 270px;}

#contents03 {margin: 0 auto 150px;position: relative;background: url('../images/beginner/contents03-back01.png')no-repeat top center;padding: 475px 0 0;}
#contents03 .inner-Box {margin: 0 auto;position: relative;background: #F2F2F2;width: 1100px;height: 302px;text-align: center;padding: 78px 0 0;}
#contents03 .inner-Box h2 {font-size: 30px;line-height: 1.38;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 27px;position: relative;}
#contents03 .inner-Box p.text {font-size: 15px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

#contentsbottom {margin: 0 auto 152px;text-align: center;position: relative;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box p.btn {  }
#contentsbottom .inner-Box p.btn img {  }
}

@media screen and (max-width: 767px) {

    #contentsmain {margin: 0 auto 9.75vw;position: relative;padding: 8.89vw 0 0;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h2 {font-size: 6.04vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.30vw;margin-bottom: 7.32vw;position: relative;}
    #contentsmain .inner-Box h2 span.f-en {font-size: 13.29vw;display: block;font-weight: 600;letter-spacing: 0;margin-bottom: -1.8vw;}
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 8.88vw;}
    #contentsmain .inner-Box figure.photo img{  }
    #contentsmain .inner-Box h3 {font-size: 4.83vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 3.25vw;position: relative;}
    #contentsmain .inner-Box p.text {font-size: 3.62vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4vw 15.59vw;position: relative;text-align: left;}
    #contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 3.2vw;}
    #contentsmain .inner-Box ul li {position: relative;margin-right: 4.36vw;width: 40.6vw;margin-bottom: -1.3vw;}
    #contentsmain .inner-Box ul li:nth-child(2) { margin-right: 0.0vw; }
    #contentsmain .inner-Box ul li:nth-child(3) {margin-left: 22.4vw;}
    #contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;}
    #contentsmain .inner-Box figure.img img{  }
    
    #contents01 {margin: 0 8.2vw -3.98vw;position: relative;}
    #contents01 .inner-Box1 {margin: 0 auto 7.31vw;position: relative;}
    #contents01 .inner-Box1 span.icon {display: block;line-height: 1;margin-bottom: -5.2vw;position: relative;top: 5.56vw;left: 5.73vw;z-index: 3;width: 15vw;}
    #contents01 .inner-Box1 span.icon img {  }
    #contents01 .inner-Box1 h2 {font-size: 4.83vw;line-height: 1.3;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.06vw;position: relative;background: #1258A8;color: #fff;padding: 1.86vw 0 1.86vw 24.54vw;}
    #contents01 .inner-Box1 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.4vw;}
    #contents01 .inner-Box1 figure.photo img{  }
    #contents01 .inner-Box1 p.text {font-size: 3.62vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.0vw;position: relative;margin-bottom: 2.8vw;}
    
    #contents01 .inner-Box2 {margin: 0 auto 11.61vw;position: relative;}
    #contents01 .inner-Box2 span.icon {display: block;line-height: 1;margin-bottom: -5.2vw;position: relative;top: 5.56vw;left: 5.73vw;z-index: 3;width: 15vw;}
    #contents01 .inner-Box2 span.icon img {  }
    #contents01 .inner-Box2 h2 {font-size: 4.83vw;line-height: 1.3;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.06vw;position: relative;background: #1258A8;color: #fff;padding: 1.86vw 0 1.86vw 24.54vw;}
    #contents01 .inner-Box2 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.4vw;}
    #contents01 .inner-Box2 figure.photo img{  }
    #contents01 .inner-Box2 p.text {font-size: 3.62vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.0vw;position: relative;margin-bottom: 2.8vw;}
    
    #contents01 .inner-Box3 {margin: 0 auto 22.71vw;position: relative;}
    #contents01 .inner-Box3 span.icon {display: block;line-height: 1;margin-bottom: -5.2vw;position: relative;top: 5.56vw;left: 5.73vw;z-index: 3;width: 15vw;}
    #contents01 .inner-Box3 span.icon img {  }
    #contents01 .inner-Box3 h2 {font-size: 4.83vw;line-height: 1.3;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.06vw;position: relative;background: #1258A8;color: #fff;padding: 1.86vw 0 1.86vw 24.54vw;}
    #contents01 .inner-Box3 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.4vw;}
    #contents01 .inner-Box3 figure.photo img{  }
    #contents01 .inner-Box3 p.text {font-size: 3.62vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.0vw;position: relative;margin-bottom: 2.8vw;}
    
    #contents02 {position: relative;background: url('../images/beginner/sp-contents02-back01.png')no-repeat top center;padding: 16.84vw 0;background-size: 100% auto;}
    #contents02 .inner-Box {margin: 0 8vw;position: relative;background: #fff;padding: 12.7vw 3.74vw 3.5vw;}
    #contents02 .inner-Box h2 {font-size: 7.25vw;line-height: 1.38;font-weight: 700;letter-spacing: 0;margin-bottom: 9.66vw;position: relative;text-align: center;}
    #contents02 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents02 .inner-Box ul li {position: relative;padding: 0 0 0 35vw;margin-bottom: 4.7vw;}
    #contents02 .inner-Box ul li:nth-child(2n) {margin-right: 0.0vw;right: 0vw;}
    #contents02 .inner-Box figure.img {position: absolute;top: 0;left: 0;width: 31.2vw;}
    #contents02 .inner-Box h3 {font-size: 5.07vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.06vw;margin-bottom: 0.86vw;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.62vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents03 {margin: 0 auto 17.03vw;position: relative;background: url('../images/beginner/sp-contents03-back01.png')no-repeat top center;padding: 50.4vw 0 0;background-size: 100% auto;}
    #contents03 .inner-Box {margin: 0 4vw;position: relative;background: #F2F2F2;height: 60.95vw;text-align: center;padding: 9.84vw 0 0;}
    #contents03 .inner-Box h2 {font-size: 4.83vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.36vw;margin-bottom: 2.82vw;position: relative;}
    #contents03 .inner-Box p.text {font-size: 3.62vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.0vw;margin: 0 9vw 7.25vw 10vw;position: relative;text-align: left;}
    


#contentsbottom {margin: 0 auto 16.21vw;text-align: center;position: relative;}
#contentsbottom .inner-Box { margin: 0 4vw; position: relative; }
#contentsbottom .inner-Box p.btn {  }
#contentsbottom .inner-Box p.btn img {  }

}