@charset "UTF-8";

@media screen and (max-width: 900px) {

    .video {

        border-radius: 39px;

    }

/*--------------------------------------------------------

Reset

--------------------------------------------------------*/

img {

	width: 100%;

	max-width: 100%;

	height: auto;

}



/*--------------------------------------------------------

定数（基本的に、全サイト共通に使えるもの）

--------------------------------------------------------*/

.visible900 {

    display: block;

    margin: auto;

}



.hidden900 {

	display: none;

}



.margin_b100 {

    margin-top: 11%;

}



.margin_b90 {

    margin-top: 10%;

}



.margin_b80 {

    margin-top: 9%;

}



.margin_b70 {

    margin-top: 8%;

}



.margin_b60 {

    margin-top: 7%;

}



.margin_b50 {

    margin-top: 6%;

}



.margin_b40 {

    margin-top: 5%;

}



.margin_b30 {

    margin-top: 4%;

}



.margin_b20 {

    margin-top: 3%;

}



.margin_b10 {

    margin-top: 2%;

}



.margin_b100 {

    margin-bottom: 11%;

}



.margin_b90 {

    margin-bottom: 10%;

}



.margin_b80 {

    margin-bottom: 9%;

}



.margin_b70 {

    margin-bottom: 8%;

}



.margin_b60 {

    margin-bottom: 7%;

}



.margin_b50 {

    margin-bottom: 6%;

}



.margin_b40 {

    margin-bottom: 5%;

}



.margin_b30 {

    margin-bottom: 4%;

}



.margin_b20 {

    margin-bottom: 3%;

}



.margin_b10 {

    margin-bottom: 2%;

}



.padding_t100 {

    padding-top: 11%;

}



.padding_t90 {

    padding-top: 10%;

}



.padding_t80 {

    padding-top: 9%;

}



.padding_t70 {

    padding-top: 8%;

}



.padding_t60 {

    padding-top: 7%;

}



.padding_t50 {

    padding-top: 6%;

}



.padding_t40 {

    padding-top: 5%;

}



.padding_t30 {

    padding-top: 4%;

}



.padding_t20 {

    padding-top: 3%;

}



.padding_t10 {

    padding-top: 2%;

}



.padding_b100 {

    padding-bottom: 11%;

}



.padding_b90 {

    padding-bottom: 10%;

}



.padding_b80 {

    padding-bottom: 9%;

}



.padding_b70 {

    padding-bottom: 8%;

}



.padding_b60 {

    padding-bottom: 7%;

}



.padding_b50 {

    padding-bottom: 6%;

}



.padding_b40 {

    padding-bottom: 5%;

}



.padding_b30 {

    padding-bottom: 4%;

}



.padding_b20 {

    padding-bottom: 3%;

}



.padding_b10 {

    padding-bottom: 2%;

}

/*--------------------------------------------------------

定数（サイト毎に変化のある）

--------------------------------------------------------*/

.contents {

	width: 100%;

}

.img_center {

	margin-left: 0px;

}

/*--------------------------------------------------------

ヘッダー

--------------------------------------------------------*/

/*--------------------------------------------------------

フッター

--------------------------------------------------------*/

/*--------------------------------------------------------

↓↓↓ 各種レイアウト ↓↓↓

--------------------------------------------------------*/

/*--------------------------------------------------------

↑↑↑ 各種レイアウト ↑↑↑

--------------------------------------------------------*/

}



@media screen and (max-width: 768px) {

    .video {

        border-radius: 29px;

    }

/*--------------------------------------------------------

Reset

--------------------------------------------------------*/

/*--------------------------------------------------------

定数（基本的に、全サイト共通に使えるもの）

--------------------------------------------------------*/

.visible768 {

    display: block;

    margin: auto;

}

.hidden768 {

    display: none;

}

/*--------------------------------------------------------

定数（サイト毎に変化のある）

--------------------------------------------------------*/

/*--------------------------------------------------------

animation

--------------------------------------------------------*/

/*--------------------------------------------------------

ヘッダー

--------------------------------------------------------*/

/*--------------------------------------------------------

フッター

--------------------------------------------------------*/

/*--------------------------------------------------------

↓↓↓ 各種レイアウト ↓↓↓

--------------------------------------------------------*/

/*--------------------------------------------------------

↑↑↑ 各種レイアウト ↑↑↑

--------------------------------------------------------*/

}



@media screen and (max-width: 600px) {

    .video {

        border-radius: 294px;

    }

/*--------------------------------------------------------

Reset

--------------------------------------------------------*/

/*--------------------------------------------------------

定数（基本的に、全サイト共通に使えるもの）

--------------------------------------------------------*/

.visible600 {

    display: block;

    margin: auto;

}

.hidden600 {

    display: none;

}

body {

    font-size: 1.6rem;

} /*todo 要調査*/

/*--------------------------------------------------------

定数（サイト毎に変化のある）

--------------------------------------------------------*/

/*--------------------------------------------------------

animation

--------------------------------------------------------*/

/*--------------------------------------------------------

ヘッダー

--------------------------------------------------------*/

/*--------------------------------------------------------

フッター

--------------------------------------------------------*/

/*--------------------------------------------------------

↓↓↓ 各種レイアウト ↓↓↓

--------------------------------------------------------*/

    .copyright,.copyright a {

        font-size: 1.2rem;

    }

    .privacy_title {

        font-size: 7vw;

    }

    .privacy_head {

        font-size: 4vw;

    }

    .privacy_contents {

        font-size: 1.4rem;

    }

    .plus {

        left: 35%;

    }

    .plus2 {

        left: 33%;

    }

    .plus3 {

        left: 21.5%;

    }

    label    {

        font-size: 18px;

    }

/*--------------------------------------------------------

↑↑↑ 各種レイアウト ↑↑↑

--------------------------------------------------------*/

}



@media screen and (max-width: 500px) {

    .video {

        border-radius: 19px;

    }

/*--------------------------------------------------------

Reset

--------------------------------------------------------*/

/*--------------------------------------------------------

定数（基本的に、全サイト共通に使えるもの）

--------------------------------------------------------*/

.visible500 {

    display: block;

    margin: auto;

}

.hidden500 {

    display: none;

}

/*--------------------------------------------------------

定数（サイト毎に変化のある）

--------------------------------------------------------*/

/*--------------------------------------------------------

animation

--------------------------------------------------------*/

/*--------------------------------------------------------

ヘッダー

--------------------------------------------------------*/

/*--------------------------------------------------------

フッター

--------------------------------------------------------*/

/*--------------------------------------------------------

↓↓↓ 各種レイアウト ↓↓↓

--------------------------------------------------------*/

/*--------------------------------------------------------

↑↑↑ 各種レイアウト ↑↑↑

--------------------------------------------------------*/

}



@media screen and (max-width: 400px) {

    .video {

        border-radius: 16px;

    }
    .copyright, .copyright a {
        font-size: 1rem;
    }

/*--------------------------------------------------------

Reset

--------------------------------------------------------*/

/*--------------------------------------------------------

定数（基本的に、全サイト共通に使えるもの）

--------------------------------------------------------*/

.visible400 {

    display: block;

    margin: auto;

}

.hidden400 {

    display: none;

}

/*--------------------------------------------------------

定数（サイト毎に変化のある）

--------------------------------------------------------*/

/*--------------------------------------------------------

animation

--------------------------------------------------------*/

/*--------------------------------------------------------

ヘッダー

--------------------------------------------------------*/

/*--------------------------------------------------------

フッター

--------------------------------------------------------*/

/*--------------------------------------------------------

↓↓↓ 各種レイアウト ↓↓↓

--------------------------------------------------------*/

/*--------------------------------------------------------

↑↑↑ 各種レイアウト ↑↑↑

--------------------------------------------------------*/

}



/* 360px以下の場合　これ以上小さくしたくない場合は横スクロール対応 */

@media screen and (max-width: 360px) {

/*--------------------------------------------------------

Reset

--------------------------------------------------------*/

body {

    overflow-x: visible;

}

/*--------------------------------------------------------

定数（基本的に、全サイト共通に使えるもの）

--------------------------------------------------------*/

.visible360 {

    display: block;

    margin: auto;

}

.hidden360 {

    display: none;

}

/*--------------------------------------------------------

定数（サイト毎に変化のある）

--------------------------------------------------------*/

.contents {

    min-width: 360px;

}

.contents1800 {

    min-width: 360px;

}

/*--------------------------------------------------------

animation

--------------------------------------------------------*/

/*--------------------------------------------------------

ヘッダー

--------------------------------------------------------*/

header {

    min-width: 360px;

}

/*--------------------------------------------------------

フッター

--------------------------------------------------------*/

footer {

    min-width: 360px;

}

/*--------------------------------------------------------

↓↓↓ 各種レイアウト ↓↓↓

--------------------------------------------------------*/

/*--------------------------------------------------------

↑↑↑ 各種レイアウト ↑↑↑

--------------------------------------------------------*/

}