@charset "utf-8";
/*202303AD start*/
#gHeader .hBox {padding: 12px;}
.img-fluid {
max-width: 100%;
height: auto;
}
.sec_mv {
background:url(/ad/common/include/body_messages/img_lp200/bg_lp200_202303AD_v2.png) center center no-repeat #88cb8c;
background-size: cover;
position: relative;
}

.obi-202303AD {
background: /*#006a45*/#12664c; 
padding: 1rem; 
text-align: center;
box-sizing: border-box;
}

.obi-swap {
background: #f8db42;
}
.obi-swap div {
margin: 0 auto;
max-width: 850px;
}

@media(min-width: 768px) {
.obi-swap {
padding: .5rem 1rem;
}
.display-sp {display: none}
.top-btn {
position: absolute;
bottom: 4rem;
right: 44px;
}
.w950 {
margin: 0 auto;
max-width: 950px;
}
.sec_mv .inner {
position: relative;
margin: 0 auto;
max-width: 950px;
padding-bottom: 0%;
text-align: center;
}
.top-img img {
margin-top: 1.5rem;
}
.obi-202303AD {
padding: 2.4rem 1rem; 
}
.obi-202303AD img {
max-width: 740px;
width: auto !important;
}
}

@media(min-width: 992px) {
.top-img img {
margin-top: 4rem;
/*padding: 0 3rem;*/
}
}

@media(max-width: 767.9px){
.top-btn {
position: absolute;
text-align: center;
padding-bottom: 1rem;
bottom: 0;
width: 100vw;
background: #e6f7ff;
}
.top-btn > .display-sp {
margin:-2.9rem 0 .6rem;
}
.top-btn > .display-sp > img {
width: auto !important;
margin: auto; 
padding: 0  4rem;
box-sizing: border-box;
}
}

@media(min-width: 850px) and (max-width: 920px) {
.top-btn {
bottom: 4.7rem;
right: 8vw;
}
}
@media(min-width: 800px) and (max-width: 849px) {
.top-btn {
bottom: 4.2rem;
right: 8.5vw;
}
}
@media(min-width: 768px) and (max-width: 799.8px) {
.top-btn {
bottom: 4.8rem;
right:71px;
}
}

/*@media(max-width: 767.8px){
.topinner-img {
padding-bottom:8.5rem;
}
}*/
@media(max-width: 500px){
.top-btn > .display-sp {
margin:-2.2rem 0 .6rem;
}
}
@media(max-width: 423px){
.top-btn > .display-sp {
margin:-1.5rem 0 .6rem;
}
}
/*@media(max-width: 370px){
.topinner-img {
padding-bottom: 7.5rem;
}
}*/

/*申込みbtn オレンジ*/
.btn-orange {
font-family:"Hiragino Kaku Gothic ProN",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
position: relative;
display: block;
margin: 0 auto;
padding: /*13px 0*/15px 0;
width: /*280*/ 380px;
background:#e34f28;
border-radius: 50rem;
text-align: center;
font-size:2.56rem;
line-height: 1.2;
vertical-align: middle;
color: #fff !important;
transition: all .3s ease-in-out;
}
.btn-orange:after {
display: inline-block;
position: absolute;
content: "";
background: url("/ad/common/include/body_messages/img_common/arrow-down-w.svg") no-repeat;
transform: rotate(-90deg);
height: /*21px*/26px;
width: /*22px*/26px;
top: 1.8rem;
right: 2.2rem;
transition: .2s;
}
@media(max-width: 767.9px){
.btn-orange {
width: 280px;
font-size: 1.84rem;
}
.btn-orange:after {
height: 21px;
width: 22px;
top: 1.4rem;
}
}
.btn-orange:hover, .btn-orange:focus {
color: #fff;
background: #ff6d47;
opacity: 1 !important;
}
.btn-orange:hover:after, .btn-orange:focus:after {
right: 1.8rem ; 
}
/*202303AD end*/



/*2023/10_ConCP*/
.swap-concp-text {
font-size: 1.3rem;
line-height: 1.4;
text-align: left;
font-family: none;
color: #fff;
padding-bottom: 3rem;
margin-top: -3rem;
}
a,a:visited{
    color: #fff;
}
.ConCP {
padding: 40px 20px !important;
}
@media(max-width: 767px){
.swap-concp-text {
font-size: 0.8rem;
line-height: 1.5;
padding-bottom: 1rem;
margin-top: -2rem;
}
.ConCP {
padding: 40px 10px !important;
}
}

#main .reason .greenBox .textBox .textImg {
text-align: center;
}

.incentive-area{
    font-weight: bolder;
    text-align: center;
    padding: 2rem 0 1rem;
}

@media (min-width: 1200px){
    .incentive-pc {
        display: flex;
        justify-content: space-around;
        margin-top: 1rem;
        align-items: end;
}
}

.incen-wrapper{
	background-color: #F8F5E9;
    padding: 10% 0 4% 0;
    position: relative;
    text-align: center;
    border-radius: 5px
}


@media (min-width: 768px){
    .incen-wrapper {
        margin-top:6rem;
    }
    }

@media (min-width: 1200px){
.incen-wrapper {
    padding: 5% 2% 2% 2%;
    width: 40%;
    height: fit-content;
}
}

.incentive-area .container>p{
    padding-bottom:7%;
    font-size: 2.1rem;
    color: #ffffff;
}

@media (min-width: 768px){
    .incentive-area .container>p{
        padding-bottom:0;
        font-size: 3.6rem;
}
}

.incentive-yen {
    font-size: 3rem;
    font-weight: bold;
	color:#AF2025;
}

@media (min-width: 768px){
    .incentive-yen {
        font-size: 5.6rem;
    }
}

.incentive-more{
    padding: 6% 0 10%;
    text-align: center;
    color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1199px){
    .incentive-more {
        padding: 6% 0 6%;
    }
}

.incentive-more P{
    margin-bottom:0 !important;
}


.incentive-more div{
    font-size: 2rem;
    border-radius: 30px;
    background-color: #FFFAA4;
    display: inline-block;
    padding: 0 7px;
    color: #21906E;
}

@media (min-width: 768px){
.incentive-more div {
    font-size: 3rem;
    padding: 0 17px;
}
}

.incen-detail-1{
    background-color: #EBDD92;
    display: inline-block;
    padding: 2%;
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    font-size: 1.8rem;
    color: #773E0E;
    border-radius: 5px;
}

@media (min-width: 768px) and (max-width: 1199px){
    .incen-detail-1{
        font-size: 3rem;
    }
}

@media (min-width: 1200px){
    .incen-detail-1{
        padding: 2%;
        font-size: 2.8rem;        
        white-space: nowrap;
}
}

.incen-detail-2{
    color:#AF2025;
    font-size:1.5rem;
}

@media (min-width: 768px) and (max-width: 1199px){
    .incen-detail-2{
        font-size:2.5rem;
    }
}

@media (min-width: 1200px){
    .incen-detail-2{
        font-size:2rem;
    }

    .incentive-pc-br{
        display: block;
    }
}

.cta-sec{
        padding: 3rem 0 1rem;
        text-align: center;
}

@media (min-width: 1200px){
    .cta-sec{
        padding: 8rem 0 0 0;
    }
}

.cta-txt{
    font-size: 2.1rem !important;
}

@media (min-width: 768px){
    .cta-txt{
        font-size: 3.6rem !important;
    }
}

.cta-txt h2{
    color:#FFFAA4;
    padding: 1%;
    margin-bottom: 0.5rem;
}

.cta-txt h3{
    color:#ffffff;
}

@media (min-width: 1200px){
    .cta-txt h3{
        padding-top: 1rem;
    }
}

div.container{
    position: inherit;
}

@media (max-width: 768px){
body .sk_wrap .main .sec_cvBtn .inner .cvBtn{
    position:inherit !important;
    padding-bottom: 2rem;
}
}

h2:not(.cta-sec),h3:not(.cta-sec){
    font-weight: bold !important;
}

body .sk_wrap .bdrTop.prevSecGreen {
    background-color: #FFD921;
}

@media (min-width: 769px){
    div.container {
        width: initial;
        height:auto;
        }
}

@media (min-width: 769px){
    div.container > div {
        position: initial;
        left: 0;
    }
}

@media (min-width: 769px) {
    body .sk_wrap .main .sec_cvBtn .inner .cvBtn {
        padding: 3rem 0;
    }
}

/* フローティング上テキスト */
.incen-flt{
    color:#ffffff;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
  }
  
  
  @media (min-width: 768px){
    .incen-flt{
      font-size: 2.5rem;
    }
  }