@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* ベーススタイル */
.section__contents { padding-top: 100px; margin-top: -100px; }

.contents__ttl { font-size: 2rem; margin-bottom: 26px; color: #D6D6D6; line-height: 1; }
@media (min-width: 375px) { .contents__ttl { font-size: calc( 2rem + ( 1vw - 3.75px ) * 0.9696969697 ); } }
@media (min-width: 1200px) { .contents__ttl { font-size: 2.8rem; } }
.contents__txt { font-size: 1.3rem; margin-bottom: 28px; color: #D6D6D6; text-align: center; line-height: normal; }
@media (min-width: 375px) { .contents__txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .contents__txt { font-size: 1.5rem; } }

/* 足回りの基礎知識 */
#knowledge { margin-bottom: 45px; }
#knowledge .knowledge__wrap { padding-top: 50px; }
#knowledge .knowledge__img { margin: 0 auto; max-width: 754px; }

/* グリースアップ */
#grease_up { margin-bottom: 45px; }
#grease_up .grease_up__wrap { padding-top: 50px; border-top: 1px solid #707070; }
#grease_up .grease_up__contents .item__ttl { font-size: 1.6rem; margin-bottom: 12px; padding-left: 15px; color: #D6D6D6; text-align: left; border-left: 4px solid #8E1B11; }
@media (min-width: 375px) { #grease_up .grease_up__contents .item__ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #grease_up .grease_up__contents .item__ttl { font-size: 1.8rem; } }
#grease_up .grease_up__contents .item__txt { font-size: 1.3rem; color: #D6D6D6; letter-spacing: 1.4px; line-height: 1.6; }
@media (min-width: 375px) { #grease_up .grease_up__contents .item__txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #grease_up .grease_up__contents .item__txt { font-size: 1.5rem; } }
#grease_up .grease_up__contents .item__wrap + .item__wrap { margin-top: 30px; }
#grease_up .grease_up__contents .item__box--left { margin-bottom: 20px; }
#grease_up .grease_up__contents .item__box iframe { display: block; width: 100%; height: 58.667vw; max-width: 100%; max-height: 338px; }

/* 走行前の1分間点検 */
#inspection { margin-bottom: 45px; }
#inspection .inspection__wrap { padding-top: 50px; border-top: 1px solid #707070; }
#inspection .inspection__contents .list__wrap { 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; }
#inspection .inspection__contents .list__box { flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 30px; }
#inspection .inspection__contents .list__box .box__img { margin-bottom: 12px; }
#inspection .inspection__contents .list__box .box__ttl { font-size: 1.3rem; margin-bottom: 8px; color: #D6D6D6; line-height: 1.4; }
@media (min-width: 375px) { #inspection .inspection__contents .list__box .box__ttl { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #inspection .inspection__contents .list__box .box__ttl { font-size: 1.5rem; } }
#inspection .inspection__contents .list__box .box__txt { font-size: 1.2rem; color: #D6D6D6; line-height: normal; }
@media (min-width: 375px) { #inspection .inspection__contents .list__box .box__txt { font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #inspection .inspection__contents .list__box .box__txt { font-size: 1.4rem; } }
#inspection .inspection__contents .list__box:nth-last-child(1), #inspection .inspection__contents .list__box:nth-last-child(2) { margin-bottom: 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /* ベーススタイル */
  .section__contents { padding-top: 150px; margin-top: -150px; }
  .contents__ttl { margin-bottom: 41px; }
  .contents__txt { margin-bottom: 43px; }
  /* 足回りの基礎知識 */
  #knowledge { margin-bottom: 66.5px; }
  /* グリースアップ */
  #grease_up { margin-bottom: 70px; }
  #grease_up .grease_up__wrap { padding-top: 80.5px; }
  #grease_up .grease_up__contents .item__ttl { margin-bottom: 17px; }
  #grease_up .grease_up__contents .item__wrap + .item__wrap { margin-top: 53px; }
  #grease_up .grease_up__contents .item__box { 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; }
  #grease_up .grease_up__contents .item__box--left { margin-bottom: 0; }
  #grease_up .grease_up__contents .item__box iframe { height: 28.167vw; }
  #grease_up .grease_up__contents .procedure .item__box--left { flex: 0 1 50%; width: 50%; max-width: 50%; }
  #grease_up .grease_up__contents .procedure .item__box--right { flex: 0 1 47.5%; width: 47.5%; max-width: 47.5%; }
  #grease_up .grease_up__contents .condition .item__box--left { flex: 0 1 35%; width: 35%; max-width: 35%; }
  #grease_up .grease_up__contents .condition .item__box--right { flex: 0 1 60.833333%; width: 60.833333%; max-width: 60.833333%; }
  /* 走行前の1分間点検 */
  #inspection { margin-bottom: 94px; }
  #inspection .inspection__wrap { padding-top: 80px; }
  #inspection .inspection__contents .list__box { flex: 0 1 30%; width: 30%; max-width: 30%; margin-bottom: 0; }
  #inspection .inspection__contents .list__box .box__img { margin-bottom: 20px; }
  #inspection .inspection__contents .list__box .box__ttl { margin-bottom: 14px; }
  #inspection .inspection__contents .list__box:nth-child(n+4) { margin-top: 46px; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1201px以上
------------------------------*/

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