@charset "UTF-8";
/* Scss Document */
.textblue1 {
  color: #00113E; }

.textblue2 {
  color: #627A86; }

.textblue3 {
  color: #0062B1; }

a.textblue1 {
  color: #00113E; }

a.textblue2 {
  color: #627A86; }

a.textblue3 {
  color: #0062B1; }

dl, dt, dd {
  margin: 0;
  padding: 0;
  margin: 0 auto; }

@media screen and (max-width: 480px) {
  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -60px auto 0;
    padding: 120px 0 0;
    background-color: #FFF;
    line-height: 0; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }



  .contents_base {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center; }

  .con_area {
    width: 100%;
    padding: 40px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: #FFF; }


  .mainvisual {
    width: 100%;
    padding-top: 58%;
    background-color: #7B94AA;
    background-size: cover;
    background-position: center;
    position: relative; }

  .visualtxt {
    width: 65%;
    max-width: 89px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }
    .visualtxt img {
      width: 100%; }

  /*メインコンテンツ*/
  .maincon1 {
    width: 96%;
    padding-top: 0px;
    margin: 0 auto;
    text-align: center; }

  .con1 {
    width: 96%;
    text-align: center;
    margin: 0 auto; }

  .con1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .contitle {
    width: 100%;
    margin: 0 auto;
    padding-top:5px;
    font-size: 17px;
    line-height: 35px; 
    color: #00113E;
    font-weight: bold;
  }
    .contitle img {
      max-width: 100px;
      width: 80%; }

  .contitle2 {
    display: none;
   }

    .contitle2s {
      display: block;
      width: 100%;
      margin: 0 auto;
      color: #5D6970;
      font-size:15px;
      line-height: 46px; 
      padding-top:10px;
     }

     .contitle2s span{
      color: #00113E;
      font-weight: bold ;
      border-bottom: 2px solid #00113E;
      padding-bottom: 3px; 
      font-size:15px;
      line-height: 46px; 
     }


  .contitle3 {
    width: 100%;
    margin: 0 auto;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.8rem;
    font-size: 1.7rem !important;
    line-height: 2.6rem !important;
    padding-top: 5px;
    text-align: center; }

    #contents2 {
      width: 100%;
      margin: -10px auto 0;
      background-color: #E5E9ED;
      padding: 50px 0 0;
      position: relative;
      z-index: 899; }
  
  
      .contents_base2 {
        width: 96%;
        margin: 0 auto;
        padding: 50px 0;
        text-align: center;}
    
      .con_area2 {
        width: 100%;
        padding:0;
        margin: 0 auto; }

        .maincon2{
          width: 100%;
          padding: 20px 0 50px;
          margin: 0 auto;}


     /*メディアリリース*/
    .mediaarea{
      width: 92%;
      display:block;
      color: #231815;
      margin: 0 auto 30px;
    }

    .media_categoryarea{width: 100%; flex-shrink: 0;  line-height: 34px; text-align: left; display: block;}

    .media_cate{width:130px; color:#000; font-size:14px; text-align: left; line-height: 22px; flex-shrink: 0; display: inline-block;}

    .media_date{padding-top: 0; font-size:13px;margin-left:5px; line-height: 22px;display: inline-block;}

    .media_textarea{margin: 5px auto 10px; font-size:16px;text-align: left;}

    .media_textarea a{text-decoration: underline;}

    .media_textarea a:visited{color:#000;}

    .media_bt{width: 92%; margin: 20px auto 50px; padding: 5px 0; text-align: center; font-size:20px; color:#5D6970; border: 1px solid #5D6970;}

    /*メディアリリースここまで*/

    .media_pagenation{
      display: flex;
      width: 100%;
      color:#5D6970;
      text-align: center;;
      justify-content:center;
    }


    .media_pagenation p{
         margin: 0 5px;
    }


}



@media screen and (min-width: 481px) and (max-width: 1040px) and (orientation: landscape) {
  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -60px auto 0;
    padding: 120px 0 0;
    background-color: #FFF;
    line-height: 0; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }


  .contents_base {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center; }

  .con_area {
    width: 100%;
    padding: 60px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: #FFF; }


  .mainvisual {
    width: 100%;
    padding-top: 28%;
    background-color: #7B94AA;
    background-size: cover;
    background-position: center;
    position: relative; }

  .visualtxt {
    width: 75%;
    max-width: 89px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }

  /*メインコンテンツ*/
  .maincon1 {
    width: 96%;
    padding-top: 0px;
    margin: 0 auto;
    text-align: center; }

  .con1 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }

  .con1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .contitle {
    width: 100%;
    margin: 0 auto; 
    font-size: 19px;
    line-height: 35px; 
    color: #00113E;
    font-weight: bold;
  }
    .contitle img {
      max-width: 120px;
      width: 100%; }

  .contitle2 {
    width: 100%;
    margin: 0 auto;
    color:#5D6970;
    padding-top: 25px; }

    .contitle2 span{
      color: #00113E;
      font-weight: bold ;
      border-bottom: 2px solid #00113E;
      padding-bottom: 3px; 
     }


    .contitle2s {
      display: none;
     }


    
  .contitle3 {
    width: 100%;
    margin: 0 auto;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.8rem;
    padding-top: 15px;
    text-align: center; }


    #contents2 {
      width: 100%;
      margin: -10px auto 0;
      background-color: #E5E9ED;
      padding: 50px 0 0;
      position: relative;
      z-index: 899; }
  
  
      .contents_base2 {
        width: 96%;
        margin: 0 auto;
        padding: 50px 0;
        text-align: center;}
    
      .con_area2 {
        width: 100%;
        padding:0;
        margin: 0 auto;}

        .maincon2{
          width: 100%;
          padding: 20px 0 70px;
          margin: 0 auto;}


     /*メディアリリース*/
    .mediaarea{
      width: 80%;
      display: flex;
      color: #231815;
      margin: 0 auto 30px;
    }

    .media_categoryarea{width:100%; flex-shrink: 0;  line-height: 42px;}

     .media_cate{width: 130px; color:#000; font-size:14px; text-align: left;}

     .media_date{padding-top: 0; font-size:15px;margin-left: 15px; line-height: 22px;}

    .media_textarea{margin-left: 20px; font-size:17px;text-align: left; padding-top: 2px;}
    
    .media_textarea a:visited{color:#000;}

    .media_textarea a:hover{text-decoration: underline;}

    .media_bt{width: 400px; margin: 20px auto 50px; padding: 5px 0; text-align: center; font-size:20px; color:#5D6970; border: 1px solid #5D6970;}

    .media_bt a{text-decoration: none;}

    /*メディアリリースここまで*/

    .media_pagenation{
      display: flex;
      width: 100%;
      color:#5D6970;
      text-align: center;;
      justify-content:center;
    }

    .media_pagenation p{
         margin: 0 5px;
    }


  }

@media screen and (min-width: 481px) and (max-width: 1040px) {
  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -60px auto 0;
    padding: 120px 0 0;
    background-color: #FFF;
    line-height: 0; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }



  .contents_base {
    width: 100%;
    margin: 0 auto;

    padding: 0;
    text-align: center; }

  .con_area {
    width: 100%;
    padding: 60px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: #FFF; }


  .mainvisual {
    width: 100%;
    padding-top: 28%;
    background-color: #7B94AA;
    background-size: cover;
    background-position: center;
    position: relative; }

  .visualtxt {
    width: 75%;
    max-width: 89px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }

  /*メインコンテンツ*/
  .maincon1 {
    width: 96%;
    padding-top: 0px;
    margin: 0 auto;
    text-align: center; }

  .con1 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }

  .con1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .contitle {
    width: 100%;
    margin: 0 auto; 
    font-size: 21px;
    line-height: 35px; 
    color: #00113E;
    font-weight: bold;
  }
    .contitle img {
      max-width: 120px;
      width: 100%; }

  .contitle2 {
    width: 100%;
    margin: 0 auto;
    color: #5D6970;
    padding-top: 25px; }

    .contitle2 span{
      color: #00113E;
      font-weight: bold ;
      border-bottom: 2px solid #00113E;
      padding-bottom: 3px; 
     }


    .contitle2s {
      display: none;
     }


  .contitle3 {
    width: 100%;
    margin: 0 auto;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.8rem;
    font-size: 2.0rem !important;
    line-height: 2.8rem !important;
    padding-top: 15px;
    text-align: center; }

    #contents2 {
      width: 100%;
      margin: -10px auto 0;
      background-color: #E5E9ED;
      padding: 50px 0 0;
      position: relative;
      z-index: 899; }
  
  
      .contents_base2 {
        width: 96%;
        margin: 0 auto;
        padding: 50px 0;
        text-align: center;}
    
      .con_area2 {
        width: 100%;
        padding:0;
        margin: 0 auto;}

        .maincon2{
          width: 100%;
          padding: 20px 0 70px;
          margin: 0 auto;}


     /*メディアリリース*/
    .mediaarea{
      width: 80%;
      display: flex;
      color: #231815;
      margin: 0 auto 30px;
    }

    .media_categoryarea{width: 100%; flex-shrink: 0;  line-height: 42px;}

     .media_cate{width: 140px; color:#000; font-size:14px; text-align: left;}

     .media_date{padding-top: 0; font-size:14px;margin-left: 15px; line-height: 22px;}

    .media_textarea{margin-left: 20px; font-size:17px;text-align: left; padding-top: 5px;}

    .media_textarea a:visited{color:#000;}

    .media_textarea a:hover{text-decoration: underline;}

    .media_bt{width: 400px; margin: 20px auto 50px; padding: 5px 0; text-align: center; font-size:20px; color:#5D6970; border: 1px solid #5D6970;}

    .media_bt a{text-decoration: none;}

    /*メディアリリースここまで*/

    .media_pagenation{
      display: flex;
      width: 100%;
      color:#5D6970;
      text-align: center;;
      justify-content:center;
    }

    .media_pagenation p{
         margin: 0 5px;
    }


 }


@media (min-width: 1041px) {
  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -80px auto 0;
    padding: 160px 0 0;
    line-height: 0; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

 
  .contents_base {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center; }

  .con_area {
    width: 100%;
    padding:60px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: #FFF; }


  
  .mainvisual {
    width: 100%;
    padding-top: 16.40%;
    background-color: #7B94AA;
    background-size: cover;
    background-position: top;
    position: relative; }

  .visualtxt {
    width: 89px;
    height: 26px;
    text-align: center;
    top:52%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }

  /*メインコンテンツ*/
  .maincon1 {
    width: 1000px;
    padding-top: 0px;
    margin: 0 auto;
    text-align: center; }

  .con1 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }

  .con1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .contitle {
    width: 100%;
    margin: 0 auto;
    font-size: 21px;
    line-height: 35px; 
    color: #00113E;
    font-weight: bold;
  }
    .contitle img {
      max-width: 120px;
      width: 100%; }

  .contitle2 {
    width: 100%;
    margin: 0 auto;
    color: #5D6970;
    padding-top: 25px; }

    .contitle2 span{
      color: #00113E;
      font-weight: bold ;
      border-bottom: 2px solid #00113E;
      padding-bottom: 3px; 
     }

    .contitle2s {
      display: none;
     }

  .contitle3 {
    width: 100%;
    margin: 0 auto;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.8rem;
    padding-top: 15px;
    text-align: center; }

    #contents2 {
      width: 100%;
      margin: -10px auto 0;
      background-color: #E5E9ED;
      padding: 50px 0 0;
      position: relative;
      z-index: 899; }
  
  
      .contents_base2 {
        width: 96%;
        margin: 0 auto;
        padding: 50px 0;
        text-align: center;}
    
      .con_area2 {
        width: 100%;
        padding:0;
        margin: 0 auto; }

        
    .maincon2{
      width: 100%;
      padding:20px 0 70px;
      margin: 0 auto;}

     /*メディアリリース*/
    .mediaarea{
      width: 80%;
      display: flex;
      color: #231815;
      margin: 0 auto 30px;
    }

    .media_categoryarea{width: 200px; flex-shrink: 0;  line-height: 42px;}

     .media_cate{width: 100%; color:#000; font-size:15px; text-align: left;}

     .media_date{padding-top: 0; font-size:15px;margin-left: 15px; line-height: 22px;}

    .media_textarea{margin-left: 70px; font-size:17px;text-align: left; padding-top: 6px;}
    
    .media_textarea a:visited{color:#000;}

    .media_textarea a:hover{text-decoration: underline;}

    .media_bt{width: 400px; margin: 20px auto 50px; padding: 5px 0; text-align: center; font-size:20px; color:#5D6970; border: 1px solid #5D6970;}

    .media_bt a{text-decoration: none;}

    /*メディアリリースここまで*/


    .media_pagenation{
      display: flex;
      width: 100%;
      color:#5D6970;
      text-align: center;;
      justify-content:center;
    }

    .media_pagenation p{
         margin: 0 5px;
    }

 }