.cmain-img {
border-radius: 4px;
overflow: hidden;
}


/* campaign */
.campaign-title {
font-size: calc(100vw / 18);
line-height: 1.5em;
font-weight: bold;
color: rgba(0,34,99,1.00);
padding: 0px 0px 0.35em;
margin: 0px 0px 8%;
text-align: center;
border-bottom: 1px solid rgba(229,40,136,1.00);
}

.campaign-block {
background-color: rgba(235,237,243,1.00);
border-radius: 4px;
padding: 5%;
}
.campaign-space {
margin: 0px 0px 15%;
}
.white-block {
background-color: rgba(255,255,255,1.00);
border-radius: 4px;
padding: 5% !important;
}
.button-space {
padding: 0px;
margin: 0px 0px 10%;
}


.campaign-table {
font-size: calc(100vw / 26);
line-height: 1.5em;
font-weight: bold;
border-top: 1px solid rgba(178,189,208,1.00);
border-left: 1px solid rgba(178,189,208,1.00);
width: 100%;
}
.campaign-table strong {
font-size: 150%;
}
.campaign-table th,
.campaign-table td {
background-color: rgba(235,237,243,1.00);
padding: 0.5em 0.8em;
border-right: 1px solid rgba(178,189,208,1.00);
border-bottom: 1px solid rgba(178,189,208,1.00);
display: block;
text-align: left;
}
.campaign-table td {
background-color: rgba(255,255,255,1.00);
}

.present3000 {
margin-right: auto;
margin-left: auto;
width: 100%;
}

a.link-button {
background-color: rgba(15,54,117,1.00);
color: rgba(255,255,255,1.00) !important;
font-size: 95%;
line-height: 1.3em;
}
a.link-button::after {
background-image: url(../images/link_arrow_w.svg);
opacity: 1.0;
}
a.link-button.external::after {
background-image: url(../images/link_arrow_other_w.svg);
opacity: 1.0;
}
.top_anchor a.link-button::after {
transform: rotate(90deg)
}
a.link-button:hover {
color: rgba(255,255,255,1.00) !important;
background-color: rgba(109,127,154,1.00);
}



@media print, screen and (min-width: 375px) {
 .cmain-img {
border-radius: 4px;
}
/* campaign */
.campaign-title {
font-size: 20px;
line-height: 1.5em;
margin: 0px 0px 8%;
}
.button-space {
margin: 0px 0px 10%;
}

.campaign-block {
border-radius: 4px;
padding: 15px;
}
.white-block {
border-radius: 4px;
padding: 15px !important;
}

.campaign-table {
font-size: 13px;
line-height: 1.5em;
}
.campaign-table th,
.campaign-table td {
padding: 0.5em 0.8em;
}

}


@media print, screen and (min-width: 768px) {
 .cmain-img {
border-radius: 5px;
}

/* campaign */
.campaign-space {
margin: 0px 0px 9%;
}
.campaign-title {
font-size: 25px;
line-height: 1.5em;
padding: 0px 0px 0.32em;
margin: 0px 0px 6%;
border-bottom: 2px solid rgba(229,40,136,1.00);
}
.button-space {
margin: 0px 0px 7%;
}

.campaign-block {
border-radius: 5px;
padding: 25px;
}
.white-block {
border-radius: 5px;
padding: 25px !important;
}


.campaign-table {
font-size: 14px;
line-height: 1.5em;
}
.campaign-table th,
.campaign-table td {
padding: 0.8em 1.0em;
display: table-cell;
}

.present3000 {
width: 70%;
}

}


@media print, screen and (min-width: 1024px) {
 .cmain-img {
border-radius: 6px;
}

/* campaign */
.campaign-space {
margin: 0px 0px 8%;
}
.campaign-title {
font-size: 28px;
line-height: 1.5em;
}
.campaign-title br {
display: none;
}
.button-space {
margin: 0px 0px 7%;
}

.campaign-block {
border-radius: 6px;
padding: 30px;
}
.white-block {
border-radius: 6px;
padding: 30px !important;
}

.campaign-table {
font-size: 15px;
line-height: 1.5em;
}
.campaign-table th,
.campaign-table td {
padding: 1.0em 1.3em;
}

.present3000 {
width: 65%;
}

a.link-button {
font-size: 105%;
line-height: 1.3em;
}
a.link-button br {
display: none;
}

}


@media print, screen and (min-width: 1200px) {
/* campaign */
.campaign-title {
font-size: 30px;
line-height: 1.5em;
}
.campaign-block {
padding: 40px;
}
.white-block {
padding: 40px !important;
}

.campaign-table {
font-size: 16px;
line-height: 1.5em;
}
.campaign-table th,
.campaign-table td {
padding: 1.1em 1.4em;
}

}


@media print, screen and (min-width: 1400px) {

}




























/* campaign01 */
.campaign-box {
}
.campaign-box dt {
text-align: center;
background-color: rgba(15,54,117,1.00);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 1.0em 0px;
}
.campaign-box dt .c-box-title {
font-size: calc(100vw / 27);
line-height: 1.4em;
font-weight: bold;
color: rgba(255,255,255,1.00);
}
.campaign-box dt .c-box-title strong {
color: rgba(255,240,0,1.00);
}
.campaign-box dt .c-box-title em {
font-size: 130%;
font-style: normal;
}
.campaign-box dd {
background-color: rgba(255,255,255,1.00);
padding: 5%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}


.campaign-case {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.campaign-case > li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-radius: 4px;
background-color: rgba(252,231,240,1.00);
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.campaign-case > li .case-img {
position: absolute;
display: block;
width: 20%;
max-width: 67px;
left: 0px;
top: 0px;
}
.campaign-case > li:last-child {
margin: 0px;
}
.campaign-case > li.case-space {
margin: 0px 0px 10%;
}
.campaign-case > li .graphic-img {
width: 90%;
padding: 8% 0px;
}
.campaign-case > li.case01 {
}
.campaign-case > li.case02 {
background-color: rgba(229,240,248,1.00);
}
.campaign-case > li.case03 {
background-color: rgba(255,242,236,1.00);
}

.campaign-case > li.case-arrow {
background: none;
padding: 4px 0px;
}
.campaign-case > li.case-arrow img {
width: 20px;
height: 20px;
display: block;
transform: rotate(90deg);
}


@media print, screen and (min-width: 375px) {
.campaign-box dt .c-box-title {
font-size: 14px;
line-height: 1.4em;
}
.campaign-box dd {
padding: 15px;
}

}


@media print, screen and (min-width: 768px) {
.campaign-box dt {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 1.0em 0px;
}
.campaign-box dt .c-box-title {
font-size: 19px;
line-height: 1.4em;
}

.campaign-box dd {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 25px;
}


.campaign-case > li.case01,
.campaign-case > li.case02,
.campaign-case > li.case-arrow.case_icon01,
.campaign-case > li.case-arrow.case_icon02,
.campaign-case > li.case01.case-space,
.campaign-case > li.case02.case-space {
margin-bottom: 6%;
}
.campaign-case > li {
-ms-flex-preferred-size: calc(50% - 18px);
flex-basis: calc(50% - 18px);
}
.campaign-case > li.case-space {
margin: 0px;
}

.campaign-case > li.case-arrow {
padding: 0px;
-ms-flex-preferred-size: 36px;
flex-basis: 36px;
}
.campaign-case > li.case-arrow img {
width: 20px;
height: 20px;
transform: rotate(0deg);
}

}


@media print, screen and (min-width: 1024px) {
.campaign-box dt {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 1.1em 0px;
}
.campaign-box dt .c-box-title {
font-size: 21px;
line-height: 1.4em;
}

.campaign-box dd {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
padding: 30px;
}


.campaign-case > li.case01,
.campaign-case > li.case02,
.campaign-case > li.case-arrow.case_icon01,
.campaign-case > li.case-arrow.case_icon02,
.campaign-case > li.case01.case-space,
.campaign-case > li.case02.case-space {
margin-bottom: 5%;
}
.campaign-case > li {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.campaign-case > li.case-arrow {
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
}
.campaign-case > li.case-arrow img {
width: 30px;
height: 30px;
}

}


@media print, screen and (min-width: 1200px) {
.campaign-box dt .c-box-title {
font-size: 22px;
line-height: 1.4em;
}

.campaign-box dd {
padding: 40px;
}

.campaign-case > li {
-ms-flex-preferred-size: calc(50% - 30px);
flex-basis: calc(50% - 30px);
}
.campaign-case > li.case-arrow {
-ms-flex-preferred-size: 60px;
flex-basis: 60px;
}
.campaign-case > li.case-arrow img {
width: 38px;
height: 38px;
}

}


@media print, screen and (min-width: 1400px) {

}






























.campaign-case2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.campaign-case2 > li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-radius: 4px;
background-color: rgba(252,231,240,1.00);
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
}
.campaign-case2 > li .case-img {
position: absolute;
display: block;
width: 20%;
max-width: 67px;
left: 0px;
top: 0px;
}
.campaign-case2 > li .campaign-case-in {
padding: 10% 5% 5%;
}

.campaign-case2 > li .graphic-img {
width: 55%;
max-width: calc(262px / 2);
margin: 0px auto;
}

.campaign-case2 > li.case-arrow2 {
background: none;
padding: 4px 0px;
}
.campaign-case2 > li.case-arrow2 img {
width: 20px;
height: 20px;
display: block;
transform: rotate(90deg);
}

.flex2block .transparency0 {
display: none;
}
#campaign02 .flex2block .graphic-img {
width: 90%;
margin-right: auto;
margin-left: auto;
}
/*
              <ul class="flex2block animation">
                <li>
                  <div class="graphic-img resmab10 transparency0"><img src="images/step_catch.svg" alt="" width="346" height="60" loading="lazy"></div>
                  <a href="#" target="_blank" class="link-button" id="child_account_bt"><p>「こども口座」開設　詳細はこちら</p></a>
                </li>
                <li>
                  <div class="graphic-img resmab10"><img src="images/step_catch.svg" alt="さらに！ 「こども口座」を開設すると、毎年優待券をプレゼント！" width="346" height="60" loading="lazy"></div>
                  <a href="#" target="_blank" class="link-button new-window" id="child_privilege_bt"><p>「こども口座」　特典はこちら</p></a>
                </li>
              </ul>
*/


@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {
.campaign-case2 > li .graphic-img {
width: 100%;
}

.flex2block .transparency0 {
display: block;
opacity: 0;
}

}


@media print, screen and (min-width: 1024px) {

.campaign-case2 {
}
.campaign-case2 > li {
	-ms-flex-preferred-size: calc(33.33% - 20px);
	flex-basis: calc(33.33% - 20px);
}
.campaign-case2 > li .campaign-case-in {
padding: 25px 15px 15px;
}

.campaign-case2 > li.case-arrow2 {
	-ms-flex-preferred-size: 30px;
	flex-basis: 30px;
	align-items: center;
}
.campaign-case2 > li.case-arrow2 img {
width: 20px;
height: 20px;
transform: rotate(0deg);
}

}


@media print, screen and (min-width: 1200px) {
.campaign-case2 > li {
	-ms-flex-preferred-size: calc(33.33% - 30px);
	flex-basis: calc(33.33% - 30px);
}
.campaign-case2 > li .campaign-case-in {
padding: 30px 20px 20px;
}
.campaign-case2 > li.case-arrow2 {
	-ms-flex-preferred-size: 40px;
	flex-basis: 40px;
}
.campaign-case2 > li.case-arrow2 img {
width: 30px;
height: 30px;
}

}


@media print, screen and (min-width: 1400px) {

}























/*
				<div class="campaign202512-top-title">同時開催中</div>
				<div class="campaign-block campaign-space" id="campaign202512">
					<h2 class="campaign202512-title animation"><p>京王NEOBANKのご利用状況に応じて<br class="pc-br">京王トレインポイントが最大15%にアップするキャンペーン実施中！</p></h2>

					<div class="graphic-img animation resmab20 title01"><img src="images/title01.svg" alt="乗車するたびにポイント貯まる！「京王トレインポイント」×京王沿線のおトクなネット銀行サービス「KEIO NEO BANK」" width="896" height="80" loading="lazy"></div>

					<div class="graphic-img animation resmab10 title02"><img src="images/title02.svg" alt="ポイントアップキャンペーン" width="1044" height="150" loading="lazy"></div>

					<div class="graphic-img animation"><a href="../202512/index.html"><img src="../../images/main-img-20251113_1.jpg" alt="京王NEOBANK利用状況に応じて京王トレインポイントが最大15%にアップするキャンペーン実施中！ イメージ" width="2400" height="1256" loading="lazy" class="main-pc"><img src="../../images/main-img-sp20251113_1.jpg" alt="京王NEOBANK利用状況に応じて京王トレインポイントが最大15%にアップするキャンペーン実施中！ イメージ" width="800" height="1094" loading="lazy" class="main-sp"></a></div>
				</div><!-- campaign-block -->

*/
.campaign202512-top-title {
background-color: rgba(234,128,191,1.00);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-right: 1px solid rgba(234,128,191,1.00);
border-top: 1px solid rgba(234,128,191,1.00);
border-left: 1px solid rgba(234,128,191,1.00);
font-weight: bold;
text-align: center;
padding: 0.5em 0px;
color: rgba(255,255,255,1.00);
font-size: calc(100vw / 23);
line-height: 1.4em;
}
#campaign202512 {
background-color: rgba(252,235,245,1.00);
border-radius: 0px 0px 5px 5px;
border-right: 1px solid rgba(234,128,191,1.00);
border-bottom: 1px solid rgba(234,128,191,1.00);
border-left: 1px solid rgba(234,128,191,1.00);
}
.campaign202512-title {
color: rgba(214,0,127,1.00);
font-size: calc(100vw / 25);
line-height: 1.5em;
font-weight: bold;
padding-bottom: 5%;
}
#campaign202512 .title01 {
max-width: 896px;
margin-right: auto;
margin-left: auto;
}
#campaign202512 .title02 {
max-width: 1044px;
margin-right: auto;
margin-left: auto;
}
#campaign202512 .graphic-img a {
display: block;
border-radius: 4px;
overflow: hidden;
transition: all 0.3s;
}
#campaign202512 .graphic-img a:hover {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,1.00);
}

@media print, screen and (min-width: 375px) {
.campaign202512-top-title {
padding: 0.6em 0px;
font-size: 16px;
line-height: 1.4em;
}
.campaign202512-title {
font-size: 15px;
line-height: 1.5em;
padding-bottom: 5%;
}
#campaign202512 .graphic-img a:hover {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,1.00);
}

}

@media print, screen and (min-width: 768px) {

.campaign202512-top-title {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-right: 2px solid rgba(234,128,191,1.00);
border-top: 2px solid rgba(234,128,191,1.00);
border-left: 2px solid rgba(234,128,191,1.00);
padding: 0.6em 0px;
font-size: 20px;
line-height: 1.4em;
}
#campaign202512 {
border-radius: 0px 0px 8px 8px;
border-right: 2px solid rgba(234,128,191,1.00);
border-bottom: 2px solid rgba(234,128,191,1.00);
border-left: 2px solid rgba(234,128,191,1.00);
}

.campaign202512-title {
font-size: 18px;
line-height: 1.5em;
padding-bottom: 4%;
text-align: center;
}
#campaign202512 .title01 {
width: 90%;
}
#campaign202512 .graphic-img a {
border-radius: 5px;
}
#campaign202512 .graphic-img a:hover {
box-shadow: 0px 0px 14px 0px rgba(0,0,0,1.00);
}

}

@media print, screen and (min-width: 1024px) {
.campaign202512-top-title {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 0.6em 0px;
font-size: 23px;
line-height: 1.4em;
}
#campaign202512 {
border-radius: 0px 0px 10px 10px;
}

.campaign202512-title {
font-size: 22px;
line-height: 1.5em;
padding-bottom: 3%;
}
#campaign202512 .title01 {
width: 85%;
}

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}




















@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1024px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}