@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list {position: relative; z-index: 1;}
.seo_bread_list a{position: relative; z-index: 1;}

#con1 {}
#con1 .bx{width: 100%; margin: -70px auto 0; background: url(../images/concept/con1-bg.png) no-repeat top center; padding: 98px 0 194px;;}
#con1 .bx .inner{width: 1000px; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 34px; letter-spacing: 3.3px; line-height: 1.65; font-weight: 500; color: #fff; text-align: center; margin-bottom: 38px;}
#con1 .bx .inner .txt1{font-size: 18px; letter-spacing: 0.8px; line-height: 1.65; font-weight: 400; color: #fff; text-align: center; margin-bottom: 40px;}

#con2 {}
#con2 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 182px 0 124px; }
#con2 .bx .inner {width: 100%; margin: 0 auto -320px; padding: 104px 0 109px; position: relative; z-index: 1; top: -318px;}
#con2 .bx .inner::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 71%; background-color: #ffffff; border-radius: 20px 0 0 20px; z-index: -1;}

#con2 .bx .inner .in-bx1{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 505px; margin-left: auto; margin-right: 88px;}
#con2 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; left: 0; top: -35px}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 24px; letter-spacing: 1.1px; line-height: 1.6; font-weight: 600; margin-bottom: 34px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 30px; letter-spacing: 1.4px; line-height: 1.6; font-weight: 500; margin-bottom: 18px;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 400; margin-bottom: 30px;}
#con2 .bx .inner .in-bx1 .in-inner1 .btn1{margin-top: 44px;}


#con3 {}
#con3 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 25px 0 14px; }
#con3 .bx .inner {width: 1200px; margin: 0 auto 100px; }
#con3 .bx .inner .ttl1{font-size: 30px; letter-spacing: 1.4px; line-height: 1.65; font-weight: 500; text-align: center; margin-bottom: 33px;}
#con3 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; text-align: center; margin-bottom: 54px;}

#con3 .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{}
#con3 .bx .inner .in-bx1 .in-inner1 .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{width: 380px; margin-right: 16px; background: #fff; padding: 50px 50px 45px; position: relative; border-radius: 15px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:last-child{margin-right: 0;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(1):before{content: ""; width: 9px; height: 89px; margin: 0 auto; background: url(../images/concept/con3-mini-ttl1.png) no-repeat top center; position: absolute; right: 22px; top: 18px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(2):before{content: ""; width: 9px; height: 85px; margin: 0 auto; background: url(../images/concept/con3-mini-ttl2.png) no-repeat top center; position: absolute; right: 22px; top: 18px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(3):before{content: ""; width: 9px; height: 45px; margin: 0 auto; background: url(../images/concept/con3-mini-ttl3.png) no-repeat top center; position: absolute; right: 22px; top: 18px;}
/* #con3 .bx .inner .in-bx1 .in-inner1 .list li:after{content: ""; width: 9px; height: 9px; margin: 0 auto; background: url(../images/concept/con3-mini-icon.svg) no-repeat top center; position: absolute; right: 18px; bottom: 20px;} */

#con3 .bx .inner .in-bx1 .in-inner1 .list li .img1{text-align: center; margin-bottom: 20px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .ttl2{font-size: 27px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; text-align: center; color: #F08201; position: relative; margin-bottom: 24px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .ttl2::after{content: ""; width: 100%; height: 4px; margin: 0 auto; background: url(../images/concept/con3-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -10px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt2{font-size: 14px; letter-spacing: 0.7px; line-height: 1.65; font-weight: 400;}



#con4 {}
#con4 .bx {width: 100%; margin: 0 auto -375px; background: #EDF1E5; padding: 25px 0 0; }
#con4 .bx .inner {width: 100%; margin: 0 auto 100px; background: linear-gradient(to right, #ffffff 71%, transparent 29%); padding: 25px 0 156px; }
#con4 .bx .inner .in-bx1{width: 1050px; margin: 0 auto; position: relative;}
#con4 .bx .inner .in-bx1 .in-inner1 {width: 480px; margin-right: auto; margin-left: 10px; padding: 102px 0 290px;}
#con4 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; right: 10px; top: -65px;}
#con4 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 33px;}


#con5 {}
#con5 .bx {width: 100%; margin: 0 auto; background: url(../images/concept/con5-bg.png) no-repeat top center;; padding: 107px 0 50px; }
#con5 .bx .inner {width: 1280px; margin: 0 auto 47px; }
#con5 .bx .inner .ttl1{font-size: 15px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; text-align: center; color: #fff; margin-bottom: 41px;}
#con5 .bx .inner .ttl2{font-size: 34px; letter-spacing: 3.3px; line-height: 1.45; font-weight: 500; text-align: center; color: #fff; margin-bottom: 180px; position: relative;}
#con5 .bx .inner .ttl2::after{content: ""; width: 2px; height: 70px; margin: 0 auto; background: url(../images/concept/con5-ttl-bg.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -140px;}
#con5 .bx .inner .ttl3{font-size: 27px; letter-spacing: 1.3px; line-height: 1.6; font-weight: 500; text-align: center; color: #F08201; margin-bottom: 10px;}
#con5 .bx .inner .ttl3 span{background: linear-gradient(transparent 60%, #FDE786 60%); display: inline-block; padding-left: 5px; margin-left: -5px;}
#con5 .bx .inner .txt1{font-size: 16px; letter-spacing: 1px; line-height: 2.05; font-weight: 400; text-align: center; margin-bottom: 33px;}




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

	
}

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


#con1 {}
#con1 .bx{width: 100%; margin: -14vw auto 11vw; background: url(../images/concept/sp-con1-bg.png) no-repeat top center; padding: 20vw 0 18vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0.1vw; line-height: 1.45; font-weight: 500; color: #fff; text-align: center; margin-bottom: 6vw;}
#con1 .bx .inner .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.65; font-weight: 400; color: #fff; margin-bottom: 5vw; padding: 0 13vw;}

#con2 {}
#con2 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 15vw 0 14vw; }
#con2 .bx .inner {width: 100%; margin: 0 auto -30vw; background: #fff; padding: 10vw 5vw 2vw; position: relative; z-index: 1; top: -33vw; border-radius: 4vw 0vw 0vw 4vw;}

#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative; top: -7vw;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 96%; margin: 0 auto 5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .img1{width: 100%; margin: -10vw auto 5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 600; margin-bottom: 5vw; text-align: center;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 5.2vw; letter-spacing: 0.35vw; line-height: 1.65; font-weight: 500; margin-bottom: 5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.5vw; letter-spacing: 0.05vw; line-height: 1.78; font-weight: 400; margin-bottom: 6.5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .btn1{width: 78%; margin: 6vw auto 0;}


#con3 {}
#con3 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 3vw 0 22vw; }
#con3 .bx .inner {width: 87%; margin: 0 auto 10vw; }
#con3 .bx .inner .ttl1{font-size: 5.2vw; letter-spacing: 0.4vw; line-height: 1.7; font-weight: 500; margin-bottom: 4vw;}
#con3 .bx .inner .txt1{font-size: 3.5vw; letter-spacing: 0.05vw; line-height: 1.78; font-weight: 400; margin-bottom: 7vw;}

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{}
#con3 .bx .inner .in-bx1 .in-inner1 .list{}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{width: 100%; margin: 0 auto 5vw; background: #fff; padding: 9.5vw 9.5vw 10vw; position: relative; border-radius: 3vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(2){margin: 0 auto 10vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:last-child{margin-bottom: 0;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(1):before{content: ""; width: 6vw; height: 25vw; margin: 0 auto; background: url(../images/concept/sp-con3-mini-ttl1.png) no-repeat top center; position: absolute; right: 3vw; top: 4vw; background-size: 2.2vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(2):before{content: ""; width: 6vw; height: 25vw; margin: 0 auto; background: url(../images/concept/sp-con3-mini-ttl2.png) no-repeat top center; position: absolute; right: 3vw; top: 4vw; background-size: 2.2vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(3):before{content: ""; width: 6vw; height: 25vw; margin: 0 auto; background: url(../images/concept/sp-con3-mini-ttl3.png) no-repeat top center; position: absolute; right: 3vw; top: 4vw; background-size: 2.2vw;}
/* #con3 .bx .inner .in-bx1 .in-inner1 .list li:after{content: ""; width: 3vw; height: 3vw; margin: 0 auto; background: url(../images/concept/con3-mini-icon.svg) no-repeat top center; position: absolute; right: 6vw; bottom: 4.5vw; background-size: 2.5vw;} */

#con3 .bx .inner .in-bx1 .in-inner1 .list li .img1{text-align: center; margin-bottom: 20px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .ttl2{font-size: 6vw; letter-spacing: 0vw; line-height: 1.6; font-weight: 500; text-align: center; color: #F08201; position: relative; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .ttl2::after{content: ""; width: 100%; height: 3vw; margin: 0 auto; background: url(../images/concept/con3-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt2{font-size: 3.35vw; letter-spacing: 0.22vw; line-height: 1.65; font-weight: 400;}



#con4 {}
#con4 .bx {width: 100%; margin: 0 auto -30vw; background: #EDF1E5; padding: 3vw 0 0; }
#con4 .bx .inner {width: 100%; margin: 0 auto 10.5vw; background: #fff; padding: 5vw 0 15vw; }
#con4 .bx .inner .in-bx1{width: 87%; margin: 0 auto; position: relative;}
#con4 .bx .inner .in-bx1 .in-inner1 {width: 100%; margin: 0 auto; padding: 0 0 16vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .img1{width: 100%; margin: -26vw auto 5vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.85; font-weight: 400; margin-bottom: 7vw;}


#con5 {}
#con5 .bx {width: 92%; margin: 0 auto; background: url(../images/concept/sp-con5-bg.png) no-repeat top center;; padding: 17vw 0 3vw; background-size: 100%;}
#con5 .bx .inner {width: 100%; margin: 0 auto 15vw; }
#con5 .bx .inner .ttl1{font-size: 3.1vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 500; text-align: center; color: #fff; margin-bottom: 6vw;}
#con5 .bx .inner .ttl2{font-size: 5.8vw; letter-spacing: 0.3vw; line-height: 1.55; font-weight: 500; text-align: center; color: #fff; margin-bottom: 24vw; position: relative;}
#con5 .bx .inner .ttl2::after{content: ""; width: 1vw; height: 18vw; margin: 0 auto; background: url(../images/concept/sp-con5-ttl-bg.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -26vw; background-size: 50%;}
#con5 .bx .inner .ttl3{font-size: 5.8vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 500; text-align: center; color: #F08201; margin-bottom: 3vw;}
#con5 .bx .inner .ttl3 span{background: linear-gradient(transparent 60%, #FDE786 60%); display: inline-block; padding-left: 2vw; margin-left: -2vw;}
#con5 .bx .inner .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; font-weight: 400; padding: 0 2.5vw;}




}