@charset "utf-8";

/* PC・SP共通設定
---------------------------------------------------------- */
html * {
  box-sizing: border-box;
  font-family: "Outfit","Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif; 
  font-weight: 400;
  font-style: normal;
  line-height:1.5rem;
}

.u-bold,
.u-bold * {
  font-weight: 700;
}
body {
  margin: 0;
}
img {
  max-width: 100%;
  width: auto;
}

a,
a:visited,
a:hover,
a:active {
  color: #000;
}

/* パソコンで見たときは"pc"のclassがついたテキスト・画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついたテキスト・画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/* #header
---------------------------------------------------------- */
#header {
  max-width: 100%;
  box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.header_inner{
	width: 1100px;
	margin: 1.2rem auto;
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .header_inner {
    width: 90%;
	margin: 0.8rem 0 0.4rem 0.6rem;
  }
}

.header_inner_img{
	width: 6.5rem;
}



/* #footer
---------------------------------------------------------- */
#footer {
  background-color: #fff;
}

.footer_section1{
	width: 1100px;
	margin: auto;
	padding: 65px 20px;
	text-align: right;
}

/* ▼ スマホ（幅750px以下）対応
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .footer_section1 {
    width: 100%;
    padding: 1.5rem 1rem;
    text-align: right;
	font-size: 0.75rem;
  }
}

.footer_section2{
  width: 100%;
  background-image: url(../images/bg_greenbelt.png);
}

.footer_section2_main{
	width: 1100px;
	margin: auto;
	padding: 15px 20px;
	background-color: #009360;
}


/* ▼ スマホ（幅750px以下）対応
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .footer_section2 {
    width: 100%;
    padding: 0;
	background-color: #009360;
  }
}

/* ▼ スマホ（幅750px以下）対応
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.footer_section2_main{
	width: 100%;
	margin: auto;
	padding: 15px 20px;
	background-color: #009360;
}
}

.footer_section2_flex{ /* フレックスボックスfooterの部分 */
  display: flex;
  flex-direction: row;       /* PCは横並び */
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;            /* 中央寄せ */
  gap: 1rem;                 /* 要素間の余白 */
  flex-wrap: wrap;           /* 行が足りない場合の折り返し対策 */
}

.footer_section2_right{
	width:78%;
}

/* スマホ用（750px以下）では2列に変更　あとで移動：縦並びに切り替え
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
	.footer_section2_right{
	width:100%;
	text-align: center;
}
}

/* スマホ用（750px以下）SPのみ
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
	.footer_section2_right .appeal_text{
	text-align: left;
}
}

div.footer_section2right-txt p {
	display: inline-block;
    font-size: 0.8rem;
    color: #fff;
    padding-right: 1rem;
	margin: 0;
}

.footer_section2_left{
	width:20%;
	position: relative; 
}

/* スマホ用（750px以下）では2列に変更　あとで移動：縦並びに切り替え
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.footer_section2_left{
	width:80%;
	position: relative; 
}	
}

.footer_section2_left img{
	text-align:right;
	  width:100%;
      }

.footer_section2_left p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.5rem;
    color: #000;
    padding: 0 1rem 0 0;
    margin: 1rem 0 0.5rem 0.5rem;
    line-height: 50%;
    width: 50%;
}

.footer_section2right-txt a {
  color: #fff;
}

.footer_section2_left a {
  color: #000;
  text-decoration: none; /* 下線を消したい場合（任意） */
}

/* スマホ用（750px以下）では2列に変更　あとで移動：縦並びに切り替え
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .footer_section2_flex{
    flex-direction: column;
  }
}

.footer_section3{
	width: 1100px;
	margin: auto;
	text-align: right;
}

/* ▼ スマホ（幅750px以下）対応
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .footer_section3 {
    width: 100%;
    text-align: center;
  }
}



/* #contents
---------------------------------------------------------- */

h1 {
	margin: 0 auto;
}

.mv{
	margin:0 auto;
	text-align: center;
	background-color: #B40A13;
}
.mv img {
  display: block;
  margin: 0 auto;
}

/* フォント切替 */

.red-txt{
	color: #B40A13;
}

.grn-txt{
	color: #009360;
}

.wh-txt{
	color: #fff;
}

.yel-txt{
	color: #FDF102;
}


/* 全体
---------------------------------------------------------- */

.bg-red{
	background-color: #B40A13;
	width: 100%;
	padding: 77px 0px 100px 0px;
}

@media screen and (max-width: 750px) {
.bg-red{
	background-color: #B40A13;
	width: 100%;
	padding: 30px 0px 20px 0px;
	margin: 4rem 0;
}
}
	
.main{
	width: 1100px;
	margin: auto;
}

/* ▼ スマホ（幅750px以下）対応
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .main {
    width: 90%;
  }
}

/* キャッチコピー
---------------------------------------------------------- */
.catchphrase{
	width: 1100px;
	margin: auto;
	background-image: url(../images/bg-red_pc.png);
 	background-repeat: no-repeat;
	background-size: cover;
 	padding: 7.8rem 0;
	margin: auto;
	height: 580px;
}

/* スマホ用（750px以下）あとで移動：SP:width100%
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
    .catchphrase {
        width: 100%;
        margin: auto;
        background-image: url(../images/bg-red_pc.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 4rem 0;
        margin-top: -3.6rem;
        height: 30rem;
    }
}


.bg-wh{
	background-color: #FFF;
	width: 100%;
	padding: 30px 0px 0px 0px;
}

/* スマホ用（750px以下）あとで移動：SP:width100%
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.bg-wh{
	background-color: #FFF;
	width: 100%;
	padding: 0 0 0.5rem 0;
}
}

.catchphrase_flex { /* フレックスボックスキャッチコピー部分*/
  display: flex;
  flex-direction: row;       /* PCは横並び */
  justify-content: flex-start;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;            /* 中央寄せ */
  gap: 1rem;                 /* 要素間の余白 */
  flex-wrap: wrap;           /* 行が足りない場合の折り返し対策 */
}

.catchphrase_img{
	width: 20%;
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
    .catchphrase_img {
        width: 37%;
    }
}

.catchphrase_txt{
	width: 78%;
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
    .catchphrase_txt {
        width: 60%;
		margin-top: -1rem;
    }
}

/* ▼ スマホ（幅750px以下）対応：.catchphrase_flex 横並び固定
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.catchphrase_flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 95%;
    margin: 0 auto;
	margin-top: 2rem;
    gap: 0.2rem;
    flex-wrap: wrap;
}
}


/* ▼ スマホ（幅750px以下）対応　スピードくじ画像　※スマホのみCSS 
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.speed＿lottery_img{
	width: 100%;
}
}

/* ▼ スマホ（幅750px以下）対応　テキスト上部　※スマホのみCSS 
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.catchphrase_txt{
	width: 60%;
}
}
	

/* 店舗表示
---------------------------------------------------------- */

ul.store-list{
 display: flex;
 width: 650px;
 margin: 0 auto 100px auto;
 list-style-type: none; /* デフォルトのマーカーを非表示にする */
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
ul.store-list {
    display: flex;
    width: 19rem;
    margin: auto;
    list-style-type: none;
}
}

.store-list {
  width: 650px;         /* 横幅を指定 */
  margin: 0 auto;       /* 中央寄せ */
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
  padding-top: 2rem;
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.store-list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    padding: 0;
}
}

.store-list li {
  flex: 0 0 calc(25% - 1rem);  /* PC: 4列（幅の計算） */
  padding: 1rem 0;
  text-align: left;
  box-sizing: border-box;
}


/* スマホ用（750px以下）では2列に変更　あとで移動
-------------------------------------------------- */
@media screen and (max-width: 750px) {
  .store-list li {
  flex: 0 0 calc(50% - 1rem);  /* SP: 2列 */
  padding: 0.05rem 0;
  }
}

/* 景品内容の上部テキスト
---------------------------------------------------------- */



/* 対戦スケジュール
---------------------------------------------------------- */
.match-schedule-box{
	border-radius: 20px;
	background-color: #fff;
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.match-schedule-box{
	border-radius: 15px;
	background-color: #fff;
	padding: 0.3rem 0 0.2rem 0;
	margin-top: 1.2rem;
}
}

.match-schedule-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
  list-style: none;
  padding: 0 0 3.5rem 0;
  margin: 2rem auto;
  max-width: 1000px;
white-space: nowrap;
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
	.match-schedule-list {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    gap: 1rem;
	    list-style: none;
	    padding: 0 0 0.5rem 0;
	    margin: 2rem auto;
	    max-width: 100%;
	    white-space: nowrap;
	}
}


ul.match-schedule-list{
	width:60%;
	text-align: left;
}

/* ▼ スマホ（幅750px以下）対応：
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
	ul.match-schedule-list {
	    width: 90%;
	    text-align: left;
	}
}

.match-schedule-list li {
  flex: 0 0 calc(100% - 1rem); 
  text-align: left;
  padding: 0.3rem;
}

/* スマホ用（750px以下）では2列に変更　あとで移動：2列に切り替え
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .match-schedule-list li {
    flex: 0 0 calc(50% - 1rem);  /* 2列表示 */
    text-align: left;
  }
}

.vs{
  padding-left: 30px;	
}

/* スマホ用（750px以下）では2列に変更　あとで移動：2列に切り替え
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
.vs{
  padding-left: 0;	
}
}

.match_schedul_flex { /* フレックスボックス景品内容の部分 */
  display: flex;
  flex-direction: row;       /* PCは横並び */
  justify-content: flex-start;
  align-items: center;
  max-width: 820px;
/*  max-width: 800px;*/
  margin: 0 auto;            /* 中央寄せ */
  gap: 1rem;                 /* 要素間の余白 */
  flex-wrap: wrap;           /* 行が足りない場合の折り返し対策 */
}

.match_schedul_img{
	width: 18%;
}

.match_schedul_txt{
	width: 75%;
}

/* ▼ スマホ（幅750px以下）対応：.match_schedul_img, .match_schedul_txt
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
	.match_schedul_img,
	.match_schedul_txt {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .match_schedul_img img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
}

/* スマホ用（750px以下）では2列に変更　あとで移動：縦並びに切り替え
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .match_schedul_flex {
    flex-direction: column;
  }
}


/* 注意事項
---------------------------------------------------------- */

ul.caution {
  width: 600px;
  margin: 0 auto;
  padding: 0;
  line-height: 2rem;
  font-size: 1rem;
  color: #333;
  list-style-type: none;/* ●マーカーを非表示 */
  padding-left: 0em;        /* マーカー分の余白 */
}

/* スマホ用（750px以下）では2列に変更　あとで移動：縦並びに切り替え
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
 ul.caution{
    width: 90%;
    margin: 0 auto;
    padding: 0;
    line-height: 0rem;
    font-size: 0.8rem;
    color: #333;
    list-style-type: none;
    padding-left: 0em;
}
}

.caution li {
  margin-bottom: 0rem;
  line-height: 1.55;
  padding-left: 0.5rem;          /* インデント全体分 */
  text-indent: -1rem;          /* 1行目だけ戻すことで2行目以降が右にずれる */
}

/* ▼ スマホ（幅750px以下）対応 あとで移動
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .caution-text {
    width: 90%;               /* スマホでは画面幅の90%に可変 */
    padding-left: 1.2rem;     /* 左に余白をつけてlist-styleがはみ出さないように */
    font-size: 1.2rem;        /* 少し文字サイズを小さくして読みやすく */
  }
}



/*---ここからフォント---------------------------------------------------------------------------- */



/* ▼ スマホ（幅750px以下）対応：.match_schedul_img, .match_schedul_txt
---------------------------------------------------------- */
@media screen and (max-width: 750px) {
  .match_schedul_img,
  .match_schedul_txt {
    width: 100%;
  }
}

/* PC・SP共通設定　フォントサイズ
-------------------------------------------------- */
.number{
 font-family: "Outfit", sans-serif;
}

.wh{
 color:#fff;   /* 白色 文字の色のみ指定 */
}

.yel{
 color:#FDF102;   /* 黄色 文字の色のみ指定 */
}

.noto_only{
 font-family: "Noto Sans JP", sans-serif;   /* Noto Sans JP フォントのみ指定 */
}
.outfit_only{
 font-family: "Outfit", sans-serif;   /* Outfit フォントのみ指定 */
}

.center{
	text-align: center;
}

/* #h2
---------------------------------------------------------- */

h2.yel {
  font-size: inherit;
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

/* #h3
---------------------------------------------------------- */
h3.red {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size:2rem;
  color:#B40A13 ;
  margin-bottom: 5rem;
}
h3.red::before,
h3.red::after {
  background-color:#B40A13; /* 横線の色 */
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 4px; /* 横線の高さ */
}
h3.red::before {
  margin-right: 15px; /* 文字との余白 */
}
h3.red::after {
  margin-left: 15px; /* 文字との余白 */
}

h3.wh {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size:2rem;
  color:#fff ;
  margin-bottom: 5.5rem;
}
h3.wh::before,
h3.wh::after {
  background-color:#fff; /* 横線の色 */
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 4px; /* 横線の高さ */
}
h3.wh::before {
  margin-right: 15px; /* 文字との余白 */
}
h3.wh::after {
  margin-left: 15px; /* 文字との余白 */
}

.spc-top{
margin-top: 4rem;
}

h4 {
  position: relative;
  padding: 1.5rem;
  text-align: center;
  font-size: 1.7rem;
  color: #009360;
  font-weight: 600;
  padding-top: 3rem;
}

h4:before {
  position: absolute;
  bottom: -2px;
  left: calc(50% - 20px);
  width: 36px;
  height: 0.14rem;
  content: '';
  background: #009360;
}


/* sec1　フォントサイズ　キャッチコピー
-------------------------------------------------- */

.text-mix span { /*文字の重なりを防ぐためのCSS、親要素 <p> にも line-height を指定*/
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.2;
}

.sec1-appeal-text1 {
  font-size: 2.2rem;
  font-weight: 800;
  font-family: "Noto Sans JP", sans-serif;
}

.sec1-appeal-text2 {
  font-size: 3rem;
  font-weight: 800;
  font-family: "Noto Sans JP", sans-serif;
}

.sec1-appeal-text3 {
  font-size: 2rem; 
  font-weight: 800;
  font-family: "Noto Sans JP", sans-serif;
}

.sec1-details1 {
  font-size: 1.5rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
}

.sec1-details2 {
  font-size: 1.5rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.sec1-48persons {
  font-size: 2rem; 
  font-weight: 500;
}


/* sec2　フォントサイズ　キャンペーン期間
-------------------------------------------------- */

.sec2-basis{
	letter-spacing: -0.08em;
}

.sec2-number1 {
  font-size: 1.4rem; 
  font-weight: 400;
}

.sec2-number2 {
  font-size: 2.4rem; 
  font-weight: 400;
}

.sec2-txt{
  font-size: 1.5rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}

/* sec3　フォントサイズ　対象店舗
-------------------------------------------------- */

.sec3-txt{
  font-size: 1.1rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.sec3-shop{
  font-size: 1rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}


/* sec4　フォントサイズ　景品内容
-------------------------------------------------- */

.sec4-summary{
  font-size: 1.55rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 180%;
  letter-spacing: -0.01em;
}

.sec4-48persons{
  font-size: 1.5rem; 
  font-weight: 500;
  letter-spacing: -0.01em;
}

.sec4-annotation{
  font-size: 1rem; 
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
}

.sec4-schedule{
  font-size: 1.3rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}

.sec4-opponent{
  font-size: 1.3rem; 
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
}


/* sec5　フォントサイズ　注意事項
-------------------------------------------------- */
.sec5{
	background: #fafafa;
	padding-top: 0em;
	padding-bottom: 2rem;
	margin-top: 5rem;
}

.sec5-secretariat{
  font-size: 1rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 0;
}

.sec5-company{
  font-size: 1rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 0;
}

.sec5-contact{
  font-size: 1.1rem; 
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
}

.sec5-receptio_hours{
  font-size: 1rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}




/* sec6　フォントサイズ　footer
-------------------------------------------------- */

.sec6-txt{
  font-size: 1.1rem; 
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

.sec6-chintai{
  font-size: 1.1rem; 
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

/*---ここからSP---------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {

/* #h3（SP）
---------------------------------------------------------- */
h3.red {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size:1.4rem;
  color:#B40A13 ;
  margin-bottom: 3rem;
}
h3.red::before,
h3.red::after {
  background-color:#B40A13; /* 横線の色 */
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 2px; /* 横線の高さ */
}
h3.red::before {
  margin-right: 15px; /* 文字との余白 */
}
h3.red::after {
  margin-left: 15px; /* 文字との余白 */
}

h3.wh {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size:1.4rem;
  color:#fff ;
  margin-bottom: 3rem;
}
h3.wh::before,
h3.wh::after {
  background-color:#fff; /* 横線の色 */
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 2px; /* 横線の高さ */
}
h3.wh::before {
  margin-right: 15px; /* 文字との余白 */
}
h3.wh::after {
  margin-left: 15px; /* 文字との余白 */
}

.spc-top{
margin-top: 3.5rem;
}
	
/* #h4（SP）
---------------------------------------------------------- */
h4 {
  position: relative;
  padding: 0.4rem;
  text-align: center;
  font-size: 1.25rem;
  color: #009360;
  font-weight: 600;
}

h4:before {
  position: absolute;
  bottom: -8px;
  left: calc(50% - 20px);
  width: 40px;
  height: 2px;
  content: '';
  background: #009360;
}
	
	
/* sec1（sp）　フォントサイズ　キャッチコピー
-------------------------------------------------- */

.text-mix span { /*文字の重なりを防ぐためのCSS、親要素 <p> にも line-height を指定*/
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.2;
}

.sec1-appeal-text1 {
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.sec1-appeal-text2 {
  font-size: 1.65rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.sec1-appeal-text3 {
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  display: inline-block;
  vertical-align: -0.05rem !important; 
  line-height: 1;
}

.sec1-details1 {
  font-size: 1.1rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
}

.sec1-details2 {
  font-size: 1.4rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.sec1-48persons {
  font-size: 2rem; 
  font-weight: 500;
}


/* sec2（sp）　フォントサイズ　キャンペーン期間
-------------------------------------------------- */

.sec2-basis{
	letter-spacing: -0.08em;
}

.sec2-number1 {
  font-size: 1.2rem; 
  font-weight: 400;
}

.sec2-number2 {
  font-size: 1.8rem; 
  font-weight: 400;
}

.sec2-txt{
  font-size: 1.1rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}

/* sec3（sp）　フォントサイズ　対象店舗
-------------------------------------------------- */

.sec3-txt{
  font-size: 0.9rem; 
  font-weight: 300;
  font-family: "Noto Sans JP", sans-serif;
}

.sec3-shop{
  font-size: 0.9rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}


/* sec4（sp）　フォントサイズ　景品内容
-------------------------------------------------- */

.sec4-summary{
  font-size: 1.2em; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 140%;
  letter-spacing: -0.05em;
  text-align: center;
}

.sec4-48persons{
  font-size: 1.2rem; 
  font-weight: 500;
  letter-spacing: -0.01em;
}

.sec4-annotation{
  font-size: 0.86rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  text-indent: -1rem;
  padding: 0 0.8rem;
}

.sec4-schedule{
  font-size: 1rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}

.sec4-opponent{
  font-size: 0.96rem; 
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}


/* sec5（sp）　フォントサイズ　注意事項
-------------------------------------------------- */
.sec5 {
    background: #fafafa;
    padding-top: 0.1rem;
    padding-bottom: 1.5rem;
    margin-top: 2.5rem;
}

.sec5-secretariat{
  font-size: 0.97rem; 
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 0;
}

.sec5-company{
  font-size: 0.85rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 0;
}

.sec5-contact{
  font-size: 1rem; 
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
}

.sec5-receptio_hours{
  font-size: 0.88rem; 
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}


/* sec6（sp）　フォントサイズ　footer
-------------------------------------------------- */

.sec6-txt{
  font-size: 1.1rem; 
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

.sec6-chintai{
  font-size: 1.1rem; 
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

	
	
/* ▼ スマホ<P>タグ上下余白調整用css
---------------------------------------------------------- */

	.mgn{
		margin: 1.5rem 0 0 0;
	}
	.mgn_top{
		margin-top: 0.2rem;
	}
	.mgn_bottom{
		margin-bottom: 0;
	}
	
	
} /*※@media screen終了*/