@charset "utf-8";
section {padding: 0 0 8%;}
section:nth-of-type(1) {text-align: center;}
section:nth-of-type(1) h2 {margin: 0 0 8%;position: relative;text-align: center;font-size: 3.6rem;font-weight: 600;line-height: 1.3;}
section:nth-of-type(1) h2 small {display: block;color: #c30d23;font-size: 2rem;}
section:nth-of-type(1) h3 {padding: 1.5% 0;display: block;background: #c30d23;color: #fff;font-size: 2.8rem;font-weight: 600;line-height: 1.3;}
section:nth-of-type(1) ul {margin: 8% auto 2%;}
section:nth-of-type(1) ul li {width: 70%;display: flex;justify-content: center;align-items: center;background: #fff;}
section:nth-of-type(1) ul li:nth-child(odd) {margin: 0 0 5% auto;border-radius: 30px 0 0 30px;}
section:nth-of-type(1) ul li:nth-child(even) {margin: 0 auto 5% 0;border-radius: 0 30px 30px 0;}
section:nth-of-type(1) ul li h4 {margin: 0 5% 0 0;font-size: 2.8rem;font-weight: 600;line-height: 1.3;}
section:nth-of-type(1) ul li h4 span {display: block;font-size: 10rem;font-weight: 800;color: #c30d23;}
section:nth-of-type(1) ul li figure {line-height: 0;}
section:nth-of-type(1) ul + p {font-size: 2rem;font-weight: 600;}
section:nth-of-type(2) {margin: 0 0 5%;padding: 5% 0 5%;background: #fff;}
section:nth-of-type(2) ul {justify-content: space-between;}
section:nth-of-type(2) ul li {width: 46%;position: relative;}
section:nth-of-type(2) ul li::before {content: "？";position: absolute;top: 50%;left: 50%;z-index: 0;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: rgba(255,241,235);font-size: 20rem;font-weight: 800;}
section:nth-of-type(2) ul li h3 {margin: 0 auto 5%;padding: 0 5%;display: block;background: linear-gradient(transparent 80%, #ffd7e1 80%);color: #c30d23;font-size: 2.6rem;font-weight: 800;line-height: 1.5;}
section:nth-of-type(2) ul li p {margin: 0 0 5%;}
section:nth-of-type(3) {text-align: center;}
section:nth-of-type(3) h2 {margin: 0 0 5%;position: relative;text-align: center;font-size: 3.6rem;font-weight: 600;line-height: 1.3;}
section:nth-of-type(3) h2 small {display: block;color: #c30d23;font-size: 2rem;}
section:nth-of-type(3) em {margin: 5% auto 0;display: block;color:  #c30d23;font-size: 4rem;font-weight: 800;font-style: normal;line-height: 1.5;}
@media only screen and (max-width: 896px) {
section:nth-of-type(1) h2 {margin: 0 0 5%;font-size: 3rem;}
section:nth-of-type(1) h2 small {font-size: 2rem;}
section:nth-of-type(1) ul li {width: 80%;}
section:nth-of-type(1) h3 {padding: 3% 0;}
section:nth-of-type(1) ul li h4 {width: 55%;font-size: 2.6rem;}
section:nth-of-type(2) ul li h3 {font-size: 2rem;}
section:nth-of-type(3) h2 {margin: 0 0 5%;font-size: 3rem;}
section:nth-of-type(3) h2 small {font-size: 2rem;}
section:nth-of-type(3) em {font-size: 3rem;}
}
@media only screen and (max-width: 568px) {
section {padding: 0 0 12%;}
section:nth-of-type(1) h2 {font-size: 2rem;}
section:nth-of-type(1) h2 small {font-size: 1.6rem;}
section:nth-of-type(1) h3 {font-size: 1.8rem;}
section:nth-of-type(1) ul li {width: 100%;}
section:nth-of-type(1) ul li:nth-child(odd) {border-radius: 0;}
section:nth-of-type(1) ul li:nth-child(even) {border-radius: 0;}
section:nth-of-type(1) ul li h4 {width: 60%;font-size: 1.2rem;}
section:nth-of-type(1) ul li h4 span {font-size: 4rem;}
section:nth-of-type(1) ul li figure {width: 40%;}
section:nth-of-type(1) ul + p {padding: 0 2%;font-size: 1.2rem;}
section:nth-of-type(2) ul li {width: 100%;}
section:nth-of-type(2) ul li h3 {font-size: 2rem;}
section:nth-of-type(3) h2 {font-size: 2rem;}
section:nth-of-type(3) h2 small {font-size: 1.6rem;}
section:nth-of-type(3) em {font-size: 2.6rem;line-height: 1.3;}
}