@charset 'utf-8';

.pt10 {
  padding-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mb10 {
	margin-bottom: 10px!important;
}

.txtAL {
  text-align: left;
}
.txtAC {
  text-align: center;
}

#cam_point .bold {
  font-weight: bold!important;
}

a {
  color: #3d7af4!important;
}

body {
  overflow-x: hidden;
  min-width: 1200px !important;
  margin: 0 auto;
  width: 100% !important;
}
body:before {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 7px;
  content: '';
  background: url('/common21/common13/imgs/hr/hr_colorbar_1040.png') 0 0 repeat-x;
}
.container.container--without-nav{
  width: auto;
  margin: 0;
}
#mainContainer { padding-top: 0; }
#mainContainer, .mainContents, #areaMain, .mainContents { width: 100%; text-align: center; }
#lp_basic, .wrapperAreaMain, .innerContainer {
  width: 1200px;
  margin: 0 auto;
}

#wrap{
  position: relative;
}

.header_line {
  padding: 15px 0 !important;
}

.header_line p {
  font-size: 14px;
}

.red { color:#be110a!important; }

.textYellow { color: #fff603; }
.bgPink {
  background-color: #ee869a;
  color: #fff;
}
.FontBold_important{
  font-weight: bold!important;
}

.sidebarLayout {
  padding-top: 0;
}

/*
  #header
=========================== */
#header {
  margin: 0 auto;
  background-color: #fff;
  padding: 0 !important;
}
.header_line .logo {
  margin: 0 auto;
  padding: 15px 0;
  width: 1000px;
  text-align: left;
}

/*
  #wrap
=========================== */
#wrap {
  background:url(/lp/imgs/cam_tpoint1604/bg.gif) repeat;
  width:100%;
  text-align:center;
}
#wrap .inner {
  background-color:#fff;
  /*padding:30px 15px 20px;*/
  width:1200px;
}

/*
  #cam
=========================== */
.headContents {
  width: 740px;
  margin: 70px auto 50px auto;
}
.headContents > div{
  display: flex;
    flex-wrap: wrap;
}
.headContents > div > div > div {
  width: 170px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 48px;
}
.headContents > div > div > div.txtRec {
  background-color: #ff0000;
  vertical-align: middle;
  padding: 2.1px 0;
  margin-bottom: 15px;
  font-size: 18px;
  height: auto !important;
}
.headContents > div > div {
  margin-bottom: 20px;
}
.headContents > div > div:nth-of-type(2) img {
  height: 65%;
}
/* .headContents > div > div:nth-of-type(5) {
  margin-left: 91px;
} */
.headContents  a {
  display: block;
  background: #0053a6 url(/lp/imgs/cam_point/img_anchor_arrows.png) no-repeat 50% 90%;
  padding: 20px 0 80px;
  width: 170px;
  color: #fff !important;
  font-size: 16px;
  border-bottom: 5px solid #0d3d80;
  border-radius: 5px;
  height: 95px;
  line-height: 1.3;
  margin-right: 15px;
}
.headContents a:hover {
  text-decoration: none !important;
  opacity: 0.8;
  background-color: #0053a6;
}
.headContents > div a:nth-child(1) img {
  margin: 0 0 20px;
}
.headContents > div a img {
  margin: 0 0 10px;
}
/*
  #Disclaimer_
=========================== */
#areaDisclaimer .disclaimer ul li{
  padding-left:none;
  text-indent:0;
}
#areaDisclaimer .disclaimer .attention{
  color: #C00;
  }
#attention {
  padding:10px 20px;
  text-align:left;
}
#attention h4 {
    margin-top: 20px;
}
#attention h4 {
    font-size: 14px;
    font-weight: bold;
}
div.headline {
  color: #333333;
  font-size: 14px !important;
  font-weight: bold;
  margin: 0 auto;
  width: 853px;
  text-align:left;
}
.disclaimer_pop {
    margin: 0 auto;
    width: 1000px;
}
#areaDisclaimer .disclaimer .attention{
    background-color: #ffffff;
    color: #333333;
    font-size: 12px;
    line-height: 1.616;
}
.disclaimer_pop #areaDisclaimer p {
    display: none !important;
}
#areaDisclaimer .disclaimer p {
    margin: 0 0 10px;
}
#areaDisclaimer .disclaimer {
  padding:10px 15px 15px;
}
#areaDisclaimer {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}
.tDU{
  text-decoration: underline;
}
.caution_red{
  color: #be110a!important;
}
/*
  #footer
=========================== */
#footer {
  margin-top: 50px;
  background-color:#fff;
  width:100%;
  padding-top:20px;
}
#footer .logo {
    margin-bottom: 15px;
}
#footer p {
    color: #545454;
    font-size: 10px;
    margin-bottom: 12px;
    text-align: center;
}
#footer p span {
    color: #b5b5b5;
    margin: 0 0.5em;
}
#footer address {
    color: #666;
    font-size: 10px;
    text-align: center;
}

/*
  #firstWrap
=========================== */
#firstWrap > div {
  background-image: url("/lp/imgs/cam_point/main_base_pc.png");
  height: 460px;
}
#firstWrap h1 img {
  margin-top: 15px;
}

#firstWrap #areaDepositPoint {
  background-image: url("/lp/imgs/cam_dpoint/area_deposit_point.png");
  height: 250px;
  padding-top: 193px;
  padding-right: 15px;
  text-align: right;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}

#firstWrap #areaDepositPoint #btnCamDetail{
  position: absolute;
  top: 193px;
  left: 277px;
}

#firstWrap > p {
  font-size: 28px;
  font-weight: bold;
  display: block;
  margin: 0 -100%;
  padding: 22.6px 100%;
}

#firstWrap .btnArea .innerWrap a {
  color: #000 !important;
  text-decoration: underline !important;
}
#firstWrap .btnArea .innerWrap {
  width: 580px;
  margin: 0 auto;
}

/*
  #contentsWrap
=========================== */
#contentsWrap .content{
  margin-top: 20px;
  width:1200px;
}
.btnArea .innerWrap a {
  color: #000 !important;
  text-decoration: inline;
}
#contentsWrap .btnArea > p{
  width:1000px;
  display: inline-block;
  margin-top: 10px;
}

#contentsWrap .box .btnArea > p{
  width:780px;
  display: inline-block;
  margin-top: 0;
  padding-bottom: 20px;
}

#contentsWrap .content .header{
  margin-bottom: 20px;
}

#contentsWrap .content .btnArea{
  padding: 40px 0;
  margin: 20px 0 0;
}

#contentsWrap .content .border{
  border: 3px solid #F5F5F5;
  display: block;
}
#contentsWrap .accumulateMonthlyUse {
  background-color: #E5E7E8;
}

/*#new
=========================== */
#new {
  background-color: #d8f2ff;
  padding: 20px 0 0;
}
/*
#new .btnArea {
  background-color: #ee869b;

}
*/
#new div.box {
  display: inline-block;
  width: 892px;
  padding-bottom: 33px;
  border: 5px solid #0072ca;
  border-radius: 10px;
  margin: 20px 0;
  background-color: #fff;
}
#new .box .boxInner img {
  text-align: center;
  margin-bottom: 10px;
}
#new .box .boxInner > p {
  /*text-align: right;*/
  padding: 10px 40px;
}
#new div.halfBox {
  display: inline-block;
  width: 427px;
  padding-bottom: 33px;
  border: 5px solid #0072ca;
  border-radius: 10px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #fff;
  vertical-align: top;
}
#new .halfBox .boxInner img {
  text-align: center;
  margin-bottom: 10px;
}
#new .halfBox .boxInner > p {
  text-align: right;
  padding: 10px 20px;
}
#new .halfBox .txtAL {
  font-size: 13px;
  margin-bottom: 0;
  text-align: left;
}
#new .boxInner .btnArea{
  margin: 10px 0;
}



.emphasizeR{
  color: red;
}
.emphasizeY{
  color: #fff200;
  font-size: 22px !important;
}

#gentei .boxInner .entry_method{
  margin-top: 5px;
  margin-bottom: 5px!important;
}

.inner >  .btnArea > p{
  width:1000px;
  display: inline-block;
  margin-top: 10px;
}

.campaignContents {
  display: table;
  margin: 0 auto;
  width: 840px;
}
.campaignContents > img {
  float: left;
  margin-top: 20px;
}
.campaignContents > div {
  text-align: left;
  width: 70%;
  padding-left: 30px;
  float: left;
}
.campaignContents > div h3 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 3px solid #a0a0a0;
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-top: 20px;
}
.campaignContents > div p {
  margin-bottom: 10px;
}
.campaignContents > div ul li {
  list-style: url;
  list-style-position: inside;
}
.camContents {
  padding: 20px 0 40px;
  background-color: #d8f2ff;
}
.camContents p {
  text-align: center;
  font-weight: bold;
  font-size: 34px;
  padding: 20px 0 0;
  margin: 30px 0 0;
}
.camContents p.add_text {
    font-size: 14px;
    font-weight: normal;
    margin-left: 120px;
    margin-top: 0;
    padding-top: 0;
}
.camContents img {
  margin: 0 auto;
}

.bgGray {
  background-color: #e8e8e8;
  padding-bottom: 20px;
}
#firstWrap a {
  color: #fff !important;
}
.ssupBtn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ssupBtn img {
  width: 50%;
}

/* service */
#service {
  width: 938px !important;
  margin: 30px auto 15px !important;
  border: 6px solid #0072ca;
  background-color: #fff;
}
#service h2 {
  background-color: #0072ca;
  color: #fff;
  font-weight: bold;
  font-size: 40px;
  padding: 20.5px 0;
}
#service h3 { display: inline-block; }
#service h3 strong { font-size: 25px; }
#service > div {
  padding: 20px 20px 10px;
}
#service sup {
  /*vertical-align: top;*/
}
#service > div > div {
  margin-bottom: 10px;
  clear: both;
  display: flex;
  text-align: left;
}
#service p span.txtAR { display: block; }
#service > div > div:nth-child(2) img { padding: 5.5px 0; }
#service > div > div:nth-child(4) img { padding: 3.5px 0; }
#service > div > div:nth-child(5) img { padding: 8.5px 0; }
#service > div > div:nth-child(3) h3,
#service > div > div:nth-child(4) h3,
#service > div > div:nth-child(5) h3 { padding: 15px 0px; }
#service > div > div > div:nth-child(1) {
  color: #fff;
  font-weight: bold;
  background-color: #0072ca;
  padding: 20px;
  font-size: 20px;
  width: 330px;
  line-height: 1.4;
  height: 100px;
}
#service > div > div > div:nth-child(1) h3{
  font-size: 20px;
}
#service > div > div > div:nth-child(1) p {
  width: 65px;
  height: 65px;
  float: left;
  text-align: center;
  vertical-align: middle;
  margin: 20px 15px 15px 0;
}
#service > div > div > div:nth-child(2) {
  background-color: #e6e6e6;
  padding: 20px;
  font-size: 16px;
  float: left;
  width: 488px;
  height: 100px;
  color: #455466;
}
#service > div > div > div:nth-child(2) h3{
  font-size: 16px;
}
.txtService_03 { padding: 15px 0; }
.txtService_02 { padding: 25px 0; }
.annotationService {
  width: 950px;
  margin: 0 auto!important;
  text-align: left;
  font-size: 16px;
}

.bgWhite {
  background-color: #fff;
}
.pointEx {
  width: 950px;
  padding: 50px 0 0;
  margin: 0 auto;
  font-size: 16px;
}
.pointEx h2 {
  border-bottom: 5px solid #0072ca;
  padding-bottom: 10px;
  font-size: 35px;
  font-weight: bold;
  color: #e50065;
}
.pointEx h2 img {
  margin-right: 30px;
  vertical-align: middle !important;
}
.pointEx p {
  width: 900px;
  text-align: left;
  padding: 30px 0;
  margin: 0 auto;
}


.pointBenefit {
  width: 950px;
  margin: 50px auto 10px auto;
}
.pointBenefit h2 {
  border-bottom: 4px solid #0072ca;
  padding-bottom: 10px;
  font-size: 30px;
  color: #404040;
  font-weight: bold;
  line-height: 1;
}
.pointBenefit > p {
  text-align: right;
  position: relative;
  top: -30px;
  width: 900px;
}
.pointBenefit .col {
  width: 920px;
  margin: 0 auto !important;
}
.pointBenefit .col > div {
  margin: 0 10px 20px;
  background-color: #fff;
  text-align: left;
}
.pointBenefit .col .col2 {
  float: left;
  width: 440px;
}
.pointBenefit .col .col2 p {
  font-size: 18px;
}
.pointBenefit .col .col2 ul li {
  font-size: 15px;
  background-position: left 6px !important;
}
.pointBenefit .col .col1 {
  clear: both;
}
.pointBenefit .col h3 {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 22px 0 16px;
}
#benefit_01,#benefit_02 { height: 547px; }
#benefit_03,#benefit_04 { height: 560px; }
#benefit_05,#benefit_06 { height: 600px; }
#benefit_07,#benefit_08 { height: 520px; }
#benefit_01 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_account_opening_savings.png) 20% no-repeat;
  background-size: 8%;
}
#benefit_02 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_first_login.png) 13% no-repeat;
  background-size: 6%;
}
#benefit_03 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_first_transfer.png) 10% no-repeat;
  background-size: 8%;
}
#benefit_04 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_entry.png) 11% no-repeat;
  background-size: 8%;
}
#benefit_05 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_charge.png) 19% no-repeat;
  background-size: 10%;
}
#benefit_06 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_touroku.png) 15% no-repeat;
  background-size: 9%;
}
#benefit_07 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_total_assets.png) 18% no-repeat;
  background-size: 10%;
}
#benefit_08 h3 {
  background: #0053a6 url(/lp/imgs/cam_point/ico_gaika.png) 17% no-repeat;
  background-size: 10%;
}
.pointBenefit .col > div > div{
  padding: 30px 20px;
  color: #404040;
}
.pointBenefit .col > div > div p strong {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.txtPoint {
  font-size: 24px;
  color: #df1d4f;
  text-align: center;
  font-weight: bold;
}
.txtPoint span {
  font-size: 40px;
}
#benefit_06 .txtPoint > p:nth-child(1) {
  color: #404040;
  display: inline-block;
  float: left;
  padding: 23px 0 0 20px;
}
#benefit_06 .txtPoint > p:nth-child(2) {
  text-align: right;
  padding-right: 20px;
}

.pointGet p {
  width: 900px;
  margin: 0 auto !important;
  text-align: left;
}
.pointGet p strong {
  text-align: center;
  font-weight: bold;
  display: block;
  font-size: 32px;
  color: #0072ca;
  margin-top: 20px;
}

.caution02 {
  background-color: #feffed;
  background-image: url("/common21/common13/imgs/icon/icn_attention02.png");
  background-position: 10px 15px;
  background-repeat: no-repeat;
  border: 3px solid #e9d3c8;
  padding: 15px 20px 15px 40px;
  width: 794px;
  text-align: left;
  margin: 0 auto 30px;
}

#bottom { background-color: #fff; text-align: left;}
#footer #scrollToTop p a { margin-left: 900px; }

#areaPopClose { display: none; }




#contentsWrap .btnArea .innerWrap {
    width: 940px;
    margin: 0 auto;
}
#contentsWrap .btnArea .innerWrap a{
  color: #3d7af4!important;
}

.container *, .container *::before, .container *::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}







.account_point10{
  border: 15px solid #00b050;
  border-top: none;
  padding: 65px;
  text-align: left;
  width: 780px;
  margin: 0 auto;
}

#mainContainer .account_point10 .h2Title_02{
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: solid 4px #E5E7E8 !important;
  padding-top: 9px;
  padding-bottom: 3px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
  background-image: url(/service/point/imgs/icon_heading_green.png) !important;
  background-repeat: no-repeat;
  background-position: left;
  position: relative;
  z-index: 1;
}
#mainContainer .account_point10 .h2Title_02:before{
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 250px;
  height: 4px;
  background-color: #00b050;
}


.cam_conditions{
  display:table-cell;
  width: 360px;
}
.cam_conditions:nth-child(2){
  padding-left:40px;
}

.account_point10 .cam_conditions_area{
  margin-top:15px;
}

.conditions_type01{
  background-color: #00b050;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  width: 80px;
  padding:3px;
}
.c_text_area{
  background-color: #f8f8f6;
  padding: 15px;
  font-weight: bold;
  font-size: 14px;
}


.account_point10 table{
  width: 100%;
  margin-bottom: 10px;
  border: solid 1px #E5E7E8;
  background-color: #fff;
  border-collapse: collapse;
  border-spacing: 0;
}
.account_point10 table th{
  border: solid 1px #E5E7E8;
  background-color: #E5E7E8;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 7px;
  border-right: solid 1px #CED1D3;
  border-left: solid 1px #CED1D3;
}
.account_point10 table th:first-child{
  border-left: solid 1px #E5E7E8;
}
.account_point10 table th:last-child{
  border-right: solid 1px #E5E7E8;
}
.account_point10 table td{
  border: solid 1px #E5E7E8;
  padding: 7px;
}


.pc_mt40{
  margin-top:40px !important;
}
.pc_mr40{
  margin-right:40px;
}

#cam_point #mainContainer .mainContents div.caution02 {
    background-color: #feffed;
    background-image: url(/common21/common13/imgs/icon/icn_attention02.png);
    background-position: 10px 15px;
    background-repeat: no-repeat;
    border: 3px solid #e9d3c8;
    padding: 15px 20px 15px 40px;
    width: 834px;
    text-align: left;
}

#cam_point #mainContainer .normalList li{
  margin-bottom: 0;
}
#cam_point #mainContainer .exclamation_01{
  width: 834px !important;
    margin: 0 auto !important;;
}

#cam_point #mainContainer .va-super{
  vertical-align:super!important;
}

#cam_point #mainContainer .txt_rei{
  font-size: 18px;
}
#cam_point #mainContainer .txt_rei2{
  font-size: 15px;
  color: #666666;
}

/* 211201 */
body:before {
  display: none;
}

.icon-newtab{
  vertical-align: middle!important;
}
.block-arousal-explanation {
  padding: 20px!important;
  background-color: #fff8e8;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

.w90{
  width: 90%!important;
  margin: 0 auto;
}

.mt103{
  margin-top: 103px!important;
}

.column__sm--06 {
  width: 48%!important;
}

/* 220401 */
.text-link--icon img.icon-arrow--down {
  transform: translateY(-8px) rotate(90deg)!important;
  margin-left: 6px;
}
img.icon-arrow--right {
  -webkit-transform: translateY(-4px)!important;
}


.link--external {
  text-decoration: none;
}

.news-inner {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: 20px;
}

.block-topic {
  padding: 20px;
  background-color: #f5f5f5;
  margin-bottom: 20px;
}

.bg-yellow, .bg-yellow::before, .bg-yellow::after {
  background-color: #fff8e8 !important;
}

.news-inner .block-topic {
  width: 920px;
  margin: 0 auto;
}

.news-inner .block-topic p {
  text-align: left;
}

.news-inner .block-topic a {
  color: #2076c7 !important;
  text-decoration: underline !important;
}

.welcome_content {
  width: 700px;
  margin: 40px auto;
}

.welcome_content p {
  margin-bottom: 20px;
  text-align: left;
}

.welcome_content .list-asterisk > li {
  text-align: left;
}

.welcome_content .welcome_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}