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:30px 30px auto 32px auto;grid-template-columns:15px auto 15px}main article:nth-of-type(1) h1{opacity:0;font-family:"Shippori Mincho",serif;grid-row:1/3;grid-column:1/4;z-index:1;text-align:center;font-size:45px;letter-spacing:5px}main article:nth-of-type(1) h1 span{color:#3896b9}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:36px 32px;background-color:#fff}main article:nth-of-type(1) div h3{font-size:20px;font-weight:400;letter-spacing:5px;margin-bottom:30px}main article:nth-of-type(1) div h3 span{font-size:12px;margin-left:14px;color:#3896b9}main article:nth-of-type(1) div p{font-size:12px;font-weight:300;margin-bottom:10px}main article:nth-of-type(2){grid-template-rows:42px auto;grid-template-columns:15px 50px auto 32px}main article:nth-of-type(2) #backimg{position:relative;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%;z-index:-1}main article:nth-of-type(2) #backimg::after{content:"";position:absolute;width:100%;height:100%;background-color:#fff;opacity:.7}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:20px;letter-spacing:2px;font-weight:200}main article:nth-of-type(2) #contents-box #heading{font-size:14px;font-weight:500;color:#3896b9;margin-bottom:30px}main article:nth-of-type(2) #contents-box section{padding:20px 0}main article:nth-of-type(2) #contents-box section h3{font-size:14px;font-weight:400;margin-bottom:20px}main article:nth-of-type(2) #contents-box section p{font-size:12px;letter-spacing:1.8px;line-height:25px}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}main article:nth-of-type(4) div dl dd .silver{position:relative;padding-left:18px;color:#6e6e6e;font-weight:400}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:16px;height:16px}main article:nth-of-type(4) div dl dd .gold{position:relative;padding-left:18px;color:#c3b923;font-weight:400}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:16px;height:16px}