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

#contentsmain {margin: 40px auto -20px auto;position: relative;background: url('../images/k-splanning/contentsmain-back02.png')no-repeat top 230px center;padding-bottom: 20px;}
#contentsmain .inner-Box{margin: 0 auto 91px;position: relative;background: url('../images/k-splanning/contentsmain-back01.png')no-repeat top center;height: 512px;max-width: 1400px;color: #fff;text-align: center;padding: 59px 0 0;}
#contentsmain .inner-Box span.homei {display: block;line-height: 1;position: absolute;top: 39px;left: 150px;}
#contentsmain .inner-Box span.homei img {  }
#contentsmain .inner-Box h2 {font-size: 30px;line-height: 1.75;font-weight: 700;letter-spacing: 3px;margin-bottom: 25px;position: relative;}
#contentsmain .inner-Box h2 span {font-size: 24px;display: block;letter-spacing: 2.4px;margin-bottom: 2px;}
#contentsmain .inner-Box h3 {font-size: 18px;line-height: 1.75;font-weight: 500;letter-spacing: 1.8px;margin-bottom: 11px;position: relative;}
#contentsmain .inner-Box p.text {font-size: 14px;line-height: 1.86;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 120px;}
#contentsmain .inner-Box2 h4 {font-size: 28px;line-height: 1.75;font-weight: 500;letter-spacing: 1.4px;margin-bottom: 57px;position: relative;text-align: center;}
#contentsmain .inner-Box2 h4 span.f-en {color: #A31219;display: block;font-weight: 600;letter-spacing: 0.96px;font-size: 32px;}
#contentsmain .inner-Box2 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;}
#contentsmain .inner-Box2 ul li {width: 304px;margin-right: 94px;position: relative;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 ul li figure {  }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }
#contentsmain .inner-Box2 span.xxx {display: block;line-height: 1;position: absolute;top: 130px;right: -70px;}
#contentsmain .inner-Box2 span.xxx img {  }

#contents01 {margin: 0 auto;position: relative;padding: 80px 0 0;z-index: 3;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 723px;}
#contents01 .inner-Box h2 {margin-bottom: 75px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inBox1 { margin: 0 auto; position: relative; }
#contents01 .inBox1 h3 {font-size: 28px;line-height: 1.75;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 29px;position: relative;margin-left: 30px;width: 480px;}
#contents01 .inBox1 h3 span {font-size: 20px;display: block;letter-spacing: 1px;margin-top: 5px;}
#contents01 .inBox1 figure.photo {position: absolute;top: 0;right: -50px;}
#contents01 .inBox1 figure.photo img{  }
#contents01 .inBox1 ul{background: #F2F2F2;width: 469px;height: 164px;padding: 18px 0 0px 31px;margin-bottom: 30px;}
#contents01 .inBox1 ul li { position: relative; }
#contents01 .inBox1 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inBox1 p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 0px;position: relative;}
#contents01 .inBox1 figure.photo02 {position: absolute;top: 361px;left: 0;}
#contents01 .inBox1 figure.photo02 img{  }

#contents02 {margin: 0 auto;position: relative;padding: 89px 0 0;background: url('../images/k-splanning/contents02-back01.png')no-repeat top center;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 714px;}
#contents02 .inner-Box h2 {margin-bottom: 81px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inBox1 {margin: 0 auto;position: relative;padding-left: 588px;}
#contents02 .inBox1 h3 {font-size: 28px;line-height: 1.65;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 35px;position: relative;margin-left: 30px;}
#contents02 .inBox1 h3 span {font-size: 20px;display: block;letter-spacing: 1px;margin-top: 5px;}
#contents02 .inBox1 figure.photo {position: absolute;top: 3px;left: -50px;}
#contents02 .inBox1 figure.photo img{  }
#contents02 .inBox1 ul{background: #FFFFFF;width: 469px;height: 164px;padding: 18px 0 0 31px;}
#contents02 .inBox1 ul li { position: relative; }
#contents02 .inBox1 ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inBox1 p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 0px;position: relative;}
#contents02 .inBox1 figure.photo02 {position: absolute;top: 360px;right: 0;}
#contents02 .inBox1 figure.photo02 img{  }

#contents03 {margin: 0 auto;position: relative;padding: 99px 0 0;z-index: 3;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 658px;}
#contents03 .inner-Box h2 {margin-bottom: 61px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inBox1 { margin: 0 auto; position: relative; }
#contents03 .inBox1 h3 {font-size: 28px;line-height: 1.75;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;margin-left: 26px;width: 480px;}
#contents03 .inBox1 h3 span {font-size: 20px;display: block;letter-spacing: 1px;margin-top: 5px;}
#contents03 .inBox1 figure.photo {position: absolute;top: 0px;right: 0px;}
#contents03 .inBox1 figure.photo img{  }
#contents03 .inBox1 ul{background: #F2F2F2;width: 469px;height: 165px;padding: 18px 0 0 31px;}
#contents03 .inBox1 ul li { position: relative; }
#contents03 .inBox1 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inBox1 p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 0px;position: relative;}
#contents03 .inBox1 figure.photo02 {position: absolute;top: 359px;left: 0;}
#contents03 .inBox1 figure.photo02 img{  }


#contents04 {margin: 0 auto 79px;position: relative;background: url('../images/k-splanning/contents04-back01.png')no-repeat top center;padding: 211px 0 63px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1113px;padding-bottom: 50px;}
#contents04 .inner-Box h2 {font-size: 36px;line-height: 1.75;font-weight: 500;letter-spacing: 3.6px;margin-bottom: 41px;position: relative;text-align: center;}
#contents04 .inner-Box h2 span{font-size: 26px;letter-spacing: 2.6px;display: block;}
#contents04 .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-bottom: 12px;}
#contents04 .inner-Box ul li {position: relative;width: 270px;height: 202px;background: #fff;margin: 0 9px 40px 0px;text-align: center;padding: 26px 0 0;}
#contents04 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contents04 .inner-Box p.lotext {font-size: 18px;line-height: 1.78;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 14px;position: relative;}
#contents04 .inner-Box p.lotext2 {font-size: 20px;line-height: 1.38;font-weight: 700;letter-spacing: 2px;margin-bottom: 30px;position: relative;color: #A31219;padding-top: unset;padding-top: 8px;}
#contents04 .inner-Box ul li:nth-child(1) .lotext2{padding-top: 21px;} 
#contents04 .inner-Box h3 {font-size: 28px;line-height: 1.65;font-weight: 500;letter-spacing: 2.4px;margin-bottom: 0px;position: relative;text-align: center;}
#contents04 .inner-Box figure.photo01 {position: absolute;bottom: -50px;right: 206px;}
#contents04 .inner-Box figure.photo01 img{  }
#contents04 .inner-Box figure.photo02 {position: absolute;bottom: 15px;right: 60px;}
#contents04 .inner-Box figure.photo02 img{  }


#contentsbottom {margin: 0 auto 81px;position: relative;background: url('../images/k-splanning/contentsbottom-back01.png')repeat-x top 184px center;animation: slide-left 30s linear infinite;}
@keyframes slide-left {0% {background-position: 0 184px;}100% {background-position: -2000px 184px;}}

#contentsbottom .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsbottom .inner-Box h2 {margin-bottom: 21px;}
#contentsbottom .inner-Box h2 span{  }
#contentsbottom .inner-Box h2 img {  }
#contentsbottom .inner-Box h3 {font-size: 40px;line-height: 1.75;font-weight: 500;letter-spacing: 4px;margin-bottom: 444px;position: relative;}
#contentsbottom .inner-Box p.btn {  }
#contentsbottom .inner-Box p.btn img {  }


}

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

    #contentsmain {margin: 5.56vw auto 0 auto;position: relative;background: url('../images/k-splanning/sp-contentsmain-back02.png')no-repeat top 121.56vw center;background-size: 100% auto;}
    #contentsmain .inner-Box{margin: 0 auto 3.88vw;position: relative;background: url('../images/k-splanning/sp-contentsmain-back01.png')no-repeat top center;color: #fff;text-align: center;padding: 9.84vw 0 21vw;background-size: 100% auto;}
    #contentsmain .inner-Box span.homei {display: block;line-height: 1;position: relative;margin: 0 36.3vw 5.3vw;}
    #contentsmain .inner-Box span.homei img {  }
    #contentsmain .inner-Box h2 {font-size: 5.80vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.58vw;margin-bottom: 5.04vw;position: relative;}
    #contentsmain .inner-Box h2 span {font-size: 4.35vw;display: block;letter-spacing: 0.43vw;margin-bottom: 1.28vw;line-height: 1.8;}
    #contentsmain .inner-Box h3 {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 1.16vw;position: relative;}
    #contentsmain .inner-Box p.text {font-size: 3.38vw;line-height: 2.16;font-weight: 400;letter-spacing: 0.34vw;margin: 0 13vw 7.25vw;position: relative;text-align: left;}
    #contentsmain .inner-Box2 {margin: 0 4vw;position: relative;padding-bottom: 27.29vw;padding-top: 22vw;}
    #contentsmain .inner-Box2 h4 {font-size: 5.31vw;line-height: 1.55;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 11.27vw;position: relative;text-align: center;}
    #contentsmain .inner-Box2 h4 span.f-en {color: #A31219;display: block;font-weight: 600;letter-spacing: 0.23vw;font-size: 6.28vw;margin-bottom: 1.1vw;}
    #contentsmain .inner-Box2 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;}
    #contentsmain .inner-Box2 ul li {position: relative;width: 43.48vw;}
    #contentsmain .inner-Box2 ul li:nth-child(1) { margin: 0 0 0 25.1vw; }
    #contentsmain .inner-Box2 ul li:nth-child(2) {margin-right: 5vw;}
    #contentsmain .inner-Box2 ul li:nth-child(3) { margin-right: 0.0vw; }
    #contentsmain .inner-Box2 ul li figure {  }
    #contentsmain .inner-Box2 ul li a {  }
    #contentsmain .inner-Box2 ul li a:hover {  }
    #contentsmain .inner-Box2 span.xxx {display: block;line-height: 1;position: absolute;top: 46.4vw;right: 18vw;width: 9vw;}
    #contentsmain .inner-Box2 span.xxx img {  }
    #contentsmain .inner-Box2 ul li:nth-child(2) span.xxx{ display: none; }
    
    #contents01 {position: relative;padding: 4.92vw 0 0;z-index: 3;margin-bottom: -4.6vw;}
    #contents01 .inner-Box {margin: 0 4.1vw;position: relative;}
    #contents01 .inner-Box h2 {margin-bottom: 6.92vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inBox1 {position: relative;}
    #contents01 .inBox1 h3 {font-size: 5.80vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 4.64vw;position: relative;text-align: center;}
    #contents01 .inBox1 h3 span {font-size: 3.86vw;display: block;letter-spacing: 0.19vw;margin-top: 1.21vw;}
    #contents01 .inBox1 figure.photo {position: relative;top: 0;right: 0vw;margin-bottom: 6vw;}
    #contents01 .inBox1 figure.photo img{  }
    #contents01 .inBox1 ul{background: #F2F2F2;height: 37.18vw;padding: 4.35vw 0 0 4.49vw;margin-bottom: 6.3vw;}
    #contents01 .inBox1 ul li { position: relative; }
    #contents01 .inBox1 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents01 .inBox1 p.ltext {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 0.5vw;position: relative;}
    #contents01 .inBox1 figure.photo02 {position: relative;left: 0;}
    #contents01 .inBox1 figure.photo02 img{  }
    
    #contents02 {position: relative;padding: 19.16vw 0 0;background: url('../images/k-splanning/sp-contents02-back01.png')no-repeat top center;background-size: 100% auto;}
    #contents02 .inner-Box {margin: 0 4.1vw;position: relative;padding-top: 2.1vw;}
    #contents02 .inner-Box h2 {margin-bottom: 7.02vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h2 img {  }
    #contents02 .inBox1 {position: relative;}
    #contents02 .inBox1 h3 {font-size: 5.80vw;line-height: 1.65;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 3.94vw;position: relative;text-align: center;}
    #contents02 .inBox1 h3 span {font-size: 3.86vw;display: block;letter-spacing: 0.19vw;margin-top: 1.21vw;}
    #contents02 .inBox1 figure.photo {position: relative;top: 0;right: 0vw;margin-bottom: 6vw;}
    #contents02 .inBox1 figure.photo img{  }
    #contents02 .inBox1 ul{background: #FFFFFF;height: 36.38vw;padding: 4.35vw 0 0 4.49vw;margin-bottom: 7.3vw;}
    #contents02 .inBox1 ul li { position: relative; }
    #contents02 .inBox1 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .inBox1 p.ltext {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 0.5vw;position: relative;}
    #contents02 .inBox1 figure.photo02 {position: relative;left: 0;}
    #contents02 .inBox1 figure.photo02 img{  }
    
    #contents03 {position: relative;padding: 14.52vw 0 0;z-index: 3;margin-bottom: -10vw;}
    #contents03 .inner-Box {margin: 0 4.1vw;position: relative;}
    #contents03 .inner-Box h2 {margin-bottom: 6.62vw;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box h2 img {  }
    #contents03 .inBox1 {position: relative;}
    #contents03 .inBox1 h3 {font-size: 5.80vw;line-height: 1.65;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 4.64vw;position: relative;text-align: center;}
    #contents03 .inBox1 h3 span {font-size: 3.86vw;display: block;letter-spacing: 0.19vw;margin-top: 1.21vw;}
    #contents03 .inBox1 figure.photo {position: relative;top: 0;right: 0vw;margin-bottom: 6vw;}
    #contents03 .inBox1 figure.photo img{  }
    #contents03 .inBox1 ul{background: #F2F2F2;height: 38.48vw;padding: 4.35vw 0 0 4.49vw;margin-bottom: 5.6vw;}
    #contents03 .inBox1 ul li { position: relative; }
    #contents03 .inBox1 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents03 .inBox1 p.ltext {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 0.5vw;position: relative;}
    #contents03 .inBox1 figure.photo02 {position: relative;left: 0;}
    #contents03 .inBox1 figure.photo02 img{  }
    
    
    #contents04 {margin: 0 auto 13.62vw;position: relative;background: url('../images/k-splanning/sp-contents04-back01.png')no-repeat top 2.8vw center;padding: 27.6vw 0 15.22vw;background-size: 100% auto;}
    #contents04 .inner-Box {margin: 0 6.3vw;position: relative;padding-bottom: 0vw;}
    #contents04 .inner-Box h2 {font-size: 5.80vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 6.02vw;position: relative;text-align: center;}
    #contents04 .inner-Box h2 span{font-size: 4.35vw;display: block;}
    #contents04 .inner-Box ul{margin-bottom: 5.86vw;position: relative;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;}
    #contents04 .inner-Box ul li {position: relative;margin: 0 0vw -0.14vw 0.0vw;text-align: center;padding: 6.15vw 1.5vw 1.3vw;width: 42.2vw;background: #fff;margin: 0 3vw 3vw 0vw;}
    #contents04 .inner-Box ul li:nth-child(1){padding-top: 3vw;}
    #contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents04 .inner-Box ul li img{width: 16.7vw;margin-bottom: 3vw;}
    #contents04 .inner-Box ul li:nth-child(1) p.lotext {font-size: 3.38vw;line-height: 1.78;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 0.88vw;position: relative;}
    #contents04 .inner-Box p.lotext {font-size: 3.38vw;line-height: 1.78;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 3.88vw;position: relative;}
    #contents04 .inner-Box p.lotext2 {font-size: 3.86vw;line-height: 1.63;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 2.25vw;position: relative;color: #A31219;padding-top: unset;padding-top: 0vw;margin-top: -1vw;}
    #contents04 .inner-Box ul li:nth-child(1) p.lotext2 {font-size: 3.86vw;line-height: 1.63;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 2.25vw;position: relative;color: #A31219;padding-top: unset;padding-top: 1.93vw;}
        #contents04 .inner-Box h3 {font-size: 4.35vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 0.0vw;position: relative;text-align: center;}
    #contents04 .inner-Box figure.photo01 {position: absolute;to;bottom: -14vw;width: 17.9vw;right: 0vw;}
    #contents04 .inner-Box figure.photo01 img{  }
    #contents04 .inner-Box figure.photo02 {position: absolute;to;bottom: -2vw;right: 8.83vw;width: 34.1vw;}
    #contents04 .inner-Box figure.photo02 img{  }
    #contents04 .inner-Box ul::before{}
    
    
    #contentsbottom {margin: 0 auto 16.75vw;position: relative;background: url('../images/k-splanning/contentsbottom-back01.png')repeat-x top 42.84vw center;animation: slide-left 130s linear infinite;background-size: auto 27.7vw;}
    @keyframes slide-left {0% {background-position: 0 42.84vw;}100% {background-position: 676.33vw 42.84vw;}}
    
    #contentsbottom .inner-Box {position: relative;text-align: center;}
    #contentsbottom .inner-Box h2 {margin: 0 25.5vw 4.97vw 26.1vw;}
    #contentsbottom .inner-Box h2 span{  }
    #contentsbottom .inner-Box h2 img {  }
    #contentsbottom .inner-Box h3 {font-size: 6.28vw;line-height: 1.62;font-weight: 500;letter-spacing: 0.63vw;margin-bottom: 53.7vw;position: relative;}
    #contentsbottom .inner-Box p.btn {margin: 0 4vw;}
    #contentsbottom .inner-Box p.btn img {  }
    
}