@media(min-width: 767px){section:nth-of-type(1){margin-bottom:120px;display:grid;grid-template-rows:50px auto 100px 100px auto auto;grid-template-columns:42px 80px 45% auto 42px;overflow:hidden}section:nth-of-type(1) .caption{grid-row:1/3;grid-column:1/6;text-align:center;z-index:1}section:nth-of-type(1) .caption h2{font-size:7rem;letter-spacing:10px}section:nth-of-type(1) .caption h2 span{color:#3896b9}section:nth-of-type(1) .caption p{font-size:2.2rem;letter-spacing:3px;font-weight:400}section:nth-of-type(1) #travel{grid-row:3/5;grid-column:1/6;font-size:7rem;font-weight:600;letter-spacing:8px;z-index:1;transform:rotate(-15deg)}section:nth-of-type(1) img:nth-of-type(1){grid-row:2/4;grid-column:2/5}section:nth-of-type(1) img:nth-of-type(2){position:relative;grid-row:3/6;grid-column:1/4;z-index:-2}section:nth-of-type(1) .text-box{grid-row:5/7;grid-column:3/6;padding:6rem 8rem;background-color:rgba(255,255,255,.631372549)}section:nth-of-type(1) .text-box p{font-size:1.8rem;font-weight:200;letter-spacing:2px;line-height:2.5}section:nth-of-type(1) .text-box p:nth-of-type(1){font-size:2.4rem;font-weight:200;letter-spacing:4px;margin-bottom:2rem}section:nth-of-type(1) .text-box p:nth-of-type(4){margin-bottom:4rem}section:nth-of-type(1) .text-box a{color:#666;position:relative;font-size:1.8rem;font-weight:300;letter-spacing:1.8px}section:nth-of-type(1) .text-box a::after{content:"";position:absolute;top:50%;right:-34px;transform:translate(0, -50%);width:3rem;height:100%;background-image:url(../img/arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain}section:nth-of-type(2){margin-bottom:80px}section:nth-of-type(2) .caption{margin-bottom:120px}section:nth-of-type(2) .caption h2{margin-bottom:16px;padding-left:45px;font-size:7rem;letter-spacing:10px}section:nth-of-type(2) .caption p{display:inline-block;padding-right:18px;padding-left:60px;background-color:#3896b9;color:#fff;font-size:2.2rem;letter-spacing:8px;font-weight:300}section:nth-of-type(2) .works-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;width:90%;margin:0 auto;padding:0}section:nth-of-type(2) .works-wrapper .work-box{opacity:0;flex:0 1 48%;margin-bottom:100px}section:nth-of-type(2) .works-wrapper .work-box .img-wrapper{overflow:hidden;margin-bottom:10px}section:nth-of-type(2) .works-wrapper .work-box .img-wrapper img{transition:.3s}section:nth-of-type(2) .works-wrapper .work-box .type{font-size:1.4rem;font-weight:300;letter-spacing:1px;color:#999}section:nth-of-type(2) .works-wrapper .work-box .flex-text{margin-bottom:0;display:flex;align-items:last baseline;justify-content:space-between}section:nth-of-type(2) .works-wrapper .work-box .flex-text h3{font-size:1.8rem;font-weight:400;letter-spacing:1.8px}section:nth-of-type(2) .works-wrapper .work-box .flex-text p{font-size:1.6rem;letter-spacing:1.2px}section:nth-of-type(2) .works-wrapper .work-box .explain{font-size:1.4rem;font-weight:300;letter-spacing:1px;color:#666}section:nth-of-type(2) .works-wrapper .work-box:hover{transition:.3s all}section:nth-of-type(2) .works-wrapper .work-box:hover img{transform:scale(1.1)}}@media(min-width: 1008px){section:nth-of-type(1){margin-bottom:200px;display:grid;grid-template-rows:250px 120px auto 200px 110px auto;grid-template-columns:45px .9fr 1.2fr 120px 40px .8fr 1fr;overflow:hidden}section:nth-of-type(1) .caption{grid-row:3/4;grid-column:4/8;text-align:right;margin-bottom:60px;z-index:2}section:nth-of-type(1) .caption h2{margin-bottom:20px;padding-right:50px;font-family:"Shippori Mincho",serif;font-size:10rem;letter-spacing:30px}section:nth-of-type(1) .caption h2 span{color:#3896b9}section:nth-of-type(1) .caption p{display:inline-block;padding-left:30px;padding-right:80px;background-color:#3896b9;color:#fff;font-size:2.8rem;letter-spacing:8px;font-weight:300}section:nth-of-type(1) #travel{grid-row:1/3;grid-column:3/8;margin-top:100px;margin-left:40px;text-align:left;font-family:"Caveat",cursive;font-size:8.8rem;font-weight:600;letter-spacing:10px;white-space:nowrap;color:#e9fa29;transform:rotate(-15deg)}section:nth-of-type(1) img:nth-of-type(1){grid-row:2/6;grid-column:2/5}section:nth-of-type(1) img:nth-of-type(2){position:relative;grid-row:1/5;grid-column:3/7;z-index:-2}section:nth-of-type(1) .text-box{grid-row:4/7;grid-column:6/8;padding:4.8rem 4rem;background-color:rgba(255,255,255,.631372549)}section:nth-of-type(1) .text-box p{font-size:1.8rem;letter-spacing:2.4px;line-height:2.5}section:nth-of-type(1) .text-box p:nth-of-type(1){font-size:2.4rem;letter-spacing:4px;margin-bottom:2rem}section:nth-of-type(1) .text-box p:nth-of-type(4){margin-bottom:4rem}section:nth-of-type(1) .text-box a{position:relative;width:100%;font-size:1.8rem;font-weight:300;letter-spacing:2px;transition:.5s}section:nth-of-type(1) .text-box a::after{content:"";position:absolute;top:50%;right:-60px;transform:translate(0, -50%);width:4.5rem;height:100%;background-image:url(../img/arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain;transition:.5s}section:nth-of-type(1) .text-box a:hover{color:#3896b9}section:nth-of-type(1) .text-box a:hover::after{right:-80px;background-image:url(../img/arrow-bule.png)}section:nth-of-type(2){margin-bottom:120px}section:nth-of-type(2) .caption{margin-bottom:120px}section:nth-of-type(2) .caption h2{margin-bottom:20px;padding-left:45px;font-family:"Shippori Mincho",serif;font-size:8rem;letter-spacing:18px}section:nth-of-type(2) .caption p{display:inline-block;padding-right:18px;padding-left:60px;background-color:#3896b9;color:#fff;font-size:2.2rem;letter-spacing:8px;font-weight:300}section:nth-of-type(2) .works-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;width:80%;margin:0 auto;padding:0}section:nth-of-type(2) .works-wrapper .work-box{opacity:0;flex:0 1 48%;margin-bottom:100px}section:nth-of-type(2) .works-wrapper .work-box .img-wrapper{overflow:hidden;margin-bottom:10px}section:nth-of-type(2) .works-wrapper .work-box .img-wrapper img{transition:.3s}section:nth-of-type(2) .works-wrapper .work-box .type{font-size:1.4rem;font-weight:300;letter-spacing:1px;color:#999}section:nth-of-type(2) .works-wrapper .work-box .flex-text{margin-bottom:0;display:flex;align-items:last baseline;justify-content:space-between}section:nth-of-type(2) .works-wrapper .work-box .flex-text h3{font-size:1.8rem;font-weight:400;letter-spacing:1.8px}section:nth-of-type(2) .works-wrapper .work-box .flex-text p{font-size:1.6rem;letter-spacing:1.2px}section:nth-of-type(2) .works-wrapper .work-box .explain{font-size:1.4rem;font-weight:300;letter-spacing:1px;color:#666}section:nth-of-type(2) .works-wrapper .work-box:hover{transition:.3s all}section:nth-of-type(2) .works-wrapper .work-box:hover img{transform:scale(1.1)}}