/* 下層ページ共通 初期設定・リセット・カバー画像 */

/* 初期設定・リセット */
body * {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-style: normal;
}
/* PC・タブレットは改行 */
.pcspbr{
    display: block;
}
/* PC・タブレットは未改行 */
.sppcbr{
    display: none;
}

/* パソコン対応 1920px */

/* カバー画像 */
.content .mv {
    width:100%;
    height:10vw;
    /* background-image: url(../img/contact/contact_mv.jpg); */
    background-image: url(../img/share/share_mv.jpg);
    background-size: cover;
    padding: 4% 0% 0% 0%;
    margin-top: 8.5vw;
    margin-bottom: 4%;
}

.content .mv .text_box {
    text-align: center;
    
  color          : #ed7500;            /* 文字の色 */
  font-size      : 36pt;               /* 文字のサイズ */
  letter-spacing : 6px;                /* 文字間 */
  text-shadow    : 
       3px  3px 2px #ffffff,
      -3px  3px 2px #ffffff,
       3px -3px 2px #ffffff,
      -3px -3px 2px #ffffff,
       3px  0px 2px #ffffff,
       0px  3px 2px #ffffff,
      -3px  0px 2px #ffffff,
       0px -3px 2px #ffffff;        /* 文字の影 */
}

.content .mv .text_box p {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-style: normal;
    color: #ED7500;
    font-weight: bold;
    letter-spacing: 0.6em;
}

.content .mv .text_box h1 {
    letter-spacing: 0.06em;
    margin-top: 1%;
}


/* ノートパソコン対応 1024px */
@media (max-width: 1024px) {
    /* カバー画像 */
    .content .mv {
        margin-top: 12%;
    }
}


/* タブレット対応 768px */
@media (max-width: 768px) {
    /* カバー画像 */
    .content .mv {
        width: 100%;
        height: 14vw;

        padding: 5% 0% 0% 0%;
        margin-top: 13.8%;
        margin-bottom: 4%;
    }
}


/* スマホ対応 480px */
@media (max-width: 480px) {

    /* スマホのみ改行無し */
    .pcspbr{
        display: none;
    }
    /* スマホのみ改行有り */
    .sppcbr{
        display: block;
    }
    /* カバー画像 */
    .content .mv {
        width: 100%;
        height: 40vw;

        padding: 18% 0% 0% 0%;
        margin-top: 10%;
        margin-bottom: 4%;
    }
    /* タイトル文字 */
    .content .mv .text_box p.f48{
        font-size: 7.513909vw;
    }
}


/* スマホ対応 390px */
@media (max-width: 390px) {
    /* カバー画像 */
    .content .mv {
        width: 100%;
        height: 40vw;

        padding: 18% 0% 0% 0%;
        margin-top: 10%;
        margin-bottom: 4%;
    }
    /* タイトル文字 */
    .content .mv .text_box p.f48{
        font-size: 7.513909vw;
    }
}