﻿.list-anchor > li::before {
    content: none;
}

.list-anchor {
    margin-top: -30px;
    margin-left: -35px;
    display: flex;
    flex-wrap: nowrap;
}

.list-anchor.col3 > li{
    width: 33.333%;
    padding-left: 35px;
    padding-top: 30px;
    margin: 0;
}

.list-anchor.col3 > li a{
    display: block;
}

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

    #mvno .js-toggle .js-toggle-hook:after {
        width: 30px;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
    }
}

.item-inner {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}

.item-inner:first-child {
    margin-top: 0;
}

.item-inner:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.btn:before, .btn-gray:before, .btn-darkblue:before, .btn-lightblue:before, .btn-pink:before, .btn-lightpink:before, .btn-green:before {
    transform: rotate(135deg);
    top: -4px;
}

.data-sub-title {
    font-size: 15px;
    padding-left: 10px;
    position: relative;
}
.data-sub-title:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #000000;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 45%;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .list-anchor {
        margin-left: 0;
        display: block;
        flex-wrap: wrap;
    }
    .list-anchor.col3 > li{
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .list-anchor > li::after {
        content: none;
    }
}


/* 20220302掲載方法の変更 */
.anc_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.anc_area div {
    letter-spacing: 0;
    width: 360px;
    height: 210px;
    background-color: #fff;
    border-radius: 10px;
    margin: 15px;
    padding: 130px 20px 0;
/*    padding: 131px 20px 30px;*/
    background-position: top 23px center;
    background-repeat: no-repeat;
    background-size: 85px auto;
    box-sizing: border-box;
    text-align: center;
    border:2px solid #18328A;
}
.anc_area p {
    text-align: center;
    font-size: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 1;
    margin: 0
}

.anc_area p a {
    display: block;
    background-color: #18328A;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    padding: 15px 0
}

.anc_area p a span {
    display: block;
    background-image: url(../images/icon_arrow_modal.png);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 8px auto;
    padding: 0 10px 0 0;
    text-align: center;
}
.anc_area .anc_area_shop { background-image: url(../images/icon_modal01_shop.png); }
.anc_area .anc_area_other { background-image: url(../images/icon_modal01_other.png); }

.fields-layout_dd > div {
	display:flex;
	align-items: center;
	margin-bottom:10px;
}
.fields-layout_dd > div figure {
	margin-right:30px;
}
.fields-layout_dd > div p {
	margin:0 ;
}
.fields-layout_dd > div img {
	margin:0;
}


@media screen and (max-width: 768px) {
    .anc_area div {
        width: 90%;
        height: auto;
        margin: 0 auto 5%;
        padding: 28% 5% 5%;
        background-position: top 20% center;
        background-size: 18% auto;
    }
    .anc_area p {
        font-size: .9em;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700
    }
    .anc_area p a {
        padding: 4% 0;
        border: none
    }
    .anc_area p a span {
        background-size: 8px;
        padding: 0;
        background-position: right 4% center
    }
}