﻿#header{background:url(../images/back_header.jpg) no-repeat center top;padding:40px;position:relative;overflow:hidden}@media screen and (max-width: 1024px){#header{padding:40px 20px}}@media screen and (max-width: 768px){#header{background-size:150%}}@media screen and (max-width: 480px){#header{padding:90px 20px 20px;background-size:auto 130%}}#header-inner{padding:0 20px}@media screen and (max-width: 768px){#header-inner{padding:0}}#header-title{width:720px;padding-top:130px;margin:0 auto 80px;position:relative;z-index:2}#header-title .sp{display:none}@media screen and (max-width: 1024px){#header-title{width:640px}}@media screen and (max-width: 768px){#header-title{padding-top:80px;margin-bottom:60px;width:560px}}@media screen and (max-width: 480px){#header-title{width:300px;text-align:center;padding-top:0;margin-bottom:40px}#header-title .pc{display:none}#header-title .sp{display:block}}#header dl{position:relative;z-index:2}#header dl dt{font-size:1.75rem;line-height:40px;padding:0 20px 3px;border-radius:10px;display:inline-block;background:#fff343;margin-bottom:2px}#header dl dd{font-size:2.5rem;font-weight:bold;text-shadow:3px 3px 1px #fff, -3px 3px 1px #fff,  3px -3px 1px #fff, -3px -3px 1px #fff, 3px 0px 1px #fff, 0px 3px 1px #fff, -3px 0px 1px #fff, 0px -3px 1px #fff}#header dl dd ul{display:flex}#header dl dd ul li strong{font-size:3.625rem;color:#0094cc}#header dl dd ul li:first-child::after{content:"▶";font-size:1.25rem;display:inline-block;vertical-align:middle;margin:0 15px 10px}#header dl dd.start{font-size:2rem;color:#06b;display:flex;align-items:center;margin-top:5px}#header dl dd.start strong{font-size:2.25rem;color:#fff;background:#d00;text-shadow:none;padding:3px 10px 6px;margin:3px 6px 0}@media screen and (max-width: 1024px){#header dl{padding:0 20px 0 10px}}@media screen and (max-width: 768px){#header dl dt{font-size:1.375rem;line-height:32px}#header dl dd{font-size:1.75rem}#header dl dd ul li strong{font-size:2.5rem}#header dl dd ul li:first-child::after{font-size:1rem;margin:0 10px 6px}#header dl dd.start{font-size:1.5rem}#header dl dd.start strong{font-size:1.75rem}}@media screen and (max-width: 480px){#header dl{padding:0 20px;text-align:center}#header dl dd ul{flex-wrap:wrap}#header dl dd ul li:last-child{width:100%;text-align:right}#header dl dd.start{flex-wrap:wrap;justify-content:center;margin-top:10px}#header dl dd.start strong{font-size:1.5rem;margin-bottom:5px}}#contents h2{font-size:1.875rem;font-weight:bold;line-height:1.2;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:30px;display:flex;align-items:flex-end}#contents h2 strong{display:block;position:relative}#contents h2 strong::before{content:"";position:absolute;bottom:-16px;left:0;width:100%;height:3px;background:#e69}#contents h2 span{color:#e69}#contents h2 span.en{font-size:1.125rem;margin-left:20px}@media screen and (max-width: 768px){#contents h2{font-size:1.625rem;margin-bottom:25px}#contents h2 span.en{font-size:.875rem}}@media screen and (max-width: 480px){#contents h2{font-size:1.375rem;padding-bottom:10px}#contents h2 strong::before{bottom:-11px}#contents h2 span.en{font-size:.75rem}}#contents #links{background:linear-gradient(to bottom, #fff, #ecf3f3);display:flex;justify-content:space-between;align-items:center;margin:0;padding:80px 60px}#contents #links figure{width:150px;flex-basis:auto}#contents #links figure#illust2{order:3}#contents #links-text{flex-shrink:1000;width:100%;margin:0 40px}#contents #links-text p{margin-bottom:20px}#contents #links-text ul li a{color:#fff;display:block;background:#7b1;text-decoration:none;border-radius:30px;position:relative;overflow:hidden}#contents #links-text ul li a span{display:flex;justify-content:space-between;align-items:center;padding:0 30px 2px;font-size:1.25rem;line-height:50px;position:relative;z-index:2;transition:all 0.4s ease}@media screen and (max-width: 768px){#contents #links-text ul li a span{font-size:1.125rem}}#contents #links-text ul li a::after{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:rgba(0,0,0,0.3);transition:all 0.4s ease}#contents #links-text ul li a i{margin-top:2px}#contents #links-text ul li a:hover span{padding-right:20px}#contents #links-text ul li a:hover::after{right:auto;left:0;width:100%}#contents #links-text ul li .const{color:#fff;display:block;background:#ccc;border-radius:30px;padding:0 30px 2px;font-size:1.25rem;line-height:50px;border:4px solid rgba(255,255,255,0.2)}@media screen and (max-width: 768px){#contents #links-text ul li .const{font-size:1.125rem}}#contents #links-text ul li:nth-child(2) a{background:#749}#contents #links-text ul li a{font-weight:bold;border:4px solid rgba(255,255,255,0.2)}#contents #links-text ul li:nth-child(2){margin-top:15px}@media screen and (max-width: 1024px){#contents #links{padding:60px 20px}}@media screen and (max-width: 768px){#contents #links{flex-wrap:wrap;justify-content:center}#contents #links figure#illust2{order:0}#contents #links-text{margin:20px 0 0}}#contents #news h2{margin-bottom:0}#contents #news-list{border-bottom:1px solid #ddd;padding-right:20px}#contents #news-list .box{margin-top:24px;padding-bottom:20px;border-bottom:1px solid #ddd;display:flex}#contents #news-list .box:last-child{border:none}#contents #news-list .box-head{display:flex;align-items:center;font-size:.875rem;margin-bottom:5px;width:14em}#contents #news-list .box-head dt{margin-right:10px}#contents #news-list .box-head dd{font-weight:bold;color:#fff;background:#0094cc;padding:0 15px 1px;border-radius:15px;line-height:20px}#contents #news-list .box-head dd.cat1{background:#7b1}#contents #news-list .box-item{flex-shrink:1000;width:100%}#contents #news-list .box-item h3{font-weight:bold;line-height:1.6}#contents #news-list .box-item h3 .imp{display:inline-block;background:#d00;color:#fff;margin-right:5px;padding:0 5px}#contents #news-list .box-item-text .big{font-size:1.5rem;line-height:1}#contents #news-list .box-item-text dl{margin-top:15px}#contents #news-list .box-item-text dl dt{font-size:.875rem;display:inline-block;background:#000;color:#fff;padding:0 10px;border-radius:5px;margin-bottom:10px}#contents #news-list .box-item-text dl dd ul li{margin-left:4em;text-indent:-4em}#contents #news-list .box-item-text dl dd ul li strong{color:#0094cc}#contents #news-list .box-item-text dl dd:nth-child(n+3){margin-top:10px;padding-top:10px;border-top:1px dotted #999}#contents #news-list .box-item-text dl.bg{background:#ecf3f3;padding:20px}@media screen and (max-width: 480px){#contents #news-list .box{flex-wrap:wrap}#contents #news-list .box h3{margin-top:5px}}#contents #about-lead{display:flex}#contents #about-lead-text{flex-shrink:1000;order:2}#contents #about-lead figure{width:300px;flex-basis:auto;margin-right:30px;padding:10px}#contents #about-lead figure img{transform:rotate(-8deg);border:1px solid #666;border-radius:15px;box-shadow:3px 3px 3px rgba(0,0,0,0.2)}@media screen and (max-width: 768px){#contents #about-lead{display:block}#contents #about-lead figure{width:360px;margin:30px auto 0;padding:0}#contents #about-lead figure img{transform:rotate(0deg)}}@media screen and (max-width: 480px){#contents #about-lead figure{width:auto}}#contents #about-guide{margin-top:30px;padding-top:30px;border-top:1px solid #ddd}#contents #about-guide-title{font-weight:bold;line-height:1.5}#contents #about-guide-title::before{content:"■";color:#0094cc}#contents #about-guide h3{font-size:1.125rem;font-weight:bold;line-height:1.4;padding:8px 15px 10px;margin-top:30px;color:#fff;background:#0094cc;border-radius:10px;position:relative;margin-bottom:15px}#contents #about-guide h3::after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:rgba(255,255,255,0.2)}#contents #about-guide table{margin-top:20px;margin-bottom:10px}#contents #about-guide table td{text-align:center}#contents #about-guide strong.imp{font-size:1.375rem;line-height:1.2}@media screen and (max-width: 768px){#contents #about-guide h3{font-size:1rem;margin-bottom:12px}#contents #about-guide strong.imp{font-size:1.25rem}}#contents #faq-inner{display:flex}#contents #faq ul{width:100%;flex-shrink:1000;display:flex;justify-content:space-between}#contents #faq ul li a{color:#fff;display:block;background:#7b1;text-decoration:none;border-radius:30px;position:relative;overflow:hidden}#contents #faq ul li a span{display:flex;justify-content:space-between;align-items:center;padding:0 30px 2px;font-size:1.25rem;line-height:50px;position:relative;z-index:2;transition:all 0.4s ease}@media screen and (max-width: 768px){#contents #faq ul li a span{font-size:1.125rem}}#contents #faq ul li a::after{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:rgba(0,0,0,0.3);transition:all 0.4s ease}#contents #faq ul li a i{margin-top:2px}#contents #faq ul li a:hover span{padding-right:20px}#contents #faq ul li a:hover::after{right:auto;left:0;width:100%}#contents #faq ul li .const{color:#fff;display:block;background:#ccc;border-radius:30px;padding:0 30px 2px;font-size:1.25rem;line-height:50px;border:4px solid rgba(255,255,255,0.2)}@media screen and (max-width: 768px){#contents #faq ul li .const{font-size:1.125rem}}#contents #faq ul li:nth-child(2) a{background:#749}#contents #faq ul li{width:49%}#contents #faq ul li a{border:4px solid rgba(255,255,255,0.2)}#contents #faq figure{width:220px;flex-basis:auto;margin-top:-140px;margin-left:20px;order:2}@media screen and (max-width: 768px){#contents #faq figure{width:180px;margin-top:-100px;margin-left:0}}@media screen and (max-width: 480px){#contents #faq-inner{display:block}#contents #faq ul{display:block}#contents #faq ul li{width:auto}#contents #faq ul li:nth-child(n+2){margin-top:10px}#contents #faq figure{width:240px;margin:0 auto 20px}}
