@charset "utf-8";

/*--------
「駐屯地のみどころMAP」タイトル文字の設定
-----------*/
.map-phone p {
    margin: 1vw;
    text-align: center;
    font-size: 5vw;
    font-family: 'hiraginokakugoW7';
}

/*-----------
地図画像の設定
-------------*/
.map-phone img {
    width: 100vw;
    margin: 0;
}

/*----------
「～見どころ紹介～」文字の設定
---------*/
.map-title p {
    margin: 2vw 0 -1vw 0;
    font-size: 4.5vw;
    text-indent: 1em;
    font-family: 'hiraginokakugoW7';
}

/*----------
見どころ紹介より↓の外枠の設定
※上下中央の設定はここでしてます。
-----------*/
.photo01 {
    display: flex;
    margin: 1.5vw;
    padding: 1vw 0;
    border: solid .5vw rgba(0, 0, 0, 1);
    border-radius: 1vw;
    align-items: top;
    box-shadow: 0 0 1vw rgba(0, 0, 0, .5);
}

/*-------
紹介内の写真の設定
--------*/
.photo01 img {
    margin: .5vw;
    width: 39vw;
    height: 26vw;
    border: solid .2vw rgba(0, 0, 0, .2);
    border-radius: 1vw;
}

/*------------
紹介内の記事の入れ物の幅の設定
※外すと画像が押しのばされます。
---------------*/
.photo02 {
    width: 55vw;
}

/*--------
紹介内のタイトルの設定
--------*/
.photo02 p:nth-of-type(1) {
    margin: 2vw 0 1vw 0;
    padding: 0;
    font-size: 4vw;
    text-indent: 2vw;
    font-family: 'hiraginokakugoW7';
    line-height: 1;
}

/*--------
紹介内の記事の設定
--------*/
.photo02 p {
    margin: 0;
    padding: 0 .5em 0 1em;
    text-indent: 4vw;
    font-size: 3vw;
    line-height: 1.3;
}