#contents #message-head{display:flex;align-items:center;margin-top:20px}#contents #message-head h2{width:360px;flex-basis:auto;margin-right:60px}#contents #message-head-text{width:100%;flex-shrink:9999}#contents #message-head-text #pankuzu{display:flex;margin-bottom:40px}#contents #message-head-text #pankuzu li{font-size:.75rem}#contents #message-head-text #pankuzu li a{color:#036;text-decoration:none}#contents #message-head-text #pankuzu li a:hover{color:#048;text-decoration:underline}#contents #message-head-text #pankuzu li:nth-child(n+2){margin-left:15px}#contents #message-head-text #pankuzu li:nth-child(n+2)::before{content:"/";margin-right:15px;color:#ddd}@media screen and (max-width: 768px){#contents #message-head-text #pankuzu li{font-size:.625rem}}@media screen and (max-width: 680px){#contents #message-head-text #pankuzu li:nth-child(n+2){margin-left:10px}#contents #message-head-text #pankuzu li:nth-child(n+2)::before{margin-right:10px}}#contents #message-head-text .message-lead{font-size:1.25rem;font-weight:bold;color:#008cd6;opacity:0;transform:translateX(-40px);animation:titleAnime .5s forwards;animation-delay:1s}@media screen and (max-width: 1024px){#contents #message-head{display:block}#contents #message-head h2{margin:0 auto 20px}#contents #message-head-text{width:auto}}@media screen and (max-width: 768px){#contents #message-head-text #pankuzu{margin-bottom:20px}#contents #message-head-text .message-lead{font-size:1.125rem;line-height:1.8}}@media screen and (max-width: 680px){#contents #message-head h2{width:auto}#contents #message-head-text #pankuzu{margin-bottom:20px}#contents #message-head-text .message-lead{font-size:1.125rem;line-height:1.8}}#contents #message-link{margin-top:30px;opacity:0;transform:translateX(-40px);animation:titleAnime .5s forwards;animation-delay:1s}#contents #message-link ul{display:flex}#contents #message-link ul li{width:50%}#contents #message-link ul li:nth-child(n+2){margin-left:10px}#contents #message-link ul li a{display:block;padding:10px 20px;border:1px solid #a2b7c1;border-radius:15px;text-align:center;color:#a2b7c1;text-decoration:none;position:relative}#contents #message-link ul li a p,#contents #message-link ul li a dt{font-size:1.125rem;font-weight:bold;line-height:1.4}#contents #message-link ul li a dd{line-height:1.4}#contents #message-link ul li a .arrow{position:absolute;font-size:1.5rem;line-height:1;bottom:-32px;left:50%;margin-left:-12px;z-index:2;transition:all 0.3s ease}#contents #message-link ul li a:hover{color:#008cd6;border-color:#008cd6}#contents #message-link ul li a:hover .arrow{bottom:-40px}@media screen and (max-width: 1024px){#contents #message-link{margin-top:20px}#contents #message-link ul li a:hover .arrow{bottom:-32px}}@media screen and (max-width: 768px){#contents #message-link{margin-top:20px}#contents #message-link ul li a p,#contents #message-link ul li a dt{font-size:1rem}#contents #message-link ul li a dd{font-size:.8125rem}}@media screen and (max-width: 680px){#contents #message-link ul{display:block}#contents #message-link ul li{width:auto}#contents #message-link ul li:nth-child(n+2){margin-top:10px;margin-left:0}#contents #message-link ul li a .arrow{bottom:50%;right:20px;left:auto;margin-left:0;margin-bottom:-12px}#contents #message-link ul li a:hover .arrow{bottom:50%}}#contents #message .box{padding-bottom:70px;margin-bottom:60px;background:url(../images/message_line.png) repeat-x left bottom}#contents #message .box:last-child{padding-bottom:0;margin-bottom:0;background:none}@media screen and (max-width: 768px){#contents #message .box{padding-bottom:60px}}#contents #message .box-head figure{position:relative}#contents #message .box-head figure .credit{position:absolute;bottom:15px;right:15px;font-size:.75rem;line-height:1;padding:3px 5px 4px;border-radius:3px;background:#fff}@media screen and (max-width: 680px){#contents #message .box-head figure .credit{bottom:10px;right:10px}}#contents #message .box-head dl{display:flex}#contents #message .box-head dl dt,#contents #message .box-head dl dd{line-height:24px;padding-bottom:2px}#contents #message .box-head dl dt{border-right:1px solid #008cd6;padding-right:10px;margin-right:15px}@media screen and (max-width: 680px){#contents #message .box-head dl{display:block}#contents #message .box-head dl dt{border:none;padding-right:0;margin-right:0}#contents #message .box-head dl dd{font-size:.75rem;line-height:1.5}}#contents #message .box-post-q{display:flex;align-items:flex-start;margin:40px 0 5px}#contents #message .box-post-q span{display:block;font-size:.9375rem;font-weight:bold;color:#008cd6;width:56px;line-height:54px;padding-bottom:2px;margin-right:15px;text-align:center;background:url(../images/icon_gear.png) no-repeat center center/100%}#contents #message .box-post-q h4{width:100%;flex-shrink:9999;padding-top:12px;font-size:1.125rem;font-weight:bold;line-height:1.6}#contents #message .box-post p,#contents #message .box-post dt,#contents #message .box-post dd,#contents #message .box-post li{font-size:.9375rem;line-height:2.2;letter-spacing:.05em}#contents #message .box-post figure{margin:25px 0 50px}#contents #message .box-post figure p.cap{font-size:.8125rem;font-weight:bold;line-height:1.6;margin-top:15px;color:#008cd6;text-align:center}#contents #message .box-post figure ul{margin:-3px;display:flex;flex-wrap:wrap}#contents #message .box-post figure ul li{width:50%;padding:3px}#contents #message .box-post .number dt{font-size:1rem;font-weight:bold;margin-left:1.2em;text-indent:-1.2em;margin-bottom:5px}#contents #message .box-post .number dt span{color:#008cd6;margin-right:.2em}@media screen and (max-width: 768px){#contents #message .box-post-q span{font-size:.875rem;width:52px;line-height:50px;margin-right:10px}#contents #message .box-post-q h4{font-size:1rem}#contents #message .box-post p,#contents #message .box-post dt,#contents #message .box-post dd,#contents #message .box-post li{font-size:.875rem}#contents #message .box-post .number dt{font-size:.875rem}}@media screen and (max-width: 680px){#contents #message .box-post-q{display:block;margin-bottom:10px}#contents #message .box-post-q span{margin-right:10px}#contents #message .box-post-q h4{padding-top:10px}#contents #message .box-post figure p.cap{font-size:.6875rem;margin-top:10px}#contents #message .box-post figure ul{marign:-1px}#contents #message .box-post figure ul li{padding:1px}}#contents #message .obog .box-head{position:relative}#contents #message .obog .box-head::before,#contents #message .obog .box-head::after{content:"";position:absolute;top:-3px;left:-3px;background:#008cd6;z-index:2}#contents #message .obog .box-head::before{width:40px;height:6px}#contents #message .obog .box-head::after{width:6px;height:40px}#contents #message .obog .box-head-fig{margin-bottom:50px;display:flex;position:relative}#contents #message .obog .box-head-fig::before,#contents #message .obog .box-head-fig::after{content:"";position:absolute;bottom:-3px;right:-3px;background:#008cd6;z-index:2}#contents #message .obog .box-head-fig::before{width:40px;height:6px}#contents #message .obog .box-head-fig::after{width:6px;height:40px}@media screen and (max-width: 680px){#contents #message .obog .box-head-fig{display:block}}#contents #message .obog .box-head h3{font-size:1.625rem;line-height:1.4;margin-bottom:10px;color:#008cd6}@media screen and (max-width: 768px){#contents #message .obog .box-head h3{font-size:1.5rem}}@media screen and (max-width: 680px){#contents #message .obog .box-head h3{font-size:1.375rem}}#contents #message .obog .box-post p:nth-child(n+2),#contents #message .obog .box-post dl:nth-child(n+2),#contents #message .obog .box-post ul:nth-child(n+2){margin-top:15px}#contents #message .students strong.s1,#contents #message .students strong.s2,#contents #message .students strong.s3{display:block;width:4.5em;text-align:center;line-height:22px;padding-bottom:2px;color:#fff;border-radius:5px}#contents #message .students strong.s1{background:#df665b !important}#contents #message .students strong.s2{background:#eeb231 !important}#contents #message .students strong.s3{background:#55af73 !important}#contents #message .students .box-head h3{display:inline-block;font-size:1.125rem;font-weight:bold;line-height:34px;margin-bottom:20px;color:#008cd6;border:2px solid #008cd6;padding:0 20px 2px;border-radius:10px}#contents #message .students .box-head ul li:nth-child(n+2){margin-top:3px}#contents #message .students .box-head ul li p{margin-bottom:5px}#contents #message .students .box-head ul li dl dt,#contents #message .students .box-head ul li p{display:flex;align-items:center}#contents #message .students .box-head ul li dl dt strong,#contents #message .students .box-head ul li p strong{margin-top:2px;margin-left:7px}#contents #message .students .box-head ul li dl dd{flex-shrink:9999}@media screen and (max-width: 680px){#contents #message .students .box-head ul li:nth-child(n+2){margin-top:8px}#contents #message .students .box-head ul li p{margin-bottom:10px}}#contents #message .students .box-post .answer{display:flex;align-items:flex-start;margin-top:15px}#contents #message .students .box-post .answer .person{margin-top:5px;margin-right:10px}#contents #message .students .box-post .answer p{flex-shrink:9999}@media screen and (max-width: 680px){#contents #message .students .box-post .answer{display:block}#contents #message .students .box-post .answer .person{margin:0 0 10px}}
