@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
-------------------------------------*/
body{ background: url('../images/service/contents-back.jpg'); }
#end-contact{ background: url('../images/service/end-back.jpg')no-repeat top -40px center; }

h1.main-title{ background: url('../images/service/h1.jpg')no-repeat top center!important; }

#contentsmain {width: 1500px;margin: 0 auto -51px;background: url('../images/service/main-back.jpg')no-repeat top center;height: 1250px;}
#contentsmain .inner-Box { padding-top: 122px; }
#contentsmain .inner-Box h2 {text-align: center;margin-bottom: 14px;}
#contentsmain .inner-Box h2 img{margin-left: -12px;}
#contentsmain .inner-Box h3{font-size: 20px;letter-spacing: 2px;text-align: center;color: #333333;margin-bottom: 40px;}
#contentsmain .inner-Box figure{ text-align: center; }
#contentsmain .inner-Box ul.list {width: 940px;margin: 0 auto 36px;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-Box ul li { width: 280px; margin-right: 50px; }
#contentsmain .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contentsmain .inner-Box ul li img{margin: 0 auto -60px 20px;}
#contentsmain .inner-Box ul li a:hover{ text-decoration: none; }
#contentsmain .inner-Box ul li h3{text-align: center;font-size: 28px;font-weight: 700;width: 280px;height: 100px;border-radius: 50px;background-color: #ffffff;position: relative;padding-top: 6px;margin-bottom: 23px;}
#contentsmain .inner-Box ul li h3 span{display: block;color: #ef8000;font-size: 20px;letter-spacing: 2px;margin-bottom: -8px;}
#contentsmain .inner-Box ul li p{letter-spacing: 0;font-size: 16px;line-height: 24px;color: #333333;}

#contents01 {width: 1200px;margin: 0 auto 50px;border-top: #d7d6c6 solid 10px;background: #fff;padding: 51px 100px 100px 100px;position: relative;}
#contents01  span.no {position: relative;left: -18px;display: inherit;margin-bottom: 49px;}
#contents01 .inner-Box1 {position: relative;min-height: 408px;padding-right: 510px;margin-bottom: 44px;}
#contents01  span.no::before {position: absolute;content: url('../images/service/contents-line.png');top: 41px;left: 130px;}
#contents01 .inner-Box1 h2 {text-align: center;margin-bottom: 22px;}
#contents01 .inner-Box1 h2 img{  }
#contents01 .inner-Box1 h3{text-align: center;color: #ef8000;font-size: 24px;font-weight: 700;letter-spacing: 1.2px;padding-left: 10px;margin-bottom: 18px;}
#contents01 .inner-Box1 figure{ position: absolute; top: 0; right: 0; }
#contents01 .inner-Box1 p{font-size: 18px;line-height: 36px;letter-spacing: 0.9px;}
#contents01 .inner-Box2 {background: url('../images/service/contents01-back.jpg');position: relative;padding: 42px 40px 50px 40px;}
#contents01 .inner-Box2 h4{font-size: 24px;font-weight: 700;letter-spacing: 1.2px;text-align: center;padding-left: 10px;margin-bottom: 31px;}
#contents01 .inner-Box2 h4::before{content: url('../images/service/contents01-icon.png');position: absolute;top: 37px;right: 122px;}
#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 { width: 215px; margin-right: 20px; }
#contents01 .inner-Box2 ul li:nth-child(4){ margin-right: 0; }
#contents01 .inner-Box2 p.tt {font-size: 18px;text-align: center;color: #fff;background: #333435;height: 50px;padding-top: 9px;font-weight: 700;}

#contents02 {width: 1200px;margin: 0 auto 50px;border-top: #d6d5c6 solid 10px;background: #fff;padding: 51px 100px 38px 100px;position: relative;}
#contents02  span.no {position: relative;left: -18px;display: inherit;margin-bottom: 49px;}
#contents02 .inner-Box {position: relative;min-height: 408px;padding-left: 500px;margin-bottom: 44px;}
#contents02  span.no::before {position: absolute;content: url('../images/service/contents-line.png');top: 41px;left: 130px;}
#contents02 .inner-Box h2 {text-align: center;margin-bottom: 22px;}
#contents02 .inner-Box h2 img{  }
#contents02 .inner-Box h3{text-align: center;color: #ef8000;font-size: 24px;font-weight: 700;letter-spacing: 1.2px;padding-left: 10px;margin-bottom: 18px;}
#contents02 .inner-Box figure{position: absolute;top: 0;left: 0;}
#contents02 .inner-Box p{font-size: 18px;line-height: 36px;letter-spacing: 0.9px;}

#contents03 {width: 1200px;margin: 0 auto 100px;border-top: #d6d5c6 solid 10px;background: #fff;padding: 51px 100px 37px 100px;position: relative;}
#contents03  span.no {position: relative;left: -18px;display: inherit;margin-bottom: 49px;}
#contents03 .inner-Box {position: relative;min-height: 408px;padding-right: 500px;margin-bottom: 44px;}
#contents03  span.no::before {position: absolute;content: url('../images/service/contents-line.png');top: 41px;left: 130px;}
#contents03 .inner-Box h2 {text-align: center;margin-bottom: 22px;}
#contents03 .inner-Box h2 img{  }
#contents03 .inner-Box h3{text-align: center;color: #ef8000;font-size: 24px;font-weight: 700;letter-spacing: 1.2px;padding-left: 10px;margin-bottom: 18px;}
#contents03 .inner-Box figure{position: absolute;top: 0;right: 0;}
#contents03 .inner-Box p{font-size: 18px;line-height: 36px;letter-spacing: 0.9px;}

#contents04 {width: 1500px;height: 820px;margin: 0 auto 40px;background: url('../images/service/contents04-back.jpg')no-repeat top center;padding-top: 120px;}
#contents04 .inner-Box { text-align: center; }
#contents04 .inner-Box h2 {margin-bottom: 43px;}
#contents04 .inner-Box h2 img{  }
#contents04 .inner-Box p{font-size: 18px;line-height: 36px;letter-spacing: 0.9px;margin-bottom: 40px;}
#contents04 .inner-Box span.logo {  }




}

@media screen and (max-width: 767px) {
body{ background: url('../images/service/contents-back.jpg'); }
#end-contact{ background: url('../images/service/sp-end-back.jpg')no-repeat top center; background-size: 100% auto; }

h1.main-title{background: url('../images/service/sp-h1.jpg')no-repeat top center;background-size: 100% auto;margin-bottom: 0vw;}
p{ font-weight: normal; }
#contentsmain {margin: 0 auto 18vw;background: url('../images/service/sp-main-back.jpg')no-repeat top center; background-size: 100% auto; }
#contentsmain .inner-Box {padding-top: 14.9vw;}
#contentsmain .inner-Box h2 {text-align: center;margin: 0 6.5vw 5.8vw 10vw;}
#contentsmain .inner-Box h2 img{margin-left: -1.6vw;}
#contentsmain .inner-Box h3{font-size: 4vw;letter-spacing: 0.3vw;text-align: center;color: #333333;margin-bottom: 5.2vw;}
#contentsmain .inner-Box figure{ margin-bottom: 4vw; }
#contentsmain .inner-Box ul.list {margin: 0 auto 2.7vw;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-Box ul li { position: relative; padding-right: 40vw; padding-top: 11vw; margin-bottom: 7vw;}
#contentsmain .inner-Box ul li:nth-child(3n){ margin-right: 0vw; }
#contentsmain .inner-Box ul li img{position: absolute;top: 3vw;right: 6vw;width: 41vw;}
#contentsmain .inner-Box ul li a:hover{ text-decoration: none; }
#contentsmain .inner-Box ul li h3{text-align: center;font-size: 4.7vw;font-weight: 700;border-radius: 9.5vw;background-color: #ffffff;position: relative;padding-top: 0.8vw;padding-bottom: 2vw;margin-bottom: 4vw;}
#contentsmain .inner-Box ul li h3 span{display: block;color: #ef8000;font-size: 4.6vw;letter-spacing: 0.3vw;margin-bottom: -1.0vw;}
#contentsmain .inner-Box ul li p{letter-spacing: 0;font-size: 3.5vw;line-height:1.6;color: #333333;margin: 0 5vw;}

#contents01 {margin: 0 3vw 6.5vw;border-top: #d7d6c6 solid 1.3vw;background: #fff;position: relative;padding: 5vw 5vw 0vw 5vw;}
#contents01  span.no {position: relative;display: inherit;margin-bottom: 10.4vw;}
#contents01 .inner-Box1 {position: relative;margin-bottom: 14.7vw;}
#contents01 .inner-Box1 h2 {text-align: center;margin: 0 5vw 3.9vw 6vw;}
#contents01 .inner-Box1 h2 img{  }
#contents01 .inner-Box1 h3{text-align: center;color: #ef8000;font-size: 4.6vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3vw;}
#contents01 .inner-Box1 figure{margin-bottom: 7vw;}
#contents01 .inner-Box1 p{font-size: 3.8vw;line-height: 2;letter-spacing: 0.3vw;}
#contents01 .inner-Box2 {background: url('../images/service/contents01-back.jpg');position: relative;margin: 0 -5vw;padding: 8.5vw 5.2vw 6.5vw 5.2vw;}
#contents01 .inner-Box2 h4{font-size: 4.6vw;font-weight: 700;letter-spacing: 0.3vw;text-align: center;padding-left: 1.3vw;margin-bottom: 9vw;}
#contents01 .inner-Box2 h4::before{content: url('../images/service/contents01-icon.png');position: absolute;top: 7vw;right: 2vw;}
#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 {width: 49%;margin-right: 2%;margin-bottom: 2vw;}
#contents01 .inner-Box2 ul li:nth-child(2n){ margin-right: 0; }
#contents01 .inner-Box2 p.tt {font-size: 3.5vw;text-align: center;color: #fff;background: #333435;height: 10.5vw;padding-top: 2.2vw;font-weight: 700;}

#contents02 {margin: 0 3vw 6.5vw;border-top: #d7d6c6 solid 1.3vw;background: #fff;position: relative;padding: 5vw 5vw 0vw 5vw;}
#contents02  span.no {position: relative;display: inherit;margin-bottom: 10.4vw;}
#contents02 .inner-Box {position: relative;margin-bottom: 14.7vw;}
#contents02 .inner-Box h2 {text-align: center;margin: 0 5vw 3.9vw 6vw;}
#contents02 .inner-Box h2 img{  }
#contents02 .inner-Box h3{text-align: center;color: #ef8000;font-size: 4.6vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3vw;}
#contents02 .inner-Box figure{margin-bottom: 7vw;}
#contents02 .inner-Box p{font-size: 3.8vw;line-height: 2;letter-spacing: 0.3vw;padding-bottom: 8vw;}

#contents03 {margin: 0 3vw 6.5vw;border-top: #d7d6c6 solid 1.3vw;background: #fff;position: relative;padding: 5vw 5vw 0vw 5vw;}
#contents03  span.no {position: relative;display: inherit;margin-bottom: 10.4vw;}
#contents03 .inner-Box {position: relative;margin-bottom: 14.7vw;}
#contents03 .inner-Box h2 {text-align: center;margin: 0 5vw 3.9vw 6vw;}
#contents03 .inner-Box h2 img{  }
#contents03 .inner-Box h3{text-align: center;color: #ef8000;font-size: 4.6vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3vw;}
#contents03 .inner-Box figure{margin-bottom: 7vw;}
#contents03 .inner-Box p{font-size: 3.8vw;line-height: 2;letter-spacing: 0.3vw;padding-bottom: 8vw;}

#contents04 {margin: 0 auto 5.2vw;background: url('../images/service/sp-contents04-back.jpg')no-repeat top center;background-size: 100% auto;padding-top: 19.6vw;}
#contents04 .inner-Box { text-align: center; }
#contents04 .inner-Box h2 {margin: 0 27vw 5.6vw;}
#contents04 .inner-Box h2 img{  }
#contents04 .inner-Box p{font-size: 3.6vw;line-height: 2.3;letter-spacing: 0.3vw;text-align: left;margin: 0 9vw 17vw;}
#contents04 .inner-Box span.logo {margin: 0 29vw;display: block;padding-bottom: 57vw;}



}