@charset "UTF-8"; /*文字化け対策のとりあえず書いとけ的なやつ*/
html {
  font-size: 100%;
}
body {
  background-color: #f5f5f5;
  margin: 0px;
  padding: 0px;
  line-height: 1.7;
  font-family: "inter" , "Noto Sans JP";
  line-height: 1; /*行間*/
  overflow-wrap: break-word;
  font-size:14px;
  
}
body li {
  line-height: 2; /*行間*/
}
  header {
    background-color: #2c53de;
    color :#ffffff;
    padding-top: 1%;
    padding-bottom: 1%;
    box-shadow: 0px 0px 15px 0px #2c53de ;/*左右の向き-上下の向き-ぼかし-広がり-色*/
    font-family: "corporate-logo-ver2";
    font-weight: 800;
    padding-left:15%;
    padding-right:15%;
    font-size:70px;
    text-decoration: none;
    white-space: nowrap ;
    font-size: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /*縦の中央寄せ*/
  }
  header a {
    text-decoration: none;
    color:#ffffff;
    transition: all 0.1s ease-in-out;
    font-size: 260%;
  }
  header :hover {
    text-decoration: none;
    color:#ffffff;
    opacity: 0.7;
  }
  @media screen and (max-width: 1000px) {
    header {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  }
/*HOOOOOOOOOONNNNNNNNNNNGGGGGGGGGGGGGGBBBBBBBBBBBBBBBUUUUUUUUUUUUUUUUUNNNNNNNNNNNNNNNNGGGGGGGGGGGGGGGGG*/
  .hongbung {
    background-color: #ffffff;
    font-size:22px;
    padding:2% 2% 2% 2%; /*上,右,下,左*/
    margin:2% 20% 2% 20%; /*上,右,下,左*/
    border-radius: 20px;
  }
  .hongbung img{
    width:100%;
    margin-left:0%;
  }
  @media screen and (max-width: 1000px) {
    .hongbung {
      width:96%;
      padding:10% 2% 0% 2%; /*上,右,下,左*/
      margin:0% 0% 0% 0%; /*上,右,下,左*/
      border-radius: 0px;
    }
  }
    .boldbold {
      font-weight: 600;
    }
    .hongbung a {
      font-weight: 600;
    } 

    /*profile---------------------------------------------------------------------------------------------------------------*/
    .profile {
      display: flex;
      flex-wrap: wrap;
    }
    @media screen and (max-width: 1000px) {
      .profile {
        display: flex;
        justify-content: center;

      }
    }
    .profile :hover {
      transition: all 0.1s ease-in-out;
      opacity: 0.8;
  }
      .profile img {
        width: 250px;
        height:250px;
        border-radius: 1000px;
      }
      @media screen and (max-width: 1000px) {
        .profile img {
          width: 200px;
          height:200px;
        }
      }
      .profile a {
        font-family: "inter" , "Noto Sans JP";
        width:30px;
        height: 36px;
        font-size:27px;
        display: flex;
        justify-content: center;
        align-items: center; /*縦の中央寄せ*/
        text-decoration: none;
        padding:10px 15px 10px 15px;/* 上 | 右 | 下 | 左 */
        margin:0px 10px 0px 0px;/* 上 | 右 | 下 | 左 */
        border-radius: 100px;
        background-color: #2c53de;
        color:#ffffff;
      }
    .profile-name {
      color:#2c53de;
      font-family: "corporate-logo-ver2";
      font-weight: 800;
      font-size:235%;
      line-height: 1; /*行間*/
    }
    @media screen and (max-width: 1000px) {
      .profile-name {
        display: flex;
        justify-content: center;
        margin:15px 10px 15px 0px;/* 上 | 右 | 下 | 左 */
      }
    }
    .profile-jikoshoukai {
      margin-left:2%;
      
    }
    .profile-accounts {
      display: flex;
    }
    @media screen and (max-width: 1000px) {
      .profile-accounts {
        display: flex;
        justify-content: center;
      }
    }
    /*==================================================================================================*/
    /*Blogs----------------------------------------------------------------------------------------------------------------*/
    .blogs {
      width:100%;
      background-color: #ffffff;
      display:flex;
      flex-wrap: wrap;
    }
    .blogs a{
      width:100%;
      color:#2c53de;
      line-height: 0.6; /*行間*/
      }
    .blog-hizuke {
      color:#222222;
    }
    .blogs :hover {
        transition: all 0.1s ease-in-out;
        opacity: 0.8;
    }
    .blogs img{
      width: 100%;
    }
    @media screen and (max-width: 1000px) {
      .blogs  a{
        width:100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
      }
    }
    .blog-ichimaime {
      display: flex;
      justify-content: center;
    }
    .blog-ichimaime img{
      max-width: 90%;
      max-height: 100%;
      width:160em;
      height:auto;
    }
    .blog-saigo {
      display: flex;
    }
/*Footer---------------------------------------------------------------------------------------------------------------------------*/
  footer {
    padding:0% 15% 0% 15%; /*上,右,下,左*/
    display: flex;
    flex-flow: column;
    color:#ffffff;
    background-color: #222222;
    list-style: none;
    justify-content: center;
    font-family: "corporate-logo-ver2";
    font-weight: 400;
    flex-wrap: wrap;
  }
      footer a { 
      color:#ffffff;
      text-decoration:none;
      opacity: 0.3;
      transition: all 0.1s ease-in-out;
    }
    footer :hover {
      opacity: 1;
    }
    .footer-logo {
      font-size: 260%;
      white-space: nowrap ;
      font-size:40px;
      font-weight: 800;
    }


    .footer-hongbung-main{
      display: flex;
      justify-content: center;
      align-items: center;
      height:auto;
      flex-wrap: wrap;
    }
    .footer-hongbung-left {
      margin:1% 2% 1% 2%; /*上,右,下,左*/
      width:auto;
    }
    .footer-hongbung-left a{
      font-size:35px;
      width:auto;
    }



    .footer-hongbung-right {
      margin:1% 1% 1% 1%; /*上,右,下,左*/
      width:auto;
    }













    .footer-hongbung-copyright{
      margin:0% 0% 0% 0%; /*上,右,下,左*/
      display: flex;
      justify-content: center;
      align-items: center; /*縦の中央寄せ*/
      opacity: 0.3;
      font-size:14px;
      height:auto;
    }













/*Other=-----------------------------------------------------------------------------------------------------------------------*/
h1 {
  padding-left:0%;
  padding-left:1%;
  padding-top:10px;
  padding-bottom:10px;
  font-family:"M PLUS 1p";
  font-weight:800;
}
h2 {
  padding-left:0%;
  padding-left:1%;
  padding-top:10px;
  padding-bottom:10px;
  border-left: 7px solid #2c53de; /*サイズ-位置-種類-色*/
  font-family:"M PLUS 1p";
  font-weight:800;
}
h3 {
  padding-left:0%;
  padding-left:1%;
  border-left: 5px solid #2c53de; /*サイズ-位置-種類-色*/
  font-family:"M PLUS 1p";
  font-weight:700;
  margin-top:6%;
  margin-bottom:3%;
}
.mediakit img {
  width: 30%;
  background-color: #2c53de;
  padding:1%;
}
/*link-------------------------------------------------------------------------------------------------------------------------------*/
.link-simple {
list-style:none;
}
.link-simple a {
color:#000000;
text-decoration:none;
transition: all 0.1s ease-in-out;
}
.link-simple :hover {
color:#2c53de;
}
.link-bunsho {
list-style:none;
}
.link-bunsho a {
color:#000000;
text-decoration:none;
border-bottom:2px solid #2c53de;/*ぼーだー*/
}
.link-bunsho :hover {
transition: all 0.1s ease-in-out;
color:#2c53de;
border-bottom:2px solid #2c53de;/*ぼーだー*/
}
  .link-kadomaru a {
    list-style: none;
    font-size:1em;
    background-color: #222222;
    color:#ffffff;
    font-weight: 500;
    align-items: center; /*縦の中央寄せ*/
    text-decoration: none;
    border-radius:1px;
    padding:10px 15px 10px 15px;/* 上 | 右 | 下 | 左 */
    margin:0px 10px 0px 0px;/* 上 | 右 | 下 | 左 */
    transition: .2s;
    line-height: 2; /*行間*/
    border-radius: 100px;
  }
  .link-kadomaru :hover {
    opacity: 0.7;
    color:#ffffff;
  }
  .link-zonohoukou a {
    background-color: #2c53de;
    color:#ffffff;
  }
  .link-more {
    display: flex;
    width:100%;
    align-items: center; /*縦の中央寄せ*/
    justify-content: center;
  }
  .link-more  a{
    display: flex;
    list-style: none;
    font-size:1em;
    background-color: #222222;
    color:#ffffff;
    font-weight: 500;
    align-items: center; /*縦の中央寄せ*/
    justify-content: center;
    text-decoration: none;
    border-radius:1px;
    padding:5px 10px 5px 10px;/* 上 | 右 | 下 | 左 */
    margin:2% auto 2% auto;/* 上 | 右 | 下 | 左 */
    transition: .2s;
    line-height: 2; /*行間*/
    border-radius: 100px;
    max-width: 90%;
  }
  /*-----------------------------------------------------------------------------------------------------*/