@charset "UTF-8";
/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	$size:object-fitの値

	@include objectfit();
	@include objectfit('contain');
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*SPのフォントサイズ
 デザインカンプ横幅 720pxに合わせるために仕様*/
/*
	$weight:フォントの太さ
	@include f_noto_cjk();
	@include f_noto_cjk(700);
*/
/*
	$weight:フォントの太さ
	@include f_trajan();
*/
/*
	$weight:フォントの太さ
	@include f_prata();
*/
/*
	$weight:フォントの太さ
	@include f_roboto();
*/
/*
	$weight:フォントの太さ
	@include f_dancing();
*/
/*
	$weight:フォントの太さ
	@include f_barlow();
*/
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
/* ===========================
下層共通
============================*/
.sec_pankuzu {
  margin-top: 1.8rem;
}
@media screen and (max-width: 640px) {
  .sec_pankuzu {
    margin-top: 1.09rem;
  }
}

.in1300 {
  width: 100%;
  max-width: 13rem;
  padding: 0 0.5rem;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .in1300 {
    padding: 0 0.3rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.in1200 {
  width: 100%;
  max-width: 13rem;
  padding: 0 0.5rem;
  position: relative;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .in1200 {
    padding: 0 0.3rem;
  }
}

.in1100 {
  width: 100%;
  max-width: 12rem;
  padding: 0 0.5rem;
  position: relative;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .in1100 {
    padding: 0 0.3rem;
  }
}

.in1000 {
  width: 100%;
  max-width: 11rem;
  padding: 0 0.5rem;
  position: relative;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .in1000 {
    padding: 0 0.3rem;
  }
}