@charset "utf-8";


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

main {padding:0;}
#wrap{background-image:url(../images/world/bg.jpg);}
h1.title {z-index:19;}
h1.title img {width:181px; height:auto; margin-top:0px;}

main h2 {height:385px; position:relative; text-indent:200%; overflow:hidden; white-space:nowrap;}
main section:before{content:''; background:url(../images/world/h2.png) left top no-repeat; width:1920px; height:375px; position:absolute; left:50%; top:12px; margin-left:-960px; z-index:0;}
main section {padding-left:55px;}
main section p {letter-spacing:0.15em;}
main section p + p {margin:30px 0 0;}

main .slick-prev {display:none !important;}
main .sec02 section p.text {width:520px;background:url(../images/system/bg-text-bottom.png) left bottom no-repeat rgba(17,30,140,0.45); border:1px solid #fff; min-height:180px; font-size:16px; line-height:25px; position:relative; }
main .sec02 section 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;}

main .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:310px; top:94px; transition:0.5s;}
main .slick-dots {margin-left:340px; padding-top: 23px;}

main .imgchenge {position:absolute; left:0; bottom:0px; width:100%;}
main .item {float:left; position:relative; font-size:0; line-height:1; height:320px;}
main .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 .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 .item .img img {width:100%; height:auto; border:1px solid #fff;}
main .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 .item .img a:hover {background-color:rgba(255,255,255,0.2);}
main .item  p.caption {position:absolute; background:rgba(17,30,140,0.45); font-size:16px; line-height:24px; z-index:0; bottom: 12px;}
main .item .img {width:550px; position:absolute; z-index:10; border:1px solid #fff; padding:2px;}
main .item .zoom a:hover:after{opacity:0.2;}
main .imgbox {width:550px; text-align:center; position:relative; z-index:0;}
main .imgbox .img {width:550px; position:relative; z-index:10; border:1px solid #fff; padding:2px; font-size:0; line-height:1;}
main .imgbox .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 .imgbox .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 .imgbox .img img {width:100%; height:auto; border:1px solid #fff;}
main .imgbox .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 .imgbox .img a:hover {background-color:rgba(255,255,255,0.2);}

/*02*/

main .sec02 section .imgbox .caption {padding:20px 0 0;  font-size:16px; line-height:24px;}

main .sec02 {position: relative; padding: 80px 0 100px; margin-top:100px; background: url(../images/world/bg02.jpg) center top no-repeat;}
main .sec02 section:before {content: ''; background: url(../images/world/h202.png) center top no-repeat; height:239px; width: 1920px; position: absolute; left: 50%; top: -20px; margin-left: -960px; z-index: -1;}
main .sec02 section h2.h202 {height:239px; position:relative; text-indent:500%; overflow:hidden; white-space:nowrap;}
main .sec02 section{ position:relative;}
main .sec02 section h2.check:after{content:''; width:100px; background:url(../images/common/icon-check.png) left top no-repeat; background-size:100% auto; height:50px; position:absolute; left:390px; top:10px;}
main .sec02 section .text {margin:-220px 0 0 530px; padding:42px 35px 0 35px; letter-spacing:0.12em; min-height: 160px;}
main .sec02 section .imgchenge {bottom:0px; position: static; margin-top: -20px;}
main .sec02 section .imgchenge .item { padding:0 0 0 0;}
main .sec02 section .imgchenge .item .img {left:466px; bottom:0px;}
main .sec02 section .imgchenge .item p.caption {left:35px; bottom:25px; width:440px; padding:39px 30px 37px 24px;letter-spacing:0.05em;}
main .sec02 section .slick-next{left: 390px; top: 195px;}
main .sec02 section .slick-dots {margin-left: 466px; width: 550px;}


}

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

main .slick-prev,
main .slick-next {display:none !important;}

main {padding-bottom:56.25vw;}

#wrap {background-image:url(../images/world/bg-sp.png); background-position:left top; background-size:100 auto;}
main:before  {content:''; background-image:url(../images/world/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;}

h1.title {padding-left:5.3vw;}
h1.title img {width:33.75vw; margin-top:1vw;}

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

main section{padding:0 3.125vw;}

main section p {letter-spacing:0.05em;}
main section p + p {margin-top:5.9375vw;}


main .imgchenge {margin-top:5.3125vw;}
main .imgchenge .item {float:left; font-size:0; line-height:1;}
main .imgchenge .item .img {width:auto; 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 .img img {width: 100%; height: auto;}
main .imgchenge .item p.caption {padding:0 0 0; font-size:4.6875vw; line-height:1.46; margin:5.36875vw 0 0; letter-spacing: 0.05em;}
main .imgchenge .item .zoom {display:none;}
main .imgchenge .item .zoom a{display:none;}

main .sec02 h2.h202 {height:37.5vw; background:url(../images/world/h202-sp.png) left top no-repeat; background-size:100% auto; margin:3.125vw -3.125vw -0.105vw;}
main .sec02 h2.check:after{content:''; width:18.125vw; background:url(../images/common/icon-check.png) left top no-repeat; background-size:100% auto; height:14.6875vw; position:absolute; left:76.875vw; top:4vw;}
}