@charset "utf-8";

/*============================
#aboutArea
============================*/
#aboutArea {}
#aboutArea .about { position: relative; }
#aboutArea .about .image { margin-top: 80px; }
#aboutArea .about .image img {}
#aboutArea .about .content { position: absolute; width: 720px; left: 520px; top: 130px; background: #fff; border-radius: 60px; padding: 60px 20px 60px 80px; }
#aboutArea .about .content .md_title {}
#aboutArea .about .content .md_title span {}
#aboutArea .about .content .catch { margin-top: 30px; font-size: 1.25em; font-weight: bold; line-height: 1.6; }
#aboutArea .why { margin-top: 60px; position: relative; }
#aboutArea .why::before { content: ""; position: absolute; right: 50%; top: 0; display: block; width: 100%; height: 100%; background: #f67265; }
#aboutArea .why .md_container { background: #f67265; border-radius: 60px; }
#aboutArea .why .md_container .english { position: absolute; right: -20px; bottom: 78px; font-size: 24em; line-height: 0.7; color: #f46457; }
#aboutArea .why .content { padding: 120px 0; position: relative; z-index: 1; }
#aboutArea .why .content .md_title {}
#aboutArea .why .content .md_title span { color: #fff; border-color: #fff; }
#aboutArea .why .content .image {}
#aboutArea .why .content .image img {}
#aboutArea .why .content .icon { position: absolute; right: -60px; top: -60px; }
#aboutArea .why .content .icon img { width: 200px; height: auto; }
#aboutArea .why .content .catch { margin-top: 70px; font-size: 2.75em; letter-spacing: 0.4em; color: #fff; }
#aboutArea .why .content .catch em {}
#aboutArea .why .content .catch em span { opacity: 0; position: relative;
	animation-name: text01-animate; animation-duration: 1s; animation-fill-mode: forwards; }
@keyframes text01-animate {
	0% { opacity: 0; top: 0; }
	100% { opacity: 1; top: -10px; }
}
#aboutArea .why .content .catch em span:nth-child(1) { animation-delay: 0.50s; }
#aboutArea .why .content .catch em span:nth-child(2) { animation-delay: 0.56s; }
#aboutArea .why .content .catch em span:nth-child(3) { animation-delay: 0.62s; }
#aboutArea .why .content .catch em span:nth-child(4) { animation-delay: 0.68s; }
#aboutArea .why .content .catch em span:nth-child(5) { animation-delay: 0.74s; }
#aboutArea .why .content .catch em span:nth-child(6) { animation-delay: 0.86s; }
#aboutArea .why .content .catch em span:nth-child(7) { animation-delay: 0.92s; }
#aboutArea .why .content .catch em span:nth-child(8) { animation-delay: 0.98s; }
#aboutArea .why .content .catch em span:nth-child(9) { animation-delay: 1.04s; }
#aboutArea .why .content .copy { margin-top: 50px; font-size: 1.25em; font-weight: bold; line-height: 2; color: #fff; }
#aboutArea .tokucho { margin-top: 80px; }
#aboutArea .tokucho .md_title { text-align: center; }
#aboutArea .tokucho .md_title span {}
#aboutArea .tokucho .content {}
#aboutArea .tokucho .content ul {}
#aboutArea .tokucho .content ul li { float: left; width: 360px; margin-right: 60px; margin-top: 60px; }
#aboutArea .tokucho .content ul li:nth-child(3n) { margin-right: 0; }
#aboutArea .tokucho .content ul li .image {}
#aboutArea .tokucho .content ul li .image img {}
#aboutArea .tokucho .content ul li .title { font-size: 1.125em; font-weight: bold; line-height: 1.5; margin-top: 20px; }
#aboutArea .tokucho .content ul li .text { margin-top: 15px; line-height: 1.5; }
#aboutArea .tokucho .content ul li .text .list { text-indent: -1.25em; padding-left: 1em; margin-top: 5px; line-height: 1.5; }
#aboutArea .prize { margin-top: 80px; }
#aboutArea .prize .content { background: #e9db8a; background: repeating-linear-gradient(-45deg, #e3cf6b, #e3cf6b 50px, #e8d987 50px, #e8d987 100px); border-radius: 60px; padding: 60px; border: solid 10px #e3cf6b; }
#aboutArea .prize .content .md_title {}
#aboutArea .prize .content .md_title span {}
#aboutArea .prize .content .text { font-size: 1.25em; font-weight: bold; margin-top: 30px; }
#aboutArea .prize .content .list { margin-top: 60px; }
#aboutArea .prize .content .list ul {}
#aboutArea .prize .content .list ul li { float: left; background: #fff; border-radius: 60px; padding: 80px 0 80px 250px; width: 500px; margin-right: 60px; text-align: center; position: relative; }
#aboutArea .prize .content .list ul li .image { position: absolute; left: 40px; top: 50%; margin-top: -115px; }
#aboutArea .prize .content .list ul li .image img {}
#aboutArea .prize .content .list ul li .copy { display: inline-block; font-size: 1.5em; font-weight: bold; position: relative; z-index: 1; }
#aboutArea .prize .content .list ul li .copy::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: #eedb83; z-index: -1; }
#aboutArea .prize .content .list ul li:nth-child(2n) { margin-right: 0; }
#aboutArea .prize .content .list ul li:nth-child(2n) .image { margin-top: -110px; }
#aboutArea .prize .content .list ul li:nth-child(2n) .copy::before { background: #ddd; }
#aboutArea .prize .content .lead { margin-top: 100px; font-size: 1.25em; font-weight: bold; text-align: center; line-height: 1.75; position: relative; }
#aboutArea .prize .content .lead::before { content:""; position: absolute; display: block; left: 50%; top: -50px; margin-left: -17px; width: 37px; height: 2px; background: #dc0032; }
#aboutArea .prize .content .lead::after { content:""; position: absolute; display: block; left: 50%; top: -50px; margin-top: -17px; width: 2px; height: 37px; background: #dc0032; }