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

@media (min-width: 768px){
body {
  padding-top: 4.0rem;
}
}

/* Top img */
.right_sr {
   height: 0;
   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   padding-top: 36%;
   background: white url("../../img/top/top_spring.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   /* color: #bfbfbf; */
   color: #fff;
   font-weight: bold;
   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;
}
.card-img-overlay {
   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: 36%;
   background: white url("../../img/top/top_summer.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   /* color: #bfbfbf; */
   color: #fff;
   font-weight: bold;
   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: 36%;
   background: white url("../../img/top/top_autumn.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   /* color: #bfbfbf; */
   color: #fff;
   font-weight: bold;
   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: 36%;
   background: white url("../../img/top/top_winter.jpg") 0 0 no-repeat;
   background-size: contain;
   border-radius: 5px;
   color: white;
   /* font-weight: bold; */
   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;
}
}

/* トップフォントサイズ */
@media (max-width: 575.99px) {
.topfont {
   font-size: 1.0rem;
   font-weight: bold;
}
}

@media (min-width: 576px) {
.topfont {
   font-size: 1.1rem;
   font-weight: bold;
}
}

@media (min-width: 992px){
.topfont {
   font-size: 1.5rem;
   font-weight: bold;
}
}