@charset "utf-8";


/*--------------------------------------------------------------------
----------------------     1. イベント案内   ---------------------------
---------------------------------------------------------------------*/
.event-site {
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    margin: 0 auto;
    width: 100vw;
}

.event-site>div {
    display: inline-flex;
    align-items: center;
}

/*--
.event-container{
    background-image: url(02_img/summer_bg.svg);
    padding-bottom: 2vw;
    padding-left: 2vw;
    padding-right: 2vw;
}
/*-------------------------
　　イベント：暫定情報告知
---------------------------*/
.event-title {
    font-size: 4.5vw;
    width: 78vw;
    font-weight: bold;
    margin: 0 0 2vw 0;
    padding-left: 1vw;
    border-left: solid 4vw red;
    border-bottom: solid .5vw red;
}

.ev-sub {
    margin-left: 3vw;
}

.ev-sub p:nth-of-type(1) {
    font-weight: bold;
    width: 50vw;
    font-size: 3vw;
    margin: 1vw;
    padding-left: 1vw;
    border-left: solid 2vw rgba(255, 150, 0, 1);
    background-color: rgba(255, 250, 230, 1);
}

.ev-sub p:nth-of-type(2) {
    font-size: 2vw;
    margin: 0 0 0 3vw;
}

.cauntion {
    font-size: 1.5vw;
    margin: 3vw;
    padding: 1.5vw;
    background: rgba(255, 200, 200, .3)
}

.cauntion p {
    margin: 0;
}



/*---------------------------
オリジナルカレンダー配布サイト
---------------------------*/
.original-calendar {
    padding: 2vw;
    text-align: center;
}

.original-calendar img {
    width: 70%;
    margin: 1vw auto;
}

.original-calendar p {
    padding: 0;
}

.original-calendar p:nth-of-type(1) {
    font-size: 4vw;
    margin: 1em 0 0;
}

.original-calendar p:nth-of-type(2) {
    font-size: 3.5vw;
    font-weight: bold;
    margin: 0 0 1em;
}



/*------------------------------------------------
イベント：細部告知欄
【創立記念行事　パラメータ】
------------------------------------------------*/

/*---------------------------
イベント：タイトルバナー
---------------------------*/
.ceremony-title {
    width: 100%;
    height: 17vw;
    margin: 0 auto 2vw;
    align-items: center;
    background-image: url(02_img/ceremony_title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 55%;
}

.ceremony-title>div {
    background-color: rgba(0, 229, 255, 0.131);
    height: 100%;
    align-content: center;
}

.event-container>.ceremony-title h1 {
    text-align: center;
    word-break: keep-all;
    margin: 0;
    padding: 1vw 0;
    font-size: 6.5vw;
    line-height: 1.1;
    color: white;
    text-shadow:
        rgba(0, 0, 0, .6) .2vw .2vw 0,
        rgba(0, 0, 0, .6) -.2vw .2vw 0,
        rgba(0, 0, 0, .6) .2vw -.2vw 0,
        rgba(0, 0, 0, .6) -.2vw -.2vw 0,
        rgba(0, 0, 0, .6) .2vw 0 0,
        rgba(0, 0, 0, .6) -.2vw 0 0,
        rgba(0, 0, 0, .6) 0 .2vw 0,
        rgba(0, 0, 0, .6) 0 -.2vw 0;
}

/*---------------------------------------------------
イベント；ポスター設定（左側）
-----------------------------------------------------*/
.poster-box {
    width: 98vw;
    text-align: center;
    padding: 1%;
}

.poster-box>a:nth-of-type(1) img {
    width: 100%;
    border-radius: .8vw;
    border: solid .2vw rgba(0, 0, 0, 1);
}

.poster-box>a:nth-of-type(2) img {
    width: 80%;
}

/*---------------------------------------------------
イベント：説明箇所（右側）
-----------------------------------------------------*/
.info {
    padding: 0 1vw 0 2vw;
}

/*--------------------------------
イベント：見出し（カラーパラメータ）
---------------------------------*/
/*--　見出し（緑）　--*/
.parade-info>dt:before {
    background: rgba(0, 150, 0, 1);
}

.parade-info>dt {
    border-left: none;
    background-color: rgba(100, 205, 105, .5);
}

.parade-info>dl>dt {
    border-left: solid 2vw rgba(0, 200, 100, 1);
    background-color: rgba(150, 200, 155, .5);
}

/*--　見出し（青）　--*/
.event-list>dt:before,
.bus-schedule>dt:before,
.ceremony-info>dt:before {
    background: rgba(0, 0, 255, 1);
}

.event-list>dt,
.bus-schedule>dt,
.ceremony-info>dt {
    background-color: rgba(150, 200, 255, .5);
}

.ceremony-info>dl>dt:nth-of-type(1) {
    border-left: solid 2vw rgb(38, 67, 255);
}

/*--　見出し（赤）　--*/
.ev-caution>dt,
.ev-caution-box>dt {
    background-color: rgb(255, 150, 150);
}

.ev-caution>dt:before,
.ev-caution-box dt::before {
    background: rgb(255, 0, 0);
}

/*--　見出しの三角　--*/
.info>dl>dt:before,
.ev-caution-box dt:before {
    content: "▶";
    color: white;
    padding: 1.6vw 1.5vw;
    margin-right: 1vw;
}

/*------------------------------
イベント：市中パレード
-------------------------------*/
.parade-img {
    width: 70vw;
    margin-left: 10vw;
}

.parade-parking-info {
    color: red;
    font-weight: bold;
}

/*-- 市中マップ --*/
.ev-map a {
    text-align: center;
}

.ev-map img {
    width: 70vw;
}

.ev-map p {
    padding: 0;
    margin: 0 auto;
    font-size: 3.5vw;
    font-weight: bold;
}

.ev-map p:before {
    content: "↑ "
}

/*------------------------
イベント：見出し
----------------------------*/
/*--　大見出し　--*/
.info>dl>dt:nth-of-type(1) {
    padding: .5vw 0 .5vw 0;
    font-size: 5vw;
}

/*--　小見出し　--*/
.info dt {
    font-weight: bold;
    padding: .2vw 0 .2vw 2vw;
    margin-bottom: .4vw;
    font-size: 4vw;
}

/*-------------------------
イベント：見出し内記事
-------------------------*/
.info>dl {
    margin: 0 0 2vw;
    background-color: rgba(255, 255, 255, .9);
    padding-bottom: 1em;
}

.info>dl>dl {
    padding: 0 1vw 0 2vw;
    margin: 1vw 0 0;
}

.info dd {
    font-size: 3vw;
    line-height: 1.4;
}

/*-------------------------
イベント：シャトルバス
-------------------------*/
/*---　臨時駐車場　---*/
.bus-schedule>dl {
    padding-left: 1em;
    margin: 0;
}

.bus-schedule>dl p {
    margin: 0;
    font-weight: bold;
    font-size: 3.3vw;
}

.bus-schedule>dl ul {
    list-style: circle;
    margin: 1vw;
    padding: .5vw;
    border-style: dashed;
    font-size: 3vw;
}

.bus-schedule>dl li {
    margin-left: 2em;
}

/*--　シャトルバス運行経路　--*/
.bus-line {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: .5em;
    padding: .5em;
    background-color: rgb(227, 242, 245);
    border-radius: .5em;
    width: 85%;
}

.bus-line>p {
    font-size: 3.3vw;
    font-weight: bold;
    margin: 0;
}

.bus-line>div {
    display: flex;
    align-items: center;
}

.bus-line>div>ul {
    padding: 0;
    margin: .5vw 0 .5vw 1em;
    font-size: 3vw;
    width: 16em;
    list-style: square;
}

.bus-line>div>div {
    width: .5em;
    height: 5em;
    border-top: .1vw solid;
    border-right: .1vw solid;
    border-bottom: .1vw solid;
    margin-right: .5vw;
}

.bus-line>div>p {
    font-size: 3vw;
}

.bus-schedule img {
    width: 70vw;
    margin: 0 0 0 4em;
}

/*---　注意事項　---*/
.bus-schedule>dd:nth-of-type(2) {
    color: red;
    font-weight: bold;
    line-height: 1.2;
}

/*---------------------------------------
　　　　　イベント：注意事項
-----------------------------------------*/
.ev-caution-box {
    margin: 0 2vw 2vw;
    background-color: rgba(255, 255, 255, .9);
    padding-bottom: 1vw;
    border-radius: .5vw;
    ;
}

.ev-caution {
    margin: 0;
}

.ev-caution dt {
    padding: .5vw 0 .5vw 0;
    margin: 0 0 .5em;
    font-size: 5vw;
    font-weight: bold;
}

.ev-caution dd:before {
    content: "※ "
}

.ev-caution dd {
    font-size: 3vw;
    margin-bottom: .6em;
    text-indent: -1em;
    padding-right: 1em;
    line-height: 1.3;
}

/*--　禁止事項　--*/
.ev-caution-img {
    margin-bottom: 0;
    text-align: center;
}

.ev-caution-img img {
    width: 90vw;
    margin: 0 auto;
}

.ev-caution-box>p:nth-of-type(1) {
    font-size: 3.3vw;
    font-weight: bold;
    margin: 0 auto 1vw;
    padding: 0;
    text-align: center;
}

/*-- 連絡先 --*/
.contact-switch {
    margin: 0;
    text-align: right;
    font-weight: bold;
    font-size: 4vw;
    padding: .5em;
    border-radius: .5em;
}


/*--------------------------------------------------------------------
--------------------------     2.各種案内   ---------------------------
---------------------------------------------------------------------*/

.con-01-inf dl:nth-of-type(1) dt,
.con-01-inf dl:nth-of-type(2) dt,
.con-01-inf dl:nth-of-type(3) dt {
    font-size: 4vw;
    color: white;
    padding: 1vw 4vw 1vw;
    background: linear-gradient(to right, rgba(0, 0, 255, 1), rgba(0, 100, 255, 1), rgba(0, 100, 255, .3), rgba(255, 255, 255, 0));
    border-top-left-radius: 1.5vw;
    margin: 2vw 1vw 1vw 2vw;
    font-family: 'hiraginokakugoW7';
}

.con-01-inf dd {
    margin: 0 0 0 2em;
    font-size: 3.5vw;
}

.google-map-p {
    margin: 2vw auto 4vw;
    display: flex;
    justify-content: center;
}

.google-map-p iframe {
    width: 90vw;
    height: 67.5vw;
}

/*------ 注意事項 ------*/
.con-01-inf ul {
    margin: 2vw 1vw 3vw 1vw;
    padding: 1vw 2vw 2vw;
    list-style: none;
    border: solid .2vw rgba(0, 0, 0, .9);
    border-radius: 1vw;
    box-shadow: 0 0 .5vw rgba(0, 0, 0, .5);
    background-color: rgba(255, 255, 200, .5);
}

.con-01-inf ul li:nth-of-type(1) {
    font-size: 3.5vw;
    font-family: 'hiraginokakugoW7';
    border-bottom: solid .4vw rgba(255, 10, 10, 1);
    text-indent: 0;
    padding: 0;
    margin: 0 0 .2em;
    line-height: 2;
}

.con-01-inf li {
    font-size: 3vw;
    text-indent: 1em;
    padding: .7em 1em .7em 0;
    margin: 0 0 0 1em;
    line-height: 1.1;
    border-bottom: dashed .3vw rgba(250, 0, 0, 1);
}



/*--------------------------------------------------------------------
-------------------------     3. 募集案内   ---------------------------
---------------------------------------------------------------------*/

/*----------
ページの全体配置の設定
※中央寄せとかココでしてます。
----------*/
.pco-box {
    text-align: center;
    margin: 1vw auto 0;
    width: 100vw;
}

/*------
ページ内のlistスタイルの設定をこれでまとめて消しています。
------*/
.pco-box ul {
    list-style: none;
    padding: 0;
}

/*--ホームページ･e-mail（タイトル）--*/
.pr-title {
    margin: 2vw 0 0 0;
    padding: 0;
    font-size: 4.5vw;
    font-family: 'hiraginokakugoW7';
}

/*--------------------
自衛官募集CMのタイトル部分の設定
--------------------*/
.pr-title {
    background: linear-gradient(to bottom, rgba(0, 0, 150, 1), rgba(0, 0, 100, 1), rgba(0, 0, 150, 1));
    color: white;
    line-height: 1.5;
    box-shadow: 0 -.5vw 1vw rgba(0, 0, 0, .4);
}

/*--------------------
自衛官募集CMの本体の設定
※消すとスマートフォンで表示した際に画面からはみ出ます。
--------------------*/
.jgsdf-movie iframe {
    width: 100vw;
    height: 56.25vw;
    border-bottom: rgb(0, 0, 100) solid 1vw;
    box-shadow: 0 .5vw 1vw rgba(0, 0, 0, .4);
}

/*---
「自衛隊に興味がある方はこちらまで」の文字設定
---*/
.sales-talk {
    font-size: 4vw;
    margin: 3vw auto;
    font-weight: bold;
}

/*-----------
「自衛官に～」から下の設定です
※背景色や最下部の線、余白はここで設定してます。
------------*/
.pco-anounce>dl {
    background-color: rgb(230, 230, 255);
    border-bottom: rgb(0, 0, 100) solid 1vw;
    margin: 0 auto 3vw;
}

/*---
「自衛隊京都地方協力本部」タイトルの設定
---*/
.pco-name {
    font-family: 'hiraginokakugoW7';
    color: white;
    font-size: 5vw;
    background: linear-gradient(to bottom, rgba(0, 0, 150, 1), rgba(0, 0, 100, 1), rgba(0, 0, 150, 1));
    line-height: 2;
    box-shadow: 0 -.5vw 3vw rgba(0, 0, 0, .5);
    margin-bottom: 2vw;
}

/*---
「ホームページ」「E-mal」のタイトル部分の共通設定
---*/
.pr-hp01,
.pr-e-mail01 {
    font-size: 3.8vw;
    font-weight: bold;
}

/*---
「ホームページ」「E-mal」のURL部分の共通設定
e-mail02だけ下にくっつかないようにmarginを設定し直してます。
---*/
.pr-hp02,
.pr-e-mail02 {
    font-size: 4vw;
    margin: 0;
    padding: 0vw 0vw 3vw;
}

.pr-e-mail02 {
    margin-bottom: 4vw;
}

/*--
「お電話での～」「コールセンター」のタイトル部分の設定
※displayでinlineにしているのでmarginが効きません。
　外すと枠が画面端まで伸びます。調整は他の設定の数値をいじってください。
--*/
.pco-call01,
.pco-call02 {
    background-color: rgba(30, 30, 120, 1);
    padding: 1.5vw 4vw;
    border-radius: 4vw;
    font-size: 4vw;
    font-family: 'hiraginokakugoW7';
    color: white;
    display: inline;
    box-shadow: 0 .5vw 0 rgba(80, 80, 170, .5);
}

/*-----
「お電話での～」「コールセンター」内の項目の設定
ulで余白を設定
liで横並びにしつつ左揃えにして中央に寄せてます。
li p は事務所と案内所の幅を設定して電話番号とくっつくのを止めてます。
li a は電話番号をinline化して幅を抑えてます。
------*/
.pco-anounce ul {
    margin: 3vw auto;
    font-size: 4vw;
}

.pco-anounce li {
    display: flex;
    text-align: left;
    justify-content: center;
    line-height: 1.8;
}

.pco-anounce ul>li p {
    margin: 0;
    font-weight: bold;
    width: 37vw;
}

.pco-anounce ul>li a {
    display: inline;
}


/*--------------------------------------------------------------------
-----------------    4. ドローンの飛行に関する申請   ----------------------
---------------------------------------------------------------------*/

.drone {
    background: white;
    margin-top: 0;
    padding: 1vw 3vw 2vw;
}

.drone>dl:nth-of-type(1) {
    margin: 2vw 0 4vw;
    padding: 0;
}

.drone>dl:nth-of-type(1)>dt {
    font-family: 'hiraginokakugoW7';
    font-size: 4.7vw;
    text-align: center;
    margin: 0 0 2vw;
    background: rgb(0, 0, 150);
    padding: 1vw;
    color: white;
}

.drone>dl:nth-of-type(1)>dd {
    text-indent: 1em;
    margin: 0;
    font-size: 3.3vw;
    padding: 0 1em;
    line-height: 1.6;
}

.drone>dl:nth-of-type(2) {
    margin: 0 0 6vw;
}

.drone>dl:nth-of-type(2)>dt,
.drone>dl:nth-of-type(3)>dt,
.drone>dl:nth-of-type(4)>dt,
.drone>dl:nth-of-type(5)>dt,
.drone>dl:nth-of-type(6)>dt {
    font-size: 4vw;
    border-bottom: solid .5vw green;
    margin-bottom: 2vw;
    line-height: 1.2;
    font-family: 'hiraginokakugoW7';
}

.drone>dl:nth-of-type(2)>dt:before,
.drone>dl:nth-of-type(3)>dt:before,
.drone>dl:nth-of-type(4)>dt:before,
.drone>dl:nth-of-type(5)>dt:before,
.drone>dl:nth-of-type(6)>dt:before {
    content: "▶";
    font-size: 4vw;
    background: green;
    padding: .2em;
    color: white;
    margin-right: .5em;
}

.drone>dl:nth-of-type(2)>dl {
    margin: 0 2vw 1vw;
}

.drone>dl:nth-of-type(2)>dl>dt {
    font-weight: bold;
    font-size: 3.3vw;
}

.drone>dl:nth-of-type(2)>dl>dd {
    font-size: 3vw;
    margin-left: 1.5em;
}

.drone>dl:nth-of-type(2)>dl>dd:nth-of-type(2),
.drone>dl:nth-of-type(2)>dl>dd:nth-of-type(5) {
    font-size: 2.8vw;
    text-indent: 1em;
}

.drone>dl:nth-of-type(2)>dl>dd:nth-of-type(3) {
    font-size: 3vw;
    margin-bottom: 1vw;
}

.drone>dl:nth-of-type(2)>dd {
    font-size: 2.8vw;
    margin-left: 1em;
    font-weight: bold;
}

.drone>dl:nth-of-type(3)>dd:nth-of-type(1) {
    font-size: 3vw;
}

.drone>dl:nth-of-type(3)>dl>dt {
    font-size: 2.8vw;
    text-indent: -1em;
    margin-left: 1em;
    display: inline-block;
    padding: .5vw 2vw .5vw 2em;
    color: white;
    margin-bottom: 2vw;
}

.drone>dl:nth-of-type(3)>dl>dt:nth-of-type(1) {
    background-color: rgba(200, 0, 0, 1);
}

.drone>dl:nth-of-type(3)>dl>dt:nth-of-type(2) {
    background-color: rgba(0, 0, 200, 1);
}

.drone>dl:nth-of-type(3)>dl>dt:before {
    content: "●";
    margin-right: .5em;
}

.drone>dl:nth-of-type(3)>dl>dd:nth-of-type(1),
.drone>dl:nth-of-type(3)>dl>dd:nth-of-type(3),
.drone>dl:nth-of-type(3)>dl>dl>dd:nth-of-type(1),
.drone>dl:nth-of-type(3)>dl>dl>dd:nth-of-type(3),
.drone>dl:nth-of-type(3)>dl>dl>dd:nth-of-type(5) {
    font-size: 3vw;
    margin-bottom: .5em;
    text-indent: -1em;
    font-weight: bold;
}

.drone>dl:nth-of-type(3)>dl>dd:nth-of-type(2),
.drone>dl:nth-of-type(3)>dl>dd:nth-of-type(4),
.drone>dl:nth-of-type(3)>dl>dl>dd:nth-of-type(2),
.drone>dl:nth-of-type(3)>dl>dl>dd:nth-of-type(4),
.drone>dl:nth-of-type(3)>dl>dl>dd:nth-of-type(6) {
    font-size: 3vw;
    text-indent: -5em;
    margin: 0 0 2vw 9em;
}

.drone>dl:nth-of-type(3)>dl>dd>span,
.drone>dl:nth-of-type(3)>dl>dl>dd>span {
    padding: .3vw 1vw;
    text-decoration: underline;
}

.drone>dl:nth-of-type(3)>dl>dl {
    margin: 0;
}

.drone>dl:nth-of-type(3)>dl>dl>dt {
    font-weight: bold;
    font-size: 3vw;
    border-bottom: dashed .5vw red;
    padding-right: 1em;
    margin: 0 0 2vw 2em;
    text-indent: -1.5em;
    line-height: 1.5;
}

.drone>dl:nth-of-type(3)>dl>dl>dt:before {
    content: "▶";
    color: red;
    margin-right: .5em;
}

.drone-img img {
    width: 74vw;
    text-align: center;
    margin: 0 10vw;
}

.drone>dl:nth-of-type(3)>dd:nth-of-type(2) {
    font-size: 3vw;
    text-indent: 1em;
    margin: 0 0 4vw 1vw;
}

.drone>dl:nth-of-type(4)>ul>li {
    font-size: 3vw;
    line-height: 2;
    font-weight: bold;
    text-decoration: underline;
}

.drone>dl:nth-of-type(5)>dd,
.drone>dl:nth-of-type(6)>dd {
    font-size: 3vw;
    text-indent: -1em;
    margin: 0 0 2vw 2em;
}

.drone>dl:nth-of-type(5)>dd:nth-of-type(1)>a,
.drone>dl:nth-of-type(6)>dd:nth-of-type(1)>a {
    font-weight: bold;
    text-decoration: underline;
}




/*--------------------------------------------------------------------
-----------------    5. 体育館使用についての案内   -----------------------
---------------------------------------------------------------------*/

.s05-05 {
    background: white;
    margin: 0;
    padding: 2vw 4vw;
}

.s05-05-01 {
    margin: 0;
}

.s05-05-01>dt {
    font-size: 4.5vw;
    font-family: 'hiraginokakugoW7';
    text-align: center;
    margin-bottom: 1em;
}

.s05-05-01>dl>dt {
    font-size: 3.5vw;
    font-family: 'hiraginokakugoW7';
    margin-top: 1.5em;
}

.s05-05-01>dl>dl:nth-of-type(1) {
    margin-top: 0;
}

.s05-05-01>dl>dl>dt,
.s05-05-01>dl>dd {
    font-size: 2.8vw;
    text-indent: -1em;
    margin-left: 2em;
}

.s05-05-01 dl:nth-of-type(1) p {
    color: red;
    padding: 0;
    margin: 0 0 0 2em;
    font-weight: bold;
}

.s05-05-01>dl>dd>a {
    color: rgba(0, 0, 255, 1);
    font-weight: bold;
}

.s05-05-01 dl:nth-of-type(3) p {
    padding: 0;
    margin: 0 0 0 3em;
}

.s05-05-01>dl>dl>dd {
    font-size: 3vw;
    text-indent: -1em;
    margin-left: 3em;
}

.s05-05 img {
    width: 90vw;
}

/*--------------------------------------------------------------
 
防衛省職員・非常勤隊員　募集ページ

---------------------------------------------------------------*/
/*-----------------------------
 切り替えスイッチ
------------------------------*/
.gikan-switch-box {
    text-align: center;
    margin: 0;
    padding: .5em 0;
    background: white;
    font-size: 3.5vw;
}

.gikan-switch-box>p {
    margin: 0;
    font-size: 3.5vw;
    font-family: 'hiraginokakugoW7';
}

.gikan-switch {
    display: flex;
    text-align: center;
    margin: 0 auto;
    width: 20em;
    line-height: 3;
}

.gikan-switch p {
    margin: 0 auto;
    width: 9em;
    font-size: 3.5vw;
    color: white;
    font-family: 'hiraginokakugoW7';
    z-index: 2;
    text-shadow: rgba(0, 0, 255, .5) 0 0 .5em;
}

.gikan-select {
    position: absolute;
    background-color: rgb(100, 100, 235);
    transition: .3s ease-in-out;
    z-index: 1;
    height: 3em;
    width: 35vw;
    border-radius: 1.5em;
    box-shadow: inset 0 0 1.5em rgba(255, 255, 255, .5);
    margin-left: 32.5vw;
}

.gikan-select.select-1 {
    transform: translateX(-17.5vw);
}

.gikan-select.select-2 {
    transform: translateX(17.5vw);
}

.gikan-bg {
    position: absolute;
    margin: 0 15vw;
    width: 70vw;
    height: 3em;
    background-color: rgba(15, 15, 115, 1);
    border-radius: 2em;
    box-shadow: inset 0 0 .5em;
}

/*-----------------------------
 防衛省職員・非常勤隊員　表示切り替え
------------------------------*/
#hijokin {
    display: none;
}



/*-----------------------------
 防衛省職員・非常勤隊員　共通設定
------------------------------*/



.gikan-01 {
    background-color: white;
    padding: 1vw 5vw 3vw;
}

.gikan-01>div:nth-of-type(1) {
    font-size: 4.5vw;
    font-family: 'hiraginokakugoW7';
    text-align: center;
    margin: 0 auto 2vw;
    word-break: keep-all;
    line-height: 1.2;
}

.gikan-02 {
    margin: 0;
    padding: 0 0 0 1em;
}

.gikan-02>li {
    font-size: 3.2vw;
    font-family: 'hiraginokakugoW7';
    margin: 0 0 .8em;
}

.gikan-02>li>ol {
    padding: 0;
}

.gikan-02>li>ol>li {
    font-size: 3vw;
    margin: 0;
    list-style: none;
}

.gikan-02>li>ol>li:before {
    margin-right: .5em;
    content: "(" counter(list-item) ")";
}

.gikan-02>li>ol>li>p {
    font-size: 3vw;
    margin: 0 0 .5em 2em;
}

.gikan-02 p {
    font-size: 3vw;
    font-family: 'hiraginokakugoW1';
    margin: 0;
}

.gikan-02 a {
    font-weight: bold;
    font-size: 3vw;
}

.gikan-02 dt {
    font-size: 3vw;
    text-indent: 1em;
}

.gikan-03 {
    margin: 3vw auto 0;
    padding: 1em;
    border: solid .2vw rgba(10, 10, 10, .5);
    border-radius: 1vw;
}

.gikan-03>div {
    font-size: 3vw;
    margin: 0;
    padding: 0;
}

.gikan-03 p:nth-of-type(1) {
    margin: 0;
    font-size: 3.5vw;
    font-family: 'hiraginokakugoW7';
}

.gikan-call {
    margin: 0 2em;
    font-size: 3vw;
    text-align: right;
}

/*--------------------------------------
　利用規約に関するcssです。
----------------------------------------*/
/*---　大見出し　---*/
.check-title {
    margin: 2vw auto 4vw;
    padding: 0;
    text-indent: 2vw;
    font-family: 'hiraginokakugoW7';
    text-align: center;
}

.check-title p {
    margin: 0;
    font-size: 4.5vw;
    word-break: keep-all;
}

.check-main {
    width: 94vw;
    margin: 0 auto;
}

.f05-05-01 {
    margin: 1em 0;
}

.f05-05-01>dt {
    font-size: 3.5vw;
    font-family: 'hiraginokakugoW7';
}

.f05-05-01>dd {
    margin: 0 0 2vw 1.5em;
    text-indent: -.5em;
    font-size: 3vw;
    line-height: 1.5;
    word-wrap: break-word;
}

.f05-05-01>dd:before,
.f05-05-02>dt:before,
.f05-05-02>dd:before {
    content: "・";
}

.f05-05-02 {
    margin: .5vw 0 0 1em;
    text-indent: -.5em;
}

.f05-05-02>dt {
    margin: 1em 0 0;
    font-size: 3vw;
    line-height: 1.4;
}

.f05-05-02>dd {
    color: red;
    font-size: 2.8vw;
    margin: 0 0 0 2em;
}

.f05-05-03 {
    margin: .5vw 1vw;
    padding: 1vw 2vw;
    font-size: 2.8vw;
    border: solid .5vw rgba(255, 0, 0, .8);
    background-color: rgba(203, 203, 203, .2);
}

.f05-05-03>dt {
    font-family: 'hiraginokakugoW7';
    text-indent: 0;
    font-size: 3vw;
    margin-bottom: 1vw;
}

.f05-05-03>dd {
    margin: 0 0 1vw 5vw;
}

.f05-05-03>dd:nth-last-of-type(1) {
    text-indent: 1em;
}

/*--------------------------------------
　家族支援に関するcssです。
-------------入隊式動画----------------*/
/*---　全　体　--*/
.tng-movie01 {
    width: 95vw;
    margin: 0 auto 0;
}

/*---　タイトル（動画リンク付）　---*/
.tng-movie01 p:nth-of-type(1) {
    font-size: 1.3em;
    margin: 4vw 0 1vw;
    font-weight: bold;
    text-align: center;
}

/*---　公開期間　---*/
.tng-movie01 p:nth-of-type(2) {
    margin: 1vw 0 5vw;
    font-size: .8em;
    text-align: center;
}

/*---　公開期間　---*/
.tng-movie01 p:nth-of-type(4) {
    margin: 2vw 0 3vw;
    font-size: .9em;
    text-indent: 1em;
}

/*---　注意書き　---*/
.tng-movie01 p:nth-of-type(5) {
    margin: 1vw 0 1vw;
    font-size: .8em;
}

/*---------------------------------------------
　入力ボタン
-----------------------------------------------*/
.pass {
    margin: 5vw auto 50vh;
    width: 85vw;
    height: 18vw;
    font-size: 4.5vw;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    border-radius: 2vw;
    border: 1vw solid rgba(255, 255, 255, .2);
    text-shadow:
        #000 .1vw .1vw 0,
        #000 -.1vw .1vw 0,
        #000 .1vw -.1vw 0,
        #000 -.1vw -.1vw 0,
        #000 .1vw 0 0,
        #000 -.1vw 0 0,
        #000 0 .1vw 0,
        #000 0 -.1vw 0;
    box-shadow: 0 0 2vw rgba(0, 0, 0, .8);
}

.no-ev {
    height: 30vw;
    text-align: center;
    font-size: 4vw;
}