@charset "Shift_JIS";

/* ======= importantNews ======= */
/* #top {
    overflow-x: hidden;
} */

.serviceBoxWrap {
    padding-top: 20px;
    background: #F3F7FB;
}

.newsBox {
    margin-bottom: 0;
}

.importantNewsWrap {
    background: #F3F7FB;
}

.importantNewsWrap .inner {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    /* display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; */
}

.importantNewsTitle {
    color: #f00;
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 11px;
}

.importantNewsWrap .importantNews a {
    font-size: 110%;
    color: #004EA2;
}

.importantNewsText {
    padding: 10px 0;
    /* width: 90%; */
}

.importantNewsText .importantNews li {
    margin: 10px 0;
}

.importantNewsText .importantNews li a {
    box-sizing: border-box;
}

.importantNewsBtn {
    width: 72px;
    height: 72px;
    background: #004EA2;
    position: relative;
}

@media screen and (min-width: 767px) {

    .importantNewsBtn:hover {
        cursor: pointer;
    }

}

.importantNewsBtn::before,
.importantNewsBtn::after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.importantNewsBtn::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: 0.5s;
}

.importantNewsBtn.active::after {
    transform: translate(-50%, -50%) rotate(0);
    transition: 0.5s;
}

.importantNews.other {
    display: none;
}

.importantNews.other li {
    margin: 10px 0;
}

/* ====================================

    スライダー

==================================== */

.mainVisualWrap {
    width: 640px;
}

#mainVisualSilder {
    padding-bottom: 34px;
}

#mainVisualSilder .slick-list {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

#mainVisualSilder button.slick-next,
#mainVisualSilder button.slick-prev {
    background: none;
    background-color: rgba(0,78,162,0.8);
    border-radius: 50%;
}

#mainVisualSilder button.slick-arrow {
    width: 40px;
    height: 40px;
}

#mainVisualSilder button.slick-arrow::after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%) rotate(45deg);
}

#mainVisualSilder button.slick-arrow.slick-prev::after {
    border-top: none;
    border-right: none;
    border-left: solid 3px #fff;
    border-bottom: solid 3px #fff;
    transform: translate(-40%, -50%) rotate(45deg);
}

#mainVisualSilder .slick-list .slick-slide:not(.slick-center) {
    opacity: 1;
}

#mainVisualSilder .slick-dots li {
    vertical-align: middle;
}

#mainVisualSilder .slick-dots li button {
    background: #fff;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    padding: 5px;
    box-sizing: border-box;
}

#mainVisualSilder .slick-dots li.slick-active button {
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    position: relative;
}

#mainVisualSilder .slick-dots li.slick-active button::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #225ab4;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#mainVisualSilder button.slick-arrow {
    top: -35px;
}

.mainVisual2Wrap {
    width: 335px;
}

.mainVisual2 {
    margin-bottom: 8px;
}

#mainVisual2Silder,
#mainVisual3Silder{
	display: none !important;
}
#mainVisual2Silder.slick-initialized,
#mainVisual3Silder.slick-initialized{
	display: block !important;
}
#mainVisual3Silder button.slick-arrow,
#mainVisual3Silder button.slick-arrow{
	border-style:none;
	position:absolute;
	z-index:1;
	display:block;
	width:21px;
	height:21px;
	padding:0;
	margin:auto;
	top:0;
	bottom:0;
	overflow:hidden;
	text-indent:-999px;
}
#mainVisual3Silder button.slick-prev{
	left:-7px;
}
#mainVisual3Silder button.slick-next{
	right:-7px;
}

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

    .serviceBox08 a:hover {
    opacity: 0.6;
}

}

#mainVisual2Silder .slick-list,
#mainVisual3Silder .slick-list {
    margin: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

#mainVisual2Silder .slick-list li,
#mainVisual3Silder .slick-list li {
    padding: 0;
}

#mainVisual2Silder button.slick-next,
#mainVisual2Silder button.slick-prev,
#mainVisual3Silder button.slick-next,
#mainVisual3Silder button.slick-prev {
    background: none;
    background-color: rgba(0,78,162,0.8);
    border-radius: 50%;
}

#mainVisual2Silder button.slick-arrow,
#mainVisual3Silder button.slick-arrow {
    width: 32px;
    height: 32px;
}

#mainVisual2Silder button.slick-arrow::after,
#mainVisual3Silder button.slick-arrow::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%) rotate(45deg);
}

#mainVisual2Silder button.slick-arrow.slick-prev::after,
#mainVisual3Silder button.slick-arrow.slick-prev::after {
    border-top: none;
    border-right: none;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    transform: translate(-40%, -50%) rotate(45deg);
}

@media screen and (max-width: 767px) {

    #mainVisualSilder button.slick-next {
        right: 7px;
    }
    #mainVisualSilder button.slick-prev {
        left: 7px;
    }

}


/* ======= serviceBox01 ======= */


.serviceBox01 {
    background: #D5EBF5;
    padding: 20px 0 24px;
    overflow: hidden;
}

.serviceBox02 {
    padding-top: 40px;
    background: #D5EBF5;
}

.serviceBox02Inner {
    background: #F3F9FC;
    padding-top: 40px;
    padding-bottom: 45px;
}

.serviceBox01 .inner,
.serviceBox02 .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden;
}

.serviceBox02 .inner {
    position: relative;
    /* height: 193px; */
    margin-top: -80px;
}

.serviceBox01 .mainSubBox {
    /* width: 278px; */
    width: 285px;
}

.serviceBox01 .mainSubBox .kojinBox,
.serviceBox01 .mainSubBox .houjinBox {
    position: relative;
    margin-bottom: 0;
}

.serviceBox01 .mainSubBox .kojinBox .headH2A,
.serviceBox01 .mainSubBox .houjinBox  .headH2A {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
}

.serviceBox01 .mainSubBox .rGrad {
    margin: 15px 0 0;
}

.serviceBox01 .mainSubBox .rGrad:last-of-type {
    margin-top: 0;
}

.serviceBox01 .mainSubBox .rGrad.second {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.serviceBox01 .mainSubBox .rGrad.second li {
    width: 50%;
    border-top: none;
    font-size: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.serviceBox01 .mainSubBox .rGrad.second li a {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.serviceBox01 .mainSubBox .rGrad li,
.serviceBox01 .mainSubBox .gGrad li {
    border-radius: 0;
    font-size: 125%;
    font-weight: bold;
    box-sizing: border-box;
    border: 2px solid #004EA2;
}

.serviceBox01 .mainSubBox .rGrad .light {
    background: #6ba4d6;
    border-top: none;
}

.serviceBox01 .mainSubBox .rGrad.second li:last-child {
    border-left: none;
}

.serviceBox01 .mainSubBox .gGrad li:last-child {
    border-top: none;
}

.serviceBox01 .mainSubBox .rGrad a,
.serviceBox01 .mainSubBox .gGrad a {
    /* padding: 10px 20px 10px 10px; */
    padding: 10px 15px 10px 5px;
}

.serviceBox01 .mainSubBox .rGrad.second a {
    padding: 10px 10px 10px 5px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.serviceBox01 .mainSubBox .rGrad.first li:first-child,
.serviceBox01 .mainSubBox .gGrad li:first-child {
    background: #004EA2;
}

.serviceBox01 .mainSubBox .rGrad li a:link,
.serviceBox01 .mainSubBox .rGrad li a:visited,
.serviceBox01 .mainSubBox .gGrad li a:link,
.serviceBox01 .mainSubBox .gGrad li a:visited {
    color: #004EA2;
}
.serviceBox01 .mainSubBox .rGrad .light a:link,
.serviceBox01 .mainSubBox .rGrad .light a:visited {
    color: #fff;
}
.serviceBox01 .mainSubBox .rGrad.first li:first-child a:link,
.serviceBox01 .mainSubBox .rGrad.first li:first-child a:visited,
.serviceBox01 .mainSubBox .gGrad li:first-child a:link,
.serviceBox01 .mainSubBox .gGrad li:first-child a:visited {
    color: #fff;
}

@media screen and (min-width: 767px) {

    .serviceBox01 .mainSubBox .rGrad li a:hover,
    .serviceBox01 .mainSubBox .gGrad li a:hover {
        background: #fcfbf0;
    }

    .serviceBox01 .mainSubBox .rGrad .light a:hover {
        background: #2563A5;
    }

    .serviceBox01 .mainSubBox .rGrad.first li:first-child a:hover,
    .serviceBox01 .mainSubBox .gGrad li:first-child a:hover {
        background: #2563A5;
    }

}

.serviceBox01 .mainSubBox .rGrad li span,
.serviceBox01 .mainSubBox .gGrad li span {
    font-size: 75%;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

/* .serviceBox01 .mainSubBox .rGrad.first li:nth-child(2), */
.serviceBox01 .mainSubBox .gGrad.first li:nth-child(2) {
    border-top: none;
}

.serviceBox01 .mainSubBox .direct .rGrad a::after,
.serviceBox01 .mainSubBox .cinb .gGrad a::after {
    background: none;
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    bottom: auto;
    top: 50%;
    /* right: 10px; */
    right: 5px;
    transform: translateY(-50%) rotate(45deg);
}

.serviceBox01 .mainSubBox .direct .rGrad .light a::after {
    border-color: #fff;
}

.serviceBox01 .mainSubBox .direct .rGrad.first li:first-child a::after,
.serviceBox01 .mainSubBox .cinb .gGrad li:first-child a::after {
    border-color: #fff;
}

.serviceBox01 .mainSubBox .direct .rGrad.second a::after {
    right: 5px;
}

.serviceBox01 .mainSubBox .direct,
.serviceBox01 .mainSubBox .cinb {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 9px 25px 25px;
}

.serviceBox01 .mainSubBox .cinb {
    border-radius: 4px;
}

.serviceBox01 .mainSubBox .rGrad li,
.serviceBox01 .mainSubBox .gGrad li {
    background: transparent;
    box-shadow: none;
}

.serviceBox01 .mainSubBox .kojinBoxWrap,
.serviceBox01 .mainSubBox .houjinBoxWrap {
    padding-top: 20px;
}

.mainCampBoxWrap {
    margin-top: 20px;
}

.serviceBox01 .mainSubBox .cinb ul {
    margin: 15px 0 0;
}


/* ======= menuLink ======= */


.menuLink-01,
.menuLink-02 {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.menuLink-01 li {
    background: #fff;
    border: 1px solid #CDDCED;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    width: 156px;
}

.menuLink-01 li a {
    width: 100%;
    color: #004EA2;
    font-weight: bold;
    font-size: 140%;
    text-align: center;
    padding: 20px 15px 40px;
    position: relative;
    box-sizing: border-box;
    min-height: 100px;
}

.menuLink-01 li a span {
    display: block;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -35%);
    width: 100%;
}

.menuLink-01 li a::after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-bottom: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.menuLink-01 li:last-child a::after {
    bottom: 15px;
    width: 16px;
    height: 16px;
    border: none;
    transform: translateX(-50%);
    background: url("../../images/top_new/icon_other.png") center center no-repeat;
}

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

    .menuLink-01 li a:hover {
        background: #004EA2;
        text-decoration: none;
        color: #fff;
    }
    .menuLink-01 li a:hover::after {
        border-bottom: solid 3px #fff;
        border-right: solid 3px #fff;
    }
    .menuLink-01 li:last-child a:hover::after {
        border: none;
        background: none;
        background: #004EA2 url("../../images/top_new/icon_other_on.png") center center no-repeat;
    }

}

.menuLink-02 {
    margin-top: 44px;
}

.menuLink-02 li {
    width: 25%;
    position: relative;
}

.menuLink-02 li::before {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    background: #004EA2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.menuLink-02 li:last-child::after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    background: #004EA2;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.menuLink-02 li a {
    display: block;
    text-align: center;
    font-size: 110%;
}

.menuLink-02 li a:link,
.menuLink-02 li a:visited {
    color: #004EA2;
}


/* ======= serviceBox03 ======= */

.serviceBox03 {
    background: #D5EBF5;
    padding: 24px;
}

.serviceBox03 .inner {
    max-width: 980px;
    margin: 0 auto;
}

.serviceBox03 .bannerLink {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.serviceBox03 .bannerLink li {
    width: 220px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	font-size: 0px;
	line-height: initial;
}

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

    .serviceBox03 .bannerLink li a:hover {
        cursor: pointer;
        opacity: 0.6;
    }

}

.serviceBox03 .bannerLink li a img {
    width: 100%;
    height: auto;
}


/* ======= serviceBox04 ======= */

.serviceBox04 {
    background: #fff;
    padding: 75px 0 80px;
}

.serviceBox04 .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.headH2Title {
    font-size: 219%;
    line-height: 1.5;
    color: #004EA2;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.headH2Title::after {
    content: '';
    display: block;
    width: 56px;
    height: 4px;
    background: #FFE763;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.btnMenuLink {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.btnMenuLink.link02 {
    margin-top: 24px;
}

.btnMenuLink li {
    width: 150px;
    border: 2px solid #004EA2;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.btnMenuLink li a {
    width: 100%;
    padding: 85px 0 15px;
    text-align: center;
    line-height: 1.4;
    font-size: 110%;
    display: block;
    position: relative;
    min-height: 134px;
    box-sizing: border-box;
}

.btnMenuLink li a span {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -85%);
    display: block;
    width: 100%;
}

.btnMenuLink .list-01 a {
    background: url("../../images/top_new/mbtn/m_icon01.png") 50% 15px / 64px no-repeat;
}
.btnMenuLink .list-02 a {
    background: url("../../images/top_new/mbtn/m_icon02.png") 50% 15px / 55px no-repeat;
}
.btnMenuLink .list-03 a {
    background: url("../../images/top_new/mbtn/m_icon03.png") 50% 15px / 55px no-repeat;
}
.btnMenuLink .list-04 a {
    background: url("../../images/top_new/mbtn/m_icon04.png") 50% 20px / 60px no-repeat;
}
.btnMenuLink .list-05 a {
    background: url("../../images/top_new/mbtn/m_icon05.png") 50% 21px / 45px no-repeat;
}
.btnMenuLink .list-06 a {
    background: url("../../images/top_new/mbtn/m_icon06.png") 50% 21px / 90px no-repeat;
}
.btnMenuLink .list-07 a {
    background: url("../../images/top_new/mbtn/m_icon07.png") 50% 18px / 50px no-repeat;
}
.btnMenuLink .list-08 a {
    background: url("../../images/top_new/mbtn/m_icon08.png") 50% 12px / 70px no-repeat;
}
.btnMenuLink .list-09 a {
    background: url("../../images/top_new/mbtn/m_icon09.png") 50% 20px / 65px no-repeat;
}
.btnMenuLink .list-10 a {
    background: url("../../images/top_new/mbtn/m_icon10.png") 50% 18px / 60px no-repeat;
}
.btnMenuLink .list-11 a {
    background: url("../../images/top_new/mbtn/m_icon11.png") 50% 22px / 60px no-repeat;
}
.btnMenuLink .list-12 a {
    background: url("../../images/top_new/mbtn/m_icon12.png") 50% 23px / 59px no-repeat;
}

.btnMenuLink li a:link,
.btnMenuLink li a:visited {
    color: #004EA2;
}

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

    .btnMenuLink li a:hover {
        background-color: #D5EBF5;
        text-decoration: none;
    }

}

/* ======= serviceBox05 ======= */

.serviceBox05 {
    background: #D5EBF5;
    padding: 55px 0 100px;
    height: 380px;
}

.serviceBox05 .inner {
    max-width: 980px;
    margin: 0 auto;
}

.topTabMenuWrap {
    padding: 0;
    position: relative;
}

.topTabMenuWrap dl {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.topTabMenuWrap dl dt {
    top: 0;
    left: 0;
    width: 16.66%;;
    height: 65px;
    font-weight: bold;
    position: absolute;
    background: #fff;
    box-sizing: border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #95BBDC;
    z-index: 1;
}
.topTabMenuWrap dl:nth-child(2) dt {
    left: 16.66%;;
}

.topTabMenuWrap dl:nth-child(3) dt {
    left: 33.32%;
}

.topTabMenuWrap dl:nth-child(4) dt {
    left: 49.98%;
}
.topTabMenuWrap dl:nth-child(5) dt {
    left: 66.64%;
}
.topTabMenuWrap dl:nth-child(6) dt {
    left: 83.3%;
    border-right: none;
    width: 16.8%;
}

.topTabMenuWrap dl dt.btnAcv {
    background: #95BBDC;
}

.topTabMenuWrap dl dt a {
    display: block;
    width: 100%;
    height: 65px;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    font-size: 110%;
}

.topTabMenuWrap dl dt a:link,
.topTabMenuWrap dl dt a:visited {
    color: #004EA2;
    font-weight: normal;
    text-align: center;
}

.topTabMenuWrap dl dt.btnAcv a:link,
.topTabMenuWrap dl dt.btnAcv a:visited {
    color: #fff;
}

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

    .topTabMenuWrap dl dt a:hover {
        text-decoration: none;
    }

}

.topTabMenuWrap dl dd {
    position: relative;
    top: 65px;
    background: #95BBDC;
    padding: 40px 20px;
    border-right: 1px solid #95BBDC;
}


.tabLinkBox {
    background: transparent;
    padding: 0;
}

.topTabMenu.menu {
    height: 65px;
}

.topTabMenu li {
    padding-left: 0;
}

.topTabMenu li a {
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background: #fff;
    color: #004EA2;
    font-weight: normal;
    font-size: 88%;
}

.topTabMenu li:first-child a {
    border-left: none;
}

.topTabMainWrap {
    position: absolute;
    width: 980px;
}

.topTabMain {
    border: none;
    box-shadow: none;
    background: #95BBDC;
    padding: 40px 20px;
    min-height: initial;
    min-height: auto;/*IE用*/
}

.topTabMenu.menu a.tabOn {
    background: #95BBDC;
    border-color: #95BBDC;
}

.topTabMenu.menu a.tabOn::after {
    border-top: 10px solid #95BBDC;
}

.tabLink2.tabLinkList {
    min-height: initial;
    min-height: auto;/*IE用*/
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tabLink2.tabLinkList li {
    width: 150px;
    background: #fff;
    border: 2px solid #004EA2;
    border-radius: 4px;
    margin-top: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-bottom: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.tabLink2.tabLinkList li:first-child {
    margin-left: 0;
}

.tabLink2.tabLinkList li a {
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 0 14px;
    text-align: center;
    line-height: 1.4;
    font-size: 79%;
}

.tabLink2.tabLinkList.tab03 li a {
    padding: 71px 0 6px;
}


/* --- tab01 ---*/

.tabLink2.tabLinkList .tab01-list-01 a {
    background: url("../../images/top_new/mbtn/m_icon13.png") 50% 24px / 48px no-repeat;
}
.tabLink2.tabLinkList .tab01-list-02 a {
    background: url("../../images/top_new/mbtn/m_icon14.png") 50% 27px / 47px no-repeat;
}
.tabLink2.tabLinkList .tab01-list-03 a {
    background: url("../../images/top_new/mbtn/m_icon15.png") 50% 21px / 43px no-repeat;
}
.tabLink2.tabLinkList .tab01-list-04 a {
    background: url("../../images/top_new/mbtn/m_icon16.png") 50% 32px / 44px no-repeat;
}
.tabLink2.tabLinkList .tab01-list-05 a {
    background: url("../../images/top_new/mbtn/m_icon17.png") 50% 36px / 45px no-repeat;
}
.tabLink2.tabLinkList .tab01-list-06 a {
    background: url("../../images/top_new/mbtn/m_icon18.png") 50% 19px / 35px no-repeat;
}

/* --- tab02 ---*/

.tabLink2.tabLinkList .tab02-list-01 a {
    background: url("../../images/top_new/mbtn/m_icon19.png") 50% 23px / 44px no-repeat;
}
.tabLink2.tabLinkList .tab02-list-02 a {
    background: url("../../images/top_new/mbtn/m_icon02.png") 50% 17px / 55px no-repeat;
}
.tabLink2.tabLinkList .tab02-list-03 a {
    background: url("../../images/top_new/mbtn/m_icon03.png") 50% 18px / 55px no-repeat;
}
.tabLink2.tabLinkList .tab02-list-04 a {
    background: url("../../images/top_new/mbtn/m_icon20.png") 50% 24px / 37px no-repeat;
}
.tabLink2.tabLinkList .tab02-list-05 a {
    background: url("../../images/top_new/mbtn/m_icon21.png") 50% 18px / 105px no-repeat;
}
.tabLink2.tabLinkList .tab02-list-06 a {
    background: url("../../images/top_new/mbtn/m_icon22.png") 50% 18px / 105px no-repeat;
}

/* --- tab03 ---*/

.tabLink2.tabLinkList .tab03-list-01 a {
    background: url("../../images/top_new/mbtn/m_icon23.png") 50% 25px / 48px no-repeat;
}
.tabLink2.tabLinkList .tab03-list-02 a {
    background: url("../../images/top_new/mbtn/m_icon20.png") 50% 25px / 37px no-repeat;
}
.tabLink2.tabLinkList .tab03-list-03 a {
    background: url("../../images/top_new/mbtn/m_icon24.png") 50% 25px / 56px no-repeat;
}
.tabLink2.tabLinkList .tab03-list-04 a {
    background: url("../../images/top_new/mbtn/m_icon25.png") 50% 24px / 42px no-repeat;
}
.tabLink2.tabLinkList .tab03-list-05 a {
    background: url("../../images/top_new/mbtn/m_icon26.png") 50% 30px / 57px no-repeat;
}
.tabLink2.tabLinkList .tab03-list-06 a {
    background: url("../../images/top_new/mbtn/m_icon27.png") 50% 26px / 39px no-repeat;
}

/* --- tab04---*/

.tabLink2.tabLinkList .tab04-list-01 a {
    background: url("../../images/top_new/mbtn/m_icon28.png") 50% 26px / 60px no-repeat;
}
.tabLink2.tabLinkList .tab04-list-02 a {
    background: url("../../images/top_new/mbtn/m_icon29.png") 50% 27px / 40px no-repeat;
}
.tabLink2.tabLinkList .tab04-list-03 a {
    background: url("../../images/top_new/mbtn/m_icon30.png") 50% 31px / 45px no-repeat;
}
.tabLink2.tabLinkList .tab04-list-04 a {
    background: url("../../images/top_new/mbtn/m_icon31.png") 50% 31px / 87px no-repeat;
}
.tabLink2.tabLinkList .tab04-list-05 a {
    background: url("../../images/top_new/mbtn/m_icon32.png") 50% 23px / 46px no-repeat;
}
.tabLink2.tabLinkList .tab04-list-06 a {
    background: url("../../images/top_new/mbtn/m_icon33.png") 50% 20px / 48px no-repeat;
}

/* --- tab05---*/

.tabLink2.tabLinkList .tab05-list-01 a {
    background: url("../../images/top_new/mbtn/m_icon09.png") 45% 20px / 60px no-repeat;
}
.tabLink2.tabLinkList .tab05-list-02 a {
    background: url("../../images/top_new/mbtn/m_icon10.png") 50% 18px / 55px no-repeat;
}
.tabLink2.tabLinkList .tab05-list-03 a {
    background: url("../../images/top_new/mbtn/m_icon34.png") 50% 24px / 57px no-repeat;
}
.tabLink2.tabLinkList .tab05-list-04 a {
    background: url("../../images/top_new/mbtn/m_icon35.png") 50% 24px / 78px no-repeat;
}
.tabLink2.tabLinkList .tab05-list-05 a {
    background: url("../../images/top_new/mbtn/m_icon36.png") 50% 21px / 58px no-repeat;
}
.tabLink2.tabLinkList .tab05-list-06 a {
    background: url("../../images/top_new/mbtn/m_icon34.png") 50% 24px / 57px no-repeat;
}

/* --- tab06---*/

.tabLink2.tabLinkList .tab06-list-01 a {
    background: url("../../images/top_new/mbtn/m_icon37.png") 50% 22px / 45px no-repeat;
}
.tabLink2.tabLinkList .tab06-list-02 a {
    background: url("../../images/top_new/mbtn/m_icon38.png") 50% 28px / 64px no-repeat;
}
.tabLink2.tabLinkList .tab06-list-03 a {
    background: url("../../images/top_new/mbtn/m_icon39.png") 50% 14px / 84px no-repeat;
}
.tabLink2.tabLinkList .tab06-list-04 a {
    background: url("../../images/top_new/mbtn/m_icon07.png") 50% 18px / 45px no-repeat;
}
.tabLink2.tabLinkList .tab06-list-05 a {
    background: url("../../images/top_new/mbtn/m_icon40.png") 50% 17px / 42px no-repeat;
}
.tabLink2.tabLinkList .tab06-list-06 a {
    background: url("../../images/top_new/mbtn/m_icon41.png") 50% 23px / 55px no-repeat;
}

.tabBbtn li.tabCatLink a {
    background: #fff;
    font-size: 78%;
    padding: 10px 30px 10px 30px;
}

.tabBbtn li.tabCatLink a::after {
    background: none;
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    bottom: auto;
}



.tabLink2.tabLinkList li a:link,
.tabLink2.tabLinkList li a:visited {
    color: #004EA2;
}

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

    .tabLink2.tabLinkList li a:hover {
        background-color: #fffac6;;
        text-decoration: none;
    }

}

/* ======= serviceBox06 ======= */

.serviceBox06 {
    background: #fff;
    padding: 55px 0 78px;
}

.serviceBox06 .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.webLink {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.webLinkWrap {
    width: 32.7%;
}


.headH3Title {
    font-size: 156%;
    font-weight: bold;
    text-align: center;
    color: #004EA2;
    margin-bottom: 20px;
}

.webLinkList li {
    border: 2px solid #004EA2;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
}

.webLinkList li:nth-child(2) {
    border-top: none;
    border-bottom: none;
}

.webLinkList li a {
    display: block;
    width: 100%;
    padding: 40px 35px 40px 70px;
    font-size: 125%;
    font-weight: bold;
    position: relative;
}

.webLinkList li a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%) rotate(45deg);
}

.webLinkList li a:link,
.webLinkList li a:visited {
    color: #004EA2;
}

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

    .webLinkList li a:hover {
        background-color: #D5EBF5;
        text-decoration: none;
    }

}

.webLinkList li a span {
    font-size: 75%;
    font-weight: normal
}

/* おうちでローン アイコン */
.webLinkList .webLinkList01-01 a {
    background: url("../../images/top_new/mbtn/m_icon01.png") 8px 50% / 55px no-repeat;
}
.webLinkList .webLinkList01-02 a {
    background: url("../../images/top_new/mbtn/m_icon11.png") 13px 50% / 45px no-repeat;
}
.webLinkList .webLinkList01-03 a {
    background: url("../../images/top_new/mbtn/m_icon42.png") 10px 50% / 50px no-repeat;
}

/* おうちで資産運用 アイコン */
.webLinkList .webLinkList02-01 a {
    background: url("../../images/top_new/mbtn/m_icon02.png") 12px 50% / 50px no-repeat;
}
.webLinkList .webLinkList02-02 a {
    background: url("../../images/top_new/mbtn/m_icon12.png") 12px 50% / 50px no-repeat;
}
.webLinkList .webLinkList02-03 a {
    background: url("../../images/top_new/mbtn/m_icon03.png") 8px 50% / 55px no-repeat;
}

/* 決済・アプリ */
.webLinkList .webLinkList03-01 a {
    background: url("../../images/top_new/mbtn/m_icon04.png") 14px 50% / 50px no-repeat;
}
.webLinkList .webLinkList03-02 a {
    background: url("../../images/top_new/mbtn/m_icon05.png") 16px 50% / 45px no-repeat;
}
.webLinkList .webLinkList03-03 a {
    background: url("../../images/top_new/mbtn/m_icon43.png") 12px 50% / 50px no-repeat;
}



/* ======= serviceBox07 ======= */

.serviceBox07 {
    background:linear-gradient(90deg,#D5EBF5 0%,#D5EBF5 50%,#F3F9FC 50%,#F3F9FC 100%);
    margin-bottom: 40px;
    padding: 0 50px 56px;
}

.serviceBox07 .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.serviceBox07  .shopLinkWrap,
.serviceBox07 .infoListWrap {
    width: 45%;
    padding-top: 75px;
}

.LinkBtn a {
    display: block;
    padding: 20px 25px;
    background: #fff;
    border: 2px solid #004EA2;
    border-radius: 4px;
    margin-bottom: 8px;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    position: relative;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.LinkBtn a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) rotate(45deg);
}

.LinkBtn a:link,
.LinkBtn a:visited {
    color: #004EA2;
}

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

    .LinkBtn a:hover {
        text-decoration: none;
        background: #004EA2;
        color: #fff;
    }

    .LinkBtn a:hover::after {
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
    }

}

.infoLinkBtnWrap {
    background: #fff;
    padding: 25px 0;
    text-align: center;
}

.infoLinkBtnWrap.Link01 {
    margin-bottom: 8px;
}

.infoLinkBtnWrap.Link01 .LinkBtn a {
    padding: 10px 25px;
}

.infoLinkBtnWrap.Link02 {
    margin-bottom: 45px;
}

.h77 {
    width: 249px;
    margin: 0 auto 9px;
}

.infoLinkTel {
    font-size: 32px;
    font-weight: bold;
    color: #004EA2;
    width: 246px;
    margin: 0 auto 6px;
}

.infoLinkBtnWrap.Link01 .infoLinkTel {
    width: 246px;
    margin: 18px auto 6px;
}

.infoLinkBtnWrap .LinkBtn {
    width: 54.5%;
    margin: 0 auto;
}

.infoLinkBtnWrap .infoLinkBtn img {
    width: 100%;
}

.hello77 {
    margin-top: 16px 0 13px;
}

.shopLinkBtnWrap:nth-of-type(n+2) {
    margin-top: 39px;
}

.shopLinkBtnWrap:last-of-type .LinkBtn a {
    padding: 10px 25px;
}

.shichishikaImg01 {
    position: absolute;
    bottom: 100px;
    right: -42px;
}



/* ======= serviceBox08 ======= */

.serviceBox08 {
    background: #D5EBF5;
    padding: 75px 0 123px;
    overflow: hidden;
}

.serviceBox08 > .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.campaignWrap {
    width: 760px;
    margin: 0 auto;
    position: relative;
}

.campaignWrapInner.seminar {
    position: absolute;
    top: 0;
    right: 0;
}

.campaignWrapInner.seminar .inner {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}


.accBtnWrap .acc_btn01 {
    display: block;
    background: #fff;
    border: 2px solid #004EA2;
    border-radius: 4px;
    font-weight: bold;
    font-size: 125%;
    text-align: center;
    padding: 16px 25px;
    color: #004EA2;
    position: relative;
    transform: translateY(50%);
    z-index: 1;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-out;
}

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

    .accBtnWrap .acc_btn01:hover {
        cursor: pointer;
        background: #004EA2;
        color: #fff;
    }

    .accBtnWrap .acc_btn01:hover::before,
    .accBtnWrap .acc_btn01:hover::after {
        background: #fff;
    }

}

.accBtnWrap .acc_btn01::before,
.accBtnWrap .acc_btn01::after {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 5px;
    background: #004EA2;
    position: absolute;
    top: 50%;
    right: 30%;
    transform: translateY(-50%);
}

.accBtnWrap .acc_btn01::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

.accBtnWrap .acc_btn01.active::after {
    transform: translateY(-50%) rotate(0);
    transition: 0.5s;
}

.campaignContWrap {
    background: #F3F9FC;
    padding: 68px 10px 43px;
    display: none;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.campaignContWrap .inner {
    max-width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
}

.campaignCont {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.campaignCont li {
    width: calc(25% - 15px);
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    margin-right: 20px;
}

.campaignCont li:nth-child(4n) {
    margin-right: 0;
}

.campaignCont li a {
    width: 100%;
}

.campaignCont li a img {
  width: 100%;
}

.accWrap .acc_btn02 {
    position: relative;
}

.accWrap .acc_btn02::before,
.accWrap .acc_btn02::after {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 5px;
    background: #004EA2;
    position: absolute;
    top: 50%;
    right: 30%;
    transform: translateY(-50%);
}

.accWrap .acc_btn02::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

.accWrap .acc_btn02.active::after {
    transform: translateY(-50%) rotate(0);
    transition: 0.5s;
}

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

    .accWrap .acc_btn02:hover {
        cursor: pointer;
        background: #004EA2;
        color: #fff;
    }

    .accWrap .acc_btn02:hover::before,
    .accWrap .acc_btn02:hover::after {
        background: #fff;
    }

}

.campaignlistWrap,
.accWrap {
    background: #fff;
    border: 2px solid #004EA2;
    border-radius: 4px;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    color: #004EA2;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.campaignlistWrap {
    margin-bottom: 15px;
}
.campaignlistWrap a {
    text-decoration: none;
	display: block;
	position: relative;
}
.campaignlistWrap a:hover {
    opacity: 1;
}
.campaignlistWrap a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) rotate(45deg);
}
.campaignlistWrap a:hover::after {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

@media screen and (min-width: 768px) {
    .campaignlistWrap a:hover {
        opacity: 1;
    }
    .campaignlistWrap .headH4Title:hover {
        background: #004EA2;
        color: #fff;
    }
}

.accWrapInner {
    padding: 0 10px 36px;
    max-width: 940px;
    margin: 10px auto 0;
    display: none;
}

.accWrap .acc_btn {
    border: none;
    border-radius: 0;
    padding: 27px 25px;
    transform: none;
}

.accList {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.accList li {
    width: calc(25% - 15px);
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    margin-right: 20px;
}

.accList li:nth-child(4n) {
    margin-right: 0;
}

.accList li a {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.accList li a,
.accList li a img {
    width: 100%;
}

.bnrTxtlink {
    border: 2px solid #004EA2;
    border-radius: 10px;
    min-height: 62px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .bnrTxtlink:hover {
        text-decoration: none;
    }
}

.bnrTxtlink:link,
.bnrTxtlink:visited {
    color: #004EA2;
}

.bnrTxtlink span {
    width: 100%;
    box-sizing: border-box;
}

.headH4Title {
    font-size: 100%;
    background: #fff;
    /* border-radius: 4px; */
    font-weight: bold;
    text-align: center;
    padding: 20px 25px;
    color: #004EA2;
}

#mainVisual2Silder li img,
#mainVisual3Silder li img {
	width: 100%;
}



/* ======= serviceBox09 ======= */

.serviceBox09 {
    background: #fff;
    padding: 80px 0 140px;
}

.serviceBox09 .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
    /* position: relative; */
}

.newsArea {
    margin-bottom: 0;
}

.topTabMenu.news li span {
    padding-bottom: 0;
}

.topTabMenu li a:link,
.topTabMenu li a:visited {
    color: #004EA2;
}

.topTabMenu.news {
    height: 64px;
    border-bottom: 1px solid #004EA2;
    box-sizing: border-box;
}

.topTabMenu.news a::after {
    content: none;
}

.topTabMenu.news a.tabOn {
    background-color: transparent;
    position: relative;
    border-bottom: 5px solid #004EA2;
}

/* .topTabMenu.news a.tabOn::before {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    background: #004EA2;
    position: absolute;
    bottom: 0;
    left: 0;
} */

.topTabMenu.news a.tabOn::after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #004EA2 transparent transparent transparent;
    top: auto;
    right: auto;
    background: none;
}

/* FireFox用 */
@-moz-document url-prefix() {
    .topTabMenu.news a.tabOn::after {
        bottom: -8px;
    }
}
/* IE用 */
@media all and (-ms-high-contrast: none) {
    .topTabMenu.news a.tabOn::after {
        bottom: -8px;
    }
}

.topTabMenu.news a.tabOn:link {
    color: #004EA2;
}

.topTabMenu.news a.tabOn:visited {
    color: #004EA2;
}

.topTabMenu.news a.tabOn:hover {
    color: #004EA2;
}

.topTabMenu.news a.tabOn:active, .topTabMenu.news a.tabOn:focus {
    color: #004EA2;
}

.topTabMenu li a {
    border-left: none;
}

.newsreleaseBox {
    margin-top: 0;
}

.newsList p {
    display: block;
}

.newsList p span {
    display: block;
}

.newsList p span.new {
    top: 50%;
    left: 120px;
    transform: translateY(-50%);
    height: auto;
    margin: 0;
}

.newsList p span.date {
    width: auto;
    padding: 23px 0 10px;
}

.newsList p span.title {
    margin-bottom: 20px;
}

.newsList li a::after {
    background: transparent;
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    bottom: auto;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) rotate(45deg);
}

.archive li {
    min-width: initial;
    min-height: auto;/*IE用*/
}

.archive li a {
    padding: 28px 20px;
    background: #004EA2;
    border: 2px solid #004EA2;
    box-shadow: none;
    font-weight: bold;
    position: relative;
    border-radius: 4px;
    width: 478px;
    box-sizing: border-box;
}

.archive li a::after {
    background: transparent;
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    bottom: auto;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) rotate(45deg);
}

.archive li a:link, .archive li a:visited {
    text-decoration: none;
    color: #fff;
}

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

    .archive li a:hover {
        background: #ffffff;
        color: #004EA2;
    }
    .archive li a:hover::after {
        border-color: #004EA2;
    }

}

.newsListA li,
.newsListB li {
    padding: 20px 0;
}

.newsListA li:first-child {
    margin-top: 30px;
}

.newsListA li {
    border-bottom: 1px dotted #737373;
    position: relative;
}

.newsListA li,
.newsListA li a {
    color: #FF0000;
}

.newsListA li a {
    font-size: 110%;
}

.newsListA li > a:first-of-type {
    position: relative;
    padding-left: 27px;
}

.newsListA li > a:first-of-type::before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    background: transparent url(../top_css/images/ico_exclam.png) center center no-repeat;
    background-size: 18px 18px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: translateY(-50%);
}

.newsListB {
    margin-bottom: 55px;
}

.newsListB li::before {
    content: none;
}

.newsListA li::after,
.newsListB li::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #FF0000;
    border-right: solid 2px #FF0000;
    position: absolute;
    bottom: auto;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) rotate(45deg);
}

.newsListB li::after {
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
}

.newsBtnList {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.newsBtnList li {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.newsBtnList li a {
    display: block;
}

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

    .newsBtnList li a:hover {
        opacity: 0.6;
    }

}

.newsBtnList li a img {
    width: 100%;
}

.infomationBox .newsList p span.title {
    margin-bottom: 0;
    padding: 20px 0;
}

.infomationBox .newsList li:first-child span.title {
    margin-top: 30px;
}

.shichishikaImg02 {
    position: absolute;
    top: -17%;
    left: 0;
}



/* ======= serviceBox10 ======= */

.serviceBox10 {
    background:linear-gradient(90deg,#D5EBF5 0%,#D5EBF5 50%,#F3F9FC 50%,#F3F9FC 100%);
    padding: 0 0 64px;
    margin-bottom: 40px;
}

.serviceBox10 .inner {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

.serviceBox10 .inner .LinkWrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
}

.serviceBox10 .summaryLinkWrap,
.serviceBox10 .marketListWrap {
    width: 45%;
    padding: 75px 0 0;
}

.headH2Title span {
    font-size: 71%;
}

.serviceBox10 .LinkBtn a {
    padding: 28px 25px;
    margin-bottom: 16px;
}

.shichishikaImg03 {
    position: absolute;
    bottom: -44%;
    right: 0;
    z-index: 1;
}



/* ======= serviceBox11 ======= */

.serviceBox11 {
    background: #D5EBF5;
    padding: 75px 0 200px;
    position: relative;
}

.serviceBox11 .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.serviceBox11 .headH3Title {
    margin-bottom: 24px;
}

.serviceBox11 .webLink li {
    width: 32.7%;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
}

.serviceBox11 .webLink li a {
    width: 100%;
    display: block;
    padding: 18px 25px;
    background: #fff;
    border: 2px solid #004EA2;
    border-radius: 4px;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    position: relative;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    min-height: 80px;
    box-sizing: border-box;
}

.serviceBox11 .webLink li a span:not(.pdf-icon) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.serviceBox11 .webLink.col2 li a {
    padding: 28px 25px;
}

.serviceBox11 .webLink li a.c-red {
    border: 2px solid #FF0000;
}

.serviceBox11 .webLink li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) rotate(45deg);
}

.serviceBox11 .webLink li a.noarrow::before {
    content: none;
}

.serviceBox11 .webLink li a.c-red::before {
    border-top: solid 2px #FF0000;
    border-right: solid 2px #FF0000;
}

.serviceBox11 .webLink li a:link,
.serviceBox11 .webLink li a:visited {
    color: #004EA2;
}

.serviceBox11 .webLink li a.c-red:link,
.serviceBox11 .webLink li a.c-red:visited {
    color: #FF0000;
}

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

    .serviceBox11 .webLink li a:hover {
        text-decoration: none;
        background: #004EA2;
        color: #fff;
    }

    .serviceBox11 .webLink li a:hover::before {
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
    }

    .serviceBox11 .webLink li a.c-red:hover {
        text-decoration: none;
        background: #FF0000;
        color: #fff;
    }

}

.pdf-icon {
    position: relative;
    padding-right: 35px;
}

.pdf-icon::after {
    display: block;
    content: '';
    width: 22px;
    height: 14px;
    background: transparent url(../../images/top_new/ico_pdf.png) center center no-repeat;
    background-size: 22px 14px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 5px;
}

.LinkWrap {
    margin-bottom: 75px;
}

.bnrLink {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.bnrLink li {
    width: 304px;
}

.bnrLink li a {
    display: block;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

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

    .bnrLink li a:hover {
        opacity: 0.6;
    }

}

.webLink.col2 {
    width: 788px;
    margin: 0 auto;
}

.webLink.col2 li {
    width: 48.2%;
}

.shichishikaImg04 {
    position: absolute;
    bottom: -3%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}


/* ======= serviceBox12 ======= */

.serviceBox12 {
    background: #D5EBF5;
    overflow: hidden;
    position: relative;
}

.serviceBox12 .headH2Title {
    margin-bottom: 68px;
}

.serviceBox12 .wrap {
    background: #fff;
    min-height: 400px;
    border-top-right-radius: 2000px 500px;
    border-top-left-radius: 2000px 500px;
    margin-left: -200px;
    margin-right: -200px;
    padding: 100px 200px 80px 200px;
}

.serviceBox12 .inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.comm {
    width: 788px;
    margin: 0 auto;
}

.commList,
.snsList {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.snsList {
    margin-bottom: 75px;
}

.snsList li a img {
    width: 100%;
}

.commList li,
.snsList li {
    width: 48.2%;
}

.commList li a {
    padding: 28px 25px;
    background: #fff;
    border: 2px solid #004EA2;
    border-radius: 4px;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.commList li a.commbtn {
    background: #fff url("../../images/top_new/btn_bg01.png") 17px bottom / 45px no-repeat;
}

.commList li a.commbtn.bg02 {
    background: #fff url("../../images/top_new/btn_bg02.png") 14px 50% / 70px no-repeat;
}

.commList li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #004EA2;
    border-right: solid 2px #004EA2;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) rotate(45deg);
}

.commList li a:link, .commList li a:visited {
    color: #004EA2;
}

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

    .commList li a:hover {
        text-decoration: none;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
    }

    .commList li a:hover ::before {
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
    }

}

.snsList li a {
    display: block;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

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

    .snsList li a:hover {
        opacity: 0.6;
    }
}

.commTextWrap {
    width: 495px;
    margin: 0 auto 25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.commText {
    color: #004EA2;
    font-size: 125%;
}

.shichishikaImg05 {
    margin-top: -73px;
}

.acc_btn03,
.acc_btn04 {
    display: none;
}

.call_btn {
    display: none;
}

.textOverflow {
    display: inline-block;
    overflow: hidden;
	width: 100%;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spMore.pcMore li a {
    background: #fff;
    border: 2px solid #004EA2;
    box-shadow: none;
    font-weight: bold;
    font-size: 125%;
    position: relative;
    border-radius: 4px;
    line-height: 1.2;
    display: inline-block;
    width: 478px;
    padding: 28px 20px;
    box-sizing: border-box;
}

.spMore.pcMore li a::before,
.spMore.pcMore li a::after {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 5px;
    background: #004EA2;
    position: absolute;
    top: 50%;
    right: 27%;
    transform: translateY(-50%);
}

.spMore.pcMore li a::after {
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

.spMore.pcMore li a.open::after {
    transform: translateY(-50%) rotate(0);
    transition: 0.5s;
}

.spMore.pcMore li a:link,
.spMore.pcMore li a:visited {
    color: #004EA2;
}

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

    .spMore.pcMore li a:hover {
        /* background: #004EA2;
        color: #fff; */
        text-decoration: none;
    }
    /* .spMore.pcMore li a:hover::before,
    .spMore.pcMore li a:hover::after {
        background: #fff;
    } */

}

.dNone {
    display: none;
}

.spMore.pcMore {
    display: block;
    margin-top: 100px;
    text-align: center;
}

.spMore.pcMore li {
    display: inline-block;
}

.JSmorelistWrap2[data-default-items][data-max-items] .spMore .JSmorelistBtn.open {
    display: inline-block;
}

.JSmorelistWrap2[data-default-items][data-max-items] .spMore .JSmorelistBtn.open {
    display: none;
}

.JSmorelistWrap2[data-default-items][data-max-items][data-list-opened] .spMore .JSmorelistBtn {
    display: none;
}

.JSmorelistWrap2[data-default-items][data-max-items][data-list-opened] .spMore .JSmorelistBtn.open {
    display: inline-block;
}


@media screen and (max-width: 767px) {

    a:hover {
        text-decoration: none;
    }

    .headH2Title {
        margin-bottom: 35px;
        font-size: 195%;
    }

    #mainVisualSilder .slick-list .slick-slide:not(.slick-center) {
        filter:alpha(opacity=30%);
        opacity: 0.3;
        transition: 0.5s linear;
    }

    .serviceBox01 .inner,
    .serviceBox02 .inner {
        padding: 0;
    }

    .importantNewsBtn {
        width: 64px;
    }

    .importantNewsText {
        /* width: calc(100% - 64px); */
        /* padding: 10px 0 10px 10px; */
        padding: 10px;
    }

    .importantNewsText .importantNews li {
        margin: 3px 0;
    }

    .importantNewsTitle {
        margin-bottom: 7px;
    }

    /* .textOverflow {
        height: 14px;
    } */

    .mainVisualWrap {
        width: 100%;
        margin-bottom: 0;
    }

    .mainSubBox {
        display: none;
    }

    .serviceBox01 {
        padding: 0;
        background: #fff;
    }

    #mainVisualSilder .slick-dots li button {
        background: #EAEAEA;
    }

    #mainVisualSilder .slick-dots li.slick-active button {
        border: 6px solid #EAEAEA;
    }

    .mainCampBoxWrap {
        padding-bottom: 24px;
        margin-top: 0;
    }

    .serviceBox02 {
        padding-top: 0;
    }

    .serviceBox02Inner {
        padding: 0;
        background: #fff;
    }

    .serviceBox02 .inner {
        margin-top: 0;
        height: auto;
    }

    .menuLink-01 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .menuLink-01 li {
        width: 33.3%;
        box-sizing: border-box;
        border-right: none;
        border-bottom: none;
    }

    .menuLink-01 li:first-child,
    .menuLink-01 li:nth-child(4) {
        border-left: none;
    }

    .menuLink-01 li:nth-last-child(-n+3) {
        border-bottom: 1px solid #CDDCED;
    }

    .menuLink-01 li a {
        font-size: 110%;
        padding: 16px 0 33px;
        min-height: 90px;
    }

    .menuLink-01 li a::after {
        bottom: 15px;
    }

    .menuLink-01 li:last-child a::after {
        bottom: 9px;
    }

    .acc_btn03 {
        display: block;
        padding: 30px 0;
        border: 2px solid #004EA2;
        font-size: 110%;
        color: #004EA2;
        font-weight: bold;
        text-align: center;
        background: #fff;
        position: relative;
    }

    .acc_btn03::before,
    .acc_btn03::after {
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 5px;
        background: #004EA2;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
    }

    .acc_btn03::after {
        transform: translateY(-50%) rotate(90deg);
        transition: 0.5s;
    }

    .acc_btn03.active::after {
        transform: translateY(-50%) rotate(0);
        transition: 0.5s;
    }

    .menuLink-02 {
        margin: 0 0 20px;
        display: none;
    }

    .menuLink-02 li {
        width: 100%;
    }

    .menuLink-02 li::before,
    .menuLink-02 li:last-child::after {
        content: none;
    }

    .menuLink-02 li a {
        padding: 10px;
        border-top: 1px solid #004EA2;
    }

    .menuLink-02 li:first-child a {
        border: none;
    }

    .menuLink-02 li:last-child a {
        border-bottom: 1px solid #004EA2;
    }

    .serviceBox03 .bannerLink {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 0;
    }

    .serviceBox03 {
        padding: 30px 10px 20px;
    }

    .serviceBox03 .bannerLink li {
        width: 48.5%;
        margin-bottom: 10px;
    }

    .btnMenuLink li {
        width: 31%;
        margin-bottom: 10px;
    }

    .btnMenuLink li a {
        display: block;
        font-size: 100%;
    }

    .btnMenuLink li a span {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .serviceBox04 {
        padding: 50px 0 0;
    }

    .acc_btn04 {
        display: block;
        padding: 30px 0;
        border: 2px solid #004EA2;
        font-size: 110%;
        color: #004EA2;
        font-weight: bold;
        text-align: center;
        background: #fff;
        position: relative;
        border-radius: 4px;
    }

    .acc_btn04::before,
    .acc_btn04::after {
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 5px;
        background: #004EA2;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
    }

    .acc_btn04::after {
        transform: translateY(-50%) rotate(90deg);
        transition: 0.5s;
    }

    .acc_btn04.active::after {
        transform: translateY(-50%) rotate(0);
        transition: 0.5s;
    }

    .btnMenuLinkWrap {
        display: none;
    }

    .serviceBox05 {
        background: #fff;
        padding: 0;
    }

    .topTabMenu.menu {
        height: auto;
    }

    .serviceBox06 {
        padding: 50px 0 55px;
    }

    .serviceBox06 .headH2Title {
        margin-bottom: 0;
    }

    .webLink {
        display: block;
    }

    .webLinkWrap {
        width: 100%;
        margin-top: 30px;
    }

    .webLinkList li a {
        padding: 40px 35px 40px 80px;
    }

    /* おうちでローン アイコン */
    .webLinkList .webLinkList01-01 a {
        background: url("../../images/top_new/mbtn/m_icon01.png") 11px 50% / 62px no-repeat;
    }
    .webLinkList .webLinkList01-02 a {
        background: url("../../images/top_new/mbtn/m_icon11.png") 19px 50% / 45px no-repeat;
    }
    .webLinkList .webLinkList01-03 a {
        background: url("../../images/top_new/mbtn/m_icon42.png") 15px 50% / 50px no-repeat;
    }

    /* おうちで資産運用 アイコン */
    .webLinkList .webLinkList02-01 a {
        background: url("../../images/top_new/mbtn/m_icon02.png") 9px 50% / 60px no-repeat;
    }
    .webLinkList .webLinkList02-02 a {
        background: url("../../images/top_new/mbtn/m_icon12.png") 9px 50% / 59px no-repeat;
    }
    .webLinkList .webLinkList02-03 a {
        background: url("../../images/top_new/mbtn/m_icon03.png") 8px 50% / 64px no-repeat;
    }

    /* 決済・アプリ */
    .webLinkList .webLinkList03-01 a {
        background: url("../../images/top_new/mbtn/m_icon04.png") 10px 50% / 60px no-repeat;
    }
    .webLinkList .webLinkList03-02 a {
        background: url("../../images/top_new/mbtn/m_icon05.png") 18px 50% / 44px no-repeat;
    }
    .webLinkList .webLinkList03-03 a {
        background: url("../../images/top_new/mbtn/m_icon43.png") 8px 50% / 65px no-repeat;
    }

    .serviceBox07 {
        background: transparent;
        padding: 0;
        margin: 0;
    }

    .serviceBox07 .inner {
        display: block;
        padding: 0;
    }

    .serviceBox07 .shopLinkWrap, .serviceBox07 .infoListWrap {
        width: 100%;
    }

    .serviceBox07 .shopLinkWrap {
        background: #D5EBF5;
        padding: 50px 10px 55px;
        box-sizing: border-box;
    }

    .serviceBox07 .infoListWrap {
        background: #fff;
        padding: 50px 10px 70px;
        box-sizing: border-box;
    }

    .LinkBtn a,
    .serviceBox10 .LinkBtn a {
        padding: 0;
        height: 80px;
        display:-webkit-box;
        display:-ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .LinkBtn.link01 a {
        background: #fff url("../../images/top_new/btn_bg01.png") 7px bottom / 45px no-repeat;
    }
    .LinkBtn.link01.loan a {
        background: #fff url("../../images/top_new/mbtn/m_icon09.png") 5px 50% / 65px no-repeat;
    }
    .LinkBtn.link02 a {
        background: #fff url("../../images/top_new/btn_bg03.png") 5px bottom / 50px no-repeat;
    }
    .LinkBtn.link02.hoken a {
        background: #fff url("../../images/top_new/mbtn/m_icon10.png") 10px 50% / 60px no-repeat;
    }
    .LinkBtn.link03 a {
        background: #fff url("../../images/top_new/btn_bg04.png") 5px bottom / 50px no-repeat;
    }
    .LinkBtn.link04 a {
        background: #fff url("../../images/top_new/btn_bg01.png") 5px bottom / 45px no-repeat;
    }
    .LinkBtn.link05 a {
        background: #fff url("../../images/top_new/btn_bg05.png") 5px bottom / 45px no-repeat;
    }

    .infoLinkBtnWrap {
        background: #fff;
    }

    .call_btn {
        display: block;
    }

    .call_btn a {
        display: block;
        width: 314px;
        margin: 0 auto;
        padding: 10px 0;
        background: #004EA2;
        border: 2px solid #fff;
        border-radius: 4px;
        margin-bottom: 10px;
        color: #fff;
        font-size: 125%;
        font-weight: bold;
        text-align: center;
        position: relative;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
        width: 100%;
        box-sizing: border-box;
    }

    .infoLinkBtn {
        padding: 20px;
        background: #D5EBF5;
    }

    .infoLinkTel {
        width: 78%;
    }

    .infoLinkBtnWrap.Link01 .infoLinkTel {
        margin: 0 auto 9px;
        width: 78%;
    }

    .infoLinkBtnWrap .LinkBtn {
        width: 100%;
    }

    .h77 {
        margin: 0 auto 19px;
        width: 90%;
    }

    .infoLinkBtnWrap.Link02 {
        margin-bottom: 18px;
    }

    .serviceBox08 {
        padding: 50px 0 55px;
    }

    .shichishikaImg01 {
        display: none;
    }

    .campaignWrap {
        width: 100%;
        display: block;
    }

    .mainVisual2Wrap{
        width: 100%;
    }

    .campaignContWrap {
        padding: 68px 0 43px;
    }

    .campaignContWrap .inner{
        padding: 0 20px;
    }

    .campaignWrapInner.seminar {
        position: relative;
        margin-top: 60px;
    }

    .campaignWrapInner.seminar .headH3Title {
        margin-bottom: 26px;
    }

    .campaignCont li {
        width: calc(50% - 5px);
        display: block;
        margin-right: 10px;
    }

    .campaignCont li:nth-child(2n) {
        margin-right: 0;
    }

    .campaignCont li a {
        display: block;
    }

    .seminarWrap a img {
        width: 100%;
    }

    .accWrap .acc_btn02::before,
    .accWrap .acc_btn02::after {
        right: 20%;
    }

    .accWrapInner {
        width: 100%;
        padding: 0 0 36px;
    }


    .accList {
        padding: 0 10px;
    }

    .accList li {
        margin: 0 10px 20px 0;
        width: calc(50% - 5px);
        display: block;
    }

    .accList li:nth-child(2n) {
        margin-right: 0;
    }

    /* .accList li a {
        display: block;
    } */

    .bnrTxtlink {
        font-size: 75%;
        padding: 10px;
    }

    .mainVisual2 {
        margin-bottom: 0;
    }

    .serviceBox09 {
        padding: 50px 0 55px;
    }

    .newsArea {
        margin: 0 0 25px;
    }

    .newsList p span.date {
        padding: 0 0 10px;
    }

    .newsList p span.new {
        transform: none;
        position: absolute;
        top: 11px;
        height: 18px;
        left: 95px;
    }

    .newsList p span.title {
        margin: 0;
    }

    .newsList li a::after,
    .newsListA li::after,
    .newsListB li::after {
        right: 0;
    }

    .newsListA li {
        padding-right: 16px;
    }

    .newsListA li a {
        font-size: 12px;
    }

    .newsListB {
        margin: 0 0 55px;
    }

    .infomationBox .newsList p span.title,
    .infomationBox .newsList li:first-child span.title {
        padding: 0;
        margin: 0;
    }

    .newsListA li,
    .newsListA li:first-child,
    .newsListB li {
        margin-top: 0;
        padding: 10px 16px 10px 0;
    }

    .archive li {
        width: 100%;
    }

    .archive li a {
        width: 100%;
    }

    .newsBtnList {
        display: block;
        width: 96.6%;
        margin: 0 auto;
    }

    .newsBtnList li a {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .spMore li a {
        background: #fff;
        border: 2px solid #004EA2;
        box-shadow: none;
        font-weight: bold;
        position: relative;
        border-radius: 4px;
        padding: 25px 0;
        width: 100%;
        box-sizing: border-box;
        line-height: 1.2;
    }

    .spMore li a::before,
    .spMore li a::after {
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 5px;
        background: #004EA2;
        position: absolute;
        top: 50%;
        right: 27%;
        transform: translateY(-50%);
    }

    .spMore li a::after {
        top: 0;
        transform: rotate(90deg);
        transition: 0.5s;
    }

    .spMore li a.open::after {
        transform: translateY(-50%) rotate(0);
        transition: 0.5s;
        background: none;
    }

    .spMore li a:link,
    .spMore li a:visited {
        color: #004EA2;
    }


    .spMore li a:hover {
        color: #004EA2;
        text-decoration: none;
    }

    .spMore.pcMore li {
        width: 100%;
    }

    .spMore.pcMore li a {
        width: 100%;
        padding: 25px 0;
        line-height: 1.2;
        font-size: 100%;
    }

    .spMore.pcMore li a::after {
        top: 2px;
    }

    .spMore.pcMore {
        margin-top: 18px;
    }


    .serviceBox10 {
        background: transparent;
        padding: 0;
        margin: 0;
    }

    .serviceBox10 .inner .LinkWrap {
        display: block;
        margin-bottom: 0;
    }

    .serviceBox10 .summaryLinkWrap,
    .serviceBox10 .marketListWrap {
    width: 100%;
    }

    .serviceBox10 .summaryLinkWrap {
        background: #D5EBF5;
        padding: 50px 10px 39px;
        box-sizing: border-box;
    }

    .shichishikaImg02 {
        display: none;
    }

    .serviceBox10 .marketListWrap {
        background: #fff;
        padding: 50px 10px 55px;
        box-sizing: border-box;
    }

    .serviceBox11 {
        padding: 50px 0 140px;
    }

    .serviceBox11 .webLink li {
        width: 100%;
        margin-bottom: 10px;
    }

    .serviceBox11 .webLink li a {
        padding: 0;
        height: 80px;
    }

    .shichishikaImg03 {
        display: none;
    }

    .LinkWrap {
        margin-bottom: 35px;
    }

    .serviceBox11 .headH3Title {
        margin-bottom: 26px;
    }

    .bnrLink {
        display: block;
        margin: 0 10px;
    }

    .bnrLink li {
        width: 100%;
        margin-bottom: 10px;
    }

    .bnrLink li img {
        width: 100%;
    }

    .webLink.col2 {
        width: 100%;
    }

    .serviceBox11 .webLink.col2 li a {
        padding: 0;
    }

    .webLink.col2 .link01 a {
        background: #fff url("../../images/top_new/btn_bg05.png") 5px bottom / 47px no-repeat;
    }
    .webLink.col2 .link02 a {
        background: #fff url("../../images/top_new/btn_bg01.png") 5px bottom  / 45px no-repeat;
    }

    .shichishikaImg04 img {
        width: 76px;
    }

    .serviceBox12 .wrap {
        border-top-right-radius: 500px 300px;
        border-top-left-radius: 500px 300px;
        margin-left: -100px;
        margin-right: -100px;
        padding: 38px 0 70px;
    }

    .serviceBox12 .inner {
        margin-right: 100px;
        margin-left: 100px;
    }

    .comm {
        width: 100%;
        padding-top: 38px;
    }

    .commTextWrap {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .commList, .snsList {
        display: block;
    }

    .snsList {
        margin-bottom: 37px;
    }

    .commList li, .snsList li {
        width: 100%;
        margin-bottom: 10px;
    }

    .serviceBox12 .headH3Title {
        margin-bottom: 24px;
    }

    .shichishikaImg05 {
        margin-top: -10px;
    }

    .shichishikaImg05 img {
        width: 72px;
    }

    .serviceBox05 {
        padding-top: 50px;
        height: auto;
    }

    .topTabMenuWrap dl {
        position: relative;
    }

    .topTabMenuWrap dl dt {
        width: 100%;
        position: relative;
        border-right: none;
        background-color: #D5EBF5;
        border-bottom: 1px solid #CDDCED;
    }
    .topTabMenuWrap dl:nth-child(2) dt {
        left: 0;
    }

    .topTabMenuWrap dl:nth-child(3) dt {
        left: 0;
    }

    .topTabMenuWrap dl:nth-child(4) dt {
        left: 0;
    }
    .topTabMenuWrap dl:nth-child(5) dt {
        left: 0;
    }
    .topTabMenuWrap dl:nth-child(6) dt {
        left: 0;
        border-right: none;
        width: 100%;
    }

    .topTabMenuWrap dl dt.btnAcv {
        background: #D5EBF5;
    }

    .topTabMenuWrap dl dt.btnAcv a:link,
     .topTabMenuWrap dl dt.btnAcv a:visited {
         color: #004EA2;
     }

    .topTabMenuWrap dl dd {
        top: 0;
        padding: 40px 10px 30px;
        border: none;
    }

    .tabLink2.tabLinkList li {
        width: calc(33.3% - 6px);
        /* margin-right: 9px; */
        height: 134px;
    }

    .tabLink2.tabLinkList li:nth-of-type(3n) {
        margin-right: 0;
    }

    .tabLink2.tabLinkList li a span {
        display: block;
        font-size: 79%;
    }

    .tabLink2.tabLinkList.tab03 li a,
    .tabLink2.tabLinkList.tab04 li a,
    .tabLink2.tabLinkList.tab05 li a {
        padding: 65px 0 10px;
    }


    /* --- tab03---*/

    .tabLink2.tabLinkList .tab03-list-01 a {
        background: url("../../images/top_new/mbtn/m_icon23.png") 50% 20px / 48px no-repeat;
    }

    .tabLink2.tabLinkList .tab03-list-02 a {
        background: url("../../images/top_new/mbtn/m_icon20.png") 50% 20px / 37px no-repeat;
    }

    .tabLink2.tabLinkList .tab03-list-03 a {
        background: url("../../images/top_new/mbtn/m_icon24.png") 50% 20px / 56px no-repeat;
    }

    .tabLink2.tabLinkList .tab03-list-04 a {
        background: url("../../images/top_new/mbtn/m_icon25.png") 50% 19px / 42px no-repeat;
    }

    .tabLink2.tabLinkList .tab03-list-05 a {
        background: url("../../images/top_new/mbtn/m_icon26.png") 50% 25px / 57px no-repeat;
    }

    .tabLink2.tabLinkList .tab03-list-06 a {
        background: url("../../images/top_new/mbtn/m_icon27.png") 50% 20px / 39px no-repeat;
    }

    /* --- tab04---*/

    .tabLink2.tabLinkList .tab04-list-01 a {
        background: url("../../images/top_new/mbtn/m_icon28.png") 50% 21px / 60px no-repeat;
    }
    .tabLink2.tabLinkList .tab04-list-02 a {
        background: url("../../images/top_new/mbtn/m_icon29.png") 50% 22px / 40px no-repeat;
    }
    .tabLink2.tabLinkList .tab04-list-03 a {
        background: url("../../images/top_new/mbtn/m_icon30.png") 50% 26px / 45px no-repeat;
    }
    .tabLink2.tabLinkList .tab04-list-04 a {
        background: url("../../images/top_new/mbtn/m_icon31.png") 50% 26px / 80px no-repeat;
    }
    .tabLink2.tabLinkList .tab04-list-05 a {
        background: url("../../images/top_new/mbtn/m_icon32.png") 50% 18px / 46px no-repeat;
    }
    .tabLink2.tabLinkList .tab04-list-06 a {
        background: url("../../images/top_new/mbtn/m_icon33.png") 50% 15px / 48px no-repeat;
    }

    /* --- tab05---*/

    .tabLink2.tabLinkList .tab05-list-01 a {
        background: url("../../images/top_new/mbtn/m_icon09.png") 45% 19px / 57px no-repeat;
    }
    .tabLink2.tabLinkList .tab05-list-02 a {
        background: url("../../images/top_new/mbtn/m_icon10.png") 50% 19px / 52px no-repeat;
    }
    .tabLink2.tabLinkList .tab05-list-03 a {
        background: url("../../images/top_new/mbtn/m_icon34.png") 50% 19px / 57px no-repeat;
    }
    .tabLink2.tabLinkList .tab05-list-04 a {
        background: url("../../images/top_new/mbtn/m_icon35.png") 50% 19px / 78px no-repeat;
    }
    .tabLink2.tabLinkList .tab05-list-05 a {
        background: url("../../images/top_new/mbtn/m_icon36.png") 50% 16px / 58px no-repeat;
    }
    .tabLink2.tabLinkList .tab05-list-06 a {
        background: url("../../images/top_new/mbtn/m_icon34.png") 50% 19px / 57px no-repeat;
    }

    /* --- tab06---*/

    .tabLink2.tabLinkList .tab06-list-01 a {
        background: url("../../images/top_new/mbtn/m_icon37.png") 50% 17px / 45px no-repeat;
    }
    .tabLink2.tabLinkList .tab06-list-02 a {
        background: url("../../images/top_new/mbtn/m_icon38.png") 50% 23px / 64px no-repeat;
    }
    .tabLink2.tabLinkList .tab06-list-03 a {
        background: url("../../images/top_new/mbtn/m_icon39.png") 50% 10px / 84px no-repeat;
    }
    .tabLink2.tabLinkList .tab06-list-04 a {
        background: url("../../images/top_new/mbtn/m_icon07.png") 50% 15px / 45px no-repeat;
    }
    .tabLink2.tabLinkList .tab06-list-05 a {
        background: url("../../images/top_new/mbtn/m_icon40.png") 50% 15px / 42px no-repeat;
    }
    .tabLink2.tabLinkList .tab06-list-06 a {
        background: url("../../images/top_new/mbtn/m_icon41.png") 50% 18px / 55px no-repeat;
    }

    .topTabMenuWrap dl dt {
        position: relative;
    }

    .topTabMenuWrap dl dt::before,
    .topTabMenuWrap dl dt::after {
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 5px;
        background: #004EA2;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
    }

    .topTabMenuWrap dl dt::after {
        transform: translateY(-50%) rotate(90deg);
        transition: 0.5s;
    }

    .topTabMenuWrap dl dt.btnAcv::after {
        transform: translateY(-50%) rotate(0);
        transition: 0.5s;
    }

    .tabBbtn li.tabCatLink {
        min-width: auto;
        width: 100%;
    }

    .tabBbtn li.tabCatLink a {
        padding: 10px 30px 10px 10px;
    }

    .commList li a.commbtn {
        background: #fff url("../../images/top_new/btn_bg01.png") 5px bottom / 45px no-repeat;
    }

    .commList li a.commbtn.bg02 {
        background: #fff url("../../images/top_new/btn_bg02.png") 2px 50% / 50px no-repeat;
    }


}