@charset "UTF-8";

.pankuzu {
    margin-bottom: 0
}

.l-content-outer {
    margin-bottom: 60px;
    font-family: 游ゴシック, YuGothic, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
}

.l-content-outer *,
.l-content-outer :after,
.l-content-outer :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img.wide {
    width: 100%;
    max-width: none;
    height: auto
}

.ib {
    display: inline-block
}

.isSPn {
    display: none
}

.isSPb {
    display: block
}@-webkit-keyframes fadeAndSlideInUp{0%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeAndSlideInUp{0%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}


.pankuzu {
    position: relative;
    z-index: 7
}

#loading {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.loader,
.loader:after,
.loader:before {
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: load 1.8s infinite ease-in-out;
    animation: load 1.8s infinite ease-in-out;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loader {
    font-size: 10px;
    position: relative;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    text-indent: -9999em;
    color: #fff
}

.loader:after,
.loader:before {
    position: absolute;
    top: 0;
    content: ""
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader:after {
    left: 3.5em
}

#loader-bg {
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #26429c
}
@-webkit-keyframes load{0%,80%,to{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}@keyframes load{0%,80%,to{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}.chronology-list {
    margin-top: 20px
}

.chronology-list_container {
    margin-top: 60px;
    padding: 30px calc(3% + 8px);
    background: #f6f6f6
}

.chronology-list_container .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #0363c6
}

.chronology-list_inner {
    width: 100%
}

.chronology-list li {
    width: 100%;
    margin: 0 auto
}

.chronology-list li a {
    font-size: 16px;
    position: relative;
    display: block;
    padding: 15px 30px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #333;
    border: 1px solid #c6c6c6;
    background: #fff
}

.chronology-list li a span {
    position: relative;
    z-index: 3
}

.chronology-list li a:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-right: 0;
    content: "";
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #333;
    border-right: 1px solid #333
}

.chronology-list li a:hover {
    text-decoration: none
}

.main-visual {
    background: url(/group/about-us/turning-point/ver2/images/main.jpg) no-repeat;
    background-position: top left;
    background-size: cover;
    padding-bottom: 80px;
}

.main-visual .bc-player-default_default {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.main-visual video {
    display: none
}

.main-visual_txt {
    width: 100%
}

.main-visual_inner {
    position: relative;
    z-index: 2;
    max-width: 950px;
    margin: 0 auto;
    padding: 80px 3%;
    text-align: center;
}

.main-visual_inner .txt {
    font-size: 12px;
    line-height: 1.8;
    margin-top: 30px;
    text-shadow: #fff 1px 1px 30px, #fff -1px 1px 30px, #fff 1px -1px 30px, #fff -1px -1px 30px, #fff -1px -1px 30px, #fff -1px -1px 30px
}

.main-visual_inner .main-scroll {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 120px;
    height: 50px;
    margin-left: -60px
}

.main-visual_inner .main-scroll a {
    position: relative;
    display: block;
    height: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none !important
}

.main-visual_inner .main-scroll .txt {
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.main-visual_inner .main-scroll .line {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: scrollArr 1.5s infinite;
    animation: scrollArr 1.5s infinite;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000
}

@media screen and (max-width: 767px) {
    .main-visual {
        padding-bottom: 0;
    }
    .main-visual_inner {
    padding: 20px 3% 100px 3%;
}
}

.main-visual_inner .chronology-list_container {
    display: none
}

@-webkit-keyframes scrollArr {
    0% {
        -webkit-transform: rotate(-45deg) translate(0);
        transform: rotate(-45deg) translate(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) translate(-15px, 20px);
        transform: rotate(-45deg) translate(-15px, 20px);
        opacity: 0
    }
}

@keyframes scrollArr {
    0% {
        -webkit-transform: rotate(-45deg) translate(0);
        transform: rotate(-45deg) translate(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) translate(-15px, 20px);
        transform: rotate(-45deg) translate(-15px, 20px);
        opacity: 0
    }
}

.point-history_outer {
    position: relative
}

.point-history_container {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 3%
}

.point-history_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.point-history_box .since {
    font-family: Fjalla One, sans-serif;
    font-size: 60px;
    line-height: 1;
    position: relative;
    width: 100%;
    color: #0449a1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.point-history_box .since span {
    position: relative;
    z-index: 1;
    display: inline-block;
    opacity: 0
}

.point-history_box .since span.is-count {
    -webkit-animation: fadeIn .2s .15s;
    animation: fadeIn .2s .15s;
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.point-history_box .since:after {
    position: absolute;
    bottom: 11px;
    display: block;
    width: 0;
    height: 8px;
    content: "";
    -webkit-transition: width .85s cubic-bezier(.215, .61, .355, 1) .2s;
    -o-transition: width .85s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: width .85s cubic-bezier(.215, .61, .355, 1) .2s;
    background: #d1e5fb
}

.point-history_box.is-view .since span {
    -webkit-animation: fadeAndSlideInUp 1s .15s;
    animation: fadeAndSlideInUp 1s .15s;
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.point-history_box.is-view .since:after {
    width: 80%
}

.point-history_box .txtarea {
    width: 100%;
    margin-top: 10px;
    padding: 0 8px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.point-history_box .thumb {
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.point-history_box .subttl {
    font-size: 20px;
    font-weight: 700;
    ont-feature-settings: "palt"
}

.point-history_box .toggle-box {
    margin-top: 10px
}

.point-history_box .txt {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
    text-align: justify
}

.point-history_box .btn-more {
    margin-top: 15px
}

.point-history_box .btn-more a {
    font-size: 16px;
    position: relative;
    display: block;
    width: 80%;
    padding: 12px 20px;
    text-decoration: none;
    color: #fff;
    background: #767676
}

.point-history_box .btn-more a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: "";
    -webkit-transition: height .15s ease-out, color .15s ease-out;
    -o-transition: height .15s ease-out, color .15s ease-out;
    transition: height .15s ease-out, color .15s ease-out;
    background: #007AC7
}

.point-history_box .btn-more a:hover:before {
    top: 0;
    bottom: auto;
    height: 100%
}

.point-history_box .btn-more a:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: "";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: url(/group/about-us/turning-point/ver2/images/ico_arr.svg) no-repeat 50%;
    background-size: 100% auto;
    speak: none
}

.point-history_box .btn-more a span {
    position: relative;
    z-index: 2
}

.point-history_box .is-active .btn-more {
    display: none
}

.point-history_box.no-thumb .txtarea {
    width: 100%;
    padding: 0
}

.point-history_box.left .since {
    padding-left: 15px
}

.point-history_box.left .since:after {
    left: 0
}

.point-history_box.left.is-view .thumb {
    -webkit-animation: fadeInRight .85s .3s;
    animation: fadeInRight .85s .3s;
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.point-history_box.right .since {
    padding-right: 15px;
    text-align: right
}

.point-history_box.right .since:after {
    right: 0
}

.point-history_box.right.is-view .thumb {
    -webkit-animation: fadeInLeft .85s .3s;
    animation: fadeInLeft .85s .3s;
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.toggle-contents {
    display: none
}

@media print,
screen and (min-width:768px) {
    .l-content-outer {
        margin-bottom: 100px
    }

    .isSPn {
        display: block
    }

    .isSPb {
        display: none
    }

    .chronology-list_container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        padding: 30px;
        text-align: center;
        background: hsla(0, 0%, 96%, .65);
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .chronology-list_container .title {
        font-size: 20px
    }

    .chronology-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 16px;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .chronology-list li {
        margin-left: 2%
    }

    .chronology-list li a {
        font-size: 14px;
        font-weight: 700;
        padding: 15px 10px;
        position: relative
    }

    .chronology-list li a,
    .chronology-list li a:before {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .chronology-list li a:before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 0;
        height: 100%;
        content: "";
        background: #009bfd
    }

    .chronology-list li a:hover {
        color: #fff
    }

    .chronology-list li a:hover:after {
        border-top-color: #fff;
        border-right-color: #fff
    }

    .chronology-list li a:hover:before {
        right: auto;
        left: 0;
        width: 100%
    }

    .main-visual_inner {
        min-height: 620px;
        padding-bottom: 124px
    }

    .main-visual_inner .txt_inner {
        margin-top: 30px
    }

    .main-visual_inner .txt {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.8;
        margin-top: 0;
        text-align: left;
        text-align: justify;
        text-shadow: hsla(0, 0%, 100%, .7) 1px 1px 15px, hsla(0, 0%, 100%, .7) -1px 1px 15px, hsla(0, 0%, 100%, .7) 1px -1px 15px, hsla(0, 0%, 100%, .7) -1px -1px 15px, hsla(0, 0%, 100%, .7) -1px -1px 15px, hsla(0, 0%, 100%, .7) -1px -1px 15px
    }

    .main-visual_inner .main-scroll {
        bottom: -42px;
        height: 80px
    }

    .main-visual_inner .main-scroll a {
        height: 80px
    }

    .main-visual_inner .main-scroll .txt {
        font-size: 20px
    }

    .main-visual_inner .main-scroll .line {
        top: 20px;
        width: 34px;
        height: 34px;
        margin-left: -17px
    }

    .main-visual_inner .chronology-list_container {
        display: block
    }

    .anchor-nav {
        position: absolute;
        z-index: 5;
        top: 0;
        right: 20px;
        padding: 30px;
        background: hsla(0, 0%, 100%, .6)
    }

    .is-fixed .anchor-nav {
        position: fixed
    }
    .anchor-nav_list {
        list-style: none
    }

    .anchor-nav_list li {
        position: relative
    }

    .anchor-nav_list li ~ li {
        margin-top: 45px
    }

    .anchor-nav_list li ~ li:after {
        position: absolute;
        top: -45px;
        left: 50%;
        display: block;
        width: 2px;
        height: 40px;
        margin-left: -1px;
        content: "";
        background: #999;
        speak: none
    }

    .anchor-nav_list li ~ li p {
        position: relative
    }

    .anchor-nav_list li ~ li p:after,
    .anchor-nav_list li ~ li p:before {
        position: absolute;
        left: 50%;
        display: block;
        width: 8px;
        height: 8px;
        margin-left: -4px;
        content: "";
        border-radius: 50%;
        background: #999;
        speak: none
    }

    .anchor-nav_list li ~ li p:before {
        top: -50px
    }

    .anchor-nav_list li ~ li p:after {
        top: -8px
    }

    .anchor-nav_list li a {
        display: block;
        text-decoration: none;
        color: #767676
    }

    .anchor-nav_list li a span {
        font-family: Fjalla One, sans-serif;
        font-size: 30px
    }

    .anchor-nav_list li.is-active a {
        color: #0449a1
    }

    .point-history_container {
        padding: 0
    }

    .point-history_box {
        margin-top: 180px
    }

    .point-history_box:first-child {
        margin-top: 50px
    }

    .point-history_box .since {
        font-size: 125px
    }

    .point-history_box .since:after {
        bottom: 25px;
        height: 17px
    }

    .point-history_box.is-view .since:after {
        width: 68%
    }

    .point-history_box .txtarea {
        width: 440px;
        margin-top: 50px;
        padding: 0
    }

    .point-history_box .thumb {
        width: calc(100% - 440px);
        margin-top: 50px
    }

    .point-history_box .subttl {
        font-size: 25px
    }

    .point-history_box .toggle-box {
        margin-top: 45px
    }

    .point-history_box .txt {
        line-height: 1.8
    }

    .point-history_box .btn-more {
        margin-top: 20px
    }

    .point-history_box .btn-more a {
        max-width: 316px
    }

    .point-history_box.left {
        padding-left: 11.6%
    }

    .point-history_box.left.no-thumb .txtarea {
        padding-right: 11.6%
    }

    .point-history_box.left .since {
        padding-left: 32px
    }

    .point-history_box.left .txtarea {
        padding-right: 4%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .point-history_box.left .thumb {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .point-history_box.left.pcRight {
        padding-right: 11.6%;
        padding-left: 0
    }

    .point-history_box.left.pcRight.no-thumb .txtarea {
        padding-right: 0;
        padding-left: 11.6%
    }

    .point-history_box.left.pcRight .since {
        padding-right: 40px;
        padding-left: 0;
        text-align: right
    }

    .point-history_box.left.pcRight .since:after {
        right: 0;
        left: auto
    }

    .point-history_box.left.pcRight .txtarea {
        padding-right: 0;
        padding-left: 6.8%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .point-history_box.left.pcRight .thumb {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .point-history_box.left.pcRight.is-view .thumb {
        -webkit-animation: fadeInLeft .85s .3s;
        animation: fadeInLeft .85s .3s;
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .point-history_box.right {
        padding-right: 11.6%
    }

    .point-history_box.right.no-thumb .txtarea {
        padding-left: 11.6%
    }

    .point-history_box.right .since {
        padding-right: 40px
    }

    .point-history_box.right .txtarea {
        padding-left: 6.8%
    }

    .point-history_box.right.pcLeft {
        padding-right: 0;
        padding-left: 11.6%
    }

    .point-history_box.right.pcLeft.no-thumb .txtarea {
        padding-right: 11.6%;
        padding-left: 0
    }

    .point-history_box.right.pcLeft .since {
        padding-right: 0;
        padding-left: 32px;
        text-align: left
    }

    .point-history_box.right.pcLeft .since:after {
        right: auto;
        left: 0
    }

    .point-history_box.right.pcLeft .txtarea {
        padding-right: 4%;
        padding-left: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .point-history_box.right.pcLeft .thumb {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .point-history_box.right.pcLeft.is-view .thumb {
        -webkit-animation: fadeInRight .85s .3s;
        animation: fadeInRight .85s .3s;
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .point-history_2col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .point-history_2col .point-history_box {
        width: 50%;
        margin-top: 150px;
        padding-right: 36px !important;
        padding-left: 0 !important
    }

    .point-history_2col .point-history_box .thumb,
    .point-history_2col .point-history_box .txtarea {
        width: 100%
    }

    .point-history_2col .point-history_box .since {
        width: 72.4%;
        margin-right: 27.6%
    }

    .point-history_2col .point-history_box.is-view .since:after {
        width: 100%
    }

    .point-history_2col .point-history_box:nth-child(odd) .since {
        margin-right: 0;
        margin-left: 27.6%
    }

    .point-history_2col .point-history_box:nth-child(odd) .txtarea {
        padding-left: 27.6%
    }

    .point-history_2col .point-history_box:nth-child(2n) {
        margin-top: 350px;
        padding-right: 0 !important;
        padding-left: 36px !important
    }

    .point-history_2col .point-history_box:nth-child(2n) .since:after {
        height: 27px
    }

    .point-history_2col .point-history_box:nth-child(2n) .txtarea {
        padding-right: 27.6%
    }

    #fixedTop {
        display: none !important
    }
}

@media (-ms-high-contrast:none) {
    .l-content-outer {
        font-family: メイリオ, Meiryo, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
    }
}

@media print,
screen and (max-width:767px) {
    .l-content-outer {
        margin-bottom: 30px
    }

    .chronology-list li ~ li a {
        border-top: none
    }

    .main-visual {
        background-image: url(/group/en/about-us/turning-point/ver2/images/main_sp.jpg);
        background-size: cover
    }

    .anchor-nav {
        display: none
    }
}

@media print,
screen and (max-width:374px) {
    .main-visual_inner .txt {
        font-size: 11px
    }
}

@media print,
screen and (min-width:768px) and (max-width:1024px) {
    .point-history_box.left {
        padding-left: 3%
    }

    .point-history_box.left.pcRight,
    .point-history_box.right {
        padding-right: 3%
    }

    .point-history_box.right.pcLeft {
        padding-left: 3%
    }
}

@media print,
screen and (min-width:768px) and (min-width:768px) and (max-width:1024px) {
    .point-history_2col .point-history_box:nth-child(odd) .txtarea {
        padding-left: 6%
    }

    .point-history_2col .point-history_box:nth-child(2n) .txtarea {
        padding-right: 6%
    }
}

.turning-point_container {
    background: #fff;
}

.l-main {
    background: #fff;
}