@media(min-width: 767px){main{padding:10px 0}main article{position:relative;display:grid;margin-bottom:100px}main article h2{font-size:20px;color:#000;letter-spacing:8px}main article h2 span{color:#3896b9}main article:nth-of-type(1){grid-template-rows:50px 30px auto 32px auto;grid-template-columns:42px auto 42px}main article:nth-of-type(1) h1{opacity:0;grid-row:1/3;grid-column:1/4;z-index:1;text-align:center;font-size:7rem;letter-spacing:10px}main article:nth-of-type(1) img{opacity:0;grid-row:2/5;grid-column:1/3}main article:nth-of-type(1) div{opacity:0;grid-row:4/6;grid-column:2/4;padding:66px 60px;background-color:#fff}main article:nth-of-type(1) div h3{font-size:2.2rem;font-weight:400;letter-spacing:7px;margin-bottom:40px}main article:nth-of-type(1) div h3 span{font-size:1.4rem;margin-left:14px;color:#3896b9}main article:nth-of-type(1) div p{font-size:1.4rem;font-weight:300;margin-bottom:2.2rem}main article:nth-of-type(2){grid-template-rows:120px auto;grid-template-columns:45px auto 280px 30%;margin-bottom:200px}main article:nth-of-type(2) #backimg{grid-row:1/3;grid-column:3/5;background-image:url(../img/bule-sky.jpg);background-repeat:no-repeat;background-position:center top;background-size:100%;height:120vh}main article:nth-of-type(2) #backimg::after{opacity:.5}main article:nth-of-type(2) #contents-box{grid-row:2/3;grid-column:2/4}main article:nth-of-type(2) #contents-box h2{font-size:2.8rem;letter-spacing:5px}main article:nth-of-type(2) #contents-box #heading{font-size:18px;font-weight:500;letter-spacing:2px;color:#3896b9;margin-bottom:80px}main article:nth-of-type(2) #contents-box section{padding:20px 0}main article:nth-of-type(2) #contents-box section h3{font-size:18px;font-weight:400;margin-bottom:26px}main article:nth-of-type(2) #contents-box section p{font-size:14px;letter-spacing:1px;line-height:38px;margin-bottom:50px}main article:nth-of-type(3){grid-template-rows:auto;grid-template-columns:1fr 8fr}main article:nth-of-type(3) div{grid-row:1/2;grid-column:2/3}main article:nth-of-type(3) div #caption{text-align:right;margin-bottom:3rem}main article:nth-of-type(3) div #caption h2{display:inline-block;font-size:20px;font-weight:200;letter-spacing:2px;color:#fff;background-color:#3896b9;padding:.5rem 2rem .5rem 1rem}main article:nth-of-type(3) div #caption p{text-align:right;font-size:12px;font-weight:600;color:#3896b9;letter-spacing:1.8px;padding-right:2.5rem}main article:nth-of-type(3) div dl dt{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;font-size:16px;font-weight:300;letter-spacing:1.8px;border-bottom:solid #707070 1px;padding:0 0 0 1rem}main article:nth-of-type(3) div dl dt span{grid-row:1/2;grid-column:2/3;font-size:12px;font-weight:400;color:#3896b9;display:flex;padding-left:1rem;align-items:center}main article:nth-of-type(3) div dl dd{font-size:14px;font-weight:200;margin-bottom:3rem;padding:3px 0 0 1rem}main article:nth-of-type(4){grid-template-rows:auto;grid-template-columns:8fr 1fr}main article:nth-of-type(4) div{grid-row:1/2;grid-column:1/2}main article:nth-of-type(4) div #caption{text-align:left;margin-bottom:3rem}main article:nth-of-type(4) div #caption h2{display:inline-block;font-size:20px;font-weight:200;letter-spacing:2px;color:#fff;background-color:#3896b9;padding:.5rem 1rem .5rem 2rem}main article:nth-of-type(4) div #caption p{text-align:left;font-size:12px;font-weight:600;color:#3896b9;letter-spacing:1.8px;padding-left:2.5rem}main article:nth-of-type(4) div dl dt{font-size:16px;font-weight:300;letter-spacing:1.8px;border-bottom:solid #707070 1px;padding:0 0 0 2rem}main article:nth-of-type(4) div dl dt a{color:#3896b9;font-size:1.4rem;font-weight:400;display:block}main article:nth-of-type(4) div dl dd{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr 1.8fr 1fr;font-size:14px;font-weight:200;margin-bottom:3rem;padding:3px 0 0 2rem;text-align:left}main article:nth-of-type(4) div dl dd span:nth-of-type(1){font-weight:300;grid-row:1/2;grid-column:2/3}main article:nth-of-type(4) div dl dd span:nth-of-type(2){grid-row:1/2;grid-column:3/4}main article:nth-of-type(4) div dl dd span:nth-of-type(3){grid-row:1/2;grid-column:4/5}}@media(min-width: 1008px){main{padding:0}main article{position:relative;display:grid;margin-bottom:100px}main article h2{font-size:20px;color:#000;letter-spacing:8px}main article h2 span{color:#3896b9}main article:nth-of-type(1){padding:0 40px;grid-template-rows:50px auto auto 120px;grid-template-columns:auto 140px auto}main article:nth-of-type(1) h1{font-family:"Shippori Mincho",serif;grid-row:1/3;grid-column:1/4;z-index:1;text-align:center;font-size:80px;letter-spacing:18px}main article:nth-of-type(1) img{grid-row:2/4;grid-column:1/3}main article:nth-of-type(1) div{grid-row:3/5;grid-column:2/4;padding:52px 80px;background-color:#fff}main article:nth-of-type(1) div h3{font-size:2.2rem;font-weight:400;letter-spacing:7px;margin-bottom:40px}main article:nth-of-type(1) div h3 span{font-size:1.4rem;margin-left:14px;color:#3896b9}main article:nth-of-type(1) div p{font-size:1.4rem;margin-bottom:2.2rem}main article:nth-of-type(2){grid-template-rows:120px auto;grid-template-columns:140px auto 80px 45%;margin-bottom:200px}main article:nth-of-type(2) #backimg{grid-row:1/3;grid-column:3/5;background-image:url(../img/bule-sky.jpg);background-repeat:no-repeat;background-position:center top;background-size:100%;height:120vh}main article:nth-of-type(2) #backimg::after{opacity:.5}main article:nth-of-type(2) #contents-box{grid-row:2/3;grid-column:2/4}main article:nth-of-type(2) #contents-box h2{font-size:34px;letter-spacing:5px}main article:nth-of-type(2) #contents-box #heading{font-size:18px;font-weight:500;letter-spacing:2px;color:#3896b9;margin-bottom:80px}main article:nth-of-type(2) #contents-box section{padding:20px 0}main article:nth-of-type(2) #contents-box section h3{font-size:18px;font-weight:400;margin-bottom:26px}main article:nth-of-type(2) #contents-box section p{font-size:14px;letter-spacing:1.8px;line-height:38px;margin-bottom:50px}main article:nth-of-type(3){grid-template-rows:auto;grid-template-columns:2fr 3.5fr}main article:nth-of-type(3) div{grid-row:1/2;grid-column:2/3}main article:nth-of-type(3) div #caption{text-align:right;margin-bottom:3rem}main article:nth-of-type(3) div #caption h2{display:inline-block;font-size:28px;letter-spacing:4px;color:#fff;background-color:#3896b9;padding:1rem 4rem 1rem 2rem}main article:nth-of-type(3) div #caption p{text-align:right;font-size:16px;font-weight:600;color:#3896b9;letter-spacing:1.8px;padding-right:4rem}main article:nth-of-type(3) div dl dt{display:grid;grid-template-rows:auto;grid-template-columns:.8fr 1fr;font-size:1.8rem;letter-spacing:3px;border-bottom:solid #707070 1px;padding:0 0 0 1.6rem}main article:nth-of-type(3) div dl dt span{grid-row:1/2;grid-column:2/3;font-size:1.6rem;color:#3896b9;display:flex;padding-left:1rem;align-items:center}main article:nth-of-type(3) div dl dd{font-size:1.6rem;letter-spacing:1.8px;margin-bottom:4rem;padding:3px 0 0 1.6rem}main article:nth-of-type(4){margin-bottom:200px;grid-template-rows:auto;grid-template-columns:3fr 1fr}main article:nth-of-type(4) div{grid-row:1/2;grid-column:1/2}main article:nth-of-type(4) div #caption{text-align:left;margin-bottom:3rem}main article:nth-of-type(4) div #caption h2{display:inline-block;font-size:28px;letter-spacing:4px;color:#fff;background-color:#3896b9;padding:1rem 2rem 1rem 4rem}main article:nth-of-type(4) div #caption p{text-align:left;font-size:16px;font-weight:600;color:#3896b9;letter-spacing:1.8px;padding-left:4rem}main article:nth-of-type(4) div dl dt{display:flex;justify-content:space-between;font-size:1.8rem;font-weight:300;letter-spacing:3px;border-bottom:solid #707070 1px;padding:0 0 0 4rem}main article:nth-of-type(4) div dl dt a{color:#3896b9;font-size:1.6rem;font-weight:400;display:block;transition:.3s}main article:nth-of-type(4) div dl dt a:hover{opacity:.5}main article:nth-of-type(4) div dl dd{display:grid;grid-template-rows:auto;grid-template-columns:3fr 1fr 1fr 1fr;font-size:1.6rem;letter-spacing:1.8px;margin-bottom:3rem;padding:3px 0 0 2rem;text-align:left}main article:nth-of-type(4) div dl dd span:nth-of-type(1){font-weight:300;grid-row:1/2;grid-column:2/3}main article:nth-of-type(4) div dl dd span:nth-of-type(2){grid-row:1/2;grid-column:3/4}main article:nth-of-type(4) div dl dd span:nth-of-type(3){grid-row:1/2;grid-column:4/5}main article:nth-of-type(4) div dl dd .silver{position:relative;padding-left:20px;color:#6e6e6e}main article:nth-of-type(4) div dl dd .silver::before{position:absolute;top:50%;left:0;transform:translate(0, -50%);content:"";background-image:url(../img/silver.png);background-position:center center;background-size:contain;background-repeat:no-repeat;width:18px;height:18px}main article:nth-of-type(4) div dl dd .gold{position:relative;padding-left:20px;color:#c3b923}main article:nth-of-type(4) div dl dd .gold::before{position:absolute;top:50%;left:0;transform:translate(0, -50%);content:"";background-image:url(../img/gold.png);background-position:center center;background-size:contain;background-repeat:no-repeat;width:18px;height:18px}}