/************* 既存CSSの上書き *************/

.investorBox02 {
    background-color: #e5edf5;
}
.headline09 {
    margin-bottom: 35px;
    font-size: 3rem;
}
.boxType01 {
    padding: 0;
    border: none;
}

a.anchor {
    display: block;
    padding-top: 54px;
    margin-top: -54px;
}
@media only screen and (max-width: 768px){
    a.anchor {
        display: block;
        padding-top: 0;
        margin-top: 0;
    }
}

.pc-mt-0{margin-top:0;}

.investorLinks .playIcon .title span{
    display:inline-block;
    padding-right:20px;
    background:url(../image/com_video_ic01.png) no-repeat 100% 50%;
    background-size:14px;
}

.investorBox02 > .investorLinks > li > a > .img {
    width: 20.8%;
}

#briefing-session .colWrap{
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 951px) {
    .investorBox02 > .investorLinks > li + li { margin-top: 15px; }
    .investorBox02 > .investorLinks > li:nth-child(2){margin-top: 0;}
}
@media screen and (max-width: 950px) {
    .pc-mt-0{margin-top:10px;}
}

.investorLinks .playIcon .img > span:after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background-image: url(../image/com_other_ic12.png);
}

@media print, screen and (min-width: 769px){
    .range2Col.wType03 > *:nth-child(2n+1) {
        width: 65.48%;
    }
    .range2Col.wType03 > * {
        width: 31.26%;
        margin-left: 3.26%;
    }
}
@media only screen and (max-width: 768px){
    .btnType07 a {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    #briefing-session .colRight figure.img{
        max-width: 380px;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}


/************* Animation *************/

.fadeIn,
.slideIn{
    visibility: hidden;
}

.slideInDelay {
    visibility: visible !important;
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateY(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideIn {
    0% {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.fadeInDelay {
    visibility: visible !important;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/************* 個人投資家の皆様へページレイアウト *************/

#ir-mail{
    margin: 60px auto;
    max-width: 800px;
}
#ir-mail .btnType07 a > .details {
    padding: 12px 0;
}
@media only screen and (max-width: 768px){
    #ir-mail .btnType07 a > .details {
        padding: 5px 0;
    }
}

/* headline10 */
.headline10 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 2em;
    position: relative;
}
.headline10 span{
    display: inline-block;
    padding: 10px 25px 12px;
    color: #fff;
    background-color: #004ea2;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.headline10::after{
    content: "";
    width: 100%;
    height: 4px;
    display: inline-block;
    background-color: #004ea2;
    position: absolute;
    left: 0;
    margin-top: 1em;
    z-index: 0;
}
@media only screen and (max-width: 768px){
    .headline10 {
        font-size: 2.0rem;
    }
    .headline10 span {
        padding: 7px 15px 9px;
    }
    .headline10::after{
        height: 2px;
    }
}
.headline10 + * {
    margin-top: 1.5em !important;
}

#breadcrumbNav{
    padding-top: 46px;
}
#contentsContainer {
    padding-top: 0;
    /*background: url(/ja/ir/investor/img/logo_itochu.png) no-repeat 50% 40vh;
    background-size: 90px auto;*/
}

/* breadcrumbNav-ir */
#breadcrumbNav-ir {
    padding-top: calc(1em + 68px);
    margin-bottom: 4em;
}
#breadcrumbNav-ir > ul {
    padding-right: 25em;
}
#breadcrumbNav-ir > ul > li {
    position: relative;
    float: left;
    padding-left: 0.85em;
    font-size: 1.2rem;
}
#breadcrumbNav-ir > ul > li:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 4px;
    height: 7px;
    background: url(../image/breadcrumb_ic01.png) no-repeat 0 0;
}
#breadcrumbNav-ir > ul > li > a {
    color: #484848;
}
#breadcrumbNav-ir > ul > li:first-child {
    padding-left: 0;
}
#breadcrumbNav-ir > ul > li:first-child:before {
    display: none;
}
#breadcrumbNav-ir > ul > li:last-child {
    color: #000000;
}
#breadcrumbNav-ir > ul > li[itemscope] {
    margin-right: 0.65em;
    font-weight: normal;
}

@media only screen and (max-width: 768px){
    #breadcrumbNav-ir {
        display: none;
    }
}

/* mainvisual */
.mainvisual{
    position: relative;
    max-height: 600px;
    overflow: hidden;
    margin-top: 38px;
    width: 100vw;
    background-color: #fff;
}
.mainvisual .pcElm .swiper-slide img {
    max-width: 100vw;
    width: 100vw !important;
    height: auto;
}
.mainvisual h1{
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 2.2em;
    background-color: rgba(0,0,0,0.5);
    padding: 12px 25px;
}
.mainvisual .txt{
    position: absolute;
    bottom: 40px;
    left: 30px;
    width: 40%;
    max-width: 400px;
    z-index: 2;
}
.mainvisual .txt img{
    width: 100%;
    max-width: 400px;
    height: auto;
}
.mainvisual .ir-report{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 140px;
    z-index: 2;
}
.mainvisual .ir-report a{
    display: inline-block;
    width: 140px;
    height: 195px;
    background-color: #fff;
}
.mainvisual .ir-report img{
    width: 140px;
    height: auto;
    transition: all 0.25s;
}
.mainvisual .ir-report a:hover img{
    opacity: 0.75;
}
@media print, screen and (max-width: 1092px) and (min-width: 769px){
    .mainvisual .txt{
        width: 30%;
    }
}
@media only screen and (max-width: 768px){
    #allContainer{
        width: 100vw;
        overflow: hidden;
    }
    .mainvisual{
        margin-top: 32px;
        position: relative;
        overflow: hidden;
        margin-left: -10px;
    }
    #contentsContainer {
        padding-top: 30px;
    }
    .mainvisual h1{
        font-size: 1.7em;
        padding: 7px 12px;
    }
    .mainvisual .txt{
        left: 15px;
    }
    .mainvisual .ir-report,
    .mainvisual .ir-report a{
        display: inline-block;
        width: 20vw;
        min-width: 80px;
        height: auto;
    }
    .mainvisual .ir-report{
        right: 15px;
        bottom: 10px;
    }
    .mainvisual .ir-report img{
        width: 20vw;
        min-width: 80px;
        height: auto;
    }
}

/* investor-menu */
.investor-menu{
    position: absolute;
    width: 100%;
    background-color: #004ea2;
    transition: all .3s;
    z-index: 10;
}
.investor-menu ul{
    display: flex;
    width: 100%;
}
.investor-menu ul li{
    width: 25%;
    text-align: center;
}
.investor-menu ul li a{
    color: #fff;
    transition: all 0.25s;
    display: inline-block;
    width: 100%;
    padding: 18px 0;
    font-size: 1.3em;
}
.large .investor-menu ul li a{
    font-size: 1.1em;
}
.investor-menu ul li a:hover{
    text-decoration: none;
    opacity: 0.7;
}
.investor-menu ul li.more-info-menu a{
    font-size: 1.15em;
    padding: 20px 0;
}
.large .investor-menu ul li.more-info-menu a{
    font-size: 1em;
}
.investor-menu ul li.report{
    display: none;
    transition: all .3s;
}
@media only screen and (max-width: 1045px){
    .investor-menu ul li a{
        font-size: 1.1em;
    }
    .large .investor-menu ul li a{
        font-size: 1em;
    }
    .investor-menu ul li.more-info-menu a{
        font-size: 1em;
        padding: 18px 0;
    }
    .large .investor-menu ul li.more-info-menu a{
        font-size: 0.9em;
    }
}
@media only screen and (max-width: 980px){
    .investor-menu ul li a{
        font-size: 1em;
    }
    .large .investor-menu ul li a{
        font-size: 0.9em;
    }
    .investor-menu ul li.more-info-menu a{
        font-size: 0.9em;
        padding: 18px 0;
    }
    .large .investor-menu ul li.more-info-menu a{
        font-size: 0.8em;
    }
}
@media only screen and (max-width: 900px){
    .investor-menu ul li a{
        font-size: 0.9em;
    }
    .investor-menu ul li.pcElm a{
        font-size: 0.8em;
        padding: 18px 0;
    }
}
@media only screen and (max-width: 768px) {
    .investor-menu {
        position: static;
        width: 100vw;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 50px;
    }
    .investor-menu ul{
        flex-wrap: wrap;
    }
    .investor-menu ul li{
        width: 33.3%;
    }
    .investor-menu ul li:nth-child(1),
    .investor-menu ul li:nth-child(2),
    .investor-menu ul li:nth-child(3){
        border-bottom: 1px solid #fff;
    }
    .investor-menu ul li:nth-child(2),
    .investor-menu ul li:nth-child(3){
        border-left: 1px solid #fff;
    }
    .investor-menu ul li:nth-child(4){
        width: 50%;
    }
    .investor-menu ul li:nth-child(5){
        width: 50%;
        border-left: 1px solid #fff;
    }
    .investor-menu ul li a{
        padding: 13px 0;
        font-size: 1.1em;
        line-height: 1.4;
    }
    .investor-menu ul li:nth-child(5) a{
        padding: 14px 0;
        font-size: 1em;
    }
}
.investor-menu.fixed{
    position: fixed;
    top: 86px;
    width: 100%;
    z-index: 10;
    opacity: 0.85;
}
.investor-menu.fixed:hover{
    opacity: 1;
}
.investor-menu.fixed li{
    transition: all 0.3s;
}
@media only screen and (min-width: 769px) {
    .investor-menu.fixed ul li a {
        font-size: 1em;
        padding: 14px 0;
    }
    .large .investor-menu.fixed ul li a {
        font-size: 0.9em;
    }
    .investor-menu.fixed ul li.more-info-menu a {
        font-size: 0.9em;
        padding: 15px 0;
    }
    .large .investor-menu.fixed ul li.more-info-menu a {
        font-size: 0.8em;
    }
    .investor-menu.fixed ul li.report {
        display: inline-block;
        background: #ccdcec;
    }

    .investor-menu.fixed ul li.report a {
        color: #004ea2;
        font-size: 0.9em;
        background: #ccdcec url(../image/bg_btn_report.png) no-repeat 12% 50%;
        background-size: 30px auto;
        line-height: 1.2;
        padding: 19px 0 19px 40px;
    }
    .large .investor-menu.fixed ul li.report a {
        font-size: 0.8em;
    }
    .investor-menu.fixed li.on::after{
        content: "";
        width: 10%;
        height: 2px;
        background-color: #ccdcec;
        position: absolute;
        margin: 42px auto 0 -13.3%;
        animation: borderWidth .5s ease;
    }
    @keyframes borderWidth {
        0% { width: 0;opacity: 0; }
        100% { width: 10%;opacity: 1; }
    }
}
@media only screen and (max-width: 930px) and (min-width: 769px){
    .investor-menu.fixed{
        top: 84px;
    }
    .investor-menu.fixed ul li a {
        font-size: 0.9em;
    }
    .investor-menu.fixed ul li.pcElm a {
        font-size: 0.8em;
    }
    .investor-menu.fixed ul li.report a{
        font-size: 0.8em;
    }
}
@media only screen and (max-width: 768px){
    .investor-menu.fixed{
        position: static;
        width: 100vw;
        top: auto;
    }
    .investor-menu.fixed ul li.report{
        display: none;
    }
}

/* layouts */

.sec-block+.sec-block{
    border-top: 1px solid #06378f;
}
.sec-block:last-child{
    margin-bottom: 5em;
}
.large .sec-block:last-child {
    margin-bottom: 3em;
}

.sec-block h3,
.sec-block p{
    margin-bottom: 3em;
    margin-left: 2%;
    margin-right: 2%;
}
.sec-block .flex-left h3,
.sec-block .flex-left p{
    margin-left: 4%;
}
.sec-block p.headline06{
    margin-bottom: 1.5em;
}
@media only screen and (max-width: 768px){
    .sec-block h3,
    .sec-block p{
        margin-bottom: 1.5em;
        margin-left: 0;
        margin-right: 0;
    }
    .sec-block .flex-left h3,
    .sec-block .flex-left p{
        margin-left: 0;
    }
}

.sec-block .flex-block{
    flex-wrap:wrap;
}
.sec-block .flex-left,
.sec-block .flex-right{
    width: 50%;
}
@media only screen and (max-width: 768px){
    .sec-block .flex-left,
    .sec-block .flex-right{
        width: 100%;
    }
}

.sec-block .headline06{
    text-align: right;
}
.flex-block{
    margin: 3em 0 0;
    display: flex;
}

/* about-itochu */
#about-itochu .sec-block .txt-area h3{
    width: 100%;
    max-width: 613px;
}
#about-itochu .sec-block .main-img{
    text-align: center;
    margin: 5em 0;
}
#about-itochu .sec-block .main-img figure{
    max-width: 680px;
    width: 85%;
    margin: 0 auto;
}
#about-itochu .sec-block .txt-area p{
    width: 90%;
}
#about-itochu .sec-block .flex-left p{
    margin-right: 0;
}
#about-itochu .img-shounin,
#about-itochu .img-shounin2{
    position: absolute;
    left: 30px;
    bottom: 20px;
    width: 127px;
    height: auto;
}
#about-itochu .img-shounin.slideInDelay{
    animation: fluffy 3s .5s ease;
}
#about-itochu .img-shounin2.slideInDelay{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
@keyframes fluffy {
    0% { transform:translateY(0) }
    5% { transform:translateY(0) }
    10% { transform:translateY(0) }
    20% { transform:translateY(-15px) }
    25% { transform:translateY(0) }
    30% { transform:translateY(-15px) }
    50% { transform:translateY(0) }
    100% { transform:translateY(0) }
}
@media print, screen and (max-width: 1092px) and (min-width: 769px){
    #about-itochu .sec-block .txt-area p{
        width: 100%;
    }
    #about-itochu .img-shounin,
    #about-itochu .img-shounin2{
        left: 0;
    }
}
@media only screen and (min-width: 769px){
    #about-itochu .sec-block.bgImg{
        background: url(../image/img_about_02.png) no-repeat 95% 0;
        background-size: 146px auto;
    }
    #about-itochu .sec-block .txt-area{
        padding-right: 260px;
    }
}
@media only screen and (max-width: 768px){
    #about-itochu .sec-block h3{
        width: 85%;
    }
    #about-itochu .sec-block .main-img{
        margin: 1.5em 0 6em;
    }
    #about-itochu .sec-block .txt-area p{
        width: 100%;
    }
    #about-itochu .img-shounin{
        left: 0;
        width: 109px;
        height: auto;
        margin-bottom: -10px;
    }
}

#about-itochu .sec-block .flex-block{
    margin-top: 5em;
}
#about-itochu .sec-block .flex-block h3{
    width: 100%;
    max-width: 330px;
    margin-bottom: 2em;
}
#about-itochu .sec-block ul.flex-block{
    margin-top: 0;
    margin-left: 3%;
    flex-wrap:wrap;
}
#about-itochu .sec-block ul.flex-block li{
    width: 48%;
    margin-bottom: 2em;
    line-height: 1.4;
}
#about-itochu .sec-block ul.flex-block li:nth-child(even){
    margin-left: 4%;
}
#about-itochu .sec-block ul.flex-block li div{
    padding: 6px 0;
    margin-bottom: 10px;
    text-align: center;;
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
}
.large #about-itochu .sec-block ul.flex-block li div{
    font-size: 1.1em;
}
@media only screen and (max-width: 980px){
    #about-itochu .sec-block .flex-block{
        margin-top: 3em;
    }
    #about-itochu .sec-block .flex-block h3{
        width: 60%;
        margin-bottom: 1.5em;
    }
    #about-itochu .sec-block .flex-left,
    #about-itochu .sec-block .flex-right{
        width: 100%;
    }
    #about-itochu .sec-block ul.flex-block{
        margin-left: 0;
    }
    #about-itochu .sec-block ul.flex-block li{
        margin-bottom: 1.5em;
    }
    #about-itochu .sec-block ul.flex-block li div{
        font-size: 1em;
    }
}
#about-itochu .sec-block ul.flex-block li span{
    font-size: 0.95em;
}
#about-itochu .sec-block ul.flex-block li div.textile{
    background-color: #00c0ea;
}
#about-itochu .sec-block ul.flex-block li div.machinery{
    background-color: #f57d1d;
}
#about-itochu .sec-block ul.flex-block li div.metal{
    background-color: #c656a0;
}
#about-itochu .sec-block ul.flex-block li div.chemical{
    background-color: #ffcb03;
}
#about-itochu .sec-block ul.flex-block li div.food{
    background-color: #f1759d;
}
#about-itochu .sec-block ul.flex-block li div.general{
    background-color: #94c438;
}
#about-itochu .sec-block ul.flex-block li div.ict{
    background-color: #2abebe;
}
#about-itochu .sec-block ul.flex-block li div.co8th{
    background-color: #006db4;
}

.flex-right .photos.slideInDelay{
    position: absolute;
    z-index: 3;
    padding: 0 0 0 55px;
    margin-top: -20px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@media only screen and (max-width: 1280px){
    .flex-right .photos.slideInDelay{
        padding-left: 30px;
        margin-top: 0;
    }
}
@media only screen and (max-width: 1080px){
    .flex-right .photos.slideInDelay{
        padding-left: 0;
    }
}
.flex-right .photos li{
    position: absolute;
    width: 539px;
    height: 538px;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
@media only screen and (max-width: 1080px){
    .flex-right .photos{
        width: 100%;
        text-align: center;
    }
    .flex-right .photos.slideInDelay{
        padding-top: 70px;
    }
    .flex-right .photos li{
        width: 50%;
        height: auto;
        max-height: 538px;
    }
}
@media only screen and (max-width: 980px){
    .flex-right .photos.slideInDelay{
        padding-top: 30px;
    }
    .flex-right .photos li{
        width: 100%;
    }
}
.flex-right .photos li img{
    width: 539px;
    height: 538px;
}
@media only screen and (max-width: 1080px){
    .flex-right .photos li img{
        max-width: 539px;
        width: 90%;
        height: auto;
        margin-left: 5%;
        margin-right: 5%;
    }
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(1){
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(2){
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(3){
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(4){
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(5){
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(6){
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s;
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(7){
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.flex-right .photos.slideInDelay li.fadeInDelay:nth-child(8){
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s;
}

.shape.slideInDelay {
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 100%;
    height: 500px;
}
.shape.slideInDelay .octagon {
    transform: rotate(23deg);
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    right: 0;
    margin: auto;
}
@media only screen and (max-width: 1080px){
    .shape.slideInDelay {
        height: 100vw;
        max-height: 600px;
    }
    .shape.slideInDelay .octagon {
        left: 0;
        width: 70vw;
        max-width: 400px;
        height: 70vw;
        max-height: 400px;
    }
}
.shape.slideInDelay .octagon .logo {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 190px;
    height: auto;
    -webkit-transform: translate(-50%, -50%) rotate(-23deg);
    transform: translate(-50%, -50%) rotate(-23deg);
}
@media only screen and (max-width: 1080px){
    .shape.slideInDelay .octagon .logo {
        max-width: 190px;
        width: 30vw;
    }
}
.shape.slideInDelay .octagon .rect{
    -webkit-transform-origin: center center;
    transform-origin: center center;
    box-sizing: border-box;
    border: 3px solid #004ea2;
    border-left: none;
    border-right: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}
.shape.slideInDelay .octagon .rect {
    width: 41.421356237%;
    height: 100%;
    animation: draw 1s ease-out forwards;
}
.shape.slideInDelay .octagon .rect:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.shape.slideInDelay .octagon .rect:nth-of-type(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.shape.slideInDelay .octagon .rect:nth-of-type(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.shape.slideInDelay .octagon .rect:nth-of-type(4) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@keyframes draw {
    0% {
        width: 0;
        padding-right: 41.421356237%;
    }
    100% {
        width: 41.421356237%;
        padding-right: 0;
    }
}


/* about-itochu */
#about-itochu .sec-block .colWrap{
    width: 85%;
    margin: 2em auto;
    max-width: 640px;
}
#about-itochu .sec-block .colWrap .col{
    float: left;
    width: 45%;
}
#about-itochu .sec-block .colWrap .col+.col{
    margin-left: 6%;
}
#about-itochu .sec-block .ir-btn a{
    display: inline-block;
    border-radius: 60px;
    width: 100%;
    line-height: 1.6;
    padding: 15px 0;
    background-color: #e6e6e6;
    transition: all 0.25s;
    text-align: center;
}
.large #about-itochu .sec-block .ir-btn a{
    font-size: 0.9em;
}
#about-itochu .sec-block .ir-btn a:hover{
    text-decoration: none;
    background-color: #eeeeee;
    opacity: 0.85;
}
#about-itochu .sec-block .ir-btn a span{
    color: #444444;
    display: block;
}
#about-itochu .sec-block .ir-btn a div{
    display: inline-block;
    color: #004ea2;
    font-size: 1.2em;
    background: url(../image/com_arrow_ic01.png) no-repeat 0 50%;
    background-size: 6px auto;
    padding-left: 10px;
}
.large #about-itochu .sec-block .ir-btn a div{
    font-size: 1.3em;
}
@media only screen and (max-width: 768px){
    #about-itochu .sec-block .colWrap{
        width: 80%;
        max-width: 300px;
        margin: 2em auto;
    }
    #about-itochu .sec-block .colWrap .col{
        float: none;
        width: 100%;
    }
    #about-itochu .sec-block .colWrap .col+.col{
        margin-left: 0;
        margin-top: 20px;
    }
}

/* for-life */
#for-life .sec-block p{
    margin-bottom: 2em;
}
.large #for-life .sec-block p{
    margin-bottom: 1.2em;
}
.forlife-block{
    width: 150vw;
    background: url(https://www.itochu.co.jp/ja/ir/investor/img/bg_forlife.jpg) repeat-x 0 0;
    background-size: 2100px 600px;
    animation: bgscroll 60s linear infinite;
    height: 600px;
    position: relative;
    margin-left: -50vw;
}
@-webkit-keyframes bgscroll {
    0% {background-position: 0 0 ;}
    100% {background-position: 2100px 0 ;}
}
@keyframes bgscroll {
    0% {background-position: 0 0 ;}
    100% {background-position: 2100px 0 ;}
}
.forlife-circle{
    background: rgba(255,255,255,0.9);
    width: 436px;
    height: 436px;
    border-radius: 50%;
    position: absolute;
    left: 60vw;
    margin-top: 80px;
    text-align: center;
}
.forlife-circle p{
    font-weight: bold;
    margin: 100px 83px 0;
    color: #000;
    text-align: left;
}
.large .forlife-circle p{
    margin: 80px 83px 0;
}
#for-life .img-shounin{
    position: relative;
    width: 156px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-right: 20px;
}
#for-life .img-shounin.slideInDelay{
    animation: fluffy 3s .5s ease;
}
@media only screen and (max-width: 768px){
    .forlife-block{
        background-size: 1260px 360px;
        height: 360px;
    }
    @-webkit-keyframes bgscroll {
        0% {background-position: 0 0 ;}
        100% {background-position: 1260px 0 ;}
    }
    @keyframes bgscroll {
        0% {background-position: 0 0 ;}
        100% {background-position: 1260px 0 ;}
    }
    .forlife-circle{
        width: 250px;
        height: 250px;
        border-radius: 50%;
        position: absolute;
        left: calc(100vw - 125px);
        margin-top: 55px;
        text-align: center;
    }
    .forlife-circle p{
        font-weight: bold;
        margin: 45px 40px 0;
    }
    #for-life .img-shounin{
        width: 60px;
        height: auto;
        padding-right: 0;
        margin-top: -20px;
    }
}

/* four-strengths */
.modal-btn{
    text-align: center;
    margin: 1em auto;
}
.modal-btn a{
    color: #004ea2;
    line-height: 1.3;
    display: inline-block;
    padding: 5px 20px 5px 70px;
    border: 2px solid #004ea2;
    background: #e5edf5 url(../image/icn_btn_modal.png) no-repeat 5px 50%;
    background-size: 55px auto;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s;
    text-align: left;
}
.modal-btn.movie a{
    color: #004ea2;
    line-height: 1.3;
    display: inline-block;
    padding: 5px 20px 5px 70px;
    border: 2px solid #013392;
    background: #e5edf5 url(../image/icn_btn_modal_mov.png) no-repeat 5px 50%;
    background-size: 55px auto;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s;
    text-align: left;
}
.modal-btn.pic a{
    color: #004ea2;
    line-height: 1.3;
    display: inline-block;
    padding: 5px 20px 5px 70px;
    border: 2px solid #004ea2;
    background: #e5edf5 url(../image/icn_btn_modal_pic.png) no-repeat 5px 50%;
    background-size: 55px auto;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s;
    text-align: left;
}
#strengths-02 .modal-btn a{
     min-width: 391px;
}
.modal-btn a div{
    font-weight: bold;
    font-size: 1.1em;
}
.modal-btn a span{
    font-size: 0.9em;
}
#strengths-01 .modal-btn a div{
    min-height: 35px;
    line-height: 35px;
}
#strengths-01 .modal-btn a span{
    display: block;
    position: relative;
    margin-top: -5px;
    min-height: 25px;
}
#strengths-02 .modal-btn a div{
    min-height: 35px;
    line-height: 35px;
}
#strengths-02 .modal-btn a span{
    display: block;
    position: relative;
    margin-top: -5px;
    min-height: 25px;
}
#strengths-04 .modal-btn a div{
    min-height: 40px;
    line-height: 40px;
    font-size: 1em;
}
#strengths-04 .modal-btn a span{
    display: block;
    position: relative;
    margin-top: -5px;
    min-height: 25px;
}
.modal-btn a:hover{
    text-decoration: none;
    background-color: #f6f6f6;
    opacity: 0.85;
}
@media only screen and (max-width: 768px){
    .modal-btn{
        margin: 2.5em auto 0;
    }
    .modal-btn a{
        padding: 5px 15px 5px 55px;
        background: #e5edf5 url(../image/icn_btn_modal.png) no-repeat 5px 50%;
        background-size: 45px auto;
    }
    .modal-btn.movie a{
        padding: 5px 15px 5px 55px;
        background: #e5edf5 url(../image/icn_btn_modal_mov.png) no-repeat 5px 50%;
        background-size: 45px auto;
    }
    .modal-btn.pic a{
        padding: 5px 15px 5px 55px;
        background: #e5edf5 url(../image/icn_btn_modal_pic.png) no-repeat 5px 50%;
        background-size: 45px auto;
    }
    .modal-btn a div{
        font-weight: bold;
        font-size: 1em;
    }
    #strengths-02 .modal-btn a div{
        min-height: 30px;
        line-height: 30px;
    }
    #strengths-02 .modal-btn a span{
        margin-top: -5px;
        min-height: 20px;
    }
    #strengths-04 .modal-btn a div{
        min-height: auto;
        line-height: 1.4em;
        font-size: 1em;
    }
    #strengths-04 .modal-btn a span{
        margin-top: auto;
        min-height: auto;
    }
}


#strengths-01.sec-block h3{
    max-width: 455px;
}
@media only screen and (min-width: 1180px){
    #strengths-01.sec-block.barAnimeDelay{
        background: url(../image/bg_arw_01.png) no-repeat 55% 42%;
        background-size: 80px auto;
        animation: bgarw 1s linear forwards;
    }
    @-webkit-keyframes bgarw {
        0% {background-position: 55% 42%;}
        30% {background-position: 54% 42%;}
        60% {background-position: 55% 42%;}
        80% {background-position: 54% 42%;}
        100% {background-position: 55% 42%;}
    }
    @keyframes bgarw {
        0% {background-position: 55% 42%;}
        30% {background-position: 54% 42%;}
        60% {background-position: 55% 42%;}
        80% {background-position: 54% 42%;}
        100% {background-position: 55% 42%;}
    }
}
@media only screen and (max-width: 1179px) and (min-width: 769px){
    #strengths-01.sec-block.barAnimeDelay{
        background: url(../image/bg_arw_01.png) no-repeat 55% 42%;
        background-size: 65px auto;
        animation: bgarw 1s linear forwards;
    }
    @-webkit-keyframes bgarw {
        0% {background-position: 55% 42%;}
        30% {background-position: 54% 42%;}
        60% {background-position: 55% 42%;}
        80% {background-position: 54% 42%;}
        100% {background-position: 55% 42%;}
    }
    @keyframes bgarw {
        0% {background-position: 55% 42%;}
        30% {background-position: 54% 42%;}
        60% {background-position: 55% 42%;}
        80% {background-position: 54% 42%;}
        100% {background-position: 55% 42%;}
    }
}
@media only screen and (max-width: 768px){
    #strengths-01.sec-block h3{
        min-width: 250px;
        width: 65%;
    }
}
#strengths-01.sec-block p.txt_01{
    margin-bottom: 1.2em;
}
#strengths-01.sec-block p.txt_02{
    margin-bottom: 3em;
}
#strengths-01.sec-block p.txt_01 img{
    max-width: 327px;
    float: left;
    width: 65%;
}
#strengths-01.sec-block p.txt_02 img{
    max-width: 425px;
    float: left;
    width: 80%;
}
#strengths-01.sec-block p.txt_01 span{
    line-height: 8em;
}
#strengths-01.sec-block p.txt_02 span{
    line-height: 5em;
}
.large #strengths-01.sec-block p.txt_01 img,
.large #strengths-01.sec-block p.txt_02 img{
    float: none;
}
.large #strengths-01.sec-block p.txt_01,
.large #strengths-01.sec-block p.txt_02{
    margin-bottom: 2em;
}
.large #strengths-01.sec-block p.txt_01 span,
.large #strengths-01.sec-block p.txt_02 span{
    display: block;
    text-align: center;
    line-height: 2em;
}
#strengths-01.sec-block span.textile{
    color: #00c0ea;
}
#strengths-01.sec-block span.machinery{
    color: #f57d1d;
}
#strengths-01.sec-block span.metal{
    color: #c656a0;
}
#strengths-01.sec-block span.chemical{
    color: #ffcb03;
}
#strengths-01.sec-block span.food{
    color: #f1759d;
}
#strengths-01.sec-block span.general{
    color: #94c438;
}
#strengths-01.sec-block span.ict{
    color: #2abebe;
}
#strengths-01.sec-block span.co8th{
    color: #006db4;
}
#strengths-01.sec-block span.other{
    color: #808080;
}
@media only screen and (max-width: 1180px){
    #strengths-01.sec-block p.txt_01,
    #strengths-01.sec-block p.txt_02{
        text-align: center;
        max-width: 345px;
        width: 100%;
        margin: 2.5em auto;
        padding-right: 25px;
    }
    #strengths-01.sec-block p.txt_01 img{
        float: none;
        width: 100%;
        padding-right: 20%;
    }
    #strengths-01.sec-block p.txt_02 img{
        float: none;
        width: 100%;
    }
    #strengths-01.sec-block p.txt_01,
    #strengths-01.sec-block p.txt_02{
        margin-bottom: 2em;
    }
    #strengths-01.sec-block p.txt_01 span,
    #strengths-01.sec-block p.txt_02 span{
        display: block;
        text-align: right;
        line-height: 2em;
    }
}
@media only screen and (max-width: 768px){
    #strengths-01.sec-block p.small{
        font-size: 0.9em;
    }
}
#strengths-01.sec-block .flex-right figure img{
    width: 80%;
    margin-left: 20%;
    margin-top: -35px;
}
#strengths-01.sec-block .flex-right figure img.txt1{
    position: absolute;
    top: 175px;
    width: 40%;
    margin-left: 10%;
    animation-delay: .6s;
    right: 0;
}
#strengths-01.sec-block .flex-right figure img.txt2{
    position: relative;
    margin-top: -79%;
    animation-delay: .8s;
}
#strengths-01.sec-block .flex-right figure div img{
    position: absolute;
    width: 40%;
    margin-left: 10%;
}
@media only screen and (max-width: 940px) and (min-width: 769px){
    #strengths-01.sec-block .flex-right figure img.txt1{
        top: 6.6%;
    }
    #strengths-01.sec-block .flex-right figure{
        margin-top: 15%;
    }
}
@media only screen and (max-width: 768px){
    #strengths-01.sec-block .flex-right{
        width: 100%;
    }
    #strengths-01.sec-block .flex-right figure{
        width: 90%;
        margin: 0 auto;
        max-width: 400px;
    }
    #strengths-01.sec-block .flex-right figure img{
        width: 100%;
        max-width: 400px;
        margin-top: 0;
        margin-left: 0;
    }
    #strengths-01.sec-block .flex-right figure div img{
        width: 90%;
        max-width: 400px;
        margin-top: 0;
        margin-left: 0;
    }
    #strengths-01.sec-block .flex-right figure img.txt1{
        position: relative;
        top: 0;
        width: 100%;
        margin-top: -100%;
        margin-left: 0;
    }
    #strengths-01.sec-block .flex-right figure img.txt2{
        position: relative;
        margin-top: -105%;
    }
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(1){
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    animation: strengths01_circle3 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(2){
    transform: rotate(-60deg);
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    animation: strengths01_circle3 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(3){
    transform: rotate(-120deg);
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    animation: strengths01_circle3 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(4){
    transform: rotate(-180deg);
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
    animation: strengths01_circle4 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(5){
    transform: rotate(-240deg);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    animation: strengths01_circle4 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(6){
    transform: rotate(-300deg);
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
    animation: strengths01_circle4 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(7){
    transform: rotate(-300deg);
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
    animation: strengths01_circle .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(8){
    transform: rotate(-300deg);
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    animation: strengths01_circle .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:first-child img.fadeInDelay:nth-child(9){
    transform: rotate(-300deg);
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    animation: strengths01_circle .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:nth-child(2) img.fadeInDelay:nth-child(1){
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
    animation: strengths01_circle2 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:nth-child(2) img.fadeInDelay:nth-child(2){
    transform: rotate(-180deg);
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
    animation: strengths01_circle2 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:nth-child(2) img.fadeInDelay:nth-child(3){
    transform: rotate(-240deg);
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    animation: strengths01_circle2 .8s linear forwards;
}
#strengths-01.sec-block .flex-right figure div:nth-child(2) img.fadeInDelay:nth-child(4){
    transform: rotate(-300deg);
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    animation: strengths01_circle2 .8s linear forwards;
}
@-webkit-keyframes strengths01_circle {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@keyframes strengths01_circle {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes strengths01_circle2 {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@keyframes strengths01_circle2 {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes strengths01_circle3 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@keyframes strengths01_circle3 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes strengths01_circle4 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@keyframes strengths01_circle4 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
#strengths-01.sec-block .flex-right .img-shounin{
    position: absolute;
    text-align: center;
    margin: 0;
    margin-top: -187px;
    right: 0;
    width: 96px;
    opacity: 0;
}
#strengths-01.sec-block .flex-right .img-shounin.slideInDelay {
    animation: leftIn .6s 1s ease forwards;
}
@media only screen and (max-width: 1180px) {
    #strengths-01.sec-block .flex-right .img-shounin{
        width: 7%;
        margin-top: -14%;
    }
}
@media only screen and (max-width: 768px){
    #strengths-01.sec-block .flex-right .img-shounin{
        max-width: 75px;
        width: 18%;
        margin-top: -38%;
        right: 4%;
    }
}
#strengths-01 .small{
    margin-top: 1em;
    font-size: 0.85em;
    margin-left: 20%;
}
.large #strengths-01 .small .forL{
    display: block !important;
}
.large #strengths-01 .small .tbElm{
    display: none;
}
@media only screen and (max-width: 1180px) {
    #strengths-01 .small{
        margin-top: 1em;
        font-size: 0.85em;
        margin-left: 20%;
    }
    #strengths-01 .small .tbElm{
        display: none;
    }
}
@media only screen and (max-width: 860px) and (min-width: 769px){
    #strengths-01 .small br{
        display: none;
    }
}
@media only screen and (max-width: 768px){
    #strengths-01 .small{
        max-width: 330px;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }
}


#strengths-02{
    padding-top: 1em;
    padding-bottom: 3em;
}
#strengths-02.sec-block h3{
    max-width: 528px;
}
#strengths-02.sec-block p{
    margin-bottom: 1em;
}
@media only screen and (max-width: 768px){
    #strengths-02.sec-block h3{
        min-width: 300px;
        width: 70%;
    }
}
#strengths-02.sec-block figure.pcElm{
    width: 96%;
    margin: 1em auto 0;
}
#strengths-02 .colWrap{
    width: 85%;
    margin: 2em auto;
    max-width: 830px;
}
#strengths-02 .colWrap .col{
    float: left;
    width: 47%;
}
#strengths-02 .colWrap .col+.col{
    margin-left: 6%;
}
@media only screen and (max-width: 994px){
    #strengths-02 .colWrap .col{
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    #strengths-02 .colWrap .col+.col{
        margin-left: auto;
        margin-top: 20px;
    }
    #strengths-02 .colWrap .col.modal-btn a{
        min-width: 290px;
    }
}
@media only screen and (max-width: 768px){
    #strengths-02 .colWrap{
        width: 290px;
    }
}

#strengths-03{
    padding-top: 4em;
    padding-bottom: 6em;
}
#strengths-03.sec-block{
    background: url(../image/bg_strengths_03.png) no-repeat 35% 78%;
    background-size: 42% auto;
}
#strengths-03.sec-block h3{
    max-width: 794px;
}
@media only screen and (max-width: 768px){
    #strengths-03{
        padding-bottom: 3em;
    }
    #strengths-03.sec-block{
        background: url(../image/bg_strengths_03.png) no-repeat 35% 250px;
        background-size: 340px auto;
    }
    #strengths-03.sec-block h3{
        min-width: 300px;
        width: 70%;
    }
}
@media only screen and (max-width: 350px){
    #strengths-03.sec-block{
        background: url(../image/bg_strengths_03.png) no-repeat 40% 260px;
        background-size: 300px auto;
    }
}
#strengths-03.sec-block .photo{
    margin-left: 4%;
    display: flex;
    align-items: flex-end;
}
#strengths-03.sec-block .photo figure{
    width: 65%;
}
#strengths-03.sec-block .photo span{
    margin-left: 5%;
    width: 50%;
    padding-right: 10%;
}
@media only screen and (max-width: 768px){
    #strengths-03.sec-block .photo{
        margin-left: 0;
        display: block;
        width: 40%;
        max-width: 140px;
    }
    #strengths-03.sec-block .photo figure{
        width: 100%;
        margin-bottom: 15px;
    }
    #strengths-03.sec-block .photo span{
        margin-left: 0;
        width: 100%;
        padding-right: 0;
    }
    #strengths-03.sec-block .photo span img{
        width: 80%;
        max-width: 120px;
        min-width: 102px;
    }
}
#strengths-03.sec-block .flex-left{
    width: 35%;
    margin-right: 30%;
}
#strengths-03.sec-block .flex-right{
    width: 34%;
    padding-left: 1%;
}
#strengths-03.sec-block .flex-left p{
    margin-bottom: 2.5em;
}
@media only screen and (max-width: 768px){
    #strengths-03.sec-block .flex-block{
        display: block;
    }
    #strengths-03.sec-block .flex-left{
        width: 100%;
    }
    #strengths-03.sec-block .flex-right{
        max-width: 300px;
        width: 99%;
        margin: 60px auto 0;
    }
}
#strengths-03.sec-block .flex-right h4{
    max-width: 250px;
    width: 70%;
    margin-bottom: 40px;
}
#strengths-03.sec-block .flex-right dl{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    line-height: 1.6;
}
#strengths-03.sec-block .flex-right dl dt{
    width: 25%;
    padding-right: 3%;
    text-align: center;
}
#strengths-03.sec-block .flex-right dl.cp dt img{
    width: 75%;
    margin: 0 auto;
}
#strengths-03.sec-block .flex-right dl dd{
    width: 69%;
    padding-left: 3%;
    font-weight: bold;
    color: #000;
    height: 80px;
    border-left: 1px solid #000;
    padding-top: 2px;
}
#strengths-03.sec-block .flex-right dl.itochu dd{
    padding-top: 15px;
}
@media only screen and (max-width: 1140px){
    #strengths-03.sec-block .flex-right h4{
        margin-bottom: 30px;
    }
    #strengths-03.sec-block .flex-right dl dd{
        font-size: 0.9em;
    }
}
@media only screen and (max-width: 800px){
    #strengths-03.sec-block .flex-right dl dd{
        font-size: 0.8em;
    }
}
@media only screen and (max-width: 768px){
    #strengths-03.sec-block .flex-right dl.itochu dd{
        padding-top: 10px;
    }
    #strengths-03.sec-block .flex-right h4{
        text-align: center;
        margin: 0 auto 20px;
    }
    #strengths-03.sec-block .flex-right dl{
        margin-bottom: 15px;
    }
    #strengths-03.sec-block .flex-right dl dd{
        height: 60px;
        font-size: 1.0em;
        padding-top: 1px;
    }
}
#strengths-03.sec-block .flex-right dl.itochu.slideInDelay{
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
#strengths-03.sec-block .flex-right dl.citic.slideInDelay{
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
}
#strengths-03.sec-block .flex-right dl.cp.slideInDelay{
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}


#strengths-04{
    padding-top: 1em;
}

/*　追記　*/
#strengths-04 .ttl{
	display: flex;
	justify-content: space-between;
}

#strengths-04 .ttl p{
	max-width: 800px;	
}

@media only screen and (max-width: 768px){
	#strengths-04 .ttl{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
}

#strengths-04.sec-block h3{
    max-width: 300px;
    margin-bottom: 2em;
}
#strengths-04 .img-shounin{
    position: absolute;
    text-align: center;
    margin: 0 0 0 35%;
    width: 219px;
}
#strengths-04 .img-shounin img:first-child{
    position: absolute;
    width: 130px;
    float: left;
    left:0;
    z-index: 2;
    opacity: 0;
}
#strengths-04 .img-shounin img:nth-child(2){
    position: relative;
    width: 118px;
    float: right;
    opacity: 0;
}
#strengths-04 .img-shounin img:nth-child(3){
    position: absolute;
    width: 69px;
    z-index: 3;
    margin-left: 30px;
    bottom: 0;
    opacity: 0;
}
@media all and (-ms-high-contrast:none){
    #strengths-04 .img-shounin img:nth-child(3){margin-left: 80px;}/* IE10以降 */
}
#strengths-04.sec-block .img-shounin img.fadeInDelay:first-child {
    animation: leftIn .6s .6s ease forwards;
}
#strengths-04.sec-block .img-shounin img.fadeInDelay:nth-child(2) {
    animation: rightIn .6s .9s ease forwards;
}
#strengths-04.sec-block .img-shounin img.fadeInDelay:nth-child(3) {
    animation: slideIn .5s 1.2s ease forwards;
}
@-webkit-keyframes leftIn {
    0% {
        -webkit-transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes leftIn {
    0% {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes rightIn {
    0% {
        -webkit-transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes rightIn {
    0% {
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@media only screen and (max-width: 1158px) {
    #strengths-04 .img-shounin{
        width: 170px;
    }
    #strengths-04 .img-shounin img:first-child{
        width: 100px;
    }
    #strengths-04 .img-shounin img:nth-child(2){
        width: 90px;
    }
    #strengths-04 .img-shounin img:nth-child(3){
        width: 50px;
        margin-left: 25px;
    }
}
@media only screen and (max-width: 980px) {
    #strengths-04 .img-shounin{
        width: 120px;
        margin-left: 40%;
    }
    #strengths-04 .img-shounin img:first-child{
        width: 72px;
    }
    #strengths-04 .img-shounin img:nth-child(2){
        width: 65px;
    }
    #strengths-04 .img-shounin img:nth-child(3){
        width: 38px;
        margin-left: 18px;
    }
}
@media only screen and (max-width: 768px){
    #strengths-04 .img-shounin{
        position: absolute;
        text-align: right;
        margin: 0;
        right: 0;
        max-width: 160px;
        width: 30%;
    }
    #strengths-04 .img-shounin img:first-child{
        max-width: 100px;
        width: 60%;
    }
    #strengths-04 .img-shounin img:nth-child(2){
        max-width: 90px;
        width: 55%;
    }
    #strengths-04 .img-shounin img:nth-child(3){
        max-width: 50px;
        width: 30%;
        margin-left: -8%;
    }
    #strengths-04.sec-block h3{
        min-width: 180px;
        width: 50%;
    }
}
#strengths-04.sec-block .flex-left p.spElm{
    margin-top: 4em;
}
#strengths-04.sec-block .flex-left{
	margin-left: 2%;
    width: 60%;
}
#strengths-04.sec-block .flex-right{
    width: 28%;
    margin-left: 10%;
}
#strengths-04.sec-block .flex-left figure div img{
    position: absolute;
    width: 42%;
    margin-top: 0;
}
@media only screen and (max-width: 768px){
    #strengths-04.sec-block .flex-left{
        width: 100%;
    }
    #strengths-04.sec-block .flex-right{
        width: 100%;
        margin-left: 0;
    }
    #strengths-04.sec-block .flex-left figure{
        width: 90%;
        margin: 0 auto 2em;
        max-width: 400px;
    }
    #strengths-04.sec-block .flex-left figure div img{
        width: 90%;
        max-width: 400px;
    }
}
#strengths-04.sec-block .flex-left figure div img.fadeInDelay:nth-child(1){
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
    animation: strengths04_circle 1s linear forwards;
}
#strengths-04.sec-block .flex-left figure div img.fadeInDelay:nth-child(2){
    transform: rotate(-60deg);
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    animation: strengths04_circle 1s linear forwards;
}
#strengths-04.sec-block .flex-left figure div img.fadeInDelay:nth-child(3){
    transform: rotate(-120deg);
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    animation: strengths04_circle 1s linear forwards;
}
#strengths-04.sec-block .flex-left figure div img.fadeInDelay:nth-child(4){
    transform: rotate(-180deg);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    animation: strengths04_circle 1s linear forwards;
}
#strengths-04.sec-block .flex-left figure div img.fadeInDelay:nth-child(5){
    transform: rotate(-240deg);
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
    animation: strengths04_circle 1s linear forwards;
}
#strengths-04.sec-block .flex-left figure div img.fadeInDelay:nth-child(6){
    transform: rotate(-300deg);
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    animation: strengths04_circle 1s linear forwards;
}
@-webkit-keyframes strengths04_circle {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}
@keyframes strengths04_circle {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}


#strengths-04.sec-block .flex-right{
	position: relative;
}

@media only screen and (min-width: 1180px){
    #strengths-04.sec-block.barAnimeDelay{
        background: url(../image/bg_arw_02.png) no-repeat 67% 58%;
        background-size: 47px auto;
        animation: bgarw2 1s linear forwards;
    }
}
@media only screen and (max-width: 1179px) and (min-width: 769px){
    #strengths-04.sec-block.barAnimeDelay{
        background: url(../image/bg_arw_02.png) no-repeat 67% 58%;
        background-size: 35px auto;
        animation: bgarw2 1s linear forwards;
    }
}
@-webkit-keyframes bgarw2 {
    0% {background-position: 67% 58%;opacity: 0;}
    30% {background-position: 66% 58%;opacity: 1;}
    60% {background-position: 67% 58%;}
    80% {background-position: 69% 58%;}
    100% {background-position: 67% 58%;}
}
@keyframes bgarw2 {
    0% {background-position: 67% 58%;opacity: 0;}
    30% {background-position: 66% 58%;opacity: 1;}
    60% {background-position: 67% 58%;}
    80% {background-position: 69% 58%;}
    100% {background-position: 67% 58%;}
}
#strengths-04.sec-block .flex-right h4{
    max-width: 430px;
    margin-bottom: 2em;
}
@media only screen and (max-width: 1158px) {
    #strengths-04.sec-block .flex-right h4{
        width: 80%;
        margin-bottom: 2em;
    }
    #strengths-04.sec-block .flex-right p{
        margin-bottom: 1em;
    }
}
#strengths-04.sec-block .flex-right .txt{
	margin-top: 180px;
    max-width: 334px;
}
@media only screen and (max-width: 768px){
    #strengths-04.sec-block .flex-right h4{
        max-width: 320px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    #strengths-04.sec-block .flex-right .txt{
        width: 70%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 5%;
    }
}

#strengths-04.sec-block .flex-right .img-shounin-1{
    position: absolute;
    text-align: center;
    margin: 0 0 0 10%;
    width: 219px;
    top: 0%;
}
#strengths-04 .img-shounin-1 img:first-child{
    position: absolute;
    width: 130px;
    float: left;
    left:0;
    z-index: 2;
    opacity: 0;
}
#strengths-04 .img-shounin-1 img:nth-child(2){
    position: relative;
    width: 118px;
    float: right;
    opacity: 0;
}
#strengths-04 .img-shounin-1 img:nth-child(3){
    position: absolute;
    width: 69px;
    z-index: 3;
    margin-left: 30px;
    bottom: 0;
    opacity: 0;
}
@media all and (-ms-high-contrast:none){
    #strengths-04 .img-shounin-1 img:nth-child(3){margin-left: 80px;}/* IE10以降 */
}
#strengths-04.sec-block .img-shounin-1 img.fadeInDelay:first-child {
    animation: leftIn .6s .6s ease forwards;
}
#strengths-04.sec-block .img-shounin-1 img.fadeInDelay:nth-child(2) {
    animation: rightIn .6s .9s ease forwards;
}
#strengths-04.sec-block .img-shounin-1 img.fadeInDelay:nth-child(3) {
    animation: slideIn .5s 1.2s ease forwards;
}

@media only screen and (max-width: 768px){
	#strengths-04 .img-shounin-1{
		display: none;
	}	
}


#strengths-04.sec-block .flex-right .img-shounin{
    position: absolute;
    text-align: center;
    margin: 0;
    right: 25%;
    width: 124px;
    bottom: 15%;
}
#strengths-04.sec-block .flex-right .img-shounin.slideInDelay {
    animation: fluffy 3s .5s ease;
}
@media only screen and (max-width: 1158px) {
    #strengths-04.sec-block .flex-right .img-shounin{
        right: 31%;
        width: 90px;
    }
}
@media only screen and (max-width: 980px) {
    #strengths-04.sec-block .flex-right .img-shounin{
        /* right: 0; */
    }
    #strengths-04.sec-block .flex-right .txt{
        width: 70%;
    }
}
@media only screen and (max-width: 768px){
    #strengths-04.sec-block .flex-right .img-shounin{
        max-width: inherit;
        width: 20%;
        right:-50px;
    }
}

#strengths-04.sec-block .flex-left .sub_txt{
    font-size: 10px;
    margin: 10px 0 0 0%;
}

@media only screen and (max-width: 768px){
	#strengths-04.sec-block .flex-left .sub_txt{
        font-size: 10px;
        margin: 10px 0 0 0%;
    }
}


#strengths-04.sec-block .flex-right .txt p:first-child{
    padding-bottom: 1em;
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
}
#strengths-04.sec-block .flex-right p.small{
    font-size: 0.8em;
    position: absolute;
    width: 30%;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
}
#strengths-04.sec-block .modal-btn{
    position: relative;
    margin-top: -80px;
    margin-right: -220px;
}
@media only screen and (max-width: 768px){
    #strengths-04.sec-block .modal-btn{
        margin-right: auto;
    }
}
.large #strengths-04.sec-block .modal-btn {
    position: relative;
    margin-top: -20px;
    padding-bottom: 40px;
}
#strengths-04.sec-block p.spElm.small{
    font-size: 0.8em;
    margin-top: 2.5em;
}
#strengths-04.sec-block .flex-left div.spElm.arw{
    text-align: center;
    margin: 5% auto 1.5em;
    width: 47px;
}
@media only screen and (max-width: 1158px) {
    #strengths-04.sec-block{
        margin-bottom: 3em;
    }
    #strengths-04.sec-block .flex-right p.small{
        position: relative;
        width: 100%;
        margin-top: 2em;
    }
    #strengths-04.sec-block .modal-btn{
        margin-top: 2em;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 768px){
    #strengths-04.sec-block .modal-btn{
        margin-top: 1em;
    }
}


/* rajectory */
#rajectory-01.sec-block .txt-area{
    width: 55%;
    position: relative;
    z-index: 1;
}
#rajectory-01.sec-block .txt-area p{
    width: 83%;
}
@media only screen and (max-width: 980px){
    #rajectory-01.sec-block .txt-area{
        width: 100%;
    }
    #rajectory-01.sec-block .txt-area p{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #rajectory-01.sec-block .txt-area{
        text-align: center;
    }
    #rajectory-01.sec-block .txt-area h3,
    #rajectory-01.sec-block .txt-area p{
        text-align: left;
    }
    #rajectory-01.sec-block .txt-area h3{
        max-width: 596px;
    }
}
#rajectory-01.sec-block .txt-area ul.flex-block{
    margin-top: 0;
    margin-left: 3%;
    flex-wrap:wrap;
    width: 83%;
}
#rajectory-01.sec-block .txt-area .img-shounin.slideInDelay{
    position: absolute;
    width: 115px;
    margin-left: 90%;
    margin-top: -150px;
    opacity: 0;
    animation: rightIn .6s .5s ease forwards;
    z-index: 1;
}
@media only screen and (max-width: 980px){
    #rajectory-01.sec-block .txt-area ul.flex-block{
        width: 100%;
        margin-left: 0;
    }
    #rajectory-01.sec-block .txt-area .img-shounin.slideInDelay{
        width: 65px;
        left: 0;
        margin-left: 5px;
        bottom: 0;
        margin-bottom: -110px;
    }
}
#rajectory-01.sec-block .txt-area ul.flex-block li{
    width: 48%;
}
@media only screen and (max-width: 980px){
    #rajectory-01.sec-block .txt-area ul.flex-block li{
        width: 32%;
        margin-left: 2%;
        text-align: left;
    }
}
#rajectory-01.sec-block .graph{
    position: absolute;
    top: 170px;
    padding-left: 2%;
    padding-right: 2%;
}
.large #rajectory-01.sec-block .graph{
    top: 280px;
}
#rajectory-01.sec-block .graph img{
    width: 100%;
    height: auto;
}
#rajectory-01.sec-block .graph ul.pcElm{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 610px;
    z-index: 0;
    display: flex;
}
@media all and (-ms-high-contrast:none){
    #rajectory-01.sec-block .graph ul.pcElm{ display: none; } /* IE10以降 */
}
#rajectory-01.sec-block .graph ul.pcElm li{
    position: relative;
    display: block;
    width: 2.7%;
    margin-left: -0.1%;
    height: 610px;
    background: #fff;
}
#rajectory-01.sec-block .graph ul.pcElm.barAnimeDelay li{
    clip-path: inset(0);
    -webkit-clip-path: inset(0);
    animation: bar-anime 1.5s 1S ease forwards;
}
#rajectory-01.sec-block .graph ul.pcElm.barAnimeDelay li:first-child{
    width: 8%;
}
#rajectory-01.sec-block .graph ul.pcElm.barAnimeDelay li:last-child{
    width: 7.13%;
}
@keyframes bar-anime {
    0% { -webkit-clip-path: inset(0);clip-path: inset(0); }
    100% { -webkit-clip-path: inset(0 0 100% 0);clip-path: inset(0 0 100% 0); }
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(1){
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(2){
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(3){
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(4){
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(5){
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(6){
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(7){
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(8){
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(9){
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(10){
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(11){
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(12){
    -webkit-animation-delay: 1.55s;
    animation-delay: 1.55s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(13){
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(14){
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(15){
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(16){
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(17){
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(18){
    -webkit-animation-delay: 1.85s;
    animation-delay: 1.85s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(19){
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(20){
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(21){
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(22){
    -webkit-animation-delay: 2.05s;
    animation-delay: 2.05s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(23){
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(24){
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(25){
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(26){
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(27){
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(28){
    -webkit-animation-delay: 2.35s;
    animation-delay: 2.35s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(29){
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(30){
    -webkit-animation-delay: 2.45s;
    animation-delay: 2.45s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(31){
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(32){
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(33){
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(34){
    -webkit-animation-delay: 2.65s;
    animation-delay: 2.65s;
}
#rajectory-01.sec-block .graph ul.pcElm li:nth-child(35) {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

@media only screen and (max-width: 1180px){
    #rajectory-01.sec-block .graph{
        top: 210px;
    }
}
@media only screen and (max-width: 1120px){
    #rajectory-01.sec-block .graph{
        top: 240px;
    }
    .large #rajectory-01.sec-block .graph{
        top: 380px;
    }
}
@media only screen and (max-width: 1032px){
    #rajectory-01.sec-block .graph{
        top: 280px;
    }
    .large #rajectory-01.sec-block .graph{
        top: 390px;
    }
}
@media only screen and (max-width: 980px){
    #rajectory-01.sec-block .scrollSupport01{
        position: relative;
        margin-top: 0;
        margin-bottom: 1em;
    }
    #rajectory-01.sec-block .graph{
        position: relative;
        margin-left: 0;
        margin-right: 0;
        overflow-y: hidden;
        overflow-x: auto;
        margin-bottom: 4em;
        -webkit-overflow-scrolling: touch;
    }
    .large #rajectory-01.sec-block .graph{
        top: 0;
        margin-top: 0;
    }
    #rajectory-01.sec-block .graph img{
        position: relative;
        width: 820px;
        min-width: 820px;
        padding: 20px 0 0 20px;
        text-align: center;
        margin-left: auto;
        margin-right: 0;
    }
}
@media only screen and (max-width: 980px) and (min-width: 769px){
    #rajectory-01.sec-block .graph{
        margin-top: -60px;
        top: 0;
    }
}
@media only screen and (max-width: 768px){
    #rajectory-01.sec-block .graph{
        margin-top: -310px;
        margin-bottom: 290px;
    }
}
#rajectory-01.sec-block .txt-area2{
    position: relative;
    z-index: 1;
}
#rajectory-01.sec-block .txt-area2 ul.flex-block{
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
    padding-top: 185px;
    padding-bottom: 1.5em;
}
#rajectory-01.sec-block .txt-area2 ul.flex-block li{
    width: 23%;
    margin-left: 2%;
}
#rajectory-01.sec-block .txt-area2 ul.flex-block li:first-child{
    width: 31%;
}
#rajectory-01.sec-block .txt-area2 ul.flex-block li:nth-child(2){
    width: 27%;
}
#rajectory-01.sec-block .txt-area2 ul.flex-block li:nth-child(3){
    width: 20%;
}
#rajectory-01.sec-block .txt-area2 ul.flex-block li:nth-child(4){
    width: 13%;
}
#rajectory-01.sec-block ul.flex-block li{
    margin-bottom: 1.5em;
    line-height: 1.4;
}
#rajectory-01.sec-block .txt-area ul.flex-block li:nth-child(even){
    margin-left: 4%;
}
@media only screen and (max-width: 1032px){
    #rajectory-01.sec-block .txt-area2 ul.flex-block{
        padding-top: 90px;
    }
}
@media only screen and (max-width: 980px){
    #rajectory-01.sec-block .txt-area2 ul.flex-block {
        padding-top: 0;
    }
    #rajectory-01.sec-block ul.flex-block li{
        margin-bottom: 1em;
    }
    #rajectory-01.sec-block .txt-area ul.flex-block li:nth-child(even){
        margin-left: 2% !important;
    }
    #rajectory-01.sec-block .txt-area ul.flex-block li:first-child,
    #rajectory-01.sec-block .txt-area ul.flex-block li:nth-child(4),
    #rajectory-01.sec-block .txt-area ul.flex-block li:nth-child(7){
        margin-left: 0 !important;
    }
    #rajectory-01.sec-block .txt-area ul.flex-block li:last-child{
        white-space: nowrap;
    }
}
#rajectory-01.sec-block ul.flex-block li div{
    padding: 4px 0;
    margin-bottom: 5px;
    text-align: center;;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    background-color: #004ea2;
}
#rajectory-01.sec-block ul.flex-block li span{
    font-weight: bold;
    color: #000;
    font-size: 0.95em;
}
@media only screen and (max-width: 980px){
    #rajectory-01.sec-block ul.flex-block li div{
        font-size: 0.8em;
        text-align: left;
        padding-left: 5%;
    }
}

#rajectory-02{
    padding-top: 3em;
}
#rajectory-02.sec-block .txt{
    position: relative;
    margin-left: 25%;
    margin-top: 40px;
}
.large #rajectory-02.sec-block .txt{
    margin-right: 0;
    margin-top: 1em;
    margin-bottom: 2em;
}
#rajectory-02.sec-block .img-shounin{
    position: relative;
    margin-top: -200px;
    margin-left: 8%;
}
#rajectory-02.sec-block .img-shounin.slideInDelay{
    width: 96px;
    opacity: 0;
    animation: rightIn .6s .5s ease forwards;
}
@media only screen and (max-width: 980px) {
    #rajectory-02 {
        text-align: center;
    }

    #rajectory-02 p {
        text-align: left;
    }

    #rajectory-02.sec-block .txt {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }
    #rajectory-02.sec-block .img-shounin.slideInDelay{
        position: absolute;
        width: 55px;
        right: 0;
        margin-right: 10px;
        bottom: 350px;

    }
    #rajectory-02.sec-block .scrollSupport01{
        margin-top: 0;
        margin-bottom: 0;
    }
}
#rajectory-02.sec-block .graph-area{
    margin-top: 1em;
    padding-bottom: 2em;
}
#rajectory-02.sec-block .graph-area h3{
    max-width: 655px;
    margin-left: 8%;
}
#rajectory-02.sec-block .graph-area p{
    width: 495px;
    margin-left: 8%;
    margin-bottom: 0;
}
#rajectory-02.sec-block .graph-area p img{
    width: 495px;
    height: auto;
}
#rajectory-02.sec-block .graph-area .graph.pcElm{
    position: relative;
    display: block;
    margin: -140px auto 0;
    background: url(../image/graph_rajectory_02_frame.png) no-repeat 100% 0;
    background-size: 100% auto;
    padding-bottom: 39px;
}
@media only screen and (max-width: 1080px) {
    #rajectory-02.sec-block .graph-area .graph.pcElm{
        margin: -70px auto 2em;
    }
}
#rajectory-02.sec-block .graph-area .graph.pcElm img.bar,
#rajectory-02.sec-block .graph-area .graph.pcElm img.line{
    position: absolute;
    left: 0;
    bottom: 18px;
}
#rajectory-02.sec-block .graph-area .graph.pcElm img.line-other.fadeInDelay{
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
#rajectory-02.sec-block .graph-area .graph.pcElm img.line-anime.fadeInDelay{
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    animation: line-anime 3s .5S ease forwards;
}
@keyframes line-anime {
    0% { -webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0); }
    100% { -webkit-clip-path: inset(0);clip-path: inset(0); }
}

#rajectory-02.sec-block .graph-area p.scrollSupport01{
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    width: 100%;
}
#rajectory-02.sec-block .graph-area .graph.spElm{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    height: 310px;
    padding: 0 30px 1em;
    background: url(../image/graph_rajectory_02_frame_sp.png) no-repeat 0 0;
    background-size: auto 300px;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

}
#rajectory-02.sec-block .graph-area .graph-frame-l.spElm{
    position: absolute;
    display: block;
    width: 33px;
    margin: 0 auto 2em -1px;
    height: 300px;
    padding: 0;
    background: url(../image/graph_rajectory_02_frame_sp_l.png) no-repeat 100% 0;
    background-size: 33px 300px;
    z-index: 2;
    left: 0;
}
#rajectory-02.sec-block .graph-area .graph-frame-r.spElm{
    position: absolute;
    display: block;
    width: 30px;
    margin: 0 -1px 0 auto;
    height: 300px;
    padding: 0;
    background: url(../image/graph_rajectory_02_frame_sp_r.png) no-repeat 100% 100%;
    background-size: 30px auto;
    z-index: 2;
    right: 0;
}
#rajectory-02.sec-block .graph-area .graph.spElm img{
    position: absolute;
    width: 845px;
    min-width: 845px;
    height: auto;
    /*padding: 20px 25px 0 0;*/
    padding: 0 30px 0 0;
    text-align: center;
    margin-left: 34px;
    margin-top: 18px;
    left: 0;
}
@media only screen and (max-width: 980px) {
    #rajectory-02.sec-block .graph-area {
        margin-top: 0;
        padding-bottom: 0;
    }

    #rajectory-02.sec-block .graph-area h3 {
        width: 95%;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 768px){
    #rajectory-02.sec-block .graph-area p{
        width: 236px;
        margin-left: 5%;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    #rajectory-02.sec-block .graph-area p img{
        width: 236px;
        height: auto;
    }
}

.sec-block p.scrollSupport01{
    color: #004ea2;
}
.sec-block p.scrollSupport01 span:before {
    background: url(../image/com_other_ic10_blue.png) no-repeat 0 0;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
}