@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes load { 0% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@keyframes slide { 0% { transform: translateX(0); }
  100% { transform: translateX(-10%); } }
@keyframes arrow { 0% { transform: scale(0, 1); transform-origin: 0 0; }
  50% { transform: scale(1, 1); transform-origin: 0 0; }
  50.1% { transform: scale(1, 1); transform-origin: 100% 0; }
  100% { transform: scale(0, 1); transform-origin: 100% 0; } }
.plan .plan__wp .plan__img { overflow-x: scroll; }
.plan .plan__wp .plan__img img { width: min(140%, 980px); }

.plan__ttl-wp { margin-bottom: 30px; }
.plan__ttl-wp .plan__ttl { font-size: 1.8rem; text-align: center; color: #0a2223; }
@media (min-width: 769px) { .plan__ttl-wp .plan__ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.8869179601 ); } }
@media (min-width: 1220px) { .plan__ttl-wp .plan__ttl { font-size: 2.2rem; } }

.mdr .mdr__name { font-size: 1.6rem; text-align: center; letter-spacing: 0.1em; margin-bottom: 20px; }
@media (min-width: 769px) { .mdr .mdr__name { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 2.1563342318 ); } }
@media (min-width: 1140px) { .mdr .mdr__name { font-size: 2.4rem; } }
.mdr .mdr__img figure { margin-bottom: 20px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .plan .plan__wp { max-width: 980px; margin: auto; }
  .plan .plan__wp .plan__img { overflow-x: auto; }
  .plan .plan__wp .plan__img img { max-width: none; width: 100%; }
  .mdr .mdr__name { margin-bottom: 40px; }
  .mdr .mdr__img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .mdr .mdr__img figure { flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 0px; } }
/*------------------------------
		1021px以上
------------------------------*/
/*------------------------------
		1221px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */
