@charset "utf-8";

.thanksgiving main{
 padding: 0;
}
.thanksgiving .container{
 background-color: #fff;
}
.thanksgiving .m-section{
 margin: 0;
 padding-top: 40px;
 padding-bottom: 70px;
 background: url(/contents/cdn-img/campaign/special/190610/bg_balloon.png) center 40% no-repeat;
 background-attachment: fixed;
}
.thanksgiving .m-section.netbk{
 padding-top: 20px;
 padding-bottom: 40px;
 background: url(/contents/cdn-img/campaign/special/190610/bg_netbank.png) center top no-repeat;
 background-size: 100% 319px;
}

header .header_logo{
 margin: 0 auto;
 max-width: 1000px;
 width: auto;
 float: none;
}
header .header_logo > a{
 width: 165px;
 height: 38px;
}
header .header_logo > a > img{
 top: 11px;
}

.mainVisual{
 width: 100%;
 min-height: 496px;
 background: url(/contents/cdn-img/campaign/special/190610/bg_01.png) no-repeat;
 background-size: inherit;
 background-position: center bottom;
 display: flex;
 justify-content: center;
}
.mainVisual .title{
 margin-top: 40px;
 text-align: center;
}
.mainVisual .readTxt{
 font-size: 1.5rem;
 line-height: 1.8;
}
.mainVisual .m-linkAnc{
 padding-left: 0;
}
.mainVisual .m-linkAnc:after{
 content: none;
}

.m-txtMerkThanks{
 color: #666;
}

.ancNav{
 box-shadow:0px 4px 8px -3px #999999;
 background: #2d96cd;
}
.ancNav .linkList{
 margin: 0 auto;
 width: 1000px;
 border-left: 1px solid #c3e4ff;
 border-right: 1px solid #c3e4ff;
 display: flex;
}
.ancNav .linkList li{
 border-right: 1px solid #c3e4ff;
 text-align: center;
 font-size: 1.6rem;
 flex: 1 1;
}
.ancNav .linkList li:last-child{
 border-right: 0;
 border-bottom: 0;
}
.ancNav .linkList a{
 padding: 17px 17px 17px 38px;
 display: block;
 color: #fff;
 position: relative;
}
.ancNav .linkList a.teiki:before,
.ancNav .linkList a.home:before,
.ancNav .linkList a.introduction:before{
 content: "";
 margin-top: -22px;
 width: 44px;
 height: 44px;
 position: absolute;
 top: 50%;
 left: 25px;
}
.ancNav .linkList a.teiki:before{
 background: url(/contents/cdn-img/campaign/special/190610/ico_teiki.png) no-repeat;
 background-size: 100%;
}
.ancNav .linkList a.home:before{
 margin-top: -21px;
 width: 44px;
 height: 42px;
 left: 21px;
 background: url(/contents/cdn-img/campaign/special/190610/ico_home.png) no-repeat;
 background-size: 100%;
}
.ancNav .linkList a.introduction:before{
 margin-top: -23px;
 width: 57px;
 height: 47px;
 left: 21px;
 background: url(/contents/cdn-img/campaign/special/190610/ico_introduction.png) no-repeat;
 background-size: 100%;
}
.ancNav .linkList a:after{
 content: "";
 margin-top: -10px;
 width: 20px;
 height: 20px;
 position: absolute;
 top: 50%;
 left: inherit;
 right: 12px;
 background: url(/contents/cdn-img/campaign/special/190610/ico_bullet_white.png) no-repeat;
}
.ancNav .linkList a:hover{
 text-decoration: none;
 background-color: #57abd7;
}
.ancNav .linkList .mainTxt{
 font-size: 2.4rem;
 font-weight: bold;
 display: block;
}

.m-thanksgivingWrap{
 margin: 0 auto;
 max-width: 1000px;
}

.hdgStepUp,
.hdgHomeloan,
.hdgIntroduction{
 font-size: 2.8rem;
 text-align: center;
}
.hdgStepUp:before,
.hdgHomeloan:before,
.hdgIntroduction:before{
 content: "";
 width: 59px;
 height: 66px;
 display: inline-block;
 background: url(/contents/cdn-img/campaign/special/190610/ico_yen.png);
 background-size: 100%;
}
.hdgHomeloan,
.hdgIntroduction{
 margin-top: 70px;
}
.hdgHomeloan:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_home_02.png);
}
.hdgIntroduction:before{
 width: 64px;
 height: 69px;
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_introduction_02.png);
}

.ico-megaphone{
 margin: 0 auto 20px;
 display: block;
 text-align: center;
 font-size: 2.2rem;
}
.ico-megaphone:before{
 content: "";
 margin-right: 10px;
 width: 37px;
 height: 32px;
 display: inline-block;
 vertical-align: middle;
 background: url(/contents/cdn-img/campaign/special/190610/ico_megaphone.png) no-repeat;
}

.ico-yen:before,
.ico-gaika:before,
.ico-robot:before,
.ico-playoff:before,
.ico-stock:before,
.ico-introduction:before,
.ico-home-01:before,
.ico-home-02:before{
 content: "";
 margin-right: 10px;
 width: 72px;
 height: 72px;
 display: inline-block;
 vertical-align: middle;
 background: url(/contents/cdn-img/campaign/special/190610/ico_yen_02.png) no-repeat;
 background-size: 100%;
}
.ico-gaika:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_gaika.png);
}
.ico-robot:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_robot.png);
}
.ico-playoff:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_playoff.png);
}
.ico-stock:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_stock.png);
}
.ico-introduction:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_introduction.png);
}
.ico-home-01:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_home_03.png);
}
.ico-home-02:before{
 background-image: url(/contents/cdn-img/campaign/special/190610/ico_home_04.png);
}

.m-linkAreaLine{
 border-width: 2px;
 background-color: #fff;
}
.m-cols-lineup .m-lineupBody{
 padding: 25px 30px 15px;
}
.m-cols-lineup .linkNone .m-lineupBody:hover{
 background: #fff;
}
.m-cols-lineup .m-lineupBtm{
 padding-top: 10px;
}
.m-cols-lineup .m-lineup-cnt .m-linkAreaLine-subttl{
 font-weight: normal;
 color: #666;
}
.box-compact .m-linkAreaLine{
 border: none;
 border-bottom: 2px solid #eee;
 border-radius: 0;
}
.box-compact .m-cols-box,
.box-compact .m-cols-lineup .m-cols-box:nth-child(2){
 margin-top: 0;
}
.box-compact .m-cols-lineup .m-lineupBody{
 padding: 15px 14px;
}
.box-compact .m-cols-lineup .m-lineupWrap{
 min-height: inherit;
}
.box-compact .m-cols-lineup .m-lineup-img{
 width: 60px;
}
.box-compact .m-lineup-img p[class*="ico-"]:before {
 width: 58px;
 height: 58px;
 background-size: 100%;
 background-position: center center;
}
.box-compact .m-cols-lineup .m-lineup-cnt{
 padding-left: 10px;
}

.m-linkAreaLine.linkNone:hover{
 background: #fff;
 opacity: 1;
 filter: none;
}

.m-btnCampaign > li{
 max-width: inherit;
 width: auto;
}
.m-btnCampaign .m-btnDefG-l{
 max-width: inherit;
 padding: 12px 20px;
}

.m-cvBtnCol{
 margin: 0 auto;
 width: 1000px; 
}

.m-tipNotice{
 display: inline-block;
 color: #fff;
 font-size: 1.2rem;
 margin-left: 10px;
 padding: 3px 10px;
 line-height: 120%;
 border-radius: 3px;
 text-align: center;
 font-weight: normal;
 background: #2d96cd;
}

.fig-netbk{
 margin-top: 80px;
}

.pc{
 display: block;
}

.sp{
 display: none;
}

@media screen and (max-width: 1000px) {
 .ancNav .linkList{
  width: 100%;
 }
 .ancNav .linkList li{
  width: inherit;
 }
 .thanksgiving .m-section{
  background-size: contain;
 }
 .m-thanksgivingWrap{
  padding: 0 15px;
 }
 .m-cvBtnCol{
  width: 100%; 
 }
}
@media screen and (max-width: 819px) {
 .mainVisual{
  min-height: 430px;
  background-size: cover;
 }
 .mainVisual .title{
  margin-top: 20px;
 }
 .mainVisual .title h1{
  margin: 0 auto;
  width: 315px;
  box-sizing: border-box;
 }
 .ancNav .linkList{
  display: block;
 }
 .ancNav .linkList li{
  border-right: 0;
  border-bottom: 1px solid #c3e4ff;
  text-align: left;
  font-size: 1.5rem;
 }
 .ancNav .linkList a{
  padding-left: 55px;
  padding-right: 35px;
 }
 .ancNav .linkList a.teiki::before, .ancNav .linkList a.home::before, .ancNav .linkList a.introduction::before{
  margin-top: -17px;
  width: 34px;
  height: 34px;
  left: 10px;
  background-size: 100%;
 }
 .ancNav .linkList .mainTxt{
  display: inline;
  font-size: 2rem;
 }
 .thanksgiving .m-section{
  padding: 20px 0 40px;
  background: none;
 }
 .m-ctsConversionArea{
  margin-left: 0;
  margin-right: 0;
 }
}
@media screen and (max-width: 659px) {
 header{
  height: 50px;
 }
 header .header_logo{
  height: 50px;
 }
 header .header_logo > a{
  width: 138px;
  height: auto;
  left: 12px;
  top: 11px;
 }
 header .header_logo > a > img{
  margin: 0;
  top: 0;
  left: 0;
 }
 .mainVisual .title{
  margin-bottom: 70px;
  padding: 0 10px;
 }
 .mainVisual .title h1{
  padding: 0;
 }
 .hdgStepUp,
 .hdgHomeloan,
 .hdgIntroduction{
  font-size: 2.4rem;
 }
 .ico-megaphone{
  margin: 2px auto 10px;
 }
.thanksgiving .m-section.netbk{
 background-image: url(/contents/cdn-img/campaign/special/190610/bg_netbank_sp.png);
 background-size: contain;
}
 .fig-netbk{
  margin-top: 30px;
 }
.m-cols-trans .m-cols-box:nth-child(1), .m-cols-trans .m-cols-box-2of3:nth-child(1), .m-cols-trans .m-cols-box-1of3:nth-child(1), .m-cols-trans .m-cols-box:nth-child(2), .m-cols-trans .m-cols-box-2of3:nth-child(2), .m-cols-trans .m-cols-box-1of3:nth-child(2), .m-cols-trans .m-cols-box:nth-child(3), .m-cols-trans .m-cols-box-2of3:nth-child(3), .m-cols-trans .m-cols-box-1of3:nth-child(3), .m-cols-trans .m-cols-box:nth-child(4), .m-cols-trans .m-cols-box-2of3:nth-child(4), .m-cols-trans .m-cols-box-1of3:nth-child(4) {
    margin-top: 40px;
}
 section.m-section + section.m-section.netbk{
  margin: 0;
 }
 .m-cols-lineup .m-lineupBody{
  padding: 25px 20px 15px;
 }
 .m-section.netbk h2.m-hdr2C{
  margin-bottom: 40px;
  font-size: 2.4rem;
 }
 .sp{
  display: block;
 }
}
@media screen and (max-width: 559px) {
 header .header_logo > a > img{
  width: 100%;
 }
 .mainVisual{
  min-height: 408px;
  background-image: url(/contents/cdn-img/campaign/special/190610/bg_sp_01.png);
  background-size: 100% 100%;
  background-position: center;
 }
}
@media screen and (max-width: 374px) {
 .mainVisual{
  min-height: inherit;
  background-size: cover;
 }
 .mainVisual .title h1{
  width: auto;
 }
}