@charset "UTF-8";
@media screen and (min-width: 768px), print { /* PC */
#kura { min-width: 1100px; color: #131313; font-family: "メイリオ", sans-serif; font-size: 0.875rem; font-weight: 500; line-height: 2.285; }
  
#con01{width: 1200px;margin: -49px auto 70px;/* padding-top: 40px; */}

#con02{width: 100%;max-width: 2000px;margin: 0 auto 50px;background: url(../images/kura/con02-bg01.jpg) repeat-x center top;}
#con02 .inner-Box{ padding-top: 10px; }
#con02 .ttl{position: relative;width: 1000px;margin: 0 auto 45px;background-color: #fff;padding: 44px 0;text-align: center;font-size: 25px;font-weight: 500;line-height: 50px;letter-spacing: 2.5px;}
#con02 .ttl .size{ font-size: 40px; font-weight: 500; }
#con02 .ttl .line{font-size: 40px;background: linear-gradient(transparent 90%, #ffd800 0%);}
#con02 .ttl::before{content: url(../images/kura/arrow.png);position: absolute;bottom: -75px;left: 47%;transform: translateX(-50%);-ms-transform: translateX(-50%);transform: scale(1);}
#con02 .box1{ width: 1100px; margin: 0 auto; background: url(../images/kura/con02-bg02.jpg) repeat-y center top; padding: 50px; }
#con02 .inbox{width: 1000px;margin: 0 auto;background-color: #fff;padding: 50px 0 31px;border: 3px solid;overflow: hidden;}
#con02 .inbox .l-box{ float: left; margin-right: 20px; }
#con02 .inbox .r-box{ float: left; }
#con02 .inbox .r-box .ttl1{font-size: 16px;color: #fff;background-color: #17184a;padding: 4px 15px;margin-bottom: 0px;letter-spacing: 2px;display: inline;}
#con02 .inbox .r-box .list{padding-top: 20px;}
#con02 .inbox .r-box .list li{position: relative;font-size: 18px;font-weight: 500;padding-bottom: 10px;border-bottom: 1px dotted;margin-bottom: 10px;/* letter-spacing: 1px; */padding-left: 38px;line-height: 30px;}
#con02 .inbox .r-box .list li::before{content: url(../images/kura/check.png);position: absolute;top: 5px;left: 7px;transform: scale(1);}

#con03{width: 100%;max-width: 2000px;margin: 0 auto 84px;padding-bottom: 93px;background: url(../images/kura/con03-bg01.png) no-repeat center bottom;}
#con03 .ttl{text-align: center;font-size: 22px;line-height: 50px;font-weight: 500;letter-spacing: 2px;position: relative;/* margin-bottom: 180px; */width: 600px;margin: 0 auto 152px;}
#con03 .ttl span{ font-size: 30px; }
#con03 .ttl::before{content: url(../images/kura/line-before.png);position: absolute;top: 57px;left: 7px;transform: scale(1);}
#con03 .ttl::after{content: url(../images/kura/line-after.png);position: absolute;top: 58px;right: 6px;transform: scale(1);}
#con03 .box1{width: 640px;margin: 0 auto 47px;position: relative;top: -32px;right: 27px;}
#con03 .box1 .txt{width: 400px;text-align: right;font-size: 36px;font-weight: bold;letter-spacing: 3px;line-height: 62px;}
#con03 .box1 .pic{position: absolute;top: -83px;right: 0;}
#con03 .box2{width: 1100px;margin: 0 auto;background-color: #fff;padding: 53px 80px 64px;position: relative;}
#con03 .box2 .ttl1{font-size: 30px;letter-spacing: 3px;text-align: center;margin-bottom: 44px;}
#con03 .box2 .pic{position: absolute;top: 158px;right: 80px;}
#con03 .box2 .txt{width: 600px;font-size: 16px;line-height: 40px;letter-spacing: 1.6px;padding-left: 29px;}

#con04{width: 1100px;margin: 0 auto 19px;}
#con04 .ttl{font-size: 20px;letter-spacing: 2px;line-height: 44px;text-align: center;}
#con04 .txt{font-size: 16px;letter-spacing: 1px;margin-bottom: 48px;text-align: center;}
#con04 .pic{margin-bottom: 70px;}
#con04 .ttl1{text-align: center;font-size: 26px;font-weight: bold;line-height: 60px;letter-spacing: 3px;}
#con04 .ttl1 span{background: linear-gradient(transparent 80%, #ffd800 0%);}

#con05{width: 100%;max-width: 2000px;margin: 0 auto 98px;background: url(../images/kura/con05-bg01.png) repeat-x center top;}
#con05 .inner-Box{width: 1100px;margin: 0 auto;padding: 175px 0 84px 90px;}
#con05 .ttl{width: 641px;font-size: 24px;line-height: 30px;letter-spacing: 2.5px;margin-bottom: 28px;}
#con05 .txt{width: 630px;font-size: 14px;line-height: 30px;letter-spacing: 1.5px;padding-left: 17px;}

.end-bnr{width: 1100px;margin: 0 auto 39px;}
.end-bnr .list{ display: flex; justify-content: space-between; }
  
}

@media screen and (max-width: 767px) { /* SP */
#kura { color: #131313; font-family: "メイリオ", sans-serif; font-size: 14px; font-weight: 500; line-height: 2.285; }
  
#con01{margin-bottom: 8vw;}

#con02{margin: 0 auto 10vw;background: url(../images/kura/con02-bg01.jpg) repeat-x center top;background-size: 220% auto;}
#con02 .inner-Box{padding-top: 3vw;margin: 0 3vw;}
#con02 .ttl{position: relative;margin: 0 auto 5vw;background-color: #fff;padding: 5vw 0;text-align: center;font-size: 4.3vw;font-weight: 500;line-height: 1.8;letter-spacing: 0.242vw;}
#con02 .ttl .size{font-size: 5vw;font-weight: 500;}
#con02 .ttl .line{font-size: 5vw;background: linear-gradient(transparent 90%, #ffd800 0%);}
#con02 .ttl::before{content: url(../images/kura/arrow.png);position: absolute;bottom: -13vw;left: 40%;transform: translateX(-50%);-ms-transform: translateX(-50%);transform: scale(0.6);}
#con02 .box1{ margin: 0 auto; background: url(../images/kura/con02-bg02.jpg) repeat-y center top; padding: 5vw; }
#con02 .inbox{margin: 0 auto;background-color: #fff;padding: 5vw 0 3vw;border: 3px solid;overflow: hidden;}
#con02 .inbox .l-box{/* margin-right: 3vw; */padding: 0 3vw 3vw;}
#con02 .inbox .r-box{  }
#con02 .inbox .r-box .ttl1{font-size: 4vw;color: #fff;background-color: #17184a;padding: 1vw 2vw;margin-bottom: 0px;margin-left: 3vw;letter-spacing: 0.242vw;display: inline;}
#con02 .inbox .r-box .list{padding: 4vw;}
#con02 .inbox .r-box .list li{position: relative;font-size: 3.4vw;font-weight: 500;padding-bottom: 2vw;border-bottom: 1px dotted;margin-bottom: 2vw;/* letter-spacing: 1px; */line-height: 1.8;padding-left: 10vw;/* padding: 0 3vw 2vw; */text-indent: 0vw;}
#con02 .inbox .r-box .list li::before{content: url(../images/kura/check.png);position: absolute;top: 0vw;left: 0.8vw;transform: scale(0.8);}

#con03{width: 100%;margin: 0 auto 8vw;padding: 0 5vw 9vw;background: url(../images/kura/sp-con03-bg01.jpg) no-repeat center top 18vw;background-size: 100% auto;}
#con03 .ttl{text-align: center;font-size: 4.2vw;line-height: 1.8;font-weight: 500;letter-spacing: 0.242vw;position: relative;margin: 0 auto 21vw;}
#con03 .ttl span{ font-size: 4.5vw; }
#con03 .ttl::before{content: url(../images/kura/line-before.png);position: absolute;top: 3vw;left: -2vw;transform: scale(0.6);}
#con03 .ttl::after{content: url(../images/kura/line-after.png);position: absolute;top: 3vw;right: -1vw;transform: scale(0.6);}
#con03 .box1{margin: 0 auto 5vw;/* position: relative; *//* top: -3vw; *//* right: 2vw; */}
#con03 .box1 .txt{text-align: center;font-size: 5vw;font-weight: bold;letter-spacing: 0.242vw;line-height: 1.8;margin-bottom: 3vw;}
#con03 .box1 .pic{margin-bottom: 4vw;padding: 0 18vw;}
#con03 .box2{margin: 0 auto;background-color: #fff;padding: 3vw;position: relative;}
#con03 .box2 .ttl1{font-size: 4.5vw;letter-spacing: 0.242vw;text-align: center;margin-bottom: 5vw;}
#con03 .box2 .pic{margin-bottom: 3vw;}
#con03 .box2 .txt{font-size: 3.6vw;line-height: 1.8;}

#con04{margin: 0 auto 13vw;padding: 0 5vw;}
#con04 .ttl{font-size: 4vw;letter-spacing: 0.242vw;line-height: 1.8;text-align: center;}
#con04 .txt{font-size: 3.6vw;letter-spacing: 0.242vw;margin-bottom: 4vw;text-align: center;}
#con04 .pic{margin-bottom: 7vw;}
#con04 .ttl1{text-align: center;font-size: 4.6vw;font-weight: bold;line-height: 1.8;letter-spacing: 0.242vw;}
#con04 .ttl1 span{background: linear-gradient(transparent 80%, #ffd800 0%);}

#con05{margin: 0 auto 17vw;background: url(../images/kura/sp-con05-bg01.jpg) repeat-x center top;background-size: 100% auto;}
#con05 .inner-Box{margin: 0 auto;padding: 16vw 5vw 72vw;}
#con05 .ttl{font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.242vw;margin-bottom: 3vw;}
#con05 .txt{font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.242vw;}

.end-bnr{margin: 0 15vw 10vw;}
.end-bnr .list li{ margin-bottom: 6vw; }

}