@charset "utf-8";

/*=============================================*/
/*                   home                      */
/*=============================================*/
#key {
   background: url(../img/beginner/key_bg.jpg) no-repeat center top;
   background-size: cover;
   -ms-background-size: cover;
   -moz-background-size: cover;
   -webkit-background-size: cover;
}

#key .key_ttl {
   position: absolute;
   top: 486px;
   left: 670px;
}

#container {
   background: url(../img/beginner/beginner_bg.png) no-repeat center top / cover;
}

#lead {
   background: url(../img/beginner/lead_bg.png) no-repeat center top;
   min-height: 1181px;
}

#lead h2 {
   position: absolute;
   top: 0;
   left: 513px;
}

#lead .list_p {
   left: 82px;
   line-height: 26px;
   position: absolute;
   top: 393px;
}

#lead .list_p p {
   margin-bottom: 27px;
}

#lead .lead_ul01 {
   position: absolute;
   top: 752px;
   left: 82px;
}

#lead .lead_ul01 li {
   margin-right: 21px;
   float: left;
}

#section01 {
   min-height: 825px;
}

#section01 h2 {
   position: absolute;
   top: 0;
   left: 460px;
}

#section01 h3 {
   position: absolute;
   top: 319px;
   z-index: 1;
   /*left: 125px;*/
}

#section01 .txt_01 {
   left: 25px;
   line-height: 30px;
   position: absolute;
   top: 550px;
   width: 440px;
}

#section01 .img_01 {
   position: absolute;
   top: 0;
   left: -300px;
}

#section01 .img_02 {
   position: absolute;
   top: 270px;
   left: 501px;
}

#section02 {
   min-height: 666px;
}

#section02 li {
   position: relative;
}

#section02 .sp_01 {
   position: absolute;
   top: 285px;
   left: 155px
}

#section02 .sp_02 {
   position: absolute;
   top: 230px;
   left: 125px;
   font-weight: bold;
   font-size: 40px;
}

#section02 .sp_03 {
   color: #ed4342;
}

#section02 .sp_04 {
   font-size: 24px;
   position: absolute;
   top: 280px;
   left: 157px;
}

#slider #slider-content {
   height: 487px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 1000px;
}

#slider .slider-image {
   height: 576px;
   margin-left: 6px;
   overflow: hidden;
}

#slider .slider-image p {
   width: 976px !important;
   margin: 0 0 0 6px;
}

#slider .bx-wrapper .bx-controls-direction .bx-prev {
   background: url(../img/beginner/icon_prev.png) no-repeat center top;
   height: 63px;
   left: 1px;
   top: 182px;
   width: 63px;
}

#slider .bx-wrapper .bx-controls-direction .bx-next {
   background: url(../img/beginner/icon_next.png) no-repeat center top;
   height: 63px;
   right: 1px;
   top: 182px;
   width: 63px;
}

#slider .bx-wrapper {
   margin: auto;
}

#slider .left-bg {
   background: url(../img/beginner/sd_bg.png) left top;
   height: 400px;
   left: -1000px;
   position: absolute;
   top: 0;
   width: 1000px;
   z-index: 99;
}

#slider .right-bg {
   background: url(../img/beginner/sd_bg.png) right top;
   height: 400px;
   position: absolute;
   right: -1000px;
   top: 0;
   width: 1000px;
   z-index: 99;
}

.beginner_bg01 {
   background: url(../img/beginner/beginner_bg01.png) no-repeat center 40px;
}

#slider a {
   color: #FFF;
}

#section03 {
   min-height: 705px;
}

#section03 h2 {
   position: absolute;
   top: 71px;
   left: 698px;
}

#section03 ul {
   position: absolute;
   top: 0;
   left: -72px;
}

#section03 ul li {
   float: left;
}

#section03 .btn_01 {
   left: 375px;
   position: absolute;
   text-align: center;
   top: 559px;
}

#section03 .txt_01 {
   position: absolute;
   top: 240px;
   left: 710px;
   width: 435px;
   line-height: 30px;
}

#section04 h2 {
   position: absolute;
   top: 172px;
   left: 20px;
   z-index: 2;
}

#section04 .txt_01 {
   position: absolute;
   top: 360px;
   left: 50px;
   width: 472px;
}

#section04 .img_01 {
   position: absolute;
   top: 57px;
   right: -66px;
}

#section04 .sec04_blog01 {
   min-height: 520px;
   position: relative;
}

#section04 .sec04_blog02 {
   position: relative;
   min-height: 695px;
}

#section04 h3 {
   position: absolute;
   top: 0;
   right: 0;
}

#section04 .txt_02 {
   left: 531px;
   line-height: 30px;
   position: absolute;
   top: 184px;
}

#section04 .img_02 {
   position: absolute;
   top: 15px;
   left: 13px;
}

#section04 .img_03 {
   position: absolute;
   top: 328px;
   left: 415px;
}

#section05 {
   padding-bottom: 122px;
}

#section05 .sec05_col_01 {
   float: left;
   width: 500px;
   background: url(../img/beginner/sec05_bg.png) no-repeat center top;
   height: 450px;
}

#section05 .img_01 {
   float: right;
}

/*#section05 .sec05_col_01 h3 {
	padding: 60px 0 30px
}*/
#section05 h3 {
   font-size: 24px;
   margin: 1em auto 0.5em;
   border-bottom: solid 1px rgba(255, 255, 255, 0.2);
   padding-bottom: 0.5em;
   font-weight: bold;
   text-align: center;
   letter-spacing: 0.1em;
   line-height: 1.5;
   font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#section05 h3 span {
   display: block;
   color: #d20402;
}

#section05 .txt_01 {
   line-height: 24px;
   padding: 0 0 40px;
   text-align: center;
}

#section05 .btn_01 {
   margin: auto;
   text-align: center;
   width: 374px;
}

#section05 .sec05_row01 {
   padding-bottom: 85px;
}

#section05 .sec05_col_left {
   float: left;
   width: 500px;
   text-align: center
}

#section05 .sec05_col_right {
   float: right;
   width: 500px;
   text-align: center
}

#section05 .sec05_col_right ul {
   margin: 0 0 0 52px;
}

#section05 .sec05_col_right ul li {
   float: left;
   margin-right: 10px;
}

#section05 .sec05_col_right ul li.last {
   margin-right: 0;
}

/*#section05 .sec05_row02 h3 {
	padding-bottom: 28px;
}*/
#section05 .txt_02 {
   line-height: 24px;
   padding: 0 0 31px;
}

#section05 .btn_02 {
   margin: auto;
   text-align: center;
   width: 374px;
}

#section03 .btn_new {
   padding-top: 570px;
}

.btn_new a {
   margin: 0 auto;
}