@charset "utf-8";
/*style_feature_advice.css*/
article.pages {
    max-width: 1040px;
    padding: 0 20px;
    margin: 40px auto;
}
section.title {
    margin-bottom: 60px;
}
section.title a.back {
    font-size: 14px;
    text-decoration: none;
    padding-left: 0;
}
section.title h1 {
    background: #CCC;
    padding: 25px 40px 30px;
    padding-left: 60px;
    position: relative;
    margin-top: 40px;
    border-radius: 100px;
}
section.title h1 span {
    color: #fff;
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.15em;
    font-feature-settings: 'palt';
}
section.title h1 img {
    position: absolute;
    right: 6%;
    bottom: 0;
    width: 20%;
}
section.texts {
    margin-bottom: 80px;
}
section.texts h3 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
section.texts h3 span.number {
    font-family: oswald;
    font-size: 70px;
    margin-right: 0.2em;
    padding-bottom: 0;
    line-height: 1;
}
section.texts h3 span.text {
    text-decoration: underline;
    text-decoration-color: #fff100;
    text-decoration-thickness: 0.5em;
    text-underline-offset: -0.3em;
    font-size: 38px;
    font-feature-settings: 'palt';
}

 [data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -0.8em;
	left: 0;
	right: 0;
	width:100%;
	text-align:center;
	margin: auto;
	font-size:40%
}
section.texts h3 span.text ruby > rt{
    display:none;
    font-size:40%
}
section.texts h3 img {
    position: absolute;
    height: 120px;
    width: auto;
    top: calc(50% - 60px);
}
section.texts p.read {
    background: #eee;
    padding: 20px 40px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 40px;
    text-align: justify;
}
section.texts p.read b{
    font-size:1.1em;
}
section.texts h4 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1;
}
section.texts p.text {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 30px;
    text-align: justify;
}
section.texts ul.text {
    font-size: 16px;
    line-height: 2;
}
section.texts ul.text li.underline {
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/*page-color and ovrerride -----------------------*/
/*#page_1*/
#page_1 section.title h1 {
    background-color: #ED7978;
}
#page_1 section.texts p.read {
    background-color: #FDEEF2;
}
#page_1 section.texts h3 span.number, #page_1 section.texts h4 {
    color: #ED7978;
}
#page_1 section.texts.sentence2 h3 img {
    right: 60px;
}
#page_1 section.texts.sentence4 h3 img {
    right: 70px;
}
/*#page_2*/
#page_2 section.title h1 {
    background-color: #6289C6;
}
#page_2 section.texts p.read {
    background-color: rgb(0 140 214 / 0.2);
}
#page_2 section.texts h3 span.number, #page_2 section.texts h4 {
    color: #6289C6;
}
#page_2 section.texts p.text span{
    font-weight:700;
    color:#6289c6;
}
#page_2 section.texts dl.lv {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
}
#page_2 section.texts dl.lv dt {
    width: 2em;
    color: #6289C6;
}
#page_2 section.texts dl.lv dd {
    width: calc(100% - 2em);
    margin-bottom: 0.5em;
}
#page_2 section.texts dl.lv dd::before {
    content: '…………';
}
#page_2 section.texts img.formula {
    width: 37%;
}
section.texts p.text span.circle {
    color: #6289C6;
}
#page_2 section.texts.sentence2 h3 img {
    height: 194px;
    right: 0;
    top: unset;
    bottom: -10px
}
#page_2 section.texts dl.text_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
}
#page_2 section.texts dl.text_list dt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    padding: 0px;
    border-radius: 50%;
    background-color: #6289C6;
    font-family: oswald;
    color: #fff;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0.2em;
}
#page_2 section.texts dl.text_list dd {
    width: calc(100% - 24px);
    padding-left: 0.5em;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.6;
}
#page_2 section.texts dl.text_list dd:last-child {
    margin-bottom: 0;
}
#page_2 section.texts ul.text li.underline {
    border-bottom: solid 1px #6289C6;
}
/*#page_3*/
#page_3 section.title h1 {
    background-color: #F18E38;
}
#page_3 section.texts p.read {
    background-color: #FDF3E5;
}
#page_3 section.texts h3 span.number, #page_3 section.texts h3 div.twoline span, #page_3 section.texts h4 {
    color: #F18E38;
}
#page_3 section.texts h3 span.number{
    padding-bottom: 0;
}
#page_3 section.texts h3 div.twoline span {
    display: block;
    font-size: 22px
}
#page_3 section.texts h3 div.twoline span.text {
    display: block;
    font-size: 38px;
    color: #000;
}
#page_3 section.texts.sentence3 h3 img {
    height: 162px;
    right: 0;
    top: unset;
    bottom: -20px
}
/*#page_4*/
#page_4 section.title h1 {
    background-color: #F18E38;
}
#page_4 section.texts p.read {
    background-color: #FDF3E5;
}
#page_4 section.texts h3 span.number, #page_4 section.texts h4 {
    color: #F18E38;
}
#page_4 section.texts .subject {
    font-size: 30px;
    font-weight: 700;
    color: #F18E38;
    text-align: center;
    border-bottom: solid 2px #F18E38;
    padding-bottom: 10px;
    margin-bottom: 40px;
    position: relative;
}
#page_4 section.texts.sentence7 {
    padding-top: 40px;
}
#page_4 section.texts.sentence7 .subject img {
    position: absolute;
    right: 40px;
    bottom: 10px
}
/*#page_5*/
#page_5 section.title h1 {
    background-color: #C270AA;
}
#page_5 section.texts p.read {
    background-color: #F2EDF5;
}
#page_5 section.texts h3 span.number, #page_5 section.texts h4, #page_5 section.texts p span {
    color: #C270AA;
}
#page_5 section.texts ul.text li.underline {
    border-bottom: solid 1px #C270AA;
}
#page_5 section.texts.sentence2 h3 img {
    right: 60px;
}
#page_5 section.texts.sentence4 h3 img {
    height: 190px;
    right: 30px;
    top: unset;
    bottom: 0;
}
/*#page_6*/
#page_6 section.title h1 {
    background-color: #C270AA;
}
#page_6 section.texts p.read {
    background-color: #F2EDF5;
}
#page_6 section.texts h3 span.number, #page_6 section.texts h4 {
    color: #C270AA;
}
#page_6 section.texts.sentence2 h3 img {
    right: 60px;
}
#page_6 section.texts.sentence5 h3 img {
    height: 132px;
    right: 60px;
    top: unset;
    bottom: -10px;
}
/*#page_7*/
#page_7 section.title h1 {
    background-color: #C270AA;
}
#page_7 section.texts p.read {
    background-color: #F2EDF5;
}
#page_7 section.texts h3 span.number, #page_7 section.texts h4 {
    color: #C270AA;
}
#page_7 section.texts.sentence1 p.text span{
    color: #C270AA;
}
#page_7 section.texts.sentence3 h3 img {
    right: 60px;
}
#page_7 section.texts.sentence4 h3 img {
    height: 96px;
    right: 80px;
    top: unset;
    bottom: 0;
}

/*#page_8*/
#page_8 section.title h1 {
    background-color: #56B879;
}
#page_8 section.texts p.read {
    background-color: #F1F8EA;
}
#page_8 section.texts h3 span.number, #page_8 section.texts h4, #page_8 section.texts p span {
    color: #56B879;
}
#page_8 section.texts.sentence3 h3 img {
    height: 132px;
    right: 80px;
    top: unset;
    bottom: 0;
}
/*#page_9*/
#page_9 section.title h1 {
    background-color: #56B879;
}
#page_9 section.texts p.read {
    background-color: #F1F8EA;
}
#page_9 section.texts h3 span.number, #page_9 section.texts h4, #page_9 section.texts p span {
    color: #56B879;
}
#page_9 section.texts.sentence2 h3 img {
    height: 144px;
    right: 60px;
    top: unset;
    bottom: 0;
}
#page_9 section.texts.sentence3 h3 img {
    height: 144px;
    right: 80px;
    top: unset;
    bottom: 0;
}
/*#page_10*/
#page_10 section.title h1 {
    background-color: #56B879;
}
#page_10 section.texts p.read {
    background-color: #F1F8EA;
}
#page_10 section.texts h3 span.number, #page_10 section.texts h4, #page_10 section.texts dl span {
    color: #56B879;
}
#page_10 section.texts dl {
    padding: 20px;
    border: solid 1px #56B879;
}
#page_10 section.texts dl dt {
    font-size: 14px;
    margin-bottom: 8px;
}
#page_10 section.texts dl.points2 dt {
    color: #56B879;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}
#page_10 section.texts dl.points2 dd {
    font-size: 14px;
    margin-bottom: 10px;
}
#page_10 section.texts dl.points3 {
    display: flex;
    flex-wrap: wrap;
}
#page_10 section.texts dl.points3 dt {
    color: #56B879;
    font-weight: 500;
    font-size: 14px;
    margin: 5px 0;
    width: 6em;
}
#page_10 section.texts dl.points3 dd {
    font-size: 14px;
    margin: 5px 0;
    width: calc(100% - 6em);
}
#page_10 section.texts.sentence4 h3 img {
    height: 118px;
    right: 80px;
    top: unset;
    bottom: 0;
}

/*#page_11*/
#page_11 section.title h1 {
    background-color: #26B7BC;
}
#page_11 section.texts p.read {
    background-color: #E9F8F9;
}
#page_11 section.texts h3 span.number, #page_11 section.texts h4 {
    color: #26B7BC;
}
#page_11 section.texts .subject {
    font-size: 30px;
    font-weight: 700;
    color: #26B7BC;
    text-align: center;
    border-bottom: solid 2px #26B7BC;
    padding-bottom: 10px;
    margin-bottom: 40px;
    position: relative;
}
#page_11 section.texts div.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
#page_11 section.texts div.flex ul {
    width: 50%;
}
#page_11 section.texts div.flex p.Commentary {
    width: 50%;
    border: solid 1px #26B7BC;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}
#page_11 section.texts ul.list li {
    font-size: 14px;
    margin-bottom: 5px;
}
#page_11 section.texts ul.list li:last-child {
    margin-bottom: 0;
}
#page_11 section.texts ul.list li span, #page_11 section.texts div.flex p.Commentary span {
    color: #26B7BC;
}
#page_11 section.texts ul.list li span {
    font-weight: 500;
}
#page_11 section.texts.sentence3 h3 img {
    height: 88px;
    right: 10px;
    top: unset;
    bottom: 0px;
}
#page_11 section.texts.sentence6 div.subject img {
    position: absolute;
    right: 30px;
    top: calc(50% - 90px);
}
section.page_navi {
    width: 100%;
    background: #eee;
    margin: 80px auto 0;
    padding: 50px 20px;
}
section.page_navi h6 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: 500;
    color: #1F2A66;
}
section.page_navi h6 small {
    display: inline-block;
    vertical-align: 0.1em;
    font-size: 0.7em;
    margin-left: 1em;
}
section.page_navi nav {
    max-width: 1000px;
    margin: auto;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    column-count: 3;
    column-gap: 2%;
}
section.page_navi nav a {
    display: block;
    width: 100%;
    margin: 0;
    margin-right: 0;
    margin-bottom: 6%;
}
section.page_navi nav a:nth-child(4n) {
    margin-right: 0;
}
section.page_navi nav a img {
    width: 100%;
}
@media screen and (min-width:640px) {
    section.page_navi nav a:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width:1000px) {
    article.pages {
        padding: 0 2vw;
        margin: 4vw auto;
    }
    section.title {
        margin-bottom: 6vw;
    }
    section.title a.back {
        font-size: 1.4vw;
    }
    section.title h1 {
        padding: 2.5vw 4vw 3vw;
        padding-left: 6vw;
        margin-top: 4vw;
    }
    section.title h1 span {
        font-size: 6.6vw;
    }
    section.texts {
        margin-bottom: 8vw;
    }
    section.texts h3 {
        font-size: 3.8vw;
        margin-bottom: 4vw;
    }
    section.texts h3 span.number {
        font-size: 7vw;
    }
    section.texts h3 span.text {
        font-size: 3.8vw;
    }
    section.texts h3 img {
        height: 12vw;
        top: calc(50% - 6vw);
    }
    section.texts ul.text {
        font-size: 1.4vw;
    }
    section.texts ul.text li.underline {
        padding-bottom: 1.5vw;
        margin-bottom: 1.5vw;
    }
    /*page-color and ovrerride -----------------------*/
    /*#page_1*/
    #page_1 section.texts.sentence2 h3 img {
        right: 6vw;
    }
    #page_1 section.texts.sentence4 h3 img {
        right: 7vw;
    }
    section.texts p.read {
        padding: 2vw 4vw;
        font-size: 1.6vw;
        margin-bottom: 4vw;
        text-align: justify;
    }
    section.texts h4 {
        font-size: 2.6vw;
        margin-bottom: 1vw;
        line-height: 1;
    }
    section.texts p.text {
        font-size: 1.6vw;
        margin-bottom: 3vw;
    }
    /*#page_2*/
    #page_2 section.texts dl.lv {
        font-size: 1.4vw;
        margin-bottom: 2vw;
    }
    #page_2 section.texts.sentence2 h3 img {
        height: 19vw;
        bottom: -1vw;
    }
    #page_2 section.texts dl.text_list {
        ;
        margin-bottom: 3vw;
    }
    #page_2 section.texts dl.text_list dt {
        font-size: 1.4vw;
        width: 2vw;
        height: 2vw;
        top: 0.2em;
    }
    #page_2 section.texts dl.text_list dd {
        width: calc(100% - 2.4vw);
        font-size: 1.4vw;
        margin-bottom: 1vw;
    }
    /*#page_3*/
    #page_3 section.texts h3 div.twoline span {
        font-size: 2.2vw;
    }
    #page_3 section.texts h3 div.twoline span.text {
        font-size: 3.8vw
    }
    #page_3 section.texts.sentence3 h3 img {
        height: 16vw;
        bottom: -2vw;
    }
    /*#page_4*/
    #page_4 section.texts .subject {
        font-size: 3vw;
        padding-bottom: 1vw;
        margin-bottom: 4vw;
    }
    #page_4 section.texts.sentence7 {
        padding-top: 4vw
    }
    #page_4 section.texts.sentence7 .subject img {
        height: 9.4vw;
        right: 4vw;
        bottom: 1vw;
    }
    /*#page_5*/
    #page_5 section.texts.sentence2 h3 img {
        right: 6vw;
    }
    #page_5 section.texts.sentence4 h3 img {
        height: 19vw;
        right: 3vw
    }
    /*#page_6*/
    #page_6 section.texts.sentence2 h3 img {
        right: 6vw;
    }
    #page_6 section.texts.sentence5 h3 img {
        height: 13vw;
        right: 6vw;
        bottom: -1vw;
    }
    /*#page_7*/
    #page_7 section.texts.sentence3 h3 img {
        right: 6vw;
    }
    #page_7 section.texts.sentence4 h3 img {
        height: 10vw;
        right: 8vw;
    }
    /*#page_8*/
    #page_8 section.texts.sentence3 h3 img {
        height: 13vw;
        right: 8vw;
    }
    /*#page_9*/
    #page_9 section.texts.sentence2 h3 img {
        height: 14vw;
        right: 6vw;
        top: unset;
        bottom: 0;
    }
    #page_9 section.texts.sentence3 h3 img {
        height: 14vw;
        right: 8vw;
    }
    /*#page_10*/
    #page_10 section.texts dl {
        padding: 2vw;
    }
    #page_10 section.texts dl dt {
        font-size: 1.4vw;
        margin-bottom: 0.8vw;
    }
    #page_10 section.texts dl.points2 dt {
        font-size: 1.4vw;
    }
    #page_10 section.texts dl.points2 dd {
        font-size: 1.4vw;
        margin-bottom: 1vw;
    }
    #page_10 section.texts dl.points3 dt {
        font-size: 1.4vw;
        margin: 0.5vw 0;
    }
    #page_10 section.texts dl.points3 dd {
        font-size: 1.4vw;
        ;
        margin: 0.5vw 0;
    }
    #page_10 section.texts.sentence4 h3 img {
        height: 12vw;
        right: 8vw;
        top: unset;
        bottom: 0;
    }

    /*#page_11*/
    #page_11 section.texts .subject {
        font-size: 3vw;
        padding-bottom: 1vw;
        margin-bottom: 4vw;
    }
    #page_11 section.texts div.flex p.Commentary {
        padding: 1vw;
        font-size: 1.4vw;
    }
    #page_11 section.texts ul.list li {
        font-size: 1.4vw;
        margin-bottom: 0.5vw;
    }
    #page_11 section.texts.sentence3 h3 img {
        height: 9vw;
        right: 1vw;
    }
    #page_11 section.texts.sentence6 div.subject img {
        height: 18vw;
        right: 3vw;
        top: calc(50% - 9vw);

    }
    section.page_navi {
        margin: 8vw auto 0;
        padding: 5vw 2vw;
    }
    section.page_navi h6 {
        font-size: 2.2vw;
        margin-bottom: 4vw;
    }
} /*@media screen and (max-width:640px) */
@media screen and (max-width:640px) {
    article.pages {
        padding: 0 4vw;
        margin: 4vw auto;
    }
    section.title {
        margin-bottom: 6vw;
    }
    section.title a.back {
        font-size: 3.4vw;
    }
    section.title h1 {
        padding: 3vw 4vw 3.5vw;
        padding-left: 6vw;
        margin-top: 4vw;
        line-height: 1
    }
    section.title h1 span {
        font-size: 6vw;
        line-height: 1
    }
    section.title h1 img {
        right: 6%;
        bottom: 0;
        width: 25%;
    }
    section.texts {
        margin-bottom: 10vw;
    }
    section.texts h3 {
        font-size: 5.5vw;
        margin-bottom: 3vw;
    }
    section.texts h3 span.number {
        font-size: 10vw;
    }
    section.texts h3 span.text {
        font-size: 5.5vw;
    }
    section.texts h3 img {
        height: 12vw;
        top: calc(50% - 6vw);
    }
    section.texts ul.text {
        font-size: 3.4vw;
    }
    section.texts ul.text li.underline {
        padding-bottom: 3vw;
        margin-bottom: 3vw;
    }
    /*page-color and ovrerride -----------------------*/
    /*#page_1*/
    #page_1 section.texts.sentence2 h3 img {
        right: 6vw;
    }
    #page_1 section.texts.sentence4 h3 img {
        right: 7vw;
    }
    section.texts p.read {
        padding: 3vw 4vw;
        font-size: 3.4vw;
        margin-bottom: 4vw;
        line-height: 1.7;
    }
    section.texts h4 {
        font-size: 4vw;
        margin-bottom: 2vw;
        line-height: 1.4;
    }
    section.texts p.text {
        font-size: 3.4vw;
        line-height: 1.7;
        margin-bottom: 8vw;
    }
    /*#page_2*/
    #page_2 section.texts dl.lv {
        font-size: 3.4vw margin-bottom: 2vw;
    }
    #page_2 section.texts dl.lv dt {
        width: 8vw;
        color: #3071B7;
        font-size: 3.4vw
    }
    #page_2 section.texts dl.lv dd {
        width: calc(100% - 8vw);
        margin-bottom: 0.5em;
        font-size: 3.2vw
    }
    #page_2 section.texts img.formula {
        width: 90%;
    }
    #page_2 section.texts dl.text_list {
        margin-bottom: 4vw;
    }
    #page_2 section.texts dl.text_list dt {
        font-size: 3vw;
        width: 5vw;
        height: 5vw;
        position: relative;
        top: 0.4em;
    }
    #page_2 section.texts dl.text_list dd {
        width: calc(100% - 5vw);
        font-size: 3.4vw;
        margin-bottom: 2vw;
    }
    /*#page_3*/
    #page_3 section.texts h3 div.twoline span {
        font-size: 3.8vw;
        text-align: justify;
        line-height: 1.2;
    }
    #page_3 section.texts h3 div.twoline span.text {
        font-size: 5.5vw
    }
    #page_3 section.texts.sentence3 h3 img {
        height: 20vw;
        bottom: -2vw;
    }
    /*#page_4*/
    #page_4 section.texts .subject {
        font-size: 5vw;
        padding-bottom: 2vw;
        margin-bottom: 6vw;
    }
    #page_4 section.texts.sentence7 {
        padding-top: 4vw
    }
    #page_4 section.texts.sentence7 .subject img {
        height: 10vw;
        right: 0;
        bottom: 1vw;
    }
    /*#page_5*/
    #page_5 section.texts.sentence2 h3 img {
        right: 0vw;
        height: 14vw;
        top: unset;
        bottom: 0;
    }

    #page_5 section.texts.sentence4 h3 img {
        height: 19vw;
        right: 0;
    }
    /*#page_6*/
    #page_6 section.texts.sentence2 h3 img {
        right: 0vw;
    }
    #page_6 section.texts.sentence5 h3 img {
        height: 20vw;
        right: 0vw;
        bottom: 0vw;
    }
    /*#page_7*/
    #page_7 section.texts.sentence3 h3 img {
        right: 0vw;
        height: 14vw
    }
    #page_7 section.texts.sentence4 h3 img {
        height: 14vw;
        right: 0;
    }
    /*#page_8*/
    #page_8 section.texts.sentence3 h3 img {
        height: 18vw;
        right: 0;
    }
    /*#page_9*/
    #page_9 section.texts.sentence2 h3 img {
        height: 18vw;
        right: 0;
        top: unset;
        bottom: 0;
    }
    #page_9 section.texts.sentence3 h3 img {
        height: 18vw;
        right: 0;
    }
    /*#page_10*/
    #page_10 section.texts dl {
        padding: 4vw;
    }
    #page_10 section.texts dl dt {
        font-size: 3.2vw;
        margin-bottom: 2vw;
    }
    #page_10 section.texts dl.points2 dt {
        font-size: 3.2vw;
    }
    #page_10 section.texts dl.points2 dd {
        font-size: 3.2vw;
        margin-bottom: 2vw;
    }
    #page_10 section.texts dl.points3 dt {
        font-size: 3.2vw;
        margin: 0vw 0;
    }
    #page_10 section.texts dl.points3 dd {
        font-size: 3.2vw;
        ;
        margin: 0 0 2vw;
    }
    #page_10 section.texts.sentence4 h3 img {
        height: 16vw;
        right: 0;
        top: unset;
        bottom: 0;
    }

    /*#page_11*/
    #page_11 section.texts .subject {
        font-size: 5vw;
        padding-bottom: 2vw;
        margin-bottom: 6vw;
    }
    #page_11 section.texts div.flex ul {
        width: 100%;
        margin-bottom: 4vw
    }
    #page_11 section.texts div.flex p.Commentary {
        width: 100%;
        padding: 1vw;
        font-size: 3.4vw;
        text-align: justify;
    }
    #page_11 section.texts ul.list li {
        font-size: 3.4vw;
        margin-bottom: 1vw;
    }
    #page_11 section.texts.sentence3 h3 img {
        height: 14vw;
        right: 0vw;
    }
    #page_11 section.texts.sentence6 div.subject img {
        height: 20vw;
        right: 0;
    }
    section.page_navi {
        padding: 10vw 4vw 8vw;
    }
    section.page_navi h6 {
        font-size: 4.6vw;
        margin-bottom: 4vw;
    }
    section.page_navi nav {
        padding-bottom: 12vw;
        column-count: 2;
        column-gap: 4%;
    }
    section.page_navi nav a {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 4vw;
    }
    section.page_navi nav a:nth-child(3n) {
        margin-right: 4%;
    }
    section.page_navi nav a:nth-child(2n) {
        margin-right: 0;
    }
} /*@media screen and (max-width:640px)*/