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

main{ width:100%!important; max-width:1920px; margin:0 auto; }

.bg-area{ margin-top: -33px; padding-top:440px; padding-bottom: 100px; background: url(../images/concept/con01-bg01.png) no-repeat center top,#EDF3F6; }
#con01{ width: 1000px; margin:0 auto 151px; }
#con01 .inner-Box{ background-color:#fff; width:864px; margin:0 auto 75px; padding:85px 166px 47px; box-shadow: 0px 10px 36px rgba(0, 0, 0, .2); position: relative;}
#con01 .inner-Box::before{content: ''; display: inline-block; width: 1px; height: 50px; background-color:#000; position:absolute; bottom:-25px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .inner-Box .txt{ font-size:38px; font-weight:700; line-height: 45px; letter-spacing:0; text-align:center; margin-bottom:21px; }
#con01 .txt1{ text-align:center; font-size:22px; line-height:37px; letter-spacing:1.1px; }

#con02{ width:1200px; margin: 0 auto; }
#con02 .inner1{ background-color:#fff; margin-bottom: 40px; border-radius: 10px; padding:65px 367px 71px 232px; position:relative; }
#con02 .inner1 .num{ position:absolute; top: 78px; left:123px; }
#con02 .inner1 .ttl{ font-size: 33px; font-weight:700; line-height:77px; letter-spacing:1.6px; margin-bottom:9px; }
#con02 .inner1 .img{ position:absolute; top:125px; right:67px; }

#con02 .inner2{ background-color:#fff; margin-bottom: 40px; border-radius: 10px; padding:65px 270px 107px 232px; position:relative; }
#con02 .inner2 .num{ position:absolute; top: 78px; left:116px; }
#con02 .inner2 .ttl{ font-size: 33px; font-weight:700; line-height:77px; letter-spacing:1.6px; margin-bottom:9px; }
#con02 .inner2 .img{ position:absolute; top:56px; right:54px; }

#con02 .inner3{ background-color:#fff; margin-bottom: 0px; border-radius: 10px; padding:65px 366px 70px 232px; position:relative; }
#con02 .inner3 .num{ position:absolute; top: 78px; left:116px; }
#con02 .inner3 .ttl{ font-size: 33px; font-weight:700; line-height:77px; letter-spacing:1.6px; margin-bottom:9px; }
#con02 .inner3 .img{ position:absolute; top:89px; right:51px; }

#con03{ background-color:#009EC2; width:100%; max-width:1920px; margin:0 auto 106px; padding:94px 0 71px; }
#con03 .inner-Box{ width:1000px; margin:0 auto; }
#con03 .ttl{ text-align:center; margin-bottom:25px; }
#con03 .list{  }
#con03 .list li{ padding:39px 50px 23px 179px; position:relative; border-bottom: 1px solid #0091B6; }
#con03 .list li .num{ position:absolute; top:30px; left:79px; }
#con03 .list li h3{ display:inline-block; background-color:#fff; border-radius: 6px; padding: 5px 28px 2px; font-size:22px; font-weight:700; line-height:53.5px; letter-spacing:0; margin-bottom:15px; }
#con03 .list li h3 span{ color:#009EC2; }
#con03 .list li .txt{ color:#fff; }

#con04{ width:100%; max-width:1920px; margin:0 auto 130px; padding-bottom: 180px; background: url(../images/concept/con04-bg01.png) no-repeat center top 143px; }
#con04 .inner-Box{ width:1100px; margin:0 auto; position:relative; }
#con04 .ttl{ font-size:33px; font-weight:700; line-height:77px; letter-spacing:1.6px; margin-bottom:137px; text-align:center; }
#con04 .ttl1{ display:inline-block; background-color:#fff; border-radius: 6px; font-size:50px; font-weight:700; line-height:54px; letter-spacing:0; padding:19px 26px 20px 15px; margin-bottom:42px; }
#con04 .ttl1 span{ color:#009EC2; padding-right:10px; }
#con04 .txt{ font-size:20px; line-height:50px; letter-spacing:1px; color:#fff; }
#con04 .img{ position:absolute; top:129px; right:-50px; }

#con05{ width:1100px; margin:0 auto 160px; }
#con05 .ttl{ text-align:center; margin-bottom:55.6px; }
#con05 .ttl1{ text-align:center; font-size:33px; font-weight:700; line-height:77px; letter-spacing:1.6px; margin-bottom:10px; }
#con05 .txt{ font-size:16px; line-height:36px; letter-spacing:0.8px; text-align:center; margin-bottom:62px; }



}

@media screen and (max-width: 767px) {
.css{position: relative;}

.bg-area{ padding:72vw 5vw 15vw;background: url(../images/concept/sp-con01-bg01.png) no-repeat center top,#EDF3F6; background-size: 100%; }
#con01{ margin:0 auto 15vw; }
#con01 .inner-Box{ background-color:#fff; border-radius: 8px; margin:0 auto 18.11vw; padding:12vw 7vw 11.35vw; box-shadow: 0vw 2.41vw 8.69vw rgba(0, 0, 0, .2); position:relative; }
#con01 .inner-Box::before{content: ''; display: inline-block; width: 0.3vw; height: 14vw; background-color:#000; position:absolute; bottom:-7vw; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .inner-Box .txt{ font-size:6.8vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; text-align:center; margin-bottom:2vw; }
#con01 .txt1{ font-size:5.1vw; line-height: 1.6; letter-spacing: 0.24vw; }

#con02{ margin: 0 auto; }
#con02 .inner1{ background-color:#fff; margin-bottom: 9.66vw; border-radius: 2.41vw; padding:12vw 4vw 12vw 4vw; position:relative; }
#con02 .inner1 .num{ text-align:center; margin: 0 34vw 7vw; }
#con02 .inner1 .ttl{ text-align: center; font-size: 6vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:4vw; }
#con02 .inner1 .img{ margin:0 13vw 6vw; }
#con02 .inner1 .txt{ font-size:3.6vw; line-height:1.8; letter-spacing:0.242vw; }

#con02 .inner2{ background-color:#fff; margin-bottom: 9.66vw; border-radius: 2.41vw; padding:12vw 4vw 12vw 4vw; position:relative; }
#con02 .inner2 .num{ text-align:center; margin: 0 31vw 7vw; }
#con02 .inner2 .ttl{ text-align: center; font-size: 6vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:5vw; }
#con02 .inner2 .img{ margin:0 19vw 6vw; }
#con02 .inner2 .txt{ font-size:3.6vw; line-height:1.8; letter-spacing:0.242vw; }

#con02 .inner3{ background-color:#fff; border-radius: 2.41vw; padding:12vw 4vw 12vw 4vw; position:relative; }
#con02 .inner3 .num{ text-align:center; margin: 0 32vw 7vw; }
#con02 .inner3 .ttl{ text-align: center; font-size: 6vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:5vw; }
#con02 .inner3 .img{ margin:0 16vw 6vw; }
#con02 .inner3 .txt{ font-size:3.6vw; line-height:1.8; letter-spacing:0.242vw; }

#con03{ background-color:#009EC2; margin:0 auto 15vw; padding:12vw 0 12vw; }
#con03 .inner-Box{ margin:0 auto; }
#con03 .ttl{ text-align:center; margin: 0 17vw 7vw 13vw; }
#con03 .list{ margin:0 8vw; }
#con03 .list li{ padding: 6vw 0vw 10vw; position:relative; border-bottom: 0.24vw solid #0091B6; }
#con03 .list li .num{ margin:0 32vw 4vw; }
#con03 .list li h3{ border-radius: 1.44vw; font-size:5.31vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:3.62vw; }
#con03 .list li h3 span.color{ color:#009EC2; }
#con03 .list li h3 span.line1{padding: 3.2vw 6.76vw 2.7vw; border-radius: 6px; background-color:#fff; display:inline-block; margin-bottom:2vw; }
#con03 .list li h3 span.line2{padding: 3.2vw 6.76vw 2.7vw; border-radius: 6px; background-color:#fff; display:inline-block; }
#con03 .list li h3 span.line3{padding: 3.2vw 6.76vw 2.7vw; border-radius: 6px; background-color:#fff; display:inline-block; }
#con03 .list li .txt{ color:#fff; font-size:3.8vw; line-height:2; letter-spacing:0.24vw; }

#con04{ margin:0 3vw 15vw; padding-bottom: 0vw; }
#con04 .inner-Box{ margin:0 auto; position:relative; }
#con04 .ttl{ font-size:6vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:13vw; text-align:center; }
#con04 .sp-box{ background-color:#009EC2; padding:10vw 8vw 15vw; }
#con04 .ttl1{ text-align: center; display:inline-block; background-color:#fff; width: 100%; border-radius: 1.44vw; font-size:9.4vw; font-weight:700; line-height: 1.3; letter-spacing: 0.24vw; padding:4.58vw 3vw 4.83vw 3vw; margin-bottom:8vw; }
#con04 .ttl1 span{ color:#009EC2; padding-right:2.41vw; }
#con04 .txt{ font-size:4.83vw; line-height: 2; letter-spacing: 0.24vw; color:#fff; }
#con04 .img{ margin: -20vw 4vw 0; }

#con05{ margin:0 auto 15vw; }
#con05 .ttl{ text-align:center; margin: 0 20vw 6vw; }
#con05 .ttl1{ text-align:center; font-size:7vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:5vw; }
#con05 .txt{ margin: 0 6vw; font-size:3.86vw; line-height: 2; letter-spacing: 0.24vw; margin-bottom:9vw; }

}