@charset "utf-8";
/* CSS Document */

.view_sp { display: none;}
.contactbox { background: url(../campaign/img/f_logo_bg.jpg)no-repeat top center; padding: 0;}
.contact_inbox { margin-top: 0;}
.contact_inbox li.fLeft { text-align: right;}
.contact_inbox li.fLeft >img { display: block; position: relative; right: -20px;}

@media screen and (max-width: 1000px) {
 #wrapper { width: 100%;}
 .contactbox { width: 100%;}
.contact_inbox li.fLeft >img { width: 85%; height: auto; margin: 0 auto; right: calc(-20px + -9%);}

 ul.top_bana_no_m,
 ul.top_bana_no_m2 { width: 96%; margin: 0 auto;}
 ul.top_bana_no_m li,
 ul.top_bana_no_m2 li,
 ul.top_bana_no_m li.tb_last,
 ul.top_bana_no_m2 li.tb_last { margin-bottom: 5px; margin-right: 1%; width: 24%;}
ul.top_bana_no_m li img,
ul.top_bana_no_m li.tb_last img,
 ul.top_bana_no_m2 li img,
 ul.top_bana_no_m2 li.tb_last img { width: 100%;}
 ul.top_bana_no_m2 { margin-top: 10px;}

#campaign #sec_main h2 { width: 50%; margin: 0 0 0 40%;}
#campaign #sec_main h2 img { width: 100%; height: auto;}

 ul.bottom_bana,.cdsROW.narrow.border { float: none; margin: 0 auto; width: auto;}
 .footerlink { width: 98%;}
}

@media screen and (max-width: 600px) {
    #wrapper { width: 100%;}
    .view_sp { display: block;}
    .view_pc { display: none;}

#campaign #gnav { min-width: auto; display: block; padding: 0;}
#menu li { float: none;}
.pankuzu { display: none;}

.title_col { position: relative;}
#topImg { position: absolute; width: auto; height: 90%; z-index: 10; right: 4%; top: 10px;}
#wrapper #topImg img { width: auto; height: 100%;}
.slides li img { width: 100%;}

#wrapper img { width: 100%; height: auto;}

}

/* --------------------------------
#sec_main
-------------------------------- */
#campaign #sec_main { margin: 80px 0 110px;}
#campaign #sec_main h2 { display: table; margin: 0 0 0 310px;}
#campaign #sec_main > div { position: relative; width: 100%; height: 600px; background: url(../campaign/img/main_pc.jpg)no-repeat; background-size: cover; margin: 50px 0 0;}
#campaign #sec_main > div >img { position: absolute; top: -260px; left: -15px;}
#campaign #sec_main > div .main_txt { position: absolute; width: 800px; padding: 23px 25px 35px; background-color: #fff; text-align: center; font-size: 16px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); box-sizing: border-box; max-width: 100%;}
#campaign #sec_main > div .main_txt p:nth-of-type(2) { font-size: 35px; color: #886708; letter-spacing: 2px; font-weight: bold;}
#campaign #sec_main > div .main_txt p:nth-of-type(2) span:nth-of-type(1) { display: inline-block; margin: 0 20px 0 0; padding: 9px 24px; background-color: #886708; font-size: 16px; color: #fff; text-align: center; vertical-align: middle; letter-spacing: 0;}
#campaign #sec_main > div .main_txt p:nth-of-type(2) span:nth-of-type(2) { font-size: 50px;}


@media screen and (max-width: 600px) {
    #campaign #sec_main { width: 90%; margin: 40px auto 50px;}
    #campaign #sec_main h2 { margin: 0 auto; text-align: center; width: 100%;}

    #campaign #sec_main > div { background: url(../campaign/img/main_sp.jpg)no-repeat; background-size: cover; height: 106vw;}
    #campaign #sec_main > div >img { top: -30px; width: 196px;}
    #campaign #sec_main > div .main_txt { width: 90%; padding: 20px 3%;}
    #campaign #sec_main > div .main_txt p:nth-of-type(1) { margin: 0 0 10px; font-size: 20px;}
    #campaign #sec_main > div .main_txt p:nth-of-type(2) { font-size: 20px; letter-spacing: 0;}
    #campaign #sec_main > div .main_txt p:nth-of-type(2) span:nth-of-type(1) { margin: 0 10px 0 0; padding: 5px 20px; font-size: 20px;}
    #campaign #sec_main > div .main_txt p:nth-of-type(2) span:nth-of-type(2) { font-size: 36px;}
}

@media screen and (max-width: 460px) {
 #campaign #sec_main > div .main_txt { top: 55%;}
 #campaign #sec_main > div >img { width: 52%;}
}

@media screen and (max-width: 400px) {
    #campaign #sec_main > div .main_txt p:nth-of-type(2) span:nth-of-type(1) { display: block; margin: 0 0 10px;}
    #campaign #sec_main > div .main_txt { top: 60%;}
}


/* --------------------------------
#sec1
-------------------------------- */
#sec1 h2 { margin: 110px 0 30px; text-align: center;}
#sec1 h2 img { max-width: 100%; height: auto;}
#sec1 .sec1_col { position: relative;}
#sec1 .sec1_col >img { position: absolute; right: 0; bottom: 0;}
#sec1 .sec1_col ul { margin: 0 0 70px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#sec1 .sec1_col li { width: 49%; margin: 0 0 40px;}
#sec1 .sec1_col li img { width: 100%; height: auto;}
/* #sec1 .sec1_col dt { margin: 0 0 5px; padding: 9px 0; font-size: 22px; text-align: center; background: url(../campaign/img/sec1_stit_bg.gif) no-repeat right top; background-color: #a8a858; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} */

#sec1 .sec1_detail { padding: 70px 60px; background: url(../campaign/img/sec1_col_bg.png)no-repeat; background-size: cover; background-color: #fff;}
#sec1 .sec1_detail h3 { margin: 0 0 20px;}
#sec1 .sec1_detail li { font-size: 16px; text-indent: -1em; padding-left: 1em; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height: 1.8;}
#sec1 .sec1_detail li::before { content: "・"; text-indent: -1em;}
#sec1 .sec1_detail li.note,
#sec1 .sec1_detail li span { font-weight: bold;}
#sec1+a { display: table; margin: 70px auto 110px; transition: 0.3s ease-in-out;}
#sec1+a:hover { opacity: .7;}

@media screen and (max-width: 1000px) {
 #sec1 .sec1_col >img { width: 42%; height: auto;}
}


@media screen and (max-width: 600px) {
    #sec1 { width: 90%; margin: 0 auto;}
    #sec1 h2 { margin: 50px auto 20px; width: 100%;}
    #sec1 .sec1_col ul { display: block; margin: 0 auto 50px;}
    #sec1 .sec1_col li { width: 100%; margin: 0 0 20px;}
    /* #sec1 .sec1_col dt { padding: 5px 0; font-size: 18px;} */
     #sec1 .sec1_col >img { position: static; display: block; width: 80%; margin: 0 auto 40px;}
    #sec1 .sec1_detail { padding: 30px 5%; background: url(../campaign/img/sec1_col_bg_sp.png)repeat-y; background-color: #e2e2c6; background-size: cover; background-position: top 0 right -20px;}
    #sec1 .sec1_detail h3 { width: 70%;}
}