.sp-br {
    display: none;
}
.pc-br{
    display: block;
}
.page-new-topics-index {
    background: #FFFFFF;
}
.scam {
    margin: 66px auto 0;
    padding-bottom: 135px;
}
.scam--feature{
    margin: 0 auto;
    padding: 66px 0 75px;
}
.scam--top-news{
    margin: 0 auto;
    padding: 75px 0 135px;
}
.scam-intro-bold {
    font-weight: bold;
}
.scam-inner {
    max-width: calc(1097px + 8%);
    padding: 0 4%;
    margin: 0 auto 37px;
}
.scam-title {
    font-size: 4rem;
    font-family: "M PLUS Rounded 1c","メイリオ",sans-serif;
    color: #434A90;
    margin-bottom: 37px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.4em;
}
.scam-title--feature{
    color: #FE4936;
}
.scam-title--top-news{
    margin-bottom: 20px;
}
.scam-intro {
    font-size: 2rem;
    text-align: center;
    letter-spacing: 0.04em;
    font-weight: 400;
}
.scam-line-yahoo {
    text-align: center;
}
.scam-line-yahoo:last-of-type {
    margin-top: 50px;
}
.scam-line-yahoo-title {
    font-family: "M PLUS Rounded 1c","メイリオ",sans-serif;
    font-size: 2.2rem;
    margin-bottom: 7px;
    color: #434A90;
    font-weight: bold;
}
.scam-line-yahoo-title-body {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0;
}
.scam-line-yahoo-title-body a {
    color: #027EA5;
    text-decoration: underline;
    font-weight: normal;
}
.scam-line-yahoo-title-body a:hover {
    text-decoration: none;
}
.scam-list {
    max-width: calc(960px + 8%);
    padding: 0 4%;
    margin: 0 auto;
}
.scam-item {
    background-color: #FFFFFF;
    box-shadow: 0px 15px 20px rgba(67, 74, 144, 0.2);
    padding: 70px 9.4% 64px;
    margin-bottom: 60px;
    border-radius: 20px;
}
.scam-item:last-of-type {
    margin-bottom: 0;
}
.scam-item-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 74px;
}
.scam-item-text {
    width: 54%;
    padding-top: 9px;
}
.scam-item-head {
    font-size: 2.8rem;
    margin-bottom: 10px;
    color: #434A90;
    font-family: "M PLUS Rounded 1c","メイリオ",sans-serif;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.scam-item-about {
    font-size: 1.6rem;
    margin-bottom: 36px;
    line-height: 1.8em;
    letter-spacing: 0.09em;
    font-weight: 400;
}
.scam-item-btn {
    width: 330px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #027EA5;
    color: #ffffff;
    position: relative;
    transition: .25s ease-out;
    border-radius: 50px;
    border: 2px solid #027EA5;
    font-weight: bold;
    font-family: "M PLUS Rounded 1c", "メイリオ", sans-serif;
    font-size: 1.8rem;
}
.scam-item-btn:hover {
    background-color: #ffffff;
    color: #027EA5;
}
.scam-item-btn:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: solid #ffffff;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    transition: .25s ease-out;
}
.scam-item-btn:hover:after {
    border: solid #027EA5;
    border-width: 2px 2px 0 0;
}
.scam-item-img-wrap {
    width: 46%;
}
.scam-item-img {
    position: relative;
    right: -8%;
}
.scam-item-img-sp {
    display: none;
}
.scam-point-head {
    color: #FE4936;
    font-size: 2rem;
    margin-bottom: 14px;
    font-weight: bold;
    font-family: "M PLUS Rounded 1c", "メイリオ", sans-serif;
    letter-spacing: 0.05em;
}
.scam-point-item {
    padding: 11.5px 15px 9px 50px;
    border-top: 2px solid #E0E5E9;
    font-size: 2rem;
    position: relative;
    font-weight: 400;
    letter-spacing: 0.11em;
}
.scam-point-item:last-of-type {
    border-bottom: 2px solid #E0E5E9;
}
.scam-point-item:before {
    content: "";
    background: url(1cba680637189186.png);
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    left: 12px;
}
.data {
    background-color: #DBECF2;
    padding: 95px 0 109px;
}
.data-inner {
    max-width: calc(960px + 8%);
    padding: 0 4%;
    margin: 0 auto;
}
.data-title {
    margin-bottom: 56px;
    font-size: 3.2rem;
    color: #434A90;
    font-family: "M PLUS Rounded 1c","メイリオ",sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
}
.data-text {
    font-size: 1.8rem;
    margin-bottom: 31px;
    max-width: calc(960px + 8%);
    padding: 0 5%;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.12em;
}
.data-img-wrap {
    margin-bottom: 40px;
}
.data-img-sp {
    display: none;
}
.data-table-wrap {
    margin-bottom: 46px;
}
.sp-only {
    display: none;
}
.data-link {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.156em;
}
.data-link-text {
    color: #027EA5;
    text-decoration: underline;
    font-weight: normal;
    letter-spacing: 0.05em;
}
.data-link-text:hover {
    text-decoration: none;
}
.new-topics_banner-link {
    width: 500px;
    height: 120px;
    display: block;
    margin: 0 auto 65px;
}
.new-topics_banner-link img {
    transition: .25s ease-out;
}
.new-topics_banner-link:hover img {
    opacity: 0.8;
}

/* お知らせ・注意喚起 */
.new-topics {
    max-width: calc(1020px + 8%);
    padding: 0 4%;
    margin: 0 auto;
}
.top-news {
	background-color: #FFFFFF;
}
.top-news-inner {
	max-width: calc(1020px + 10%);
    margin: 0 auto;
    padding: 100px 5%;
}
.top-news_tabs {
	display: flex;
	border-bottom: 1px solid #E7EBEF;
}
.top-news_tabs li {
	margin-right: 12px;
}
.top-news_tabs button {
	font-size: 1.4rem;
	color: #061337;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 48px;
	background-color: #FFFFFF;
	border: 1px solid #C2CBD3;
	border-radius: 10px 10px 0 0;
	box-shadow: 6px 5px 10px 0px rgba(67, 74, 144, 0.15);
	border-bottom: none;
    transition: .15s ease-out;
}
.top-news_tabs .active button,
.top-news_tabs button:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #434A90;
}
.top-news_tabs .active button {
	font-weight: bold;
	pointer-events: none;
	color: #FFFFFF;
	background-color: #434A90;
}
.top-news_post {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #E7EBEF;
	padding: 17.5px 10px;
	background-color: #FFFFFF;
}
.top-news_articles .top-news_post:first-of-type {
	border-top: 1px solid #E7EBEF;
}
.top-news_inner {
	display: flex;
	align-items: center;
}
.top-news_post_wrap {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.top-news_post_wrap:last-of-type {
	margin-right: 0;
}
.top-news_cat {
	width: 66px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 6px;
	line-height: 1;
	margin-right: 5%;
}
[data-cat="caution"] {
	background: #F4CE59;
	color: #061337;
}
[data-cat="info"] {
	background: #01A5C9;
	color: #FFFFFF;
}
.top-news_cat--special{
    font-size: 1.1rem;
    line-height: 1.3;
    height: 36px;
}
.top-news_date {
	letter-spacing: 0;
	width: 170px;
	font-weight: bold;
	line-height: 1;
	font-size: 1.4rem;
}
.top-news_text {
	letter-spacing: 0.08em;
	margin-right: 10px;
	text-decoration: underline;
	margin-right: 19px;
	line-height: 1.5;
	font-size: 1.4rem;
}
.top-news_inner:hover .top-news_text {
	text-decoration: none;
}
.top-news_external-link::after {
	content: '';
    background: url(60d69200625fdd87.svg) no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: translateX(50%) translateY(-60%);
}
.news-new {
	font-weight: bold;
    color: #FE4936;
	line-height: 1;
}
/* -------- */


@media(max-width:768px) {
    .sp-br {
        display: block;
    }
    .pc-br{
        display: none;
    }
    .scam {
        margin: 28px auto 0;
        padding-bottom: 70px;
    }
    .scam--feature{
        margin: 0 auto;
        padding: 28px 0 35px;
    }
    .scam--top-news{
        margin: 0 auto;
        padding: 35px 0 70px;
    }
    .scam-title {
        font-size: 3rem;
        letter-spacing: 0.08em;
        line-height: 1.54em;
        margin-bottom: 33px;
    }
    .scam-title--feature{
        margin-bottom: 25px;
    }
    .scam-title--top-news{
        margin-bottom: 10px;
    }
    .scam-intro {
        font-size: 1.6rem;
        text-align: left;
        letter-spacing: 0.05em;
        line-height: 1.74em;
    }
    .scam-line-yahoo:last-of-type {
        margin-top: 40px;
    }
    .scam-line-yahoo-title {
        font-size: 2rem;
        margin-bottom: 16px;
    }
    .scam-line-yahoo-title-body {
        font-size: 1.4rem;
    }
    .scam-inner {
        margin: 0 auto 24px;
    }
    .scam-inner--top-news{
        margin-bottom: 35px;
    }
    .scam-list {
        max-width: 500px;
    }
    .scam-item {
        padding: 10px 3% 31px;
        margin-bottom: 40px;
    }
    .scam-item-wrap {
        flex-wrap: wrap;
        margin-bottom: 55px;
    }
    .scam-item-text {
        width: 100%;
        order: 2;
        padding-top: 27px;
        max-width: 285px;
        margin: 0 auto;
    }
    .scam-item-img-wrap {
        width: 100%;
        order: 1;
    }
    .scam-item-img {
        display: none;
    }
    .scam-item-img-sp {
        display: block;
    }
    .scam-item-head {
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 8px;
    }
    .scam-item-about {
        font-size: 1.3rem;
        letter-spacing: 0.05em;
        margin-bottom: 29px;
    }
    .scam-item-btn {
        width: 203px;
        height: 43px;
        margin: 0 auto;
    }
    .scam-item-point {
        padding: 0 6%;
    }
    .scam-point-head {
        margin-bottom: 15px;
    }
    .scam-point-item {
        padding: 7.5px 15px 6px 41px;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.55em;
    }
    .scam-point-item:last-of-type {
        padding: 9px 15px 11px 41px;
    }
    .scam-point-item:before {
        width: 24px;
        height: 24px;
        top: 6px;
    }
    .data {
        padding: 69px 0 46px;
    }
    .data-title {
        font-size: 2.4rem;
        margin-bottom: 26px;
    }
    .data-text {
        font-size: 1.6rem;
        margin-bottom: 22px;
        padding: 0;
        letter-spacing: 0.13em;
        line-height: 1.5em;
    }
    .data-img {
        display: none;
    }
    .data-img-sp {
        display: block;
    }
    .data-img-wrap {
        max-width: 500px;
        margin: 0 auto 30px;
    }
    .data-link-text {
        word-wrap: break-word;
    }
    .data-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 28px;
    }
    .sp-only {
        display: block;
    }
    .data-table-img {
        max-width: 100%;
        min-width: 962px;
        vertical-align: top;
    }
    .data-link {
        font-size: 1.4rem;
        letter-spacing: 0.1em;
    }
    .data-link-text {
        letter-spacing: 0.055em;
        word-wrap: break-word;
        margin-top: 10px;
        display: block;
    }
    .new-topics_banner-link {
        max-width: calc(345px + 8%);
        padding: 0 4%;
        height: auto;
        width: 100%;
    }
    .new-topics_banner-link {
        margin: 0 auto 60px;
    }

    /* お知らせ・注意喚起 */
    .top-news .visual-heading__main {
        font-size: 1.8rem;
        text-align: left;
    }
    .top-news .visual-heading {
        margin-bottom: 23px;
    }
    .top-news-inner {
        padding: 48px 4%;
    }
    .top-news_tabs button {
        width: 81px;
        height: 59px;
    }
    .top-news_tabs li {
        margin-right: 7px;
    }
    .top-news_inner {
        display: block;
    }
    .top-news_post_wrap {
        margin-right: 0;
        margin-bottom: 6px;
    }
    .top-news_cat {
        width: 52px;
        height: 20px;
        font-size: 1rem;
    }
    .top-news_cat--special{
        width: 100px;
    }
    .top-news_date {
        font-size: 1.2rem;
        width: inherit;
        margin-right: 10px;
    }
    .top-news_post {
        padding: 13.5px 0px 9px;
    }
    .top-news_post_wrap {
        margin-bottom: 2px;
    }
    .top-news_text {
        margin-right: 10px;
    }
    .news-new {
        font-size: 1rem;
    }
    /* ------- */
}