@charset "utf-8";
/* CSS Document */

/* Top img */
.right_sr {
   height: 0;
   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   padding-top: 50%;
   background: white url("../img/top/top_spring.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   color: white;
   font-weight: bold;
   text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
   margin-bottom: 1rem;
}

@media (max-width: 575.99px) {
.right_sr p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.8rem;
}
}

@media (min-width: 576px) {
.right_sr p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.95rem;
}
}	

@media (min-width: 992px){
.right_sr p {
   font-size: 1.2rem;
}
}

.right_sm {
   height: 0;
   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   padding-top: 50%;
   background: white url("../img/top/top_summer.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   color: teal;
   font-weight: bold;
   text-shadow: 2px 2px 1px rgba(255, 255, 255, 1.0);
   margin-bottom: 1rem;
}

@media (max-width: 575.99px) {
.right_sm p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.8rem;
}
}

@media (min-width: 576px) {
.right_sm p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.95rem;
}
}	

@media (min-width: 992px){
.right_sm p {
   font-size: 1.2rem;
}
}

.right_at {
   height: 0;
   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   padding-top: 50%;
   background: white url("../img/top/top_autumn.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   color: teal;
   font-weight: bold;
   text-shadow: 2px 2px 1px rgba(255, 255, 255, 1.0);
   margin-bottom: 1rem;
}

@media (max-width: 575.99px) {
.right_at p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.8rem;
}
}

@media (min-width: 576px) {
.right_at p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.95rem;
}
}	

@media (min-width: 992px){
.right_at p {
   font-size: 1.2rem;
}
}

.right_wt {
   height: 0;
   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   padding-top: 50%;
   background: white url("../img/top/top_winter.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   color: maroon;
   font-weight: bold;
   text-shadow: 2px 2px 1px rgba(255, 255, 255, 1.0);
   margin-bottom: 1rem;
}

@media (max-width: 575.99px) {
.right_wt p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.8rem;
}
}

@media (min-width: 576px) {
.right_wt p {
   position: absolute;
   left: 0;
   top: 0;
   margin: 50px 25px 5px;
   font-size: 0.95rem;
}
}	

@media (min-width: 992px){
.right_wt p {
   font-size: 1.2rem;
}
}

/* トップページcard */
.tp_ch {
	background-color: #ffefaf;
	color: #a52a2a;
}

.tp_ct p {
	text-indent: -1em;
	padding-left: 1em;
}