/*// 切り替え設定 //*/

@media screen and (min-width: 896px){
	/* 896px以上に適用されるCSS（タブレットサイズ以上）でSP用を非表示 */

	.for_sp{
		display:none !important;
	}
	body {
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	/*body img {
		max-width: 1080px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}*/
	
	.Page {
	  position: relative;
	}

}
@media screen and (max-width: 896px){
	/* 896px以下に適用されるCSS（タブレットサイズ以下）でPC用を非表示 */

	.for_pc{
		display:none !important;
	}
	body {
		max-width: 750px;
	}
}



/*// 余白設定（margin） //*/

.mt_0 {
  margin-top: 0px !important;
}

@media screen and (max-width: 896px) {
  .mt_0 {
    margin-top: 0vw !important;
  }
}

.mr_0 {
  margin-right: 0px !important;
}

@media screen and (max-width: 896px) {
  .mr_0 {
    margin-right: 0vw !important;
  }
}

.mb_0 {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 896px) {
  .mb_0 {
    margin-bottom: 0vw !important;
  }
}

.ml_0 {
  margin-left: 0px !important;
}

@media screen and (max-width: 896px) {
  .ml_0 {
    margin-left: 0vw !important;
  }
}

.mt_10 {
  margin-top: 10px !important;
}

@media screen and (max-width: 896px) {
  .mt_10 {
    margin-top: 1.5625vw !important;
  }
}

.mr_10 {
  margin-right: 10px !important;
}

@media screen and (max-width: 896px) {
  .mr_10 {
    margin-right: 1.5625vw !important;
  }
}

.mb_10 {
  margin-bottom: 10px !important;
}

@media screen and (max-width: 896px) {
  .mb_10 {
    margin-bottom: 1.5625vw !important;
  }
}

.ml_10 {
  margin-left: 10px !important;
}

@media screen and (max-width: 896px) {
  .ml_10 {
    margin-left: 1.5625vw !important;
  }
}

.mt_20 {
  margin-top: 20px !important;
}

@media screen and (max-width: 896px) {
  .mt_20 {
    margin-top: 3.125vw !important;
  }
}

.mr_20 {
  margin-right: 20px !important;
}

@media screen and (max-width: 896px) {
  .mr_20 {
    margin-right: 3.125vw !important;
  }
}

  .mb_20 {
  	margin-bottom: 20px !important;
}

@media screen and (max-width: 896px) {
  .mb_20 {
    margin-bottom: 3.125vw !important;
  }
}

.ml_20 {
  margin-left: 20px !important;
}

@media screen and (max-width: 896px) {
  .ml_20 {
    margin-left: 3.125vw !important;
  }
}

.mt_30 {
  margin-top: 30px !important;
}

@media screen and (max-width: 896px) {
  .mt_30 {
    margin-top: 4.6875vw !important;
  }
}

.mr_30 {
  margin-right: 30px !important;
}

@media screen and (max-width: 896px) {
  .mr_30 {
    margin-right: 4.6875vw !important;
  }
}

.mb_30 {
  margin-bottom: 30px !important;
}

@media screen and (max-width: 896px) {
  .mb_30 {
    margin-bottom: 4.6875vw !important;
  }
}

.ml_30 {
  margin-left: 30px !important;
}

@media screen and (max-width: 896px) {
  .ml_30 {
    margin-left: 4.6875vw !important;
  }
}

.mt_40 {
  margin-top: 40px !important;
}

@media screen and (max-width: 896px) {
  .mt_40 {
    margin-top: 6.25vw !important;
  }
}

.mr_40 {
  margin-right: 40px !important;
}

@media screen and (max-width: 896px) {
  .mr_40 {
    margin-right: 6.25vw !important;
  }
}

.mb_40 {
  margin-bottom: 40px !important;
}

@media screen and (max-width: 896px) {
  .mb_40 {
    margin-bottom: 6.25vw !important;
  }
}

.ml_40 {
  margin-left: 40px !important;
}

@media screen and (max-width: 896px) {
  .ml_40 {
    margin-left: 6.25vw !important;
  }
}

.mt_50 {
  margin-top: 50px !important;
}

@media screen and (max-width: 896px) {
  .mt_50 {
    margin-top: 7.8125vw !important;
  }
}

.mr_50 {
  margin-right: 50px !important;
}

@media screen and (max-width: 896px) {
  .mr_50 {
    margin-right: 7.8125vw !important;
  }
}

.mb_50 {
  margin-bottom: 50px !important;
}

@media screen and (max-width: 896px) {
  .mb_50 {
    margin-bottom: 7.8125vw !important;
  }
}

.ml_50 {
  margin-left: 50px !important;
}

@media screen and (max-width: 896px) {
  .ml_50 {
    margin-left: 7.8125vw !important;
  }
}

.mt_60 {
  margin-top: 60px !important;
}

@media screen and (max-width: 896px) {
  .mt_60 {
    margin-top: 9.375vw !important;
  }
}

.mr_60 {
  margin-right: 60px !important;
}

@media screen and (max-width: 896px) {
  .mr_60 {
    margin-right: 9.375vw !important;
  }
}

.mb_60 {
  margin-bottom: 60px !important;
}

@media screen and (max-width: 896px) {
  .mb_60 {
    margin-bottom: 9.375vw !important;
  }
}

.ml_60 {
  margin-left: 60px !important;
}

@media screen and (max-width: 896px) {
  .ml_60 {
    margin-left: 9.375vw !important;
  }
}

.mt_70 {
  margin-top: 70px !important;
}

@media screen and (max-width: 896px) {
  .mt_70 {
    margin-top: 10.9375vw !important;
  }
}

.mr_70 {
  margin-right: 70px !important;
}

@media screen and (max-width: 896px) {
  .mr_70 {
    margin-right: 10.9375vw !important;
  }
}

.mb_70 {
  margin-bottom: 70px !important;
}

@media screen and (max-width: 896px) {
  .mb_70 {
    margin-bottom: 10.9375vw !important;
  }
}

.ml_70 {
  margin-left: 70px !important;
}

@media screen and (max-width: 896px) {
  .ml_70 {
    margin-left: 10.9375vw !important;
  }
}

.mt_80 {
  margin-top: 80px !important;
}

@media screen and (max-width: 896px) {
  .mt_80 {
    margin-top: 12.5vw !important;
  }
}

.mr_80 {
  margin-right: 80px !important;
}

@media screen and (max-width: 896px) {
  .mr_80 {
    margin-right: 12.5vw !important;
  }
}

.mb_80 {
  margin-bottom: 80px !important;
}

@media screen and (max-width: 896px) {
  .mb_80 {
    margin-bottom: 12.5vw !important;
  }
}

.ml_80 {
  margin-left: 80px !important;
}

@media screen and (max-width: 896px) {
  .ml_80 {
    margin-left: 12.5vw !important;
  }
}

.mt_90 {
  margin-top: 90px !important;
}

@media screen and (max-width: 896px) {
  .mt_90 {
    margin-top: 14.0625vw !important;
  }
}

.mr_90 {
  margin-right: 90px !important;
}

@media screen and (max-width: 896px) {
  .mr_90 {
    margin-right: 14.0625vw !important;
  }
}

.mb_90 {
  margin-bottom: 90px !important;
}

@media screen and (max-width: 896px) {
  .mb_90 {
    margin-bottom: 14.0625vw !important;
  }
}

.ml_90 {
  margin-left: 90px !important;
}

@media screen and (max-width: 896px) {
  .ml_90 {
    margin-left: 14.0625vw !important;
  }
}

.mt_100 {
  margin-top: 100px !important;
}

@media screen and (max-width: 896px) {
  .mt_100 {
    margin-top: 15.625vw !important;
  }
}

.mr_100 {
  margin-right: 100px !important;
}

@media screen and (max-width: 896px) {
  .mr_100 {
    margin-right: 15.625vw !important;
  }
}

.mb_100 {
  margin-bottom: 100px !important;
}

@media screen and (max-width: 896px) {
  .mb_100 {
    margin-bottom: 15.625vw !important;
  }
}

.ml_100 {
  margin-left: 100px !important;
}

@media screen and (max-width: 896px) {
  .ml_100 {
    margin-left: 15.625vw !important;
  }
}

.mt_110 {
  margin-top: 110px !important;
}

@media screen and (max-width: 896px) {
  .mt_110 {
    margin-top: 17.1875vw !important;
  }
}

.mr_110 {
  margin-right: 110px !important;
}

@media screen and (max-width: 896px) {
  .mr_110 {
    margin-right: 17.1875vw !important;
  }
}

.mb_110 {
  margin-bottom: 110px !important;
}

@media screen and (max-width: 896px) {
  .mb_110 {
    margin-bottom: 17.1875vw !important;
  }
}

.ml_110 {
  margin-left: 110px !important;
}

@media screen and (max-width: 896px) {
  .ml_110 {
    margin-left: 17.1875vw !important;
  }
}

.mt_120 {
  margin-top: 120px !important;
}

@media screen and (max-width: 896px) {
  .mt_120 {
    margin-top: 18.75vw !important;
  }
}

.mr_120 {
  margin-right: 120px !important;
}

@media screen and (max-width: 896px) {
  .mr_120 {
    margin-right: 18.75vw !important;
  }
}

.mb_120 {
  margin-bottom: 120px !important;
}

@media screen and (max-width: 896px) {
  .mb_120 {
    margin-bottom: 18.75vw !important;
  }
}

.ml_120 {
  margin-left: 120px !important;
}

@media screen and (max-width: 896px) {
  .ml_120 {
    margin-left: 18.75vw !important;
  }
}

.mt_130 {
  margin-top: 130px !important;
}

@media screen and (max-width: 896px) {
  .mt_130 {
    margin-top: 20.3125vw !important;
  }
}

.mr_130 {
  margin-right: 130px !important;
}

@media screen and (max-width: 896px) {
  .mr_130 {
    margin-right: 20.3125vw !important;
  }
}

.mb_130 {
  margin-bottom: 130px !important;
}

@media screen and (max-width: 896px) {
  .mb_130 {
    margin-bottom: 20.3125vw !important;
  }
}

.ml_130 {
  margin-left: 130px !important;
}

@media screen and (max-width: 896px) {
  .ml_130 {
    margin-left: 20.3125vw !important;
  }
}

.mt_140 {
  margin-top: 140px !important;
}

@media screen and (max-width: 896px) {
  .mt_140 {
    margin-top: 21.875vw !important;
  }
}

.mr_140 {
  margin-right: 140px !important;
}

@media screen and (max-width: 896px) {
  .mr_140 {
    margin-right: 21.875vw !important;
  }
}

.mb_140 {
  margin-bottom: 140px !important;
}

@media screen and (max-width: 896px) {
  .mb_140 {
    margin-bottom: 21.875vw !important;
  }
}

.ml_140 {
  margin-left: 140px !important;
}

@media screen and (max-width: 896px) {
  .ml_140 {
    margin-left: 21.875vw !important;
  }
}

.mt_150 {
  margin-top: 150px !important;
}

@media screen and (max-width: 896px) {
  .mt_150 {
    margin-top: 23.4375vw !important;
  }
}

.mr_150 {
  margin-right: 150px !important;
}

@media screen and (max-width: 896px) {
  .mr_150 {
    margin-right: 23.4375vw !important;
  }
}

.mb_150 {
  margin-bottom: 150px !important;
}

@media screen and (max-width: 896px) {
  .mb_150 {
    margin-bottom: 23.4375vw !important;
  }
}

.ml_150 {
  margin-left: 150px !important;
}

@media screen and (max-width: 896px) {
  .ml_150 {
    margin-left: 23.4375vw !important;
  }
}

.mt_160 {
  margin-top: 160px !important;
}

@media screen and (max-width: 896px) {
  .mt_160 {
    margin-top: 25vw !important;
  }
}

.mr_160 {
  margin-right: 160px !important;
}

@media screen and (max-width: 896px) {
  .mr_160 {
    margin-right: 25vw !important;
  }
}

.mb_160 {
  margin-bottom: 160px !important;
}

@media screen and (max-width: 896px) {
  .mb_160 {
    margin-bottom: 25vw !important;
  }
}

.ml_160 {
  margin-left: 160px !important;
}

@media screen and (max-width: 896px) {
  .ml_160 {
    margin-left: 25vw !important;
  }
}

.mt_170 {
  margin-top: 170px !important;
}

@media screen and (max-width: 896px) {
  .mt_170 {
    margin-top: 26.5625vw !important;
  }
}

.mr_170 {
  margin-right: 170px !important;
}

@media screen and (max-width: 896px) {
  .mr_170 {
    margin-right: 26.5625vw !important;
  }
}

.mb_170 {
  margin-bottom: 170px !important;
}

@media screen and (max-width: 896px) {
  .mb_170 {
    margin-bottom: 26.5625vw !important;
  }
}

.ml_170 {
  margin-left: 170px !important;
}

@media screen and (max-width: 896px) {
  .ml_170 {
    margin-left: 26.5625vw !important;
  }
}

.mt_180 {
  margin-top: 180px !important;
}

@media screen and (max-width: 896px) {
  .mt_180 {
    margin-top: 28.125vw !important;
  }
}

.mr_180 {
  margin-right: 180px !important;
}

@media screen and (max-width: 896px) {
  .mr_180 {
    margin-right: 28.125vw !important;
  }
}

.mb_180 {
  margin-bottom: 180px !important;
}

@media screen and (max-width: 896px) {
  .mb_180 {
    margin-bottom: 28.125vw !important;
  }
}

.ml_180 {
  margin-left: 180px !important;
}

@media screen and (max-width: 896px) {
  .ml_180 {
    margin-left: 28.125vw !important;
  }
}

.mt_190 {
  margin-top: 190px !important;
}

@media screen and (max-width: 896px) {
  .mt_190 {
    margin-top: 29.6875vw !important;
  }
}

.mr_190 {
  margin-right: 190px !important;
}

@media screen and (max-width: 896px) {
  .mr_190 {
    margin-right: 29.6875vw !important;
  }
}

.mb_190 {
  margin-bottom: 190px !important;
}

@media screen and (max-width: 896px) {
  .mb_190 {
    margin-bottom: 29.6875vw !important;
  }
}

.ml_190 {
  margin-left: 190px !important;
}

@media screen and (max-width: 896px) {
  .ml_190 {
    margin-left: 29.6875vw !important;
  }
}

.mt_200 {
  margin-top: 200px !important;
}

@media screen and (max-width: 896px) {
  .mt_200 {
    margin-top: 31.25vw !important;
  }
}

.mr_200 {
  margin-right: 200px !important;
}

@media screen and (max-width: 896px) {
  .mr_200 {
    margin-right: 31.25vw !important;
  }
}

.mb_200 {
  margin-bottom: 200px !important;
}

@media screen and (max-width: 896px) {
  .mb_200 {
    margin-bottom: 31.25vw !important;
  }
}

.ml_200 {
  margin-left: 200px !important;
}

@media screen and (max-width: 896px) {
  .ml_200 {
    margin-left: 31.25vw !important;
  }
}



/*// 余白設定（padding） //*/

.pt_0 {
  padding-top: 0px !important;
}

@media screen and (max-width: 896px) {
  .pt_0 {
    padding-top: 0vw !important;
  }
}

.pr_0 {
  padding-right: 0px !important;
}

@media screen and (max-width: 896px) {
  .pr_0 {
    padding-right: 0vw !important;
  }
}

.pb_0 {
  padding-bottom: 0px !important;
}

@media screen and (max-width: 896px) {
  .pb_0 {
    padding-bottom: 0vw !important;
  }
}

.pl_0 {
  padding-left: 0px !important;
}

@media screen and (max-width: 896px) {
  .pl_0 {
    padding-left: 0vw !important;
  }
}

.pt_10 {
  padding-top: 10px !important;
}

@media screen and (max-width: 896px) {
  .pt_10 {
    padding-top: 1.5625vw !important;
  }
}

.pr_10 {
  padding-right: 10px !important;
}

@media screen and (max-width: 896px) {
  .pr_10 {
    padding-right: 1.5625vw !important;
  }
}

.pb_10 {
  padding-bottom: 10px !important;
}

@media screen and (max-width: 896px) {
  .pb_10 {
    padding-bottom: 1.5625vw !important;
  }
}

.pl_10 {
  padding-left: 10px !important;
}

@media screen and (max-width: 896px) {
  .pl_10 {
    padding-left: 1.5625vw !important;
  }
}

.pt_20 {
  padding-top: 20px !important;
}

@media screen and (max-width: 896px) {
  .pt_20 {
    padding-top: 3.125vw !important;
  }
}

.pr_20 {
  padding-right: 20px !important;
}

@media screen and (max-width: 896px) {
  .pr_20 {
    padding-right: 3.125vw !important;
  }
}

.pb_20 {
  padding-bottom: 20px !important;
}

@media screen and (max-width: 896px) {
  .pb_20 {
    padding-bottom: 3.125vw !important;
  }
}

.pl_20 {
  padding-left: 20px !important;
}

@media screen and (max-width: 896px) {
  .pl_20 {
    padding-left: 3.125vw !important;
  }
}

.pt_30 {
  padding-top: 30px !important;
}

@media screen and (max-width: 896px) {
  .pt_30 {
    padding-top: 4.6875vw !important;
  }
}

.pr_30 {
  padding-right: 30px !important;
}

@media screen and (max-width: 896px) {
  .pr_30 {
    padding-right: 4.6875vw !important;
  }
}

.pb_30 {
  padding-bottom: 30px !important;
}

@media screen and (max-width: 896px) {
  .pb_30 {
    padding-bottom: 4.6875vw !important;
  }
}

.pl_30 {
  padding-left: 30px !important;
}

@media screen and (max-width: 896px) {
  .pl_30 {
    padding-left: 4.6875vw !important;
  }
}

.pt_40 {
  padding-top: 40px !important;
}

@media screen and (max-width: 896px) {
  .pt_40 {
    padding-top: 6.25vw !important;
  }
}

.pr_40 {
  padding-right: 40px !important;
}

@media screen and (max-width: 896px) {
  .pr_40 {
    padding-right: 6.25vw !important;
  }
}

.pb_40 {
  padding-bottom: 40px !important;
}

@media screen and (max-width: 896px) {
  .pb_40 {
    padding-bottom: 6.25vw !important;
  }
}

.pl_40 {
  padding-left: 40px !important;
}

@media screen and (max-width: 896px) {
  .pl_40 {
    padding-left: 6.25vw !important;
  }
}

.pt_50 {
  padding-top: 50px !important;
}

@media screen and (max-width: 896px) {
  .pt_50 {
    padding-top: 7.8125vw !important;
  }
}

.pr_50 {
  padding-right: 50px !important;
}

@media screen and (max-width: 896px) {
  .pr_50 {
    padding-right: 7.8125vw !important;
  }
}

.pb_50 {
  padding-bottom: 50px !important;
}

@media screen and (max-width: 896px) {
  .pb_50 {
    padding-bottom: 7.8125vw !important;
  }
}

.pl_50 {
  padding-left: 50px !important;
}

@media screen and (max-width: 896px) {
  .pl_50 {
    padding-left: 7.8125vw !important;
  }
}

.pt_60 {
  padding-top: 60px !important;
}

@media screen and (max-width: 896px) {
  .pt_60 {
    padding-top: 9.375vw !important;
  }
}

.pr_60 {
  padding-right: 60px !important;
}

@media screen and (max-width: 896px) {
  .pr_60 {
    padding-right: 9.375vw !important;
  }
}

.pb_60 {
  padding-bottom: 60px !important;
}

@media screen and (max-width: 896px) {
  .pb_60 {
    padding-bottom: 9.375vw !important;
  }
}

.pl_60 {
  padding-left: 60px !important;
}

@media screen and (max-width: 896px) {
  .pl_60 {
    padding-left: 9.375vw !important;
  }
}

.pt_70 {
  padding-top: 70px !important;
}

@media screen and (max-width: 896px) {
  .pt_70 {
    padding-top: 10.9375vw !important;
  }
}

.pr_70 {
  padding-right: 70px !important;
}

@media screen and (max-width: 896px) {
  .pr_70 {
    padding-right: 10.9375vw !important;
  }
}

.pb_70 {
  padding-bottom: 70px !important;
}

@media screen and (max-width: 896px) {
  .pb_70 {
    padding-bottom: 10.9375vw !important;
  }
}

.pl_70 {
  padding-left: 70px !important;
}

@media screen and (max-width: 896px) {
  .pl_70 {
    padding-left: 10.9375vw !important;
  }
}

.pt_80 {
  padding-top: 80px !important;
}

@media screen and (max-width: 896px) {
  .pt_80 {
    padding-top: 12.5vw !important;
  }
}

.pr_80 {
  padding-right: 80px !important;
}

@media screen and (max-width: 896px) {
  .pr_80 {
    padding-right: 12.5vw !important;
  }
}

.pb_80 {
  padding-bottom: 80px !important;
}

@media screen and (max-width: 896px) {
  .pb_80 {
    padding-bottom: 12.5vw !important;
  }
}

.pl_80 {
  padding-left: 80px !important;
}

@media screen and (max-width: 896px) {
  .pl_80 {
    padding-left: 12.5vw !important;
  }
}

.pt_90 {
  padding-top: 90px !important;
}

@media screen and (max-width: 896px) {
  .pt_90 {
    padding-top: 14.0625vw !important;
  }
}

.pr_90 {
  padding-right: 90px !important;
}

@media screen and (max-width: 896px) {
  .pr_90 {
    padding-right: 14.0625vw !important;
  }
}

.pb_90 {
  padding-bottom: 90px !important;
}

@media screen and (max-width: 896px) {
  .pb_90 {
    padding-bottom: 14.0625vw !important;
  }
}

.pl_90 {
  padding-left: 90px !important;
}

@media screen and (max-width: 896px) {
  .pl_90 {
    padding-left: 14.0625vw !important;
  }
}

.pt_100 {
  padding-top: 100px !important;
}

@media screen and (max-width: 896px) {
  .pt_100 {
    padding-top: 15.625vw !important;
  }
}

.pr_100 {
  padding-right: 100px !important;
}

@media screen and (max-width: 896px) {
  .pr_100 {
    padding-right: 15.625vw !important;
  }
}

.pb_100 {
  padding-bottom: 100px !important;
}

@media screen and (max-width: 896px) {
  .pb_100 {
    padding-bottom: 15.625vw !important;
  }
}

.pl_100 {
  padding-left: 100px !important;
}

@media screen and (max-width: 896px) {
  .pl_100 {
    padding-left: 15.625vw !important;
  }
}