@charset "UTF-8";
/* これはSCSS Document */
.page_header {
  background: url("../images/keidai/mv.jpg") center center no-repeat;
  background-size: cover; }

@media (max-width: 480px) {
  .page_header {
    background: url("../images/keidai/mv.jpg") center center no-repeat;
    background-size: auto 100%; } }
 /*max-width:480px/

/****************************************************************/
.keidai_all {
  padding: 60px 0 150px; }

@media (max-width: 768px) {
  .keidai_all {
    padding: 50px 0 100px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .keidai_all {
    padding: 20px 0 100px; } }
/*max-width:480px*/
/****************************************************************/
.keidai_flex {
  max-width: 1240px;
  width: calc(100% - 40px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start; }

.keidai_item {
  max-width: 600px;
  width: calc((100% - 40px)/2);
  margin-bottom: 40px; }
  .keidai_item img {
    width: 100%; }
  .keidai_item h3 {
    color: #fff;
    margin: -30px 0 10px 10px; }
    .keidai_item h3 span {
      display: inline-block;
      padding: 12px 20px;
      font: 26px/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      border-radius: 10px;
      background-color: #D9A442; }
  .keidai_item p {
    padding: 0 10px;
    font: 17px/2.0em 'Noto Sans JP', sans-serif;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-ideograph; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .keidai_item {
    max-width: 640px;
    width: 100%;
    margin: 0 auto 40px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .keidai_item {
    max-width: 480px;
    width: 100%;
    margin: 0 auto 40px; }
    .keidai_item h3 {
      margin: -30px 0 10px 10px; }
      .keidai_item h3 span {
        padding: 10px 20px 12px;
        font: 22px/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 500; }
    .keidai_item p {
      font: 16px/2.0em 'Noto Sans JP', sans-serif;
      font-weight: 400; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .keidai_item h3 {
    margin: -25px 0 10px 10px; }
    .keidai_item h3 span {
      padding: 8px 15px 10px;
      font: 18px/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500; } }
/*max-width:480px*/
