.header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
  }
  .header_inner {
    position: relative;
    padding: 50px 0px 90px 70px;
    background-color: #14967C;
    color: #000;
    margin: -1% 0% 0% 0%;
    
  }

  body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    min-width: 100%;
    }
  
  
  @media only screen and (min-width: 1100px) {
  
  
    .logo{
      padding: 12px 30px
    }
    .nav_1{
      margin-top:10%;
      text-align: center;
    }
    .nav_2 {
      display: none;
    }
    .nav_list{
      text-align: center;
      display:flex;
    }
    .nav_list li{
      display: inline-block;
      text-align:center;
    }
    .nav_list li a{
      color: rgb(12, 11, 11);
      font-weight: 600;
    }
    .btn {
      position: relative;
      display: inline-block;
      background-color:#98EC9E; 
      border-radius: 50%; /* 角丸をつける */
      width: 15vw; /* 横幅 */
      height: 15vw; /* 縦幅 */
      line-height: 50px; /* 行の高さ(heightと同じ値にする) */
      text-decoration: none; /* aタグのアンダーラインを消す */
      overflow: hidden; /* はみ出し部分を隠す */
      cursor: pointer; /* カーソルをポインターにする */
    }
    .btn img{
      width:40%;
    }
  
    .keireki_img img{
      width: 60%;
    }
    
  
    .btn__text {
      position: absolute;
      left: 0;
      display: block;
      height: 100%; /* 縦幅をボタンと同じにする */
      width: 100%; /* 横幅をボタンと同じにする */
      color: rgb(255, 255, 255); /* 文字色 */
      font-size: 2vw; /* 文字サイズ */
      font-weight: bold; /* 文字の太さ */
      text-align: center; /* テキストを中央揃え */
      transition: all 0.5s; /* アニメーション実行時間 */
      font-size:1.1em;
      line-height: 1cm;
    }
  
    .btn__text p {
      font-size: 1.5vw;
      margin-top: 15%;
    }
  
    .btn__text__change {
      position: relative;
      display: inline-block;
      background-color:#98EC9E; 
      border-radius: 50%; /* 角丸をつける */
      width: 100%; /* 横幅 */
      height: 250px; /* 縦幅 */
      line-height: 40px; /* 行の高さ(heightと同じ値にする) */
      text-decoration: none; /* aタグのアンダーラインを消す */
      overflow: hidden; /* はみ出し部分を隠す */
      cursor: pointer; /* カーソルをポインターにする */
      margin-top: 0.5vw;
    }
  
  
    .btn__text__change a {
      font-size: 1.5vw;
      text-decoration: none;
      line-height: 1vw;
    }
  
    .btn__text__change a:hover{
      color: #fff;
    }
    .btn__text_2 {
      position: absolute;
      left: 0;
      display: block;
      height: 100%; /* 縦幅をボタンと同じにする */
      width: 100%; /* 横幅をボタンと同じにする */
      color: rgb(255, 255, 255); /* 文字色 */
      font-size: 16px; /* 文字サイズ */
      font-weight: bold; /* 文字の太さ */
      text-align: center; /* テキストを中央揃え */
      transition: all 0.5s; /* アニメーション実行時間 */
      line-height: 1cm;
    }
  
    .btn__text_2 p {
      font-size: 1.5vw;
      margin-top: 15%;
    }
    .btn:hover{
      transform: scale(1.1);
      z-index:100;
    }
  
    /* ボタンのテキスト(デフォルトのテキスト) */
    .btn__text__change:nth-child(1) {
      top: 0;
    }
    
    /* ボタンのテキスト(隠れているテキスト) */
    .btn__text__change:nth-child(2) {
      top: -200%;
    }
    
    /* ボタンホバーアクション */
    .btn:hover .btn__text__change:nth-child(1) {
      top: 100%;
    }
    
    .btn:hover .btn__text__change:nth-child(2) {
      top: 0;
    }
  
  }

  /* pc */

.blog_button {
    background-color: #14967C;
    border-radius: 1cm;
    color: #fff;
    text-decoration: none;
    font-size: 180%;
    white-space: nowrap;
  }
  
  .blog_a a {
    padding: 10%;
  }
  
  .blog_a {
    position: absolute;
    display: block;
    padding-left: 90vw;
    padding-top: 5vw;
  }

  /* pc kizi1.html */

  .blog {
    margin-top: 30%;
    text-align: center;
    margin-bottom: 5%;
  }
  
  .blog h1 {
    font-size: 2vw;
    padding-top: 20%;
    text-align: center;
    font-weight: bold;
  }

  .kizi_1 {
    padding-left: 35vw;
    padding-right: 20vw;
  }

  .kizi3 {
    padding-bottom: 10%;
    padding-left: 28vw;
    padding-right: 20vw;
  }

.blog p {
  text-align: left;
}

.blog_1 {
    padding-top: 5%;
    text-align: left;
    line-height: 1.6em;
    font-size: 100%;
}

.blog_2 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.blog_3 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}


.blog_4 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}


.blog_5 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.blog_6 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.blog_6_img {
  width: 10%;
}
.blog_7 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.sumi_keireki {
  padding-left: 25vw;
  background-color: aliceblue;
  padding-top: 5%;
  padding-bottom: 5%;
  margin: 2% 5% 5% 2%;
}

/* pc kizi2.html */

.blog {
  margin-top: 30%;
  text-align: left;
}

.blog h1 {
  font-size: 160%;
  padding-top: 20%;
  text-align: center;
  font-weight: bold;
}

.kizi2 {
  padding-top: 5vw;
  padding-left: 20vw;
}
.kizi2 p {
text-align: left;
}

.kizi2_1 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_2 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_2_img {
  width: 10%;
}

.kizi2_3 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_4 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_4_img {
  width: 10%;
}

.kizi2_5 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_6 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_6_img {
  width: 10%;
}

.kizi2_7 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_8 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_9 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_9_img {
  width: 10%;
}

.kizi2_10 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_11 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_12 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

.kizi2_12_img {
  width: 10%;
}

.kizi2_13 {
  font-size: 100%;
  line-height: 0.8cm;
  display: flex;
  justify-content: left;
}

/* pc footer */

.footer {
  text-align: center;
  background-color: #0B8161;
  padding: 2%;
  }
  
  .footer p {
    font-size: 120%;
    color: #fff;
  }
  /* タブレット　
------------------------------ */

@media screen and (max-width: 1100px) {


    .nav_1 {
      display: none;
    }
  
    .nav_2 {
      position: fixed;
      right: -320px; /* 右から出てくる */
      top: 0;
      width: 300px; /* スマホに収まるサイズ */
      height: 100vh;
      padding-top: 50px;
      background-color: #fff;
      transition: all .6s;
      z-index: 200;
      overflow-y: auto; /* メニューが多くなったらスクロールできるように */
    }
  
    /*　ドロップダウン */
    
  /*==ナビゲーション全体の設定*/
  .nav_2 ul{
    list-style: none;
    text-align: left;
  }
  
  
  /*下の階層のulや矢印の基点にするためliにrelativeを指定*/
  .nav_2 ul li{
    position: relative;
  }
  
  /*ナビゲーションのリンク設定*/
  .nav_2 ul li a{
    display: block;
    text-decoration: none;
    color: #0B8161;
    padding:15px;
    transition:all .5s;
  }
  
  nav ul li a:hover{
    color: #0B8161;
      background-color:#fff;	
  }
  
  /*==矢印の設定*/
  
  /*2階層目を持つliの矢印の設定*/
  .nav_2 ul li.has-child::before{
    content:'';
    position: absolute;
    right:30px;
    top:20px;
    width:6px;
    height:6px;
    border-top: 2px solid #999;
      border-right:2px solid #999;
      transform: rotate(135deg);
  }
  
  /*== 2階層目の共通設定 */
  
  /*下の階層を持っているulの指定*/
  .nav_2 li.has-child ul{
    /*絶対配置で位置を指定*/
  position: absolute;
  left:0;
  top:62px;
  z-index: 4;
    /*形状を指定*/
  background:#0B8161;
  width:200px;
  margin-left: 0%;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
    /*アニメーション設定*/
  transition: all .5s;
  }
  
  .nav_2 li.has-child li a:hover {
    background-color: #14967C;
    color: #fff;
  }
  
  
  
  .nav_2 li.has-child ul,
  .nav_2 li.has-child ul ul{
    position: relative;
      left:0;
      top:0;
      width:100%;
      visibility:visible;/*JSで制御するため一旦表示*/
      opacity:1;/*JSで制御するため一旦表示*/
      display: none;/*JSのslidetoggleで表示させるため非表示に*/
      transition:none;/*JSで制御するためCSSのアニメーションを切る*/
  }
  
  /*ナビゲーションaタグの形状*/
  .nav_2 li.has-child ul li a{
    color: #fff;
    border-bottom:solid 1px rgba(255,255,255,0.6);
  }
  .nav_2 li.has-child ul li:last-child a{
    border-bottom:none;
  }
  
  .nav_2 li.has-child ul li a:active,
  .nav_2 li.has-child ul li a:active{
    background:#14967C;
  }
  
  .nav_2 ul li.has-child::before{
      right:20px;	
  }
  
  .nav_2 ul ul li.has-child::before{
      transform: rotate(135deg);
      right:20px;
  }
      
  .nav_2 ul li.has-child.active::before{
      transform: rotate(-45deg);
  }
  
  
  /*  */
  
  
    .hamburger {
      position: absolute;
      right: 15px;
      top: 8px;
      width: 40px; /* クリックしやすい幅 */
      height: 40px; /* クリックしやすい高さ */
      cursor: pointer;
      z-index: 300;
      background-color: #fff;
      color: #0B8161;
    }
  
    .nav_br {
      display: none;
    }
    
    .nav_list {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .nav_item {
      text-align: center;
      padding: 0 14px;
    }
    .nav_item a {
      display: block;
      padding: 0px 0;
      border-bottom: 1px solid #eee;
      text-decoration: none;
      color: #333;
    }
    .nav_item a:hover {
      background-color: #eee;
    }
    .hamburger_border {
      position: absolute;
      left: 11px;
      width: 20px;
      height: 3px;
      background-color: #0B8161;
      transition: all .6s;
    }
    .hamburger_border_top {
      top: 10px;
    }
    .hamburger_border_center {
      top: 16px;
    }
    .hamburger_border_bottom {
      top: 22px;
    }
    .hamburger_border_bottom::after {
      content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
      position: absolute;
      top:5px;
      left:-3.5px;
      color: #0B8161;
      font-size: 0.6rem;
      text-transform: uppercase;
    }
    .black_bg {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      z-index: 100;
      background-color: #333;
      opacity: 0;
      visibility: hidden;
      transition: all .6s;
      cursor: pointer;
    }
  
    /* 表示された時用のCSS */
    .nav-open .nav_2 {
      right: 0;
    }
    .nav-open .black_bg {
      opacity: .8;
      visibility: visible;
    }
    .nav-open .hamburger_border_top {
      transform: rotate(45deg);
      top: 20px;
    }
    .nav-open .hamburger_border_center {
      width: 0;
      right: 50%;
    }
    .nav-open .hamburger_border_bottom {
      transform: rotate(-45deg);
      top: 20px;
    }
  
    .nav-open .hamburger_border_bottom::after {
      display: none;
  }
  
  /* tb index.html */
  
  .blog_button {
    background-color: #14967C;
    border-radius: 1cm;
    color: #fff;
    text-decoration: none;
    font-size: 180%;
    white-space: nowrap;
  }
  
  .blog_a a {
    padding: 10%;
  }
  
  .blog_a {
    position: absolute;
    display: block;
    padding-left: 5vw;
    padding-top: 5vw;
  }

    /* tb kizi1.html */

    .blog {
      margin-top: 30%;
      text-align: center;
    }
    
    .blog h1 {
      font-size: 2vw;
      padding-top: 20%;
      text-align: center;
      font-weight: bold;
    }
  
    .kizi_1 {
      padding-left: 0vw;
      padding-right: 0vw;
    }
  
  .blog p {
    text-align: center;
  }
  
  .blog_1 {
      padding-top: 5%;
      text-align: left;
      line-height: 1.6em;
      font-size: 100%;
  }
  
  .blog_2 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  .blog_3 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  
  .blog_4 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  
  .blog_5 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  .blog_6 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  .blog_6_img {
    width: 10%;
  }
  .blog_7 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  .sumi_keireki {
   padding-left: 0%;
    background-color: aliceblue;
    padding-top: 5%;
    padding-bottom: 5%;
    margin: 2% 5% 5% 2%;
  }
  
  /* pc kizi2.html */
  
  .blog {
    margin-top: 30%;
    text-align: left;
    margin-bottom: 5%;
  }
  
  .blog h1 {
    font-size: 120%;
    padding-top: 20%;
    text-align: center;
    font-weight: bold;
  }
  
  .kizi2 {
    padding-top: 5vw;
    padding-left: 5vw;
  }
  .kizi2 p {
  text-align: left;
  }
  
  .kizi2_1 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_2 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_2_img {
    width: 20%;
    height: 20%;
  }
  
  .kizi2_3 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }

  .kizi2_3_img {
    width: 30%;
    height: 30%;
  }
  
  .kizi2_4 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_4_img {
    width: 20%;
    height: 20%;
  }
  
  .kizi2_5 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_6 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_6_img {
    width: 20%;
    height: 20%;
  }
  
  .kizi2_7 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_8 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_9 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_9_img {
    width: 10%;
  }
  
  .kizi2_10 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_11 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_12 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_12_img {
    width: 20%;
    height: 20%;
  }
  
  .kizi2_13 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
}




/* モバイル
------------------------------ */

@media (max-width: 540px) {

  .header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
  }
  .header_inner {
    position: relative;
    padding: 40px 0px 20px 10px;
    background-color: #14967C;
    color: #fff;
    margin: -1% 0% 0% 0%;
    font-size: 50%;
  }

  body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    min-width: 100%;
    }
  

    .nav_1 {
      display: none;
    }
  
    .nav_2 {
      position: fixed;
      right: -320px; /* 右から出てくる */
      top: 0;
      width: 300px; /* スマホに収まるサイズ */
      height: 100vh;
      padding-top: 50px;
      background-color: #fff;
      transition: all .6s;
      z-index: 200;
      overflow-y: auto; /* メニューが多くなったらスクロールできるように */
    }
  
    /*　ドロップダウン */
    
  /*==ナビゲーション全体の設定*/
  .nav_2 ul{
    list-style: none;
    text-align: left;
  }
  
  
  /*下の階層のulや矢印の基点にするためliにrelativeを指定*/
  .nav_2 ul li{
    position: relative;
  }
  
  /*ナビゲーションのリンク設定*/
  .nav_2 ul li a{
    display: block;
    text-decoration: none;
    color: #0B8161;
    padding:15px;
    transition:all .5s;
  }
  
  nav ul li a:hover{
    color: #0B8161;
      background-color:#fff;	
  }
  
  /*==矢印の設定*/
  
  /*2階層目を持つliの矢印の設定*/
  .nav_2 ul li.has-child::before{
    content:'';
    position: absolute;
    right:30px;
    top:20px;
    width:6px;
    height:6px;
    border-top: 2px solid #999;
      border-right:2px solid #999;
      transform: rotate(135deg);
  }
  
  /*== 2階層目の共通設定 */
  
  /*下の階層を持っているulの指定*/
  .nav_2 li.has-child ul{
    /*絶対配置で位置を指定*/
  position: absolute;
  left:0;
  top:62px;
  z-index: 4;
    /*形状を指定*/
  background:#0B8161;
  width:200px;
  margin-left: 0%;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
    /*アニメーション設定*/
  transition: all .5s;
  }
  
  .nav_2 li.has-child li a:hover {
    background-color: #14967C;
    color: #fff;
  }
  
  
  
  .nav_2 li.has-child ul,
  .nav_2 li.has-child ul ul{
    position: relative;
      left:0;
      top:0;
      width:100%;
      visibility:visible;/*JSで制御するため一旦表示*/
      opacity:1;/*JSで制御するため一旦表示*/
      display: none;/*JSのslidetoggleで表示させるため非表示に*/
      transition:none;/*JSで制御するためCSSのアニメーションを切る*/
  }
  
  /*ナビゲーションaタグの形状*/
  .nav_2 li.has-child ul li a{
    color: #fff;
    border-bottom:solid 1px rgba(255,255,255,0.6);
  }
  .nav_2 li.has-child ul li:last-child a{
    border-bottom:none;
  }
  
  .nav_2 li.has-child ul li a:active,
  .nav_2 li.has-child ul li a:active{
    background:#14967C;
  }
  
  .nav_2 ul li.has-child::before{
      right:20px;	
  }
  
  .nav_2 ul ul li.has-child::before{
      transform: rotate(135deg);
      right:20px;
  }
      
  .nav_2 ul li.has-child.active::before{
      transform: rotate(-45deg);
  }
  
  
  /*  */
  
  
    .hamburger {
      position: absolute;
      right: 15px;
      top: 8px;
      width: 40px; /* クリックしやすい幅 */
      height: 40px; /* クリックしやすい高さ */
      cursor: pointer;
      z-index: 300;
      background-color: #fff;
      color: #0B8161;
    }
  
    .nav_br {
      display: none;
    }
    
    .nav_list {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .nav_item {
      text-align: center;
      padding: 0 14px;
    }
    .nav_item a {
      display: block;
      padding: 0px 0;
      border-bottom: 1px solid #eee;
      text-decoration: none;
      color: #333;
    }
    .nav_item a:hover {
      background-color: #eee;
    }
    .hamburger_border {
      position: absolute;
      left: 11px;
      width: 20px;
      height: 3px;
      background-color: #0B8161;
      transition: all .6s;
    }
    .hamburger_border_top {
      top: 10px;
    }
    .hamburger_border_center {
      top: 16px;
    }
    .hamburger_border_bottom {
      top: 22px;
    }
    .hamburger_border_bottom::after {
      content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
      position: absolute;
      top:5px;
      left:-3.5px;
      color: #0B8161;
      font-size: 0.6rem;
      text-transform: uppercase;
    }
    .black_bg {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      z-index: 100;
      background-color: #333;
      opacity: 0;
      visibility: hidden;
      transition: all .6s;
      cursor: pointer;
    }
  
    /* 表示された時用のCSS */
    .nav-open .nav_2 {
      right: 0;
    }
    .nav-open .black_bg {
      opacity: .8;
      visibility: visible;
    }
    .nav-open .hamburger_border_top {
      transform: rotate(45deg);
      top: 20px;
    }
    .nav-open .hamburger_border_center {
      width: 0;
      right: 50%;
    }
    .nav-open .hamburger_border_bottom {
      transform: rotate(-45deg);
      top: 20px;
    }
  
    .nav-open .hamburger_border_bottom::after {
      display: none;
  }

    /* mb kizi1.html */

    .blog {
      margin-top: 80%;
      text-align: center;
    }
    
    .blog h1 {
    font-size: 80%;
    padding-top: 5%;
    text-align: center;
    font-weight: bold;
  }
  
    .kizi_1 {
      padding-left: 0vw;
      padding-right: 0vw;
      font-size: 80%;
      text-decoration: none;
    }

    .kizi3 {
      padding-bottom: 10%;
      padding-left: 2vw;
      padding-right: 2vw;
    }
  
  .blog p {
    text-align: center;
    font-size: 110%;
    line-height: 1cm;
  }
  
  .blog_1 {
      padding-top: 5%;
      text-align: left;
      line-height: 1.6em;
      font-size: 100%;
  }
  
  .blog_2 {
    font-size: 90%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }

  .blog_2_img {
    width: 25%;
    height: 25%;
  }
  
  .blog_3 {
    font-size: 90%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  
  .blog_4 {
    font-size: 90%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  
  .blog_5 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  .blog_6 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }
  
  .blog_6_img {
    width: 20%;
    height: 20%;
  }

  .blog_7 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: center;
  }

  .blog_7_img {
    width: 20%;
    height: 20%;
  }
  
  .sumi_keireki {
   padding-left: 0%;
    background-color: aliceblue;
    padding-top: 5%;
    padding-bottom: 5%;
    margin: 2% 5% 5% 2%;
    font-size: 90%;
  }

  .sumi_keireki br {
    display: none;
  }
  
  /* mb kizi2.html */
  
  .blog {
    margin-top: 30%;
    text-align: left;
  }
  
  .blog h1 {
    font-size: 100%;
    padding-top: 5%;
    text-align: center;
    font-weight: bold;
  }
  
  .kizi2 {
    padding-top: 5vw;
    padding-left: 2vw;
  }
  .kizi2 p {
  text-align: left;
  font-size: 90%;
  line-height: 0.5cm;
  }
  
  .kizi2_1 {
    line-height: 0.2cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_2 {
    font-size: 100%;
    line-height: 0.2cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_2_img {
    width: 20%;
    height: 20%;
  }
  
  .kizi2_3 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_4 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_4_img {
    width: 30%;
    height: 30%;
  }
  
  .kizi2_5 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_6 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_6_img {
    width: 30%;
    height: 30%;
  }
  
  .kizi2_7 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_8 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_9 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_9_img {
    width: 20%;
    height: 20%;
  }
  
  .kizi2_10 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_11 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_12 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
  
  .kizi2_12_img {
    width: 30%;
    height: 30%;
  }
  
  .kizi2_13 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }

  .kizi3 br{
    display: none;
  }
  .blog3_1 {
    font-size: 100%;
    line-height: 0.8cm;
    display: flex;
    justify-content: left;
  }
}