
@charset "UTF-8";
.contents h1 { font-size: 180%; font-weight: 600; background-color: #A38367; color: #fff; padding: 1rem 0;}.contents h2 { font-size: 140%; font-weight: 600; border-left:8px solid #A38367; padding-left: 8px;}
.contents th {width: 50%;	text-align: center;	color: #fff;	background-color: #A38367;	padding: .5rem;}.contents th,
.contents td {border: 1px solid #333;	padding: .5rem;}
.contents p {margin-bottom: 1rem;}.text-eria {padding-left: 1rem;	padding-right: 1rem; }
.point { height: 100%; transition: 1s ease-out; transform: translateX(-100px); opacity: 0; border: 1px solid #fff; overflow: hidden;}.point.delighter.started { transform: translateX(0); opacity: 1; overflow: hidden;}
.p-bg { background-image: url("../img/point-bg.jpg"); background-size: cover; background-repeat: no-repeat; line-height: 15vw;}
.number { color: #ff0000; font-size: 200%;}
@media (min-width: 1300px){ #contents { font-size: 1.1rem; }}@media (max-width: 767px){.p-bg { line-height: 50vw;}}
@media (max-width: 575px){}
