@charset "UTF-8";
@media screen and (max-width: 900px) {
/*--------------------------------------------------------
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) {
/*--------------------------------------------------------
Reset
--------------------------------------------------------*/
/*--------------------------------------------------------
定数（基本的に、全サイト共通に使えるもの）
--------------------------------------------------------*/
.visible768 {
    display: block;
    margin: auto;
}
.hidden768 {
    display: none;
}
/*--------------------------------------------------------
定数（サイト毎に変化のある）
--------------------------------------------------------*/
/*--------------------------------------------------------
animation
--------------------------------------------------------*/
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
/*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
/*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 600px) {
/*--------------------------------------------------------
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) {
/*--------------------------------------------------------
Reset
--------------------------------------------------------*/
/*--------------------------------------------------------
定数（基本的に、全サイト共通に使えるもの）
--------------------------------------------------------*/
.visible500 {
    display: block;
    margin: auto;
}
.hidden500 {
    display: none;
}
/*--------------------------------------------------------
定数（サイト毎に変化のある）
--------------------------------------------------------*/
/*--------------------------------------------------------
animation
--------------------------------------------------------*/
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
/*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
/*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 400px) {
/*--------------------------------------------------------
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;
}
/*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
/*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}