@charset "UTF-8";

@media screen and (min-width: 768px),print {  

#contentsmain {margin: 0 auto 67px;position: relative;background: url('../images/service/contentsmain-back01.png')no-repeat bottom center;text-align: center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;padding: 61px 0 464px;}
#contentsmain .inner-Box h2 {padding: 0 0 0 100px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }

.backk{background: #F2F2F2;padding-bottom: 10px;}

#contents00 {margin: 0 auto 73px;position: relative;padding: 54px 0 0;}
#contents00 .inner-Box { margin: 0 auto; position: relative; }
#contents00 .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; /* Safari古め対応 */ -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#contents00 .inner-Box ul li {position: relative;margin: 0 42px;}
#contents00 .inner-Box ul li a {  }
#contents00 .inner-Box ul li a::before{content: "";width: 1px;height: 36px;display: block;position: absolute;background: #000;top: 7px;right: -42px;}
#contents00 .inner-Box ul li:nth-child(3n) a::before {display: none;}
#contents00 .inner-Box p.ltext {font-size: 24px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

#contents01 {margin: 0 auto 170px;position: relative;width: 1100px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;min-height: 755px;}
#contents01 .inner-Box h2 {margin-bottom: 25px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box figure.photo {position: absolute;top: -3px;right: -410px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h3 {font-size: 30px;line-height: 1.87;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 20px;position: relative;text-decoration: underline;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 32px;position: relative;width: 530px;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;padding: 47px 0 50px 50px;background: #fff;}
#contents01 .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;}
#contents01 .inner-Box2 ul li {position: relative;text-align: center;width: 305px;margin-right: 43px;}
#contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box2 p.ltext {font-size: 20px;line-height: 1.88;font-weight: 700;letter-spacing: 0px;margin-bottom: 10px;position: relative;}
#contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
#contents01 .inner-Box2 figure.img img{  }


#contents02 {margin: 0 auto 93px;position: relative;width: 1100px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;min-height: 772px;padding-left: 570px;}
#contents02 .inner-Box h2 {margin-bottom: 25px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box figure.photo {position: absolute;top: -3px;left: -410px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3 {font-size: 30px;line-height: 1.87;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 20px;position: relative;text-decoration: underline;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 32px;position: relative;width: 530px;}
#contents02 .inner-Box2 {margin: 0 auto 70px;position: relative;padding: 51px 0 50px 50px;background: #fff;}
#contents02 .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;}
#contents02 .inner-Box2 ul li {position: relative;text-align: center;width: 459px;margin-right: 83px;}
#contents02 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents02 .inner-Box2 p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 10px;position: relative;text-align: left;}
#contents02 .inner-Box2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 15px;}
#contents02 .inner-Box2 figure.img img{  }

#contents02 .inner-Box2 h3 {font-size: 24px;line-height: 1.38;font-weight: 700;letter-spacing: 0px;margin-bottom: 24px;position: relative;}
#contents02 p.btn {text-align: center;}
#contents02 p.btn img {  }


#contents03 {margin: 0 auto 150px;position: relative;width: 1100px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;min-height: 769px;}
#contents03 .inner-Box h2 {margin-bottom: 25px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box figure.photo {position: absolute;top: -3px;right: -410px;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h3 {font-size: 30px;line-height: 1.87;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 20px;position: relative;text-decoration: underline;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 32px;position: relative;width: 530px;}
#contents03 .inner-Box2 {margin: 0 auto;position: relative;padding: -2px 0 50px 0px;background: #fff;}

#contents03 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
#contents03 .inner-Box2 figure.img img{  }

#contents04 {margin: 0 auto;position: relative;background: #E4E4E4;text-align: center;padding: 151px 0 42px;}
#contents04 .inner-Box { margin: 0 auto; position: relative; }
#contents04 .inner-Box h2 {font-size: 32px;line-height: 1.38;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 50px;position: relative;}
#contents04 .inner-Box p.btn {margin-bottom: 130px;}
#contents04 .inner-Box p.btn img {  }
#contents04 .inner-Box h3 {font-size: 32px;line-height: 2;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 0px;position: relative;}


#contentsbottom {margin: 0 auto -38px auto;position: relative;background: url('../images/service/contentsbottom-back01.png')no-repeat top center;padding: 182px 0 90px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box .beforeicon{position: absolute;z-index: 3;left: 50%;transform: translateX(-50%);top: 153px;}
#contentsbottom .inner-Box ul.concept-slide {margin-bottom: 56px;}
#contentsbottom .inner-Box .concept-slide li img { transform: scale(.8); transition: transform .5s; }
/* 中央のスライド */
#contentsbottom .inner-Box .concept-slide .slick-center img { transform: scale(1); }
#contentsbottom .inner-Box figure img{  }
#contentsbottom .inner-Box p.f-en {text-align: center;font-size: 9px;line-height: 1.88;font-weight: 400;letter-spacing: 0.45px;margin-bottom: 30px;position: relative;}

.slide img { transform: scale(.8); transition: transform .3s; }
.slide.slick-center img { transform: scale(1); }

}
@media screen and (min-width:768px) and ( max-width:1400px) {






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

    #contentsmain {margin: 0 auto 0.18vw;position: relative;background: url('../images/service/sp-contentsmain-back01.png')no-repeat bottom center;text-align: center;background-size: 100% auto;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;padding: 1.33vw 0 39.7vw;}
    #contentsmain .inner-Box h2 {
    margin: 0 7.2vw;
}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    
    .backk{background: #F2F2F2;padding-bottom: 2.42vw;}
    
    #contents00 {margin: 0 auto 7.43vw;position: relative;padding: 4.04vw 0 0;}
    #contents00 .inner-Box { margin: 0 4vw; position: relative; }
    #contents00 .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; /* Safari古め対応 */ -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #contents00 .inner-Box ul li {position: relative;margin: 0 10.14vw;}
    #contents00 .inner-Box ul li a {  }
    #contents00 .inner-Box ul li a::before{content: "";width: 8.70vw;height: 0.4vw;display: block;position: absolute;background: #000;bottom: 3.79vw;left: 50%;transform: translateX(-50%);}
    #contents00 .inner-Box ul li:nth-child(3n) a::before {display: none;}
    #contents00 .inner-Box p.ltext {font-size: 4.35vw;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 7.95vw;position: relative;}
    
    #contents01 {margin: 0 auto 23.26vw;position: relative;}
    #contents01 .inner-Box {position: relative;margin-bottom: 11.7vw;}
    #contents01 .inner-Box h2 {margin: 0 16vw 4.44vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin-bottom: 6.6vw;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .inner-Box h3 {font-size: 5.31vw;line-height: 2;font-weight: 500;letter-spacing: 0.27vw;margin: 0 3.2vw 4.83vw 5.2vw;position: relative;text-decoration: underline;}
    #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin: 0 5.3vw 8.73vw;position: relative;}
    #contents01 .inner-Box2 {margin: 0 3vw;position: relative;padding: 8.9vw 4.7vw 2.7vw;background: #fff;}
    #contents01 .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;}
    #contents01 .inner-Box2 ul li {position: relative;text-align: center;margin-bottom: 6.89vw;}
    #contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents01 .inner-Box2 p.ltext {font-size: 4.35vw;line-height: 1.88;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 2.42vw;position: relative;}
    #contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
    #contents01 .inner-Box2 figure.img img{  }
    
    
    #contents02 {margin: 0 auto 5.16vw;position: relative;}
    #contents02 .inner-Box {position: relative;margin-bottom: 13.7vw;}
    #contents02 .inner-Box h2 {margin: 0 13.7vw 4.44vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h2 img {  }
    #contents02 .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin-bottom: 6.6vw;}
    #contents02 .inner-Box figure.photo img{  }
    #contents02 .inner-Box h3 {font-size: 5.31vw;line-height: 2;font-weight: 500;letter-spacing: 0.27vw;margin: 0 3.2vw 4.83vw 5.2vw;position: relative;text-decoration: underline;}
    #contents02 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin: 0 5.3vw 8.73vw;position: relative;}
    #contents02 .inner-Box2 {margin: 0 3vw 10.6vw;position: relative;padding: 9.9vw 4.7vw 5.7vw;background: #fff;}
    #contents02 .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;}
    #contents02 .inner-Box2 ul li {position: relative;text-align: center;margin-bottom: 8.19vw;}
    #contents02 .inner-Box2 ul li:nth-child(2) { margin-bottom: 0.0vw; }
    #contents02 .inner-Box2 h3 {font-size: 4.35vw;line-height: 1.88;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 2.42vw;position: relative;}
    #contents02 .inner-Box2 p.ltext {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 2.42vw;position: relative;text-align: left;}
    #contents02 .inner-Box2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 2.8vw;}
    #contents02 .inner-Box2 figure.img img{  }
    
    #contents02 .inner-Box2 h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.8vw;position: relative;}
    #contents02 p.btn {text-align: center;margin: 0vw -2vw;}
    #contents02 p.btn img {  }
    
    
    #contents03 {margin: 0 auto 7.06vw;position: relative;}
    #contents03 .inner-Box {position: relative;margin-bottom: 12.7vw;}
    #contents03 .inner-Box h2 {margin: 0 9.5vw 4.44vw;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box h2 img {  }
    #contents03 .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin-bottom: 6.6vw;}
    #contents03 .inner-Box figure.photo img{  }
    #contents03 .inner-Box h3 {font-size: 5.31vw;line-height: 2;font-weight: 500;letter-spacing: 0.27vw;margin: 0 3.2vw 4.83vw 5.2vw;position: relative;text-decoration: underline;}
    #contents03 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin: 0 5.3vw 8.73vw;position: relative;}
    #contents03 .inner-Box2 {margin: 0 3vw 11.9vw;position: relative;padding: 0.2vw 0vw 0.7vw;background: #fff;}

    #contents03 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
    #contents03 .inner-Box2 figure.img img{  }
    
    #contents04 {position: relative;background: #E4E4E4;text-align: center;padding: 16.17vw 0 4.14vw;}
    #contents04 .inner-Box { margin: 0 4vw; position: relative; }
    #contents04 .inner-Box h2 {font-size: 4.83vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 4.08vw;position: relative;}
    #contents04 .inner-Box p.btn {margin: 0 -1vw 16.4vw;}
    #contents04 .inner-Box p.btn img {  }
    #contents04 .inner-Box h3 {font-size: 4.83vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 0.0vw;position: relative;}
    
    






    #contentsbottom {position: relative;background: url('../images/service/sp-contentsbottom-back01.png')no-repeat top center;padding: 35.03vw 0 23.96vw;background-size: 100% auto;}
    #contentsbottom .inner-Box {position: relative;}
    #contentsbottom .inner-Box .beforeicon{position: absolute;z-index: 3;left: 50%;transform: translateX(-50%);top: 35.86vw;width: 38.7vw;}
    #contentsbottom .inner-Box ul.concept-slide {margin-bottom: -2.63vw;}
    #contentsbottom .inner-Box .concept-slide li img { transform: scale(.8); transition: transform .5s; }
    /* 中央のスライド */
    #contentsbottom .inner-Box figure img{  }
    #contentsbottom .inner-Box p.f-en {text-align: center;font-size: 1.69vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.11vw;margin-bottom: 7.25vw;position: relative;}
    
}