@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;
}
/*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
/*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}