.txt18{font-size:18px;font-size:1.8rem}.txt24{font-size:24px;font-size:2.4rem}body{line-height:1.3}.spOnly{display:none}#wrapper01{width:1000px}#headArea{display:flex;justify-content:space-between;align-items:center}.headerNavi{display:flex}.headerNavi li:first-child{margin-right:15px}.headerNavi li{border-radius:3px;background:#3f99b6}.headerNavi li a{display:block;padding:5px 10px;color:#fff}.noteArea{padding:5px 10px;background:#fff;margin-top:5px}@media(max-width: 960px){.noteArea{padding:4px 10px}}.noteArea p{width:100%;max-width:1000px;margin:0 auto;font-size:16px;font-size:1.6rem;text-align:center;color:#333;line-height:1.5}@media(max-width: 960px){.noteArea p{font-size:14px;font-size:1.4rem}}.mainVisual{background:url(../images/header_bg.png) top no-repeat;background-size:2200px;width:100%;text-align:center;margin-top:20px}@media(max-width: 1024px){.mainVisual{background-size:cover}}@media(max-width: 560px){.mainVisual{background:none;min-height:auto;margin-bottom:15px}}.mainVisual .pcOnly .mainContents{padding:0 15px}.mainVisual img{margin:15px 0}@media(max-width: 960px){.mainVisual img{width:72%}}@media(max-width: 560px){.mainVisual img{width:100%}}.navTit{margin-top:30px;font-size:24px;font-size:2.4rem;font-weight:bold;text-align:center;color:#236fa7}@media(max-width: 560px){.navTit{margin-top:0}}@media(max-width: 560px){.navTit{font-size:18px;font-size:1.8rem}}ul.nav{max-width:1000px;margin:0 auto;padding:15px 0;display:flex;justify-content:flex-start;flex-wrap:wrap}@media(max-width: 960px){ul.nav{padding:15px}}@media(max-width: 560px){ul.nav{padding:0}}ul.nav li{margin:0 10px 10px 0}@media(max-width: 560px){ul.nav li{margin:0 auto 10px;width:48%}}ul.nav li a{color:#d56e08;display:inline-flex;padding:10px 15px 10px 35px;font-weight:bold;background:#fff;position:relative;justify-content:center;align-items:center;text-decoration:none;border-radius:25px;font-size:16px;font-size:1.6rem;letter-spacing:2px}@media(max-width: 560px){ul.nav li a{display:block;text-align:center;padding:7px 10px;border-radius:35px;font-size:15px;font-size:1.5rem}}ul.nav li a:hover{opacity:.5;transition:.5s all}ul.nav li a:before,ul.nav li a :after{position:absolute;top:0;bottom:0;left:15px;margin:auto;content:"";vertical-align:middle}@media(max-width: 560px){ul.nav li a:before,ul.nav li a :after{display:none}}ul.nav li a:before{width:8px;height:8px;border-top:2px solid #d56e08;border-right:2px solid #d56e08;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.update{margin-bottom:15px;display:flex;justify-content:flex-end;font-size:14px;font-size:1.4rem;font-weight:bold;color:#484848}.update dt,.update dd{display:inline-block}.cateTxt{font-size:22px;font-size:2.2rem;color:#236fa7;font-weight:bold;text-align:center;margin-top:40px;line-height:1.6}.cateTxt br{display:none}@media(max-width: 560px){.cateTxt br{display:block}}@media(max-width: 560px){.cateTxt{font-size:18px;font-size:1.8rem}}.kind{background:#1768a4;color:#fff;font-size:20px;font-size:2rem;padding:3px 20px;display:inline-block;margin-right:12px}@media(max-width: 560px){.kind{font-size:18px;font-size:1.8rem;padding:3px 10px}}.featureban{margin:10px auto 60px;text-align:center}@media(max-width: 1024px){.featureban{width:50%}}@media(max-width: 960px){.featureban{width:60%}}.featureban02{margin:10px auto 60px;text-align:center}@media(max-width: 1024px){.featureban02{width:50%}}@media(max-width: 960px){.featureban02{width:60%}}.cateLead{font-size:16px;font-size:1.6rem;text-align:center;margin:0 auto 30px;line-height:1.8}@media(max-width: 560px){.cateLead{font-size:14px;font-size:1.4rem;line-height:1.6}}h3{width:40%;font-size:26px;font-size:2.6rem;display:block;border-radius:5px;background:#e37d1d;color:#fff;text-align:center;padding:12px;margin:60px auto 0}@media(max-width: 960px){h3{margin:35px auto 0}}@media(max-width: 560px){h3{width:75%;font-size:18px;font-size:1.8rem;margin:40px auto 0}}#sec01 .h3Box{background:#4989c0}#sec02 .h3Box{background:#c64c63}.pgArea{margin:0 0 100px 0}.rank{display:inline-block;text-align:center;margin-right:15px;background:#e5d629;color:#825d27;font-size:22px;font-size:2.2rem;width:50px;height:50px;border-radius:50%;vertical-align:middle;padding:6px}@media(max-width: 560px){.rank{margin:0 auto}}.rank02{font-size:14px;font-size:1.4rem}.sbcampaign{font-size:14px;font-size:1.4rem;font-weight:bold;margin-top:20px;vertical-align:middle}@media(max-width: 960px){.sbcampaign{font-size:14px;font-size:1.4rem;font-weight:bold;word-break:break-all;margin-top:10px;margin-left:0}}.sbcampaign p{color:#c00}.sbcampaign .upRemu{font-size:12px;font-size:1.2rem;color:#fff;display:inline-block;line-height:1;background-color:#c00;padding:5px 5px;margin-bottom:5px}.sbcampaignText{width:70%;font-size:16px;font-size:1.6rem;font-weight:bold}@media(max-width: 960px){.sbcampaignText{font-size:14px;font-size:1.4rem}}.campaignText{font-size:16px;font-size:1.6rem;font-weight:bold}.text_s{font-size:12px;font-size:1.2rem}.moreBtn{width:50%;margin:0 auto;text-align:center}@media(max-width: 560px){.moreBtn{width:95%}}.moreBtn a{display:block;color:#fff;font-weight:bold;line-height:1.6;padding:20px;background:#10a790;border-radius:10px}.moreBtn a:hover{opacity:.8}#sbSpecial #programArea #normalPg .nmpgBox .nmBoxTxt{border-right:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #999;background-color:#fff}#sbSpecial #programArea #normalPg .nmpgBox h3.upIcon span.tit{min-height:37px;padding-left:50px;background:url(/selfback/camp/beg-recommend/images/icon_up_nm.png) left center no-repeat}#mainImg{position:relative;margin:10px 20px 0;background:url(/selfback/camp/beg-recommend/images/title.png) right top no-repeat;min-height:304px}#mainImg .lead{font-size:15px;font-size:1.5rem;line-height:1.3;margin-top:25px;text-align:center}#mainImg .cauBtn{margin-top:30px;text-align:center;line-height:1.3}#mainImg .cauBtn a{display:inline-block;padding:5px 20px;background:#2f97cd;border-radius:100px;color:#fff;box-shadow:#226e95 0px 3px 0px 0px}#mainImg span{display:inline-block;padding-left:5px;text-align:left}#mainImg .cauArrow{width:18px;height:18px;fill:#fff}#sbSpecial .toIndex{margin:0 0 5px 0;text-align:right}#header{margin-bottom:0}.otherRecommend{width:100%;margin:0 auto;line-height:1.3}.reward100per,.SelfBackblog,.creditCard,.affService{border:1px solid #999;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px}.reward100per,.SelfBackblog,.creditCard{margin-bottom:20px}.reward100per h4,.SelfBackblog h4,.creditCard h4,.affService h4{font-size:20px;padding-bottom:10px;margin-bottom:20px}.reward100per h4{border-bottom:2px solid #fb722c}.SelfBackblog h4{border-bottom:2px solid #f2b212}.creditCard h4{border-bottom:2px solid #0ab6a4}.affService h4{border-bottom:2px solid #189ade}.reward100per dl,.SelfBackblog dl,.creditCard dl,.affService dl{display:flex;overflow:hidden;margin-top:20px}.reward100per dt,.SelfBackblog dt,.creditCard dt,.affService dt{width:31%}.reward100per dd,.SelfBackblog dd,.creditCard dd,.affService dd{width:65%;margin-left:20px;font-size:16px}.reward100per dd a,.SelfBackblog dd a,.creditCard dd a,.affService dd a{display:block;width:350px;margin:20px auto 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;border-radius:3px;font-size:18px;font-weight:bold;padding:20px}.reward100per dd a{background:url(../images/whiteblank.svg) no-repeat 98% #fb722c;-webkit-background-size:40px 30px;background-size:40px 30px}.SelfBackblog dd a{background:url(../images/whiteblank.svg) no-repeat 98% #f2b212;-webkit-background-size:40px 30px;background-size:40px 30px}.creditCard dd a{background:url(../images/whiteblank.svg) no-repeat 98% #0ab6a4;-webkit-background-size:40px 30px;background-size:40px 30px}.affService dd a{background:url(../images/whiteblank.svg) no-repeat 98% #189ade;-webkit-background-size:40px 30px;background-size:40px 30px}.reward100per dd a:hover,.SelfBackblog dd a:hover,.creditCard dd a:hover,.affService dd a:hover{opacity:.7}#footer #footerWrap{padding:40px 0 30px 0}#footer #footerWrap .clearfix{width:100%;display:flex;justify-content:space-between}.footerTxt{width:100%;margin:30px auto 40px 0;text-align:center;line-height:1.3;font-size:14px;font-size:1.4rem}#footer #footerWrap .logoL{width:140px;float:none;margin:0;padding:0}#footer #footerWrap .copyright{margin-top:0;width:auto;float:none;align-items:center}#footer #footerWrap li{font-size:12px;display:inline;margin-right:5px;color:#fff}#footer #footerWrap li a{color:#fff;text-decoration:underline !important}.linkBox{width:80%;margin:30px auto 0 auto;padding:20px;background:#fff}@media(max-width: 960px){.linkBox{padding:10px}}.linkBox h2{font-size:22px;font-size:2.2rem;font-weight:bold;color:#106fc7;text-align:center;padding-bottom:3px;border-bottom:4px dotted #106fc7;margin-bottom:15px}@media(max-width: 960px){.linkBox h2{font-size:18px;font-size:1.8rem;font-weight:bold;color:#106fc7;text-align:center;padding-bottom:3px;border-bottom:4px dotted #106fc7;margin-bottom:15px}}.linkBox h2.otherRankingTit{color:#ab870c;border-bottom:4px dotted #ab870c}.linkBoxList{width:100%;display:flex;justify-content:space-between}@media(max-width: 960px){.linkBoxList{display:block}}.linkBoxList>li{font-size:15px;font-size:1.5rem;font-weight:bold;text-align:center;margin:0 auto}@media(max-width: 960px){.linkBoxList>li{font-size:14px;font-size:1.4rem;width:auto;font-weight:bold;text-align:center;margin:10px 0 0 0}}.linkBoxList>li a{display:inline-block;background:#069;border-bottom:4px solid #004263;border-radius:5px;color:#fff;padding:10px;width:100%}@media(max-width: 960px){.linkBoxList>li a{display:inline-block;background:#069;border-bottom:4px solid #004263;border-radius:5px;color:#fff;padding:12px 0;width:100%}}.linkBoxList>li a:hover{background:#178dc8;border-bottom:none;border-radius:5px;margin-top:4px}#sbSpecial #programArea h2.pgTitle{color:#2f97cd;margin-top:20px;font-size:28px;text-align:center;border:none;border-bottom:solid 4px #2f97cd;font-weight:bold;background:none}.begBoxArea{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit, calc(24% - 10px));justify-content:center;gap:20px}@media(max-width: 560px){.begBoxArea{gap:10px}}@media(max-width: 960px){.begBoxArea{grid-template-columns:repeat(auto-fit, calc(32% - 10px))}}@media(max-width: 560px){.begBoxArea{grid-template-columns:repeat(auto-fit, calc(50% - 10px))}}.begBoxArea li{background:#fff;padding:20px 20px 30px;display:grid;flex-direction:column;grid-template-rows:subgrid;grid-row:span 4;gap:0}@media(max-width: 560px){.begBoxArea li{padding:15px 15px 30px}}.begBoxArea li .begBan{text-align:center}.begBoxArea li .begBan img{width:100%}.begBoxArea li .serviceTxt{margin-top:15px}@media(max-width: 960px){.begBoxArea li .serviceTxt{font-size:14px;font-size:1.4rem}}.begBoxArea li h2{margin-bottom:15px;font-size:14px;font-size:1.4rem;color:#2f3e7b;line-height:1.6;text-align:center;align-items:center}@media(max-width: 560px){.begBoxArea li h2{display:block;text-align:center}}.begBoxArea li h2 a{display:inline-block;color:#333}@media(max-width: 560px){.begBoxArea li h2 a{width:100%;margin-top:5px}}.begBoxArea li .btn{text-align:center;margin-top:auto}.begBoxArea li .btn a{margin-top:20px;display:inline-block;font-size:16px;font-size:1.6rem;font-weight:bold;color:#fff;background:#2f99c6;border-radius:7px;padding:15px 8px;width:100%}.begBoxArea li .btn:hover{opacity:.8}.begBoxArea li .campBtn{text-align:center;margin-top:10px;margin-bottom:10px}.begBoxArea li .campBtn a{color:#2f99c6 !important;font-size:14px;font-size:1.4rem;text-decoration:underline !important}@media(max-width: 960px){.begBoxArea .btnArea{width:100%}}.begBoxArea .begSpec{width:calc(100% - 0px)}@media(max-width: 960px){.begBoxArea .begSpec{width:100%}}.begBoxArea .eclogo{text-align:center}.begBoxArea .anotherPg{margin:5px auto 0;text-align:center}.begBoxArea .anotherPg a{font-size:12px;font-size:1.2rem;color:#333;text-decoration:underline}.begBoxArea li a:hover{opacity:.7}.color1{border-radius:50%;background:#c18b1e}.color2{border-radius:50%;background:#949494}.color3{border-radius:50%;background:#aa4c13}.color1 svg,.color2 svg,.color3 svg{width:66px;height:66px;fill:#fff}.begSpec h2{font-size:18px;font-size:1.8rem;font-weight:bold;margin-bottom:5px;font-feature-settings:"palt"}.begSpec h2 a{color:#333;text-decoration:underline}.serviceTxt{line-height:1.6;font-size:16px;font-size:1.6rem}.price{font-size:16px;font-size:1.6rem;font-weight:bold;color:#c00;word-break:break-all;margin-top:10px}.priceTit{display:inline-block;font-size:12px;font-size:1.2rem;font-weight:normal;color:#fff;padding:5px;background:#c00;margin-right:10px;height:100%}.priceUp{display:inline-block;font-size:12px;font-size:1.2rem;font-weight:normal;color:#c00;padding:5px 10px;background:#fff;border:1px solid #c00;border-radius:20px;margin-right:10px}@media(max-width: 960px){.priceUp{width:100%;margin-top:10px}}.sbblogArea{line-height:1.5;margin-top:40px;background:#e4e4e4;padding:20px 0}.sbblogArea h2{font-size:22px;font-size:2.2rem;font-weight:bold;color:#106fc7;margin-bottom:15px;text-align:center}.staffsb{display:flex;width:100%}.staffsb>li{width:16.6666666667%;padding-right:15px}.staffsb>li a{display:flex;flex-direction:column;height:100%}@media all and (-ms-high-contrast: none){.staffsb>li a{display:block\0 ;height:auto\0 }}.staffsb>li a:link,.staffsb>li a:visited{color:#333}.staffsb>li a time{color:#666}.staffsb>li:hover{opacity:.7}.staffsb>li .thum{margin-bottom:auto}@media screen and (max-width: 1000px){#wrapper01{width:100%;padding:0 15px}#footer #footerWrap{width:98%;padding:20px 10px 40px 10px}}@media screen and (max-width: 640px){#wrapper01{width:100%;padding:0 10px}.spOnly{display:block}.pcOnly{display:none}.sptxt{width:97%;line-height:1.6;color:#b38216;margin:0 auto;text-align:left}.sptxt .bold{font-size:16px;font-size:1.6rem}}