@charset "utf-8";


@media screen and (min-width:641px){
/*現在地*/
#siteheader nav ul li:nth-child(5) a:after {display:block;}

main {padding:0 0 0px;}
#wrap{background-image:url(../images/system/bg.jpg);}
h1.title img {width:180px; height:auto;}

main .imgchenge {position:absolute; left:0; bottom:20px; width:100%; padding:0 40px;}
main .imgchenge .item {float:left; padding:0 0 0 316px; position:relative; height:320px; font-size:0; line-height:1;}
main .imgchenge .item .img {width:545px; position:absolute; left:319px; bottom:0px; z-index:10; border:1px solid #fff; padding:2px;}
main .imgchenge .item .img:before{content:''; background:url(../images/common/img-waku.png) left top no-repeat; width:543px; height:160px; position:absolute; right:3px; top:3px; z-index:10;}
main .imgchenge .item .img:after{content:''; background:url(../images/common/img-waku.png) left bottom no-repeat; width:543px; height:160px; position:absolute; left:3px; bottom:3px; z-index:10;}
main .imgchenge .item .img img {width:100%; height:auto; border:1px solid #fff;}
main .imgchenge .item .img a {position:absolute; width:100%; height:100%; display:block; left:-3px; top:-3px; background:url(../images/common/icon-zoom.png) right bottom no-repeat; z-index:30;} 
main .imgchenge .item .img a:hover {background-color:rgba(255,255,255,0.2);}
main .imgchenge .item p.caption {position:absolute; left:0; bottom:10px; width:330px; background:rgba(17,30,140,0.45); font-size:14px; line-height:20px; padding:18px 20px; z-index:0;}
main .imgchenge .item .zoom a:hover:after{opacity:0.2;}

main .section01 .slick-prev,
main .section02 .sec0201 .slick-prev,
main .section02 .sec0202 .slick-prev,
main .section02 .sec0203 .slick-prev,
main .section02 .sec0204 .slick-prev,
main .section02 .sec0205 .slick-prev,
main .section03 .sec0301 .slick-prev,
main .section03 .sec0302 .slick-prev  {display:none !important;}
main .section01 .slick-next,
main .section02 .sec0201 .slick-next,
main .section02 .sec0203 .slick-next,
main .section02 .sec0204 .slick-next,
main .section02 .sec0205 .slick-next,
main .section03 .sec0301 .slick-next,
main .section03 .sec0302 .slick-next {background:url(../images/common/btn-anotherimage.png) left top no-repeat; width:121px; height:117px; border:none; text-indent:200%; overflow:hidden; white-space:nowrap; position:absolute; left:224px; top:60px; transition:0.5s;}
main .slick-next:hover {opacity:0.7;}
main .slick-dots {width: 554px; padding: 15px 0;}
main .section01 .slick-dots {margin-left:313px;}
main .section02 .sec0201 .slick-dots {margin-left:320px;}
main .section02 .sec0203 .slick-dots {margin-left:312px;}
main .section02 .sec0204 .slick-dots {margin-left:140px;}
main .section02 .sec0205 .slick-dots {margin-left:312px;}
main .section03 .sec0301 .slick-dots {margin-left:320px;}
main .section03 .sec0302 .slick-dots {margin-left:312px;}

main p.text {background:url(../images/system/bg-text-bottom.png) left bottom no-repeat rgba(17,30,140,0.45); border:1px solid #fff; width:517px; min-height:170px;
font-size:16px; line-height:24px; padding:40px 25px 40px 25px; width:517px; position:relative; margin:0 0 0 20px;}
main p.text:before{content:''; background:url(../images/system/bg-text.png) right top no-repeat; width:100%; height:238px; position:absolute; right:0px; top:0px;}

.section01 {height:853px; position:relative;}
.section02 {height:3200px; position:relative;}
.section02:before{content:''; background:url(../images/system/bg02.jpg) center top no-repeat; width:1920px; height:3304px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:0;}
.section03:before{content:''; background:url(../images/system/bg03.jpg) center top no-repeat; width:1920px; height:3304px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:0;}
@media screen and (min-width:1921px){
.section02 {margin:0;}
.section02:before{background-size:100% auto !important; width:100% !important; left:0; margin:0 !important;}
}

.section01 section{height:855px; position:relative;}
.section01 section:before{content:''; background:url(../images/system/h2.png) left top no-repeat; width:1920px; height:310px; position:absolute; left:50%; top:-5px; margin-left:-960px;}
.section01 h2 {height:310px; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap;}
.section01 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:100px; height:42px; position:absolute; left:300px; top:0; background-size:100% auto;}
main .section01 p.text {position:absolute; left:20px; bottom:340px;}

.section02 section{position:relative;}
.section02 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:100px; height:42px; position:absolute; right:76px; top:107px; background-size:100% auto;}

.section03 section{position:relative;}
.section03 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:100px; height:42px; position:absolute; left:400px; top:70px; background-size:100% auto;}

/* sec0201 */
.section02 section.sec0201{height:724px; margin-bottom:40px;} 
.section02 section.sec0201:before{content:''; background:url(../images/system/h202.png) left top no-repeat; width:1920px; height:317px; position:absolute; left:50%; top:58px; margin-left:-960px;}
.section02 section.sec0201 h2 {height:172px; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap;}
main .section02 .sec0201 p.text1 {position:absolute; left:20px; bottom:282px;}
main .section02 .sec0201 .imgchenge {left:80px; bottom:-30px;}

/* sec0202 */
.section02 section.sec0202{height:440px;}
main .section02 .sec0202 p.text {position:absolute; right:40px; bottom:210px; padding-left:40px; padding-right:30px;}
main .section02 .sec0202 .imgchenge {left:10px; bottom:0;}
main .section02 .sec0202 .imgchenge .item {float:left; padding:0 316px 0 0; position:relative; height:320px; font-size:0; line-height:1;}
main .section02 .sec0202 .imgchenge .item .img {left:0;}
main .section02 .sec0202 .imgchenge .item p.caption {left:550px; bottom:10px;}


/* sec0203 */
.section02 section.sec0203{height:600px;}
.section02 section.sec0203 h2 {background:url(../images/system/h203.png) -40px top no-repeat; width:1060px; height:239px; position:relative; text-indent:500%; overflow:hidden; white-space:nowrap; margin:0 0 -108px;}
.section02 section.sec0203 h2.check:before{position:absolute; left:420px; top:40px; background-size:100% auto;}
main .section02 .sec0203 p.text1 {position:absolute; right:30px; top:50px;}
main .section02 .sec0203 .imgchenge {left:50px; top:180px; z-index: 100;}
main .section02 .sec0203 .slick-next {background:url(../images/common/btn-anotherimage.png) left top no-repeat; width:121px; height:117px; border:none; text-indent:200%; overflow:hidden; white-space:nowrap; position:absolute; left:224px; top:55px; transition:0.5s;}
main .section02 .sec0203 .imgchenge .item p.caption {position:absolute; right:0; bottom:10px; width:330px; background:rgba(17,30,140,0.45); font-size:14px; line-height:20px; padding:18px 20px; z-index:0;}


/* sec0204 */
.section02 section.sec0204{height:600px;}
.section02 section.sec0204 h2 {background:url(../images/system/h204.png) 470px top no-repeat; width:1060px; height:239px; position:relative; text-indent:500%; overflow:hidden; white-space:nowrap; margin:0 0 -108px;}
.section02 section.sec0204 h2.check:before{position:absolute; right:20px; top:40px; background-size:100% auto;}
main .section02 .sec0204 p.text1 {position:absolute; left:30px; top:0px;}
main .section02 .sec0204 .imgchenge {right:70px; top:180px; z-index: 100;}
main .section02 .sec0204 .slick-next {background:url(../images/common/btn-anotherimage.png) right top no-repeat; width:121px; height:117px; border:none; text-indent:200%; overflow:hidden; white-space:nowrap; position:absolute; left:740px; top:25px; transition:0.5s;}
main .section02 .sec0204 .imgchenge .item p.caption {position:absolute; left:auto; right:40px; bottom:55px; width:330px; background:rgba(17,30,140,0.45); font-size:16px; line-height:24px; padding:18px 20px; z-index:0;}
main .section02 .sec0204 .img {width:545px; position:absolute;right:370px; left:auto; }

/* sec0205 */
.section02 section.sec0205{height:600px;}
.section02 section.sec0205 h2 {background:url(../images/system/h205.png) -40px top no-repeat; width:1060px; height:239px; position:relative; text-indent:500%; overflow:hidden; white-space:nowrap; margin:0 0 -108px;}
.section02 section.sec0205 h2.check:before{position:absolute; left:440px; top:30px; background-size:100% auto;}
main .section02 .sec0205 p.text1 {position:absolute; right:30px; top:0px;}
main .section02 .sec0205 .imgchenge {left:50px; top:200px; z-index: 100;}
main .section02 .sec0205 .slick-next {background:url(../images/common/btn-anotherimage.png) left top no-repeat; width:121px; height:117px; border:none; text-indent:200%; overflow:hidden; white-space:nowrap; position:absolute; left:224px; top:55px; transition:0.5s;}
main .section02 .sec0205 .imgchenge .item p.caption {position:absolute; right:0; bottom:10px; width:330px; background:rgba(17,30,140,0.45); font-size:14px; line-height:20px; padding:18px 20px; z-index:0;}


/* sec0206 */
.section02 section.sec0206{height:600px;}
.section02 section.sec0206 h2 {background:url(../images/system/h206.png) 470px top no-repeat; width:1060px; height:239px; position:relative; text-indent:500%; overflow:hidden; white-space:nowrap; margin:0 0 -108px;}
.section02 section.sec0206 h2.check:before{position:absolute; right:50px; top:25px; background-size:100% auto;}
main .section02 .sec0206 p.text1 {position:absolute; left:30px; top:30px;}
main .section02 .sec0206 .imgchenge {right:70px; top:180px; z-index: 100;}
main .section02 .sec0206 .slick-next {background:url(../images/common/btn-anotherimage.png) right top no-repeat; width:121px; height:117px; border:none; text-indent:200%; overflow:hidden; white-space:nowrap; position:absolute; left:224px; top:55px; transition:0.5s;}
main .section02 .sec0206 .imgchenge .item p.caption {position:absolute; left:auto; right:40px; bottom:80px; width:330px; background:rgba(17,30,140,0.45); font-size:16px; line-height:24px; padding:18px 20px; z-index:0;}
main .section02 .sec0206 .img {width:545px; position:absolute;right:370px; left:auto; }

/* sec0301 */
.section03 section.sec0301{height:824px; margin-bottom:40px;} 
.section03 section.sec0301:before{content:''; background:url(../images/system/h207.png) left top no-repeat; width:1920px; height:317px; position:absolute; left:50%; top:30px; margin-left:-960px;}
.section03 section.sec0301 h2 {height:172px; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap;}
main .section03 .sec0301 p.text1 {position:absolute; left:20px; bottom:282px;}
main .section03 .sec0301 .imgchenge {left:80px; bottom:-30px;}


/* sec0302 */
.section03 section.sec0302{height:700px; padding-top:30px;}
.section03 section.sec0302 h2 {background:url(../images/system/h208.png) top no-repeat; width:784px; height:267px; position:relative; text-indent:500%; overflow:hidden; white-space:nowrap; margin:0 auto;}
.section03 section.sec0302 h2.check:before{position:absolute; left:420px; top:40px; background-size:100% auto;}
main .section03 .sec0302 p.text1 {position:absolute; right:30px; top:50px;}
main .section03 .sec0302 .imgchenge {left:-59px; top:260px; z-index: 100;}
main .section03 .sec0302 .slick-next {background:url(../images/common/btn-anotherimage.png) left top no-repeat; width:121px; height:117px; border:none; text-indent:200%; overflow:hidden; white-space:nowrap; position:absolute; left:224px; top:55px; transition:0.5s;}
main .section03 .sec0302 .imgchenge .item p.caption {position:absolute; right:0; bottom:10px; width:330px; background:rgba(17,30,140,0.45); font-size:16px; line-height:24px; padding:18px 20px; z-index:0;}


main .imgslider {width:100%; padding:0; width:840px; margin:0 auto;}
main .imgslider .item {font-size:0; line-height:1; height:312px; position:relative; padding:0 20px 0 620px;}
main .imgslider .item .img {width:545px; position:absolute; left:20px; bottom:0px; z-index:10; border:1px solid #fff; padding:2px;}
main .imgslider .item .img:before{content:''; background:url(../images/common/img-waku.png) left top no-repeat; width:543px; height:160px; position:absolute; right:3px; top:3px; z-index:10;}
main .imgslider .item .img:after{content:''; background:url(../images/common/img-waku.png) left bottom no-repeat; width:543px; height:160px; position:absolute; left:3px; bottom:3px; z-index:10;}
main .imgslider .item .img img {width:100%; height:auto; border:1px solid #fff;}
main .imgslider .item .img a {position:absolute; width:100%; height:100%; display:block; left:-3px; top:-3px; background:url(../images/common/icon-zoom.png) right bottom no-repeat; z-index:30;} 
main .imgslider .item .img a:hover {background-color:rgba(255,255,255,0.2);}
main .imgslider .item p.caption {font-size:16px; line-height:24px; padding:0; z-index:0; display:table; width:190px; height:314px;}
main .imgslider .item p.caption span {display:table-cell; vertical-align:middle;}


.swiper .item a:hover {background-color:#fff;}
.swiper .item a:hover + img{opacity:0.8; transition:0.5s;}

main section p {letter-spacing:0.15em;}
main section p + p {margin:30px 0 0;}

}

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

main {padding-bottom:0;}

#wrap {background-image:url(../images/system/bg-sp.png); background-position:left top; background-size:100 auto;}
.section01:after   {content:''; background-image:url(../images/system/bg-sp.png); background-position:left top; background-size:100% auto; width:100%; height:100%; position:absolute; left:0; top:-51.6vw; z-index:-1; background-repeat:no-repeat;}
.section01:before  {content:''; background-image:url(../images/system/bg-sp-bottom.png); background-position:left bottom; background-size:100% auto; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:-1; background-repeat:no-repeat;}

.section02{border:1px solid rgba(0,0,0,0); margin:-1px;}
.section02:after   {content:''; background-image:url(../images/system/bg-sp2.png); background-position:left top; background-size:100% auto; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background-repeat:no-repeat;}
.section02:before  {content:''; background-image:url(../images/system/bg-sp2-bottom.png); background-position:left bottom; background-size:100% auto; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:-1; background-repeat:no-repeat;}

.section03{border:1px solid rgba(0,0,0,0); margin:-1px;}
.section03 {padding-bottom:50vw;}
.section03:after   {content:''; background-image:url(../images/system/bg-sp3.png); background-position:left top; background-size:100% auto; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background-repeat:no-repeat; margin-top: -1px;}
.section03:before  {content:''; background-image:url(../images/system/bg-sp2-bottom.png); background-position:left bottom; background-size:100% auto; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:-1; background-repeat:no-repeat;}


h1.title {padding-left:2.5vw;}
h1.title img {width:34.375vw; margin-top:-0.9vw;}

main .section01 h2 {height:52.65625vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h2-sp.png) left 4vw no-repeat; background-size:100% auto; margin:25vw -3.125vw 0;}
main .section02 h2 {height:52.65625vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h202-sp.png) left top no-repeat; background-size:100% auto; margin:16.25vw -3.125vw 0.5vw;}
main .section03 h2 {height:52.65625vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h207-sp.png) left top no-repeat; background-size:100% auto; margin:16.25vw -3.125vw 0.5vw;}

main section{padding:0 3.125vw;}

main p.text {background:url(../images/system/bg-text-sp.png) left bottom no-repeat rgba(17,30,140,0.65); border:1px solid #fff; 
font-size:4.687vw; line-height:6.875vw; padding:6.475vw 6.875vw; background-size:100% auto; position:relative;}
main p.text:before{content:''; background:url(../images/system/bg-text-sp-top.png) right top no-repeat; width:100%; height:238px; position:absolute; right:1px; top:1px; background-size:100% auto;}

main .imgchenge {margin-top:9.375vw; padding-bottom:13.4375vw;}
main .imgchenge .item {float:left; font-size:0; line-height:1;}

main .imgchenge .item .img {width:auto; margin:0.625vw; margin-bottom:1vw; overflow:hidden; border:1px solid #fff; padding:0.3125vw; position:relative;}
main .imgchenge .item .img img {width:100%; height:auto; border:1px solid #fff;}

main .imgchenge .item .img:before{content:''; background:url(../images/common/img-waku-sp.png) left top no-repeat; width:86.09375vw; height:30.90625vw; position:absolute; right:0.46875vw; top:0.46875vw; z-index:10; background-size:100% auto;}
main .imgchenge .item .img:after {content:''; background:url(../images/common/img-waku-sp.png) left bottom no-repeat; width:86.09375vw; height:30.90625vw; position:absolute; left:0.46875vw; bottom:0.46875vw; z-index:10; background-size:100% auto;}

main .imgchenge .item p.caption {padding:5.46875vw 0 0; font-size:4.6875vw; line-height:6.875vw; margin:0;}

main .imgchenge .item .zoom {display:none;}
main .imgchenge .item .zoom a{display:none;}

main .section02 .sec0201 .slick-prev,
main .section01 .slick-prev,
main .section02 .sec0203 .slick-prev,
main .section02 .sec0204 .slick-prev,
main .section02 .sec0205 .slick-prev,
main .section03 .sec0301 .slick-prev,
main .section03 .sec0302 .slick-prev  {display:none !important;}
main .section02 .sec0201 .slick-next,
main .section02 .sec0205 .slick-next,
main .section01 .slick-next,
main .section02 .sec0203 .slick-next,
main .section02 .sec0204 .slick-next,
main .section02 .sec0205 .slick-next,
main .section03 .sec0301 .slick-next,
main .section03 .sec0302 .slick-next   {display:none !important;}

main .slick-dots {padding: 0 0;}
main .section01 .slick-dots {position:absolute; left:32vw; top:55.46875vw;}
main .section02 .sec0201 .slick-dots {left:18vw;}
main .section02 .sec0203 .slick-dots {left:32vw;}
main .section02 .sec0204 .slick-dots {left:35.9375vw;}
main .section02 .sec0205 .slick-dots {left:28vw;}
main .section03 .sec0301 .slick-dots {left:20vw;}
main .section03 .sec0302 .slick-dots {left:32vw;}
main .slick-dots {position:absolute; left:35.9375vw; top:54.6875vw;}

.section01 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:20vw; top:0; background-size:100% auto;}
.section02 .sec0201 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:3.125vw; top:2.34375vw; background-size:100% auto;}


.section02 .sec0201 .imgchenge {margin-top:9.375vw; padding-bottom:0;}


/*sec0203*/

main .section02 .sec0203 {margin-top:9.375vw;}
.section02 .sec0203 .imgchenge {margin-top:9.375vw; padding-bottom:0;}
main .section02 .sec0203 h2 {height:43.4375vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h203.png) left top no-repeat; background-size:100% auto; margin:0 -3.125vw 0;}
main .section02 .sec0204 h2 {height:43.4375vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h204.png) left top no-repeat; background-size:100% auto; margin:0 -3.125vw 0;}
main .section02 .sec0205 h2 {height:43.4375vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h205.png) left top no-repeat; background-size:100% auto; margin:0 -3.125vw 0;}
main .section02 .sec0206 h2 {height:43.4375vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h206.png) left top no-repeat; background-size:100% auto; margin:0 -3.125vw 0;}
main .section03 .sec0302 h2 {height:43.4375vw; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/system/h208.png) left top no-repeat; background-size:100% auto; margin:0 -3.125vw 0;}
.section02 .sec0203 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:3.125vw; top:0vw; background-size:100% auto;}
.section02 .sec0204 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:3.125vw; top:0vw; background-size:100% auto;}
.section02 .sec0205 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:3.125vw; top:0vw; background-size:100% auto;}
.section02 .sec0206 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:3.125vw; top:0vw; background-size:100% auto;}
.section03 .sec0301 h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:3.125vw; top:0vw; background-size:100% auto;}

.section03 .sec0302 .imgchenge{ margin-top:-10vw;}

main .section02 .sec0203 p.text,
main .section02 .sec0204 p.text,
main .section02 .sec0205 p.text,
main .section02 .sec0206 p.text,
main .section03 .sec0301 p.text{ margin-top:-10vw;}

main .imgslider {margin:-18.7vw auto 0; padding-bottom:5.4375vw; font-size:0; line-height:1; width:86.25vw;}
main .imgslider .item {padding:0;}
main .imgslider .item .img {width:auto; margin:0.625vw; overflow:hidden; border:1px solid #fff; padding:0.3125vw; position:relative;}
main .imgslider .item .img img {width:100%; height:auto; border:1px solid #fff;}

main .imgslider .item .img:before{content:''; background:url(../images/common/img-waku-sp.png) left top no-repeat; width:86.09375vw; height:30.90625vw; position:absolute; right:0.46875vw; top:0.46875vw; z-index:10; background-size:100% auto;}
main .imgslider .item .img:after {content:''; background:url(../images/common/img-waku-sp.png) left bottom no-repeat; width:86.09375vw; height:30.90625vw; position:absolute; left:0.46875vw; bottom:0.46875vw; z-index:10; background-size:100% auto;}

main .imgslider .item p.caption {padding:4.21875vw 0 0; font-size:4.6875vw; line-height:6.875vw; margin:0;}

main .imgslider .item .zoom {display:none;}
main .imgslider .item .zoom a{display:none;}

main .imgslider .slick-next {background:none; border:none; font-size:0; line-height:1; width:12.65625vw; height:19.6875vw; background:url(../images/common/arr-right.png) left top no-repeat; position:absolute; right:-7.3125vw; top:16.125vw; margin:0 0 0 0; background-size:100% auto; z-index:10;}
main .imgslider .slick-prev {background:none; border:none; font-size:0; line-height:1; width:12.65625vw; height:19.6875vw; background:url(../images/common/arr-left.png) left top no-repeat; position:absolute; left:-7.3125vw; top:16.125vw; margin:0 0 0 0; background-size:100% auto; z-index:10;}


}