@charset "UTF-8";
#content-wrap { padding: 0 7vw 5vw; background-color: #ffffff;}#content-wrap img { width: auto; max-width: 100%; height: auto;}#content-wrap h2 { font-size: 130%;}#content-wrap h3 { font-size: 120%;}
#contents h2 { font-size: 1.75rem; line-height: 4rem; text-align: center; margin-bottom: 1.5rem;}#contents h2:before, #contents h2:after { content: ""; display: block; height: 3px; width: 100%; background: linear-gradient(to right, #fff, #b78300 50%, #fff);}
#contents h4 { border-bottom:2px solid #ff6f00;}
#performance_h { position: relative; background: linear-gradient(135deg, #a8c1ff, #195cfc, #195cfc, #a8c1ff); padding: 2em;}#performance_h::after { content: ""; position: absolute; right: 0; bottom: -20px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #195cfc transparent transparent transparent; border-width: 20px 20px 0 20px;}
.dan li { list-style: decimal; margin-left: 20px; font-size: 90%;}.dan p { font-size: 90%;}
@media (min-width: 1300px){ #contents { font-size: 1.1rem; }}@media (max-width: 1023px){ #contents h4 { font-size: 1.2rem;}}
@media (max-width: 767px){ #contents { padding: 0; } #content-wrap { padding: 0 5vw 5vw; } #contents h4 { font-size: 2rem;} .dan li { font-size: 120%;} .dan p { font-size: 120%;}}