/* ----------------

  2021summer

---------------- */


/* page-mv
------------------------------ */
.page-mv {background-image: url(img/mv-img.jpg);}
.page-main .d-inline {position: relative;z-index: 1;}
.page-main .block01 .text h2 {text-align: center;display: block;}

/* block01
------------------------------ */
.page-main h2 {font-size: 4.2rem;line-height: 1.4;letter-spacing: .1em;text-align: center;margin-bottom: 40px;}
.page-main h2 small {font-size: 2.8rem;}
.block01 .img-box1 {max-width:600px;margin:auto}
.block01 .img-box1 .slider02 {margin-bottom: 40px;}
.block01 .img-box1 .slider02 p {line-height: 1.4;}


/* -------------------------------------------- */
/*  p03 */
/* -------------------------------------------- */

/* block02
------------------------------ */
.p3 .block02 ul {margin-top: 3%;}
.p3 .block02 ul li {display: flex;align-items: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 30px 0;}
.p3 .block02 ul li h4 {font-size: 1.7em;}
.p3 .block02 ul li figure {width: 300px;margin-right: 40px;}
.p3 .block02 ul li div {flex: 1;}

/* -------------------------------------------- */
/*  p04 */
/* -------------------------------------------- */
/* block02
------------------------------ */
.p4 .block02 figure {width: 40%;float: right;margin-left: 40px;}
.p4 .block02 figcaption {padding: 1em;color: #ddd;font-size: .9em;}
/* block04
------------------------------ */
.p4 .block04 ul {margin-top: 3%;}
.p4 .block04 ul li {display: flex;align-items: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 30px 0;}
.p4 .block04 ul li h4 {font-size: 1.7em;}
.p4 .block04 ul li figure {width: 300px;margin-right: 40px;}
.p4 .block04 ul li div {flex: 1;}


/* -------------------------------------------- */
/*  p05 */
/* -------------------------------------------- */
.p5 .page-main h3.border {margin: 40px 0 }
.p5 .page-main h3.border em {font-size: 2.8rem;}
.p5 .page-main h3.border em:before {height: 1px;}
.p5 .block01 .d-flex {flex-wrap: wrap;justify-content: space-between;margin-top: 4%;}
.p5 .block01 .d-flex li {width: calc( 84% / 4 );margin-bottom: 4%;}
.p5 .block01 .d-flex li p {font-size: .95em;line-height: 1.6;margin-top: 10px;}


/* -------------------------------------------- */
/* responsive */
/* -------------------------------------------- */
@media (max-width: 850px) {

}
@media (max-width: 600px) {

  /* page-nav
  ------------------------------ */
  .page-nav .d-flex {display: block;}
  .page-nav dl + dl {margin-left: 0;margin-top: .5em;}
  
  /* block01
  ------------------------------ */
  .block01 h2 {font-size: 3.12rem;}
  
  /* p3
  ------------------------------ */
  .p3 .block02 ul li {flex-direction: column;padding: 8% 0;}
  .p3 .block02 ul li h4 {font-size: 1.4em;margin: 4% 0 1% }
  .p3 .block02 ul li figure {width: 100%;margin-right: 0;}
  /* p4
  ------------------------------ */
  .p4 .block02 figure {float: none;width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 30px;  }
  .p4 .block04 ul li {flex-direction: column;padding: 8% 0;}
  .p4 .block04 ul li h4 {font-size: 1.4em;margin: 4% 0 1% }
  .p4 .block04 ul li figure {width: 100%;margin-right: 0;}

  /* p5
  ------------------------------ */
  .p5 .block01 .d-flex li {width: calc( 94% / 2 );}

}
@media (max-width: 400px) {
  /* p5
  ------------------------------ */
  .p5 .block01 .d-flex li {width: 100%;text-align: center;margin-bottom: 10%;}
  .p5 .block01 .d-flex li img {max-width: 60%;}
  .p5 .block01 .d-flex li p {text-align: left;}

}