main{width:100%;height:100%;overflow:hidden;padding:0 0 80px}main #slogan{position:relative}main #slogan p{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);font-family:Arapey,serif;font-size:3.4em;letter-spacing:2px;text-align:center;box-sizing:border-box;text-shadow:rgba(255,255,255,.3) 2px 4px 3px;z-index:1}@media screen and (max-width: 768px){main #slogan p{font-size:1.2em;top:50%}}main #slogan img{position:relative;z-index:0;width:100%}main .poem{margin:80px 0px}@media screen and (max-width: 768px){main .poem{margin:20px 0px}}main .poem h2{margin:0px auto 32px;text-align:center}main .poem h2 .en{display:block;font-size:2.857em;font-weight:normal;letter-spacing:1.5px;margin:0px auto 4px;font-family:"Oswald",sans-serif}main .poem h2 .ja{display:block;color:#ca1f22;font-size:1.071em}main .poem p{width:680px;margin:0px auto;text-align:center;font-size:15px;line-height:1.93;padding:0}@media screen and (max-width: 768px){main .poem p{width:90%;margin:0 auto}}main #list{box-sizing:border-box;padding:80px 0 0}main #list h2{margin:0 auto 32px;text-align:center}main #list h2 .en{display:block;font-size:2.857em;font-weight:normal;letter-spacing:1.5px;margin:0 auto 4px;font-family:"Oswald",sans-serif}main #list h2 .ja{display:block;color:#ca1f22;font-size:1.071em}main #list table{max-width:560px;width:100%;margin:0 auto 30px;border-collapse:collapse;line-height:1.7}main #list table th,main #list table td{box-sizing:border-box;font-size:.929em}main #list table th{font-family:"Oswald",sans-serif;font-weight:400;padding:24px 16px;border-bottom:2px solid #ca1f22;text-align:center;vertical-align:middle}main #list table td{padding:0;position:relative;text-align:left;border-bottom:2px solid #eceeef;font-weight:bold}main #list table td a{display:block;padding:24px;position:relative;font-weight:bold}main #list table td a:hover{color:#ca1f22}.highlight{position:relative}@media screen and (max-width: 768px){.highlight{position:inherit}}.highlight+.highlight{margin-top:320px;margin-bottom:200px}@media screen and (max-width: 768px){.highlight+.highlight{margin-top:0;margin-bottom:0}}.highlight .image{top:46px;height:514px;background-position:50% 0;z-index:-1;position:absolute;width:61.49%;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 768px){.highlight .image{top:0;height:auto;position:inherit;right:0;width:100%;background-repeat:no-repeat;background-size:contain}.highlight .image.desktop{display:none}}@media screen and (min-width: 769px){.highlight .image.mobile{display:none}}.highlight .text{position:relative;z-index:10}@media screen and (max-width: 768px){.highlight .text{position:inherit}}.highlight .text>div{width:42.51%;box-sizing:border-box;padding:80px 48px 88px;background:rgba(244,244,244,.9);position:relative}@media screen and (max-width: 768px){.highlight .text>div{width:100%;box-sizing:border-box;padding:20px 20px 32px;background:rgba(244,244,244,.9);position:inherit}}.highlight .text>div>div{width:auto;max-width:308px;margin:0 auto}@media screen and (max-width: 768px){.highlight .text>div>div{width:auto;max-width:100%;margin:0 auto}}.highlight .text>div::after{content:"";display:block;width:21px;height:95px;background:url("images/liquid-box-arrow.png");background-size:21px 95px;position:absolute;top:50%;margin-top:-47.5px}@media screen and (max-width: 768px){.highlight .text>div::after{content:"";display:none;width:0;height:0;background:none;position:inherit;top:0;right:0;margin-top:0px}}.highlight .text h2{margin:0px auto 32px;text-align:center}.highlight .text h2 .en{display:block;font-size:2.857em;font-weight:normal;letter-spacing:1.5px;margin:0px auto 4px;font-family:"Oswald",sans-serif}.highlight .text h2 .ja{display:block;color:#ca1f22;font-size:1.071em}.highlight.direction-forward .image{right:0}.highlight.direction-forward .text{padding-left:8.57%}@media screen and (max-width: 768px){.highlight.direction-forward .text{padding-left:0}}.highlight.direction-forward .text>div::after{right:-21px}.highlight.direction-reverse .image{left:0}.highlight.direction-reverse .text{padding-right:8.57%}@media screen and (max-width: 768px){.highlight.direction-reverse .text{padding-right:0}}.highlight.direction-reverse .text::after{content:"";display:block;clear:both}.highlight.direction-reverse .text>div{float:right}.highlight.direction-reverse .text>div::after{transform:scale(-1, 1);right:auto;left:-21px}