#campaign202311 .main { position:relative; text-align:center; margin:0 0 50px; }
#campaign202311 .main img { width:100%; max-width:1100px; }
#campaign202311 .main .main_img_smp { display:none; }
#campaign202311 .main .main_btn { position:absolute; bottom:20px; width:100%; }
#campaign202311 .main .main_btn li { list-style:none; display:inline; margin:0 10px; }
#campaign202311 .main .present_text { font-weight:700; font-size:1.3rem; margin:0 10px ; }

#campaign202311 .step { padding:30px 0; margin:0 0 30px; text-align:center; }
#campaign202311 .step h3 { color:#000000; font-size:3.0rem; margin:0 0 30px; }
#campaign202311 .step .step_box { _background:#ffffff; width:29%; display:inline-table; margin:20px 20px 0; position:relative; }
#campaign202311 .step p { color:#000000; font-size: 1.4rem; _margin:0 0 0; text-align:left; }
#campaign202311 .step .step_num { font-weight:600;font-size:1.8rem; }
#campaign202311 .step .step_num img { width:80px; margin:0 10px 0 0; }
#campaign202311 .step img.step_img { width:100%; max-width:320px; border:solid 1px #cfcfcf; }
#campaign202311 .step .step_text { margin:15px 0 20px; }
#campaign202311 .step .step_btn { text-align: center; }
#campaign202311 .step .step_btn img { width:150px; margin:0 0 0 0; }
#campaign202311 .step .arrow { width:25px; position:absolute; top:150px; right:-35px; }
#campaign202311 .step .arrow img { width:100%; margin:0 0 0 0; }

#campaign202311 .gaiyo { background:#ffffff; padding:30px; margin:0 0 100px; text-align:center; }
#campaign202311 .gaiyo h3 { color:#000000; font-size:2.4rem; margin:0 0 25px; }
#campaign202311 .gaiyo dt { background:#efefef; color:#000000; font-size: 1.8rem; font-weight:bold; margin:0 0 10px; padding:10px; border-left: solid 5px #000000; text-align:left; }
#campaign202311 .gaiyo dd { color:#000000; font-size: 1.6rem; margin:0 0 10px; padding:10px 10px 20px 15px; text-align:left; }

#campaign202311 .bottom_btn { background:url(images/bottom_btn_bg.jpg) no-repeat left top; padding:40px 50px 10px ; margin:0 0 30px; text-align:center; }
#campaign202311 .bottom_btn .btn_box { position:relative; width:540px; height:150px; margin:0 0 30px; }
#campaign202311 .bottom_btn .btn_box_bg { background:#ffffff; width:100%; height:100%; opacity:0.6; }
#campaign202311 .bottom_btn .btn_inner { position:absolute; top:20px; left:50%; margin:0 0 0 -210px; }
#campaign202311 .bottom_btn .btn_inner p { color:#000000; font-size:1.6rem; font-weight:bold; margin:0 0 10px; padding:0; }



#campaign202311 .container { background:#ffffff; margin:0 0 30px; padding:0 90px; }
#campaign202311 .container h3 { _color:#000000; font-size:1.8rem; margin:0 0 3rem; text-align:center; }

#campaign202311 .container .d-flex.flex-column.flex-sm-row > div { width: 26rem; }
#campaign202311 .container .btn-outline-gray {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1.6rem 1rem;
    width: 26rem;
}
#campaign202311 .container .d-flex.flex-column.flex-sm-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#campaign202311 .container .d-flex.flex-column.flex-sm-row p {
    font-size: 1.2rem;
}



.pc_only { display:block; }
.smp_only { display:none; }




@media (max-width: 768px){

#campaign202311 .main .main_img_pc { display:none; }
#campaign202311 .main .main_img_smp { display:block; width:100%; }
#campaign202311 .main .main_btn { position:static !important; width:100%; margin:20px 0 30px; padding:0;}
#campaign202311 .main .main_btn li { list-style:none; display:inline; margin:0 10px; }
#campaign202311 .main .main_btn li img { max-width:40%; }

#campaign202311 .step { padding:30px 20px 0; margin:0 0 20px; }
#campaign202311 .step h3 { font-size:2.2rem; margin:0 0 50px; }
#campaign202311 .step .step_box { width:100%; display:block; margin:0 0 70px; }
#campaign202311 .step .arrow { width:35px; position:absolute; top:auto; bottom:-50px; right:50%; margin:0 -25px 0 0; }

#campaign202311 .gaiyo { background:#ffffff; padding:20px; }
#campaign202311 .gaiyo h3 { font-size:2.0rem; margin:0 0 25px; }
#campaign202311 .gaiyo dt { font-size: 1.6rem; }
#campaign202311 .gaiyo dd { font-size: 1.4rem; }

#campaign202311 .bottom_btn { background:url(images/bottom_btn_bg_smp.jpg) no-repeat left top; background-size:cover; padding:40px 20px 10px ; margin:0 0 30px; text-align:center; }
#campaign202311 .bottom_btn .btn_box { position:relative; width:auto; height:130px; margin:0 0 30px; }
#campaign202311 .bottom_btn .btn_box_bg { background:#ffffff; width:100%; height:100%; opacity:0.6; }
#campaign202311 .bottom_btn .btn_inner { position:absolute; top:20px; left:50%; width:360px; margin:0 0 0 -180px; }
#campaign202311 .bottom_btn .btn_inner p { color:#000000; font-size:1.4rem; font-weight:bold; margin:0 0 10px; padding:0; }
#campaign202311 .bottom_btn .btn_inner img { max-width:300px; }


#campaign202311 .container { background:#ffffff; margin:0 0 30px; padding:0 0; }
#campaign202311 .container h3 { font-size:1.4rem; margin:0 0 3rem; text-align:center; }
#campaign202311 .container .sectioning-box { padding-left:20px; padding-right:20px; }
#campaign202311 .container .d-flex.flex-column.flex-sm-row { align-items: center; }

.pc_only { display:none; }
.smp_only { display:block; }

}


@media (max-width: 450px){

campaign202007 .bottom_btn .btn_inner img { max-width:200px; }

.pc_only { display:none; }
.smp_only { display:block; }

}