.contants-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}




.contants-wrap-narrow {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.business-area{
margin: 0 0 140px;
color: #001F6B;
}
.business-area-box{
width: 95%;
max-width: 1104px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
color: #001F6B;
}
.business-area-once{
width: 31.8%;
margin: 0 0 8px;
}
.business-area-once p{
font-size: 16px;
font-weight: 700;
text-align: center;
padding: 16px 0;
line-height: 1.5;
}
.business-area-once a{
width: 100%;
height: 58px;
display: flex;
align-items: center;
border: 1px solid #001F6B;
font-size: 16px;
font-weight: 700;
padding: 16px;
line-height: 1.5;
color: #001F6B;
border-radius: 8px;
position: relative;
margin: 0 0 16px;
}
.business-area-once a:hover{
background: #001F6B;
color: #fff;
transition: background-color 0.4s, color 0.4s;
}
/*
.business-area-once a::after{
position: absolute;
top: 0;
bottom: 0;
right: 16px;
width: 10px;
height: 10px;
background: url("../images/blank-arrow01.svg") no-repeat top center;
background-size: 100% auto;
content: '';
margin: auto;
}
.business-area-once a:hover::after{
background: url("../images/blank-arrow01-w.svg") no-repeat top center;
background-size: 100% auto;
}
*/


.business-area-once a .arrow {
  overflow: hidden;
  position: absolute;
  top: 13px;
  right: 14px;
  width: 14px;
  height: 20px;
  margin: auto 0;
  line-height: 1;
  transform: rotate(-45deg);
}
.business-area-once a .arrow:before,
.business-area-once a .arrow:after {
  content: "→";
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 16px;
  line-height: 22px;
font-weight: 500;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
.business-area-once a .arrow:after {
  transform: translateY(-100%);
}
.business-area-once a:hover .arrow{
  opacity: 1!important;
}
.business-area-once a:hover .arrow:before {
  animation-name: transformRightLeft;
  animation-delay: 0s;
  opacity: 1!important;
}
.business-area-once a:hover .arrow:after {
  animation-name: transformLeftRight;
  animation-delay: 0.2s;
  opacity: 1!important;
}



.block-ex-text{
width: 95%;
max-width: 912px;
margin: 0 auto 48px;
}




.ambidextrous-management{
margin: 0 auto 140px;
color: #001F6B;
}


.ambidextrous-circle{
width: 95%;
max-width: 560px;
margin: 0 auto 96px;
}

.ambidextrous-column{
width: 95%;
max-width: 1104px;
margin: 0 auto;
padding: 32px;
background: rgba(0,31,107,.1);
color: #001F6B;
border-radius: 4px;
}
.ambidextrous-column-num{
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 24px;
line-height: 1.5;
}
.ambidextrous-column-ttl{
font-weight: 700;
font-size: 24px;
line-height: 1.5;
margin: 0 0 24px;
}
.ambidextrous-column-cont-box{
display: flex;
justify-content: space-between;
}
.ambidextrous-column-cont-box-pr{
background: #fff;
width: 63%;
padding: 32px;
}
.ambidextrous-column-cont-box-sd{
width: 32.8%;
}
.ambidextrous-column-cont-box-sd img{
margin: 0 0 24px;
}
.initiatives-to-achieve{
margin: 0 auto;
color: #001F6B;
}

.initiatives-box{
background: #F5F5F5;
padding: 32px;
width: 95%;
max-width: 1104px;
margin: 0 auto 48px;
color: #001F6B;
border-radius: 4px;
}
.initiatives-box.ajust{
margin: 0 auto;
}
.initiatives-box-num{
font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 48px;
    line-height: 1.5;
    margin: 0 0 10px;
}
.initiatives-box-ttl{
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    margin: 0 0 32px;
}
.initiatives-inner-box{
background: #fff;
padding: 32px;
}
.initiatives-inner-box p{
margin: 0 0 40px;
}

.strategy-block{
}

.strategy-block-ttl{
font-size: 24px;
font-weight: 700;
text-align: center;
line-height: 1.5;
margin: 0 0 16px;
}
.strategy-block p{
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 2;
margin: 0 0 32px;
}
.strategy-block p.ajust{
font-size: 18px;
line-height: 1.5;
}
.strategy-block-ttl{
font-size: 24px;
font-weight: 700;
text-align: center;
}

.strategy-box{
display: flex;
justify-content: space-between;
color: #fff;
padding: 56px 0 0;
background: url("../images/strategy-box-bg.png") no-repeat top center;
background-size: 976px auto;
}
.strategy-once{
position: relative;
width: 49%;
background: rgba(0,74,184,1.00);
margin: 0 0 56px;
padding: 60px 32px 0;
border-radius: 4px;
}
.strategy-once-btn{
position: absolute;
width: 302px;
left: 0;
right: 0;
bottom: -56px;
margin: auto;
}
.strategy-once-btn a{
display: block;
background: #e5eaf0;
padding: 0 24px;
font-size: 16px;
font-weight: 500;
line-height: 40px;
color: #001F6B;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.strategy-once-btn a::after{
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 24px;
content:'';
background: url("../images/btn-red-corner.svg") no-repeat top center;
background-size: 100% auto;
margin: auto;
}
.strategy-once-btn a .arrow{
  overflow: hidden;
  position: absolute;
  right: 20px;
  top:0;
  bottom: 0;
  width: 14px;
  height: 22px;
  margin: auto;
  line-height: 1;
  
}

.strategy-once-btn a .arrow:before,
.strategy-once-btn a .arrow:after{
  content: "→";
  position: absolute;
  top: 4px;
  right: 0;
  font-size: 14px;
font-weight: 500;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
.strategy-once-btn a .arrow:after{
  transform: translateX(-100%);
  
}
.strategy-once-btn a:hover .arrow:before{
  animation-name: transformRightLeft; /* 修正: hover時のアニメーションを指定 */
  animation-delay: 0s;
  opacity: 1;
}
.strategy-once-btn a:hover .arrow:after{
  animation-name: transformLeftRight; /* 修正: hover時のアニメーションを指定 */
  animation-delay: 0.2s;
  opacity: 1;
}







.strategy-once-btn a:hover{
background: #001F6B;
color: #fff;
transition: background-color 0.4s, color 0.4s;
}
.strategy-once:nth-child(1){
background: url("../images/strategy01-bg.jpg") no-repeat top center;
background-size: cover;
}
.strategy-once:nth-child(2){
background: url("../images/strategy02-bg.jpg") no-repeat top center;
background-size: cover;
}
.strategy-once-ttl{
font-size: 24px;
font-weight: 700;
text-align: center;
line-height: 1.5;
margin: 0 0 8px;
}
.strategy-once-img{
display: block;
height: 58px;
margin: 0 auto 18px;
}

.strategy-once:nth-child(2) .strategy-once-img{
height: 64px;
}
.strategy-once p{
text-align: center;
font-weight: 500;
}

.strategy-points{
width: 400px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.strategy-points.sp{
display: none;
}

.strategy-points-once{
width: 26%;
text-align: center;
margin: 0 12px 32px;
}
.strategy-once:nth-child(2) .strategy-points-once{
width: 30%;
text-align: center;
margin: 0 12px 32px;
}



.itav-t1-box{
background: rgba(0,31,107,.1);
border-radius: 10px;
margin: 0 0 80px;
padding: 16px 32px 32px;
}
.itav-t1-attack{
width: 268px;
background: #001F6B;
color: #fff;
margin: 0 auto 16px;
padding: 8px 0;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.itav-t1-attack::after{
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 28px;
content:'';
background: url("../images/btn-red-corner.svg") no-repeat top center;
background-size: 100% auto;
margin: auto;
}
.itav-t1-box p{
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin: 0;
}

.itav-t2-sub{
text-align: center;
font-weight: 500;
color: #E40046;
}
.itav-t2-ttl{
font-size: 20px;
text-align: center;
font-weight: 700;
margin: 0 0 16px;
}
.itav-t2-graph{
width: 470px;
display: block;
margin: 0 auto;
}

.itav-t3-box{
background: rgba(0,31,107,.1);
border-radius: 10px;
padding:32px;
}
.itav-t3-box{
background: rgba(0,31,107,.1);
border-radius: 10px;
padding:32px;
position: relative;
}
.itav-t3-box::after{
position: absolute;
left: 0;
right: 0;
bottom: -70px;
width: 100%;
height: 70px;
content: '';
background: url("../images/strategy-box-bg-down.png") no-repeat top center;
background-size: contain;
margin: auto;
}



.itav-t3-box-ttl{
background: #001F6B;
color: #fff;
font-size: 20px;
font-weight: 700;
width: fit-content;
text-align: center;
line-height: 46px;
margin: 0 auto 40px;
padding: 0 18px;
}
.itav-t3-cont{
max-width: 848px;
margin: 0 auto;
}
.itav-t3-cont-once{
display: flex;
justify-content: space-between;
margin: 0 0 32px;
border-bottom: 1px solid #001F6B;
}
.itav-t3-cont-once:last-child{
border-bottom: none;
margin: 0 0;
}

.itav-t3-cont-once-pr{
width: 120px;
flex-shrink: 0;
}
.itav-t3-cont-once-pr img{
width: 88px;
flex-shrink: 0;
}

.itav-t3-cont-once-sd{
flex-grow: 1;
}
.itav-t3-cont-once-sd-ttl{
font-size: 20px;
font-weight: 700;
margin: 0 0 16px;
line-height: 1.5;
}
.itav-t3-cont-once .itav-t3-cont-once-sd p{
margin: 0 0 32px;
}

.itav-t4-box{
margin: 120px 0 80px;
}
.itav-t4-box p{
text-align: center;
font-size: 18px;
font-weight: 700;
margin: 0 0 40px;
}
.itav-t4-img{
width: 100%;
max-width: 652px;
display: block;
margin: 0 auto;
}
.itav-column {
    width: 100%;
    max-width: 1104px;
    margin: 0 auto;
    padding: 32px;
    background: rgba(0, 31, 107, .1);
    color: #001F6B;
    border-radius: 4px;
}
.itav-column-cont {
display: flex;
justify-content: space-between;
}
.itav-column-cont-pr{
width: 39%;
}
.itav-column-cont-sd{
width: 57.4%;
padding: 32px;
background: #fff;
}
.itav-column-att{
font-size: 12px;
color: #000;
font-weight: 400;
}
.itav-column-cont-sd p{
margin: 0;
}



.strategic-sec-main{
background: #f5f5f5;
aspect-ratio: 2 / 1;
}
.strategic01{
background: url("../images/strategic-main01.jpg") no-repeat top center;
background-size: 100% auto;
}
.strategic02{
background: url("../images/strategic-main02.jpg") no-repeat top center;
background-size: 100% auto;
}
.strategic03{
background: url("../images/strategic-main03.jpg") no-repeat top center;
background-size: 100% auto;
}
.strategic04{
background: url("../images/strategic-main04.jpg") no-repeat top center;
background-size: 100% auto;
}
.strategic-sec-main-inner{
max-width: 1400px;
margin: 0 auto;
padding: 4.3% 6.85% 0;
}

.st-outline-ex{
padding: 0 6.85%;
margin: 0 auto;
}
.st-outline-ex-cont{
max-width: 916px;
margin: 0 auto;
padding: 60px 0 80px;
color: #001F6B;
}

.st-outline-ex-ttl {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 1%;
}



.strategic-sec-main-cont{
width: 520px;
background: rgba(255,255,255,0.9);
margin: 0 0 4%;
padding: 4.6% 3.6%;
color: #001F6B;
}
.strategic-sec-main-num{
font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 48px;
    line-height: 0.7;
}
.strategic-sec-main-ttl{
font-size: 32px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 6.5%;
}
.strategic-sec-main-sub{
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 4.8%;
}
.strategic-sec-main-cont p{
font-weight: 500;
line-height: 1.7;
}

.inner{
max-width: 1280px;
margin: 0 auto;
padding: 0 6.85%;
}
.strategic-contents{
color: #001F6B;
margin: 0 auto;
}
.strategic-contents .block-ttl-t1 {
margin: 0 0 4.5%;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}
.cont-ex-box{
max-width: 916px;
margin: 0 auto 7%;
}

.col3-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.col3-once{
width: 31.8%;
}
.col3-once p,
.col2-once p{
font-size: 16px;
font-weight: 500;
text-align: center;
padding: 14px 0 0;
line-height: 1.5;
}
.col2-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 728px;
margin: 0 auto;
}
.col2-once{
width: 48.35%;
}

.future-box{
margin: 0 0 14%;
padding: 4.4% 6.85% 5%;
color: #fff;
border-radius: 16px;
}
.st-future01{
background: url("../images/st-future01.jpg") no-repeat top center;
background-size: cover;
}
.st-future02{
background: url("../images/st-future02.jpg") no-repeat top center;
background-size: cover;
}
.st-future03{
background: url("../images/st-future03.jpg") no-repeat top center;
background-size: cover;
}
.st-future04{
background: url("../images/st-future04.jpg") no-repeat top center;
background-size: cover;
}
.future-box.st-future04{
margin: 0 0 6%;
}
.future-box-inner{
max-width: 804px;
margin: 0 auto;
}
.future-box-ttl{
font-size: 24px;
font-weight: 700;
text-align: center;
margin: 0 0 2.7%;
}
.future-box-inner p{
font-weight: 500;
}


.add-mt1{
margin: 0 auto 6%;
}
.add-mt2{
margin: 0 auto 4%;
}
.add-mt3{
margin: 0 auto 2.4%;
}

.ls-cont-box{
max-width: 916px;
margin: 0 auto 5.5%;
color: #001F6B;
}
.ls-cont-ex{
max-width: 650px;
margin: 0 auto 7%;
}
.ls-cont-ex-ttl{
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.ls-cont-ex-ttl{
font-size: 20px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 3%;
}
.ls-cont-ex-att{
font-size: 10px;
font-weight: 400;
line-height: 1.5;
text-align: right;
}



@media (min-width: 901px) and (max-width: 1200px){
.strategy-once {
    margin: 0 0 56px;
    padding: 60px 0 0;
}
.strategy-points {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.strategy-points-once {
    width: 26%;
    text-align: center;
    margin: 0 6px 32px;
    font-size: 12px;
}
}

@media (min-width: 901px) and (max-width: 1000px){
.business-area-once a {
    font-size: 14px;
}
}



@media only screen and (max-width : 900px) {

    .page-main-cover {
        background: url(../images/main-cover-b_sp.svg) no-repeat bottom left;
        background-size: 100% auto;
    }


.page-main-ttl-box {
position: relative;
        display: block;
        padding: 0;
        margin: -46% 0 7%;
    }
    


   
   
.business-area {
    margin: 0 auto 20%;
    padding: 0 6%;
}
.ambidextrous-management {
    margin: 0 auto 20%;
    padding: 0 6%;
}
.initiatives-to-achieve {
    margin: 0 auto 20%;
    padding: 0 6%;
}
.block-ttl-jp{
    font-size: 32px;
    line-height: 1.5;
    margin: 0 0 10%;
}  
.block-ttl-jp.ajust{
    font-size: 30px;
    line-height: 1.5;
    margin: 0 0 10%;
}  
.block-ttl-en{
    line-height: 1.5;
    margin: 0 0 1.5%;
}
.block-ex-text {
    width: 100%;
    margin: 0 auto 10%;
}
.business-area-box {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.business-area-once {
    width: 100%;
    margin: 0 0 7%;
}
.business-area-once a {
    height: 58px;
    font-size: 16px;
    padding: 16px;
    margin: 0 0 5%;
}
.ambidextrous-circle {
    width: 100%;
    margin: 0 auto 14%;
}
.ambidextrous-column {
    width: 100%;
    margin: 0 auto;
    padding: 10% 4.6% 6%;
    background: rgba(0, 31, 107, .1);
    color: #001F6B;
}
.ambidextrous-column-num {
margin: 0 0 2%;
}
.ambidextrous-column-cont-box {
    display: block;
}
.ambidextrous-column-cont-box-pr {
    width: 100%;
    padding: 5%;
    margin: 0 0 7%;
}
.ambidextrous-column-cont-box-sd {
    width: 100%;
    margin: 0 0 5%;
    padding: 3% 0 0;
}
.ambidextrous-column-cont-box-sd p{
width: 92%;
margin: 0 auto;
}
    
.initiatives-box {
    padding: 8% 4.6% 6%;
    width: 100%;
    margin: 0 auto 10%;
    color: #001F6B;
}
.strategy-box {
    display: block;
    padding: 36px 0 0;
    background: url(../images/strategy-box-bg.png) no-repeat top center;
    background-size: 100% auto;
}
.strategy-once {
    width: 100%;
    margin: 0 0 96px;
    padding: 8% 4% 0;
    border-radius: 4px;
}
.strategy-once:nth-child(2) {
        margin: 0 0 72px;
        background: url(../images/strategy02-bg_sp.jpg) no-repeat top center;
    background-size: cover;
}

.strategy-once-ttl {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 3%;
}
.strategy-points.pc{
display: none;
}
.strategy-points.sp{
display: block;
width: 96%;
margin: 0 auto;
padding: 8% 0 10%;
}
.strategy-points.sp img{
width: 100%;
max-width: 380px;
display: block;
margin: 0 auto;
}

.itav-column {
    width: 100%;
    padding: 10% 6%;
    border-radius: 4px;
}
.itav-column-cont {
    display: block;
}
.itav-column-cont-pr {
    width: 100%;
    margin: 0 0 6%;
}
.itav-column-cont-sd {
    width: 100%;
    padding: 7% 6%;
}

    
    
.st-main-sp{
margin: 0 0 12%;
}
.st-outline-ex {
    padding: 0 6%;
}
.st-outline-ex-cont {
    padding: 5% 0 24%;
}
.initiatives-inner-box {
    padding: 10% 5% 8%;
}
.initiatives-inner-box p {
    margin: 0 0;
    font-size: 14px;
}
.initiatives-inner-box p.add-t1 {
    margin: 0 0 8%;
}
.initiatives-inner-box p.add-t2 {
    font-size: 18px;
}
.initiatives-inner-box p.add-t3 {
    margin: 0 0 8%;
}
.itav-t2-sub {
line-height: 1;
}
.itav-t2-ttl {
    margin: 0 0 3%;
}
.itav-t1-box {
    border-radius: 10px;
    margin: 0 0 15%;
    padding: 6% 6% 10%;
}
.itav-t1-attack {
    width: 100%;
    margin: 0 auto 16px;
    padding: 8px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.strategy-block-ttl {
    font-size: 20px;
}
.initiatives-inner-box p.ajust {
        margin: 0 0 5%;
        font-size: 18px;
        line-height: 1.5;
    }

.itav-t2-graph {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.itav-t3-box {
    background: rgba(0, 31, 107, .1);
    border-radius: 10px;
    padding: 10% 6%;
    margin: 0 0 27%;
    position: relative;
}
.itav-t3-box-ttl {
    font-size: 18px;
    width: 100%;
    text-align: center;
    margin: 0 auto 15%;
    padding: 8px 0;
    line-height: 1.5;
}
.itav-t3-cont-once {
    display: block;
    margin: 0 0 32px;
    border-bottom: 1px solid #001F6B;
}
.itav-t3-cont-once-pr {
    width: 100%;
    text-align: center;
    flex-shrink: 0;
    padding: 0 0 12%;
}
.itav-t3-cont-once-sd-ttl {
    font-size: 18px;
    margin: 0 0 6%;
    line-height: 1.5;
}
.itav-t3-cont-once .itav-t3-cont-once-sd p {
    margin: 0 0 10%;
}
    .initiatives-inner-box p.ajust02 {
        margin: 0 0 8%;
        font-size: 18px;
        line-height: 1.5;
    }
.itav-t4-box {
    margin: 4% 0 16%;
}
.strategy-once-btn {
bottom: auto;
width: 100%;
margin: 0 0 8%;
}
.strategy-once-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -72px;
    margin: auto;
}
.strategy-once-btn a {
    display: block;
    background: #e5eaf0;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 56px;
    color: #001F6B;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.itav-column-att {
    font-size: 12px!important;
}
.itav-t3-box::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -48px;
    width: 100%;
    height: 48px;
    content: '';
    background: url(../images/strategy-box-bg-down2.png) no-repeat top center;
    background-size: contain;
    margin: auto;
}


.strategic-sec-main-cont {
    width: 100%;
    background: none;
    margin: 0 0 27%;
    padding: 0;
}
.strategic01,
.strategic02,
.strategic03,
.strategic04{
background: none;
}
.strategic-sec-main-inner {
    padding: 0 6% 0;
}
.strategic-sec-main-ttl {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 4%;
}
.strategic-contents .block-ttl-t1 {
    margin: 0 0 12%;
    text-align: center;
}

.col3-box {
    display: block;
}
.col3-once {
    width: 100%;
    margin: 0 0 8%;
}
.col3-once p, .col2-once p {
    padding: 4% 0 0;
}
.cont-ex-box {
    margin: 0 auto 20%;
}

.ls-cont-ex {
    margin: 0 auto 14%;
}
.ls-cont-ex-att {
padding: 2% 0 0;
}
.ls-cont-box p{
margin: 0 0 18%;
}
.col2-box {
    display: block;
    margin: 0 auto;
}
.col2-once {
    width: 100%;
    margin: 0 0 8%;
}



.st-future01{
background: url("../images/st-future01_sp.png") no-repeat top center;
background-size: cover;
border-radius: 16px;
overflow: hidden;
}
.st-future02{
background: url("../images/st-future02_sp.png") no-repeat top center;
background-size: cover;
border-radius: 16px;
overflow: hidden;
}
.st-future03{
background: url("../images/st-future03_sp.png") no-repeat top center;
background-size: cover;
border-radius: 16px;
overflow: hidden;
}
.st-future04{
background: url("../images/st-future04_sp.png") no-repeat top center;
background-size: cover;
border-radius: 16px;
overflow: hidden;
}




.future-box.st-future04 {
    margin: 0 0 10%;
}

.future-contents.inner {
    padding: 0 4.8%;
}

.future-box {
    margin: 0 0 14%;
    padding: 15.8% 6.7%;
    color: #fff;
    border-radius: 16px;
}


.add-mt1 {
    margin: 0 auto 22%;
}
.add-mt2 {
    margin: 0 auto 15%;
}




}




@media only screen and (max-width : 389px) {


}






/*
2026/06/24 oshima add
*/
.core01{
    background: url("../images/core-main01.jpg") no-repeat top center;
    background-size: 100% auto;
}
.core02{
    background: url("../images/core-main02.jpg") no-repeat top center;
    background-size: 100% auto;
}
.core03{
    background: url("../images/core-main03.jpg") no-repeat top center;
    background-size: 100% auto;
}
.core04{
    background: url("../images/core-main04.jpg") no-repeat top center;
    background-size: 100% auto;
}
.core05{
    background: url("../images/core-main05.jpg") no-repeat top center;
    background-size: 100% auto;
}
.col3-once p, .col2-once p {
    font-weight: 700;
}
.strategic-sec-main-ttl sup {
    vertical-align: top;
}
.att {
    font-size: 10px;
    margin-top: 16px;
}
@media only screen and (max-width : 900px) {
    .core01, .core02, .core03, .core04, .core05 {
        background: none;
    }
    .strategic-sec-main {
        aspect-ratio: auto;
    }
}