@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　特典ページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
#tokuten{
    background-image:url(../images/tokuten/bg.jpg);
    background-size: cover;
    padding-top:2%;
}
.tokuten-title{
    text-align: center;
    position:relative;
}
.tokuten-title img{
    max-width:996px;
    width:100%;
    position:relative;
    z-index:100;
}

.inner{
    width:100%;
    position: relative;
    overflow: hidden;
}

.tokuten-area01{
    width:100%;
    height: auto;
    /* padding:0 15px 35px; */
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
    margin-top: 2%;
    overflow: hidden;
}

    .example {
      width: 100%;
      overflow: hidden;
    }

    .example-content {
        border: 10px solid #FF3B00;
      width: 100%;
      height: auto;
      border-radius: 4vw; /* vw 単位を使用してビューポート幅に対する相対的な値に変更 */
      overflow: hidden;
      background-color: #ffffff;
      color: #ffffff;
      box-sizing: border-box; /* paddingが要素のサイズに含まれるように修正 */
    }

.tokuten-area01_flex{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    justify-content:space-between;
    flex-direction: column;
    border-radius: 4%;
    padding:4% 4% 0 4%;
    box-sizing: border-box;
}
.tokuten-area02_flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    flex-direction: column;
    border-radius: 20px;
    padding:5%;
    margin: 2% 3%;
    box-sizing: border-box;
}
.tokuten-area02_list,.tokuten-area02_text{
    width:100%;
    margin-top: 20px;
}



.tokuten-area_text {
    padding-inline: 15px;
}
.tokuten-area01_list,.tokuten-area01_note{
    width:100%;
    font-weight: 900;
    font-size:3.2vw;
    text-align: right;
}

.tokuten-area01_text{
    font-size: 12px;
    font-weight:500;
    padding-left:0;
    padding-bottom: 6%;
    padding-top:1em;
}

.tokuten_attention{
    width:100%;
    margin-inline: auto;
    line-height: 1.5;
    font-size: 3.2vw;
}
@media screen and (min-width:640px){
    .example-content{
        border: 20px solid #FF3B00;
    }

    .tokuten_attention{
        font-size: 16px;
    }

}
@media screen and (min-width:745px){
.tokuten-area01{
    margin-bottom: 30px;
    padding-bottom:30px;
}
.tokuten_tokuten01 {
}

.tokuten_tokuten02 {
}

.tokuten-area01_flex{
    flex-direction: row;
}
.tokuten-area02_flex{
        flex-direction: row;
        padding: 2% 3%;
    }
.tokuten-area01_list{
    width:90%;
    margin-right: 2%;
}
.tokuten-area02_list{
        width:100%;
    }
.tokuten-area02_text{
        width:48%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 3%;
    }

.tokuten-area01_note{
    font-size: 28px;
}

.tokuten-area01_text{
    font-size: 21px;
    line-height: calc(32 / 21);
    width: 90%;
    padding-left:1em;
    padding-top:0;
}

.tokuten_attention{
    width:90%;
    font-size: 18px;
}
}
@media screen and (min-width:1026px){
    .tokuten-title{
        max-width:1045px;
        margin: 0 auto;
    }
    .tokuten-title img{
        width:100%;
    }
}