@charset "UTF-8";

/* Scss Document */

.mv {

  background-color: #e7e9ea;

  height: 470px; }

  .mv div {

    max-width: 1080px;

    width: 100%;

    margin: 0 auto;

    padding: 150px 0 60px 40px;

    height: 470px;

    background: url("../images/greeting/boss.png") bottom right no-repeat;

    background-size: 370px auto; }

  .mv .head {

    font: 40px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    color: #20325f;

    margin: 0 0 60px; }

  .mv .dat {

    font: 15px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 300;

    margin: 0 0 10px; }

  .mv .name {

    font: 29px/1.0em 'Noto Serif Japanese',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

    font-weight: 400; }



@keyframes mv_txt {

  0% {

    opacity: 0;

    transform: scale(0.8); }

  100% {

    opacity: 1;

    transform: scale(1); } }

/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .mv {

    height: auto; }

    .mv div {

      max-width: 1200px;

      width: calc(100% - 0px);

      margin: 0 auto;

      padding: 0 30px 30px 20px;

      background: url("../images/greeting/boss.png") bottom right 0 no-repeat;

      background-size: 240px auto;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: column;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: flex-end;

      justify-content: flex-end;

      align-items: flex-start;

      height: 320px; }

    .mv .head {

      font: 5.5vw/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      color: #20325f;

      margin: 0 0 20px; }

      .mv .head span {

        display: block; }

      .mv .head br {

        display: none; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .mv {

    height: auto; }

    .mv div {

      max-width: 1200px;

      width: calc(100% - 0px);

      margin: 0 auto;

      padding: 0 20px 20px 15px;

      background: url("../images/greeting/boss.png") bottom right -10px no-repeat;

      background-size: 180px auto;

      height: 240px; }

    .mv .head {

      font: 24px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      color: #20325f;

      margin: 0 0 20px; }

    .mv .dat {

      font: 14px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 300;

      margin: 0 0 5px; }

    .mv .name {

      font: 22px/1.0em 'Noto Serif Japanese',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

      font-weight: 400; } }

/*max-width:480px*/

/************************************/

.greeting_txt {

  max-width: 1000px;

  width: calc(100% - 80px);

  margin: 0 auto;

  padding: 80px 0 150px;

  position: relative; }

  .greeting_txt p {

    font: 16px/2.4em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    margin: 0 0 40px;

    color: #000;

    text-align: justify;

    text-justify: inter-ideograph;

    position: relative; }



@keyframes greeting_txt {

  0% {

    opacity: 0;

    bottom: -100px; }

  100% {

    opacity: 1;

    bottom: 0; } }

/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .greeting_txt {

    width: calc(100% - 50px);

    padding: 80px 0 150px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .greeting_txt {

    width: calc(100% - 40px);

    padding: 50px 0 150px; }

    .greeting_txt p {

      font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 300;

      margin: 0 0 30px; } }

/*max-width:480px*/