.factory{
width: 100%;
max-width: 1400px;
margin: 0 auto 80px;
background: #D1EEFE;
border-radius: 30px;
}
.do-in-factory{
width: 100%;
max-width: 1400px;
margin: 0 auto;
background: #f2f2f2;
border-radius: 30px;
}
.factory .inner-t1,
.do-in-factory .inner-t1{
padding: 64px 0 30px;
}
.sec-ttl-box{
font-size: 25px;
text-align: center;
line-height: 1.5;
padding: 0 0 40px;
}
.sec-ttl{
font-size: 25px;
}
.sec-ttl-en{
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 14px;
}
.sec-ttl-ill{
display: block;
margin: 0 auto 12px;
}
.sec-ttl-ill.t1{
width: 104px;
}
.sec-ttl-ill.t2{
width: 77px;
}
.sec-ttl-ill.t3{
width: 77px;
}


.factory-cont-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.factory-once{
width:  47%;
display:flex;
flex-direction: column;
justify-content: space-between;
margin: 0 0 70px;
}
.factory-once-ttl{
background: #FEDC42;
text-align: center;
font-size: 18px;
line-height: 1.5;
margin: 0 0 32px;
padding: 8px;
}
.factory-once-pr{
padding: 0 0 16px;
}
.factory-once-pr img{
width: 100%;
max-width: 380px;
display: block;
margin: 0 auto 28px;

}
.factory-once-sd{
border-top:1px solid #ACCAE2;
padding: 16px 0 0;
}
.factory-once-tag{
min-height: 50px;
}
.factory-once-tag.t1{
min-height: auto;
}
.factory-once-btn{
width: 242px;
margin: 24px auto 0;
}
.factory-once-btn a{
display: block;
background: #fff;
font-size: 15px;
color: #003894;
text-align: center;
line-height: 45px;
border-radius: 100px;
position: relative;
padding: 0 10px 0 0;
}
.factory-once-btn a::after {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    content: '';
    background: url(../images/arrow-b.svg) no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}


.di-factory-once{
padding: 0 0 70px;
}

.di-factory-cont-t1,
.di-factory-cont-t2{
display: flex;
justify-content: space-between;
}
.di-factory-cont-t1{
margin: 0 0 36px;
padding: 0 0 36px;
border-bottom: 1px solid #ccc;
}
.di-factory-cont-t1-pr{
width: 47%;
}
.di-factory-cont-t1-sd{
width: 47%;
}
.di-factory-cont-t1-sd p{
margin: 0 0 20px;
}
.di-factory-cont-t1-sd .ex-box{
background: #fff;
border: 1px solid #CCCCCC;
padding: 4%;
font-size: 13px;
font-weight: 400;
border-radius: 8px;
line-height: 1.5;
}
.di-factory-cont-t2-pr{
width: 26.5%;
background: url("../images/di-factory-cont-t2-bg.svg") no-repeat;
background-size:100% auto;
position: relative;
font-size: 18px;
color: #FEDC42;
text-align: center;
line-height: 1.5;
padding: 60px 40px 0 0;
}
.di-factory-cont-t2-pr-ill{
position: absolute;
width: 74px;
left: 0;
right: 0;
top: -12px;
margin: 0 auto;
transform: translateX(-22px);
}
.di-factory-cont-t2-sd{
width: 71.4%;
}
.di-factory-cont-t1-sd p{
margin: 0 0 20px;
}
.di-factory-cont-t1-sd .ex-box{
background: #fff;
border: 1px solid #CCCCCC;
padding: 4%;
font-size: 13px;
font-weight: 400;
border-radius: 8px;
line-height: 1.5;
}


.merchandising{
width: 100%;
max-width: 1400px;
margin: 0 auto 80px;
}

.about-mcd{
padding: 0 0 24%;
background: url("../images/merchandising-bg.jpg") no-repeat center bottom;
background-size:100% auto;
}

.wi-merchandising{
width: 92%;
max-width: 900px;
margin: 0 auto;
padding: 30px 0 0;
}
.wi-merchandisin-ttl{
font-size: 33px;
color: #008132;
line-height: 1.5;
margin: 0 0 24px;
text-align: center;
}
.wi-merchandising p{

}
.wi-merchandising-arrow{
width: 122px;
display: block;
margin: 64px auto 46px;
}

.why-merchandising{
width: 92%;
max-width: 900px;
margin: 0 auto;
border-radius: 20px;
border: 1px solid #008132;
background: #fff;
}
.why-merchandising-ttl{
text-align: center;
font-size: 22px;
color: #008132;
width: fit-content;
margin: 0 auto;
transform: translateY(-50%);
background: #fff;
padding: 0 20px;
}
.why-merchandising p{
padding: 0 5% 4%;
}

.system-mcd{
width: 100%;
margin: 0 auto 80px;
padding: 100px 0 60px;
background: #D1EEFE;
border-radius: 0 0 30px 30px;
}
.system-mcd .sec-ttl-box {
    padding: 0 0 30px;
}
.system-mcd-ex{
width: 100%;
max-width: 830px;
margin: 0 auto 34px;
}
.system-mcd-flow-box{

}
.mcd-flow-once{
display: flex;
justify-content: space-between;
position: relative;
padding: 42px 0;
border-bottom: 1px solid #ACCAE2;
}
.mcd-flow-arrow{
position: absolute;
width: 32px;
bottom: -12px;
left: 102px;
}
.mcd-flow-once:last-child{
border-bottom: none;
}
.mcd-flow-once-pr{
width: 24.2%;
position: relative;
}
.mcd-flow-once-pr-num{
width: 44px;
height: 44px;
position: absolute;
top: -10px;
right: -10px;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 700;
color: #fff;
background: #003894;
border-radius: 100px;
text-align: center;
line-height: 44px;

}
.mcd-flow-once-sd{
width: 70.8%;
}
.mcd-flow-once-sd-ttl{
font-size: 30px;
color: #003894;
line-height: 1.5;
margin: 0 0 18px;
}







@media (max-width: 767px) { 
.sec-ttl {
    font-size: 20px;
}
.factory {
    width: 100%;
    margin: 0 auto 50px;
    border-radius: 20px;
}
.factory .inner-t1, .do-in-factory .inner-t1 {
    padding: 40px 0 20px;
}

.factory-once-ttl {
    font-size: 16px;
    margin: 0 0 20px;
    padding: 8px;
}
.factory-once-btn a {
    font-size: 14px;
    line-height: 40px;
    padding: 0 10px 0 0;
}
.factory-once {
    margin: 0 0 40px;
}
.factory-once-pr img {
    margin: 0 auto 20px;
}
.factory-once-tag {
    min-height: auto;
}
.di-factory-cont-t1-pr {
    margin: 0 0 20px;
}
.di-factory-cont-t1-sd .ex-box {
    padding: 5%;
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    line-height: 1.5;
}
.wi-merchandising {
    width: 88%;
    margin: 0 auto;
    padding: 30px 0 0;
}
.wi-merchandisin-ttl {
    font-size: 22px;
    line-height: 1.5;
    margin: 0 0 24px;
    text-align: center;
}
.wi-merchandising-arrow {
    width: 60px;
    display: block;
    margin: 24px auto 56px;
}
.why-merchandising {
    width: 88%;
    margin: 0 auto;
    border-radius: 20px;
}
.why-merchandising-ttl {
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
    transform: translateY(-30%);
    background: #fff;
    padding: 0 10px;
}
.why-merchandising p {
    padding: 0 5% 7%;
}
.mcd-flow-once {
    padding: 58px 0 40px;
}
.mcd-flow-once-pr {
    width: 70%;
    margin: 0 auto 14px;
}
.mcd-flow-once-pr-num {
    width: 36px;
    height: 36px;
    top: -18px;
    right: 0;
    left: 0;
    font-size: 16px;
    line-height: 36px;
    margin: auto;
}
.mcd-flow-once-sd {
    width: 100%;
}
.mcd-flow-once-sd-ttl {
    font-size: 20px;
    margin: 0 0 14px;
    text-align: center;
}
.mcd-flow-arrow {
    width: 24px;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
}



.about-mcd {
    padding: 0 0 50%;
    background-size: 180% auto;
}
.system-mcd {
    width: 100%;
    margin: 0 auto 0;
    padding: 60px 0 20px;
    border-radius: 0 0 20px 20px;
}
.merchandising {
    margin: 0 auto 40px;
}

.di-factory-once {
    padding: 0 0 40px;
}
.do-in-factory {
    margin: 0 auto 40px;
}

.di-factory-cont-t2-pr {
    background: #42210B;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    padding: 60px 0 20px 0;
    margin: 0 0 30px;
}
.di-factory-cont-t2-pr::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -20px;
border: 20px solid transparent;
border-top-color: #42210B;
content: '';
}
.di-factory-cont-t2-pr-ill {
    position: absolute;
    width: 74px;
    left: 0;
    right: 0;
    top: -12px;
    margin: 0 auto;
    transform: translateX(0);
}
.system-mcd-ex {
    margin: 0 auto;
}


.wi-merchandisin-ttl,
.why-merchandising-ttl,
.mcd-flow-once-sd-ttl{
font-weight: 700;
    }


}