/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
.box_in {
  max-width: 960px; }

.mv {
  background: url(../images/media/mv_img.jpg);
  background-size: cover; }

@media screen and (max-width: 750px) {
  .mv {
    background: url(../images/media/mv_img.jpg);
    background-size: cover; } }
#media_area .box_in {
  position: relative; }
  #media_area .box_in .intro_txt {
    text-align: center; }
  #media_area .box_in .media_wrap {
    margin-top: 40px; }
    #media_area .box_in .media_wrap .common_media:not(:first-child) {
      margin-top: 60px; }
    #media_area .box_in .media_wrap .common_media .media_ttl {
      display: flex;
      align-items: center; }
      #media_area .box_in .media_wrap .common_media .media_ttl .day {
        background: #008b47;
        padding: 2px 10px;
        color: #fff;
        margin-right: 10px; }
      #media_area .box_in .media_wrap .common_media .media_ttl .type {
        background: #008b47;
        padding: 2px 10px;
        color: #fff;
        margin-right: 10px; }
      #media_area .box_in .media_wrap .common_media .media_ttl .ttl {
        text-align: left; }
    #media_area .box_in .media_wrap .common_media .txt {
      margin-top: 10px;
      text-align: left; }
    #media_area .box_in .media_wrap .common_media .image_area {
      margin-top: 10px; }
      #media_area .box_in .media_wrap .common_media .image_area ul {
        display: flex;
        justify-content: space-between; }
        #media_area .box_in .media_wrap .common_media .image_area ul li {
          width: 32%; }
    #media_area .box_in .media_wrap .common_media .comment {
      margin-top: 20px;
      background: #f2f2f2;
      padding: 20px;
      text-align: left; }
    #media_area .box_in .media_wrap .media3 {
      display: flex;
      justify-content: space-between; }
      #media_area .box_in .media_wrap .media3 .left {
        width: calc(98% - 490px); }
      #media_area .box_in .media_wrap .media3 .right {
        max-width: 480px;
        width: 100%; }
        #media_area .box_in .media_wrap .media3 .right .image_area {
          margin-top: 10px; }
          #media_area .box_in .media_wrap .media3 .right .image_area ul {
            display: block; }
            #media_area .box_in .media_wrap .media3 .right .image_area ul li {
              width: 100%; }
      @media screen and (max-width: 960px) {
        #media_area .box_in .media_wrap .media3 {
          display: block; }
          #media_area .box_in .media_wrap .media3 .left {
            width: 100%; }
          #media_area .box_in .media_wrap .media3 .right {
            max-width: 100%; }
            #media_area .box_in .media_wrap .media3 .right .image_area ul li {
              width: 32%; } }

@media screen and (max-width: 750px) {
  #media_area .box_in .media_wrap {
    margin-top: 40px; }
    #media_area .box_in .media_wrap .common_media:not(:first-child) {
      margin-top: 60px; }
    #media_area .box_in .media_wrap .common_media .media_ttl {
      flex-wrap: wrap; } }
    @media screen and (max-width: 750px) and (max-width: 480px) {
      #media_area .box_in .media_wrap .common_media .media_ttl .ttl {
        margin-top: 10px;
        width: 100%;
        font-weight: bold;
        line-height: 1.8; } }
  @media screen and (max-width: 750px) and (max-width: 480px) {
    #media_area .box_in .media_wrap .common_media .txt {
      line-height: 1.8; } }
@media screen and (max-width: 750px) {
    #media_area .box_in .media_wrap .common_media .image_area ul {
      display: block; }
      #media_area .box_in .media_wrap .common_media .image_area ul li {
        margin: 0 auto;
        max-width: 305px;
        width: 100%; }
        #media_area .box_in .media_wrap .common_media .image_area ul li:not(:first-child) {
          margin-top: 20px; }
    #media_area .box_in .media_wrap .common_media .comment {
      padding: 20px; }
    #media_area .box_in .media_wrap .media3 .right .image_area ul li {
      max-width: 305px;
      width: 100%; } }