/* coop_index
******************************************************* */
.main-content .coop-heading {color: #333333;font-size: 1.8888888em;font-weight: 700;line-height: 1.2354;text-align: center;}
.main-content .coop__anchor ul {display: -webkit-box;display: -ms-flexbox;display: flex;}
.main-content .coop__anchor ul li {width: 100%;border-left: 1px solid #dadada;position: relative;}
.main-content .coop__anchor ul li:last-of-type {border-right: 1px solid #dadada;}
.main-content .coop__anchor ul li a, .main-content .coop__anchor ul li span {-webkit-box-sizing: border-box;box-sizing: border-box;}
.main-content .coop__anchor ul li a {padding: 10px;}
.main-content .coop__anchor ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;width: 100%;font-weight: 400;text-align: center;-webkit-transition: .15s ease-out;transition: .15s ease-out;color:#333333;text-decoration: none;}
.main-content .coop__anchor ul li .arw{width: 21px;height: 21px;border: 1px solid #3C7DBE;border-radius: 50%;display: flex;justify-content: center;align-items: center;top: 0;right: 8px;bottom: 0;margin-left: 8px;flex-shrink: 0;}
.main-content .coop__anchor ul li .arw .inner{position: relative;display: block;}
.main-content .coop__anchor .arw .inner::after, .main-content .coop__anchor .arw .inner:before {content: '';position: absolute;display: block;}
.main-content .coop__anchor ul li .arw .inner::before {width: 1px;height: 12px;background-color: #3C7DBE;top: calc(50% - 6px);}
.main-content .coop__anchor ul li .arw .inner::after {bottom: -5px;left: calc(50% - 2px);width: 4px;height: 4px;border-top: 1px solid #3C7DBE;border-right: 1px solid #3C7DBE;transform: rotate(135deg);}
.coop-message__column {display: flex;align-items: flex-start;justify-content: space-between;}
.coop-message__cell {width: 30.1724%;background-color: #fff;box-sizing: border-box;border:1px solid #3C7DBE;border-radius: 7.5px;position: relative;padding: 3.3333vw;height: 29.08vw;}
.coop-message__cell::before{background: url(/sustainable/coop/img/index/message_bg.png) no-repeat;content: "";position: absolute;width: 31.4px;height: 15px;top:99.999%;left:calc(50% - 15.7px);z-index: 99;}
.coop-message__img {position: absolute;top:64%;right: 0;width: 38.714%;}
.coop-message__txt{line-height: 1.875;font-size: 1.3333vw;font-weight: 400;}
.coop-message__note {font-size:0.77777em;margin-top: 80px;text-align: right;}
.coop-whitebox__column{display: flex;align-items: flex-start;justify-content: space-between;}
.coop-whitebox__column .coop-whitebox__cell--img {width: 22.11%;}
.coop-whitebox__column .coop-whitebox__cell {width: 70.19%;}
.coop-whitebox__cell--img figcaption{font-size: 0.77777777777778em;}
.coop-whitebox__column .m-heading__C {color:#333333;line-height: 1.7;}
.coop-colS {display: flex;align-items: flex-start;justify-content: space-between;}
.coop-colS__cell--img {width: 23.56%;}
.coop-colS__cell {width: 70.69%;}
.coop-col{padding: 0 50px;}
.coop-col .m-heading__C {color:#333333;}
.coop-col .m-column-A__cell--img{width: 44.3333%;}
.coop-col .m-column-A__cell--illust{width: 41.6222%;}
.coop-col .m-column-A__cell {width: 50%;}
.main-content .coop-col__btn a.m-link--A{min-width: auto;width: 100%;}

@media only screen and (min-width:1200px){
.coop-message__cell {padding: 40px;height: 349px;}
.coop-message__txt {font-size: 0.8888888em;}
}
@media only screen and (max-width:767px){
.main-content .coop-heading {font-size: 1.5294em;line-height: 1.38;}
.main-content .coop__anchor ul {display: block;}
.main-content .coop__anchor ul li {border-top: 1px solid #dadada;border-left: none;}
.main-content .coop__anchor ul li:last-of-type {border-bottom: 1px solid #dadada;border-left: none;border-right: none;}
.coop-message__column {display: block;}
.coop-message__txt {font-size: 0.9411em;}
.coop-message__cell{width: 100%;height: auto;padding:20px}
.coop-message__cell+.coop-message__cell {margin-top: 106px;}
.coop-message__img {max-width: 115px;top:74%}
.coop-message__note {margin-top: 33.125vw;font-size: 0.8235em;line-height: 1.35;}
.coop-whitebox__column{display: block}
.coop-whitebox__column .coop-whitebox__cell--img,.coop-whitebox__column .coop-whitebox__cell {width: 100%;}
.coop-whitebox__column .coop-whitebox__cell--img {margin-top: 25px;}
.coop-whitebox__column .coop-whitebox__cell{margin-top: 25px;}
.coop-whitebox__column .m-heading__C {line-height: 1.6;}
.coop-colS {display: block}
.main-content figure.coop-colS__cell--img {width: 50%;margin: auto;}
.coop-colS__cell {width: 100%;margin-top: 25px;}
.coop-col{padding: 0;}
.coop-col .m-column-A__cell{width: auto;}
}

/* maker_interview
******************************************************* */
.maker-col.m-column-D .m-column-D__cell {width: 40.38%;}
.maker-col.m-column-D .m-column-D__cell.maker-col-txt {width: 50.96%;}
.maker-illust {display: block;margin-top: -300px;text-align: center;}
.maker-illust img {width: 416px;}
.maker-white-box {margin-top: 260px;padding-top: 80px;}
.maker-float img{float:left;margin:0 56px 16px 0;}
.maker-float__img {max-width: 160px;}

@media only screen and (max-width:767px){
.maker-white-box {margin-top: 260px;padding-top: 80px;}
.maker-col.m-column-D .m-column-D__cell {width: auto;}
.maker-illust {margin-top: -216px;}
.maker-white-box{margin-top: 158px;}
.maker-illust img {width: 100%;}
.maker-float img {float: none;margin: 0;}
.maker-col.m-column-D .m-column-D__cell.maker-col-txt{width: 100%;}
.maker-float__img {margin: auto;}
.main-content p.maker-float__txt{margin-top: 25px;}
}

/*social_interview
******************************************************* */
.social-col.m-column-A .m-column-A__cell {width: 59.2241%;}
.social__message-item {display: flex;align-items: center;}
.social__message-item:first-child{margin-bottom: -16px;}
.social__message-img {width: 100px;margin-right: 45px;}
.social__message-item--right .social__message-img{margin-right: 0;margin-left: 45px;}
.social__message-item--right {justify-content: flex-end;}
.social__message-img p {font-size: 0.88888em;text-align: center;}
.social__message-txt {background-color: #fff;padding: 30px;border: 1px solid #3C7DBE;border-radius: 8px;position: relative;width: 74.99%;box-sizing: border-box;}
.m-column-A.social-Blue .m-column-A__cell--img{width: 43.103%;}
.m-column-A.social-Blue .m-column-A__cell{width: 45.91%;}
.m-column-A.social-Blue a {color:#fff}
.m-column-A.social-Blue a:hover {color:#fff}
.store-manager {display: flex;justify-content: flex-end;align-items: center;margin-top: -40px;width: 100%;}
.store-manager img{width: 120px;display: block;}
.store-manager p{font-size: 0.8888em;margin-right: 20px;margin-top: 30px;display: block;}
@media only screen and (max-width:1200px){
.store-manager {margin-top: 10px;}
}
@media only screen and (min-width:768px){
.social__message-item--right .social__message-txt::after {background: url(/sustainable/coop/img/social_interview/message_bg_right.png) no-repeat;content: "";position: absolute;top: calc(50% - 6px);right: -28px;width: 28px;height: 11px;}
.social__message-item--left .social__message-txt::before {background: url(/sustainable/coop/img/social_interview/message_bg_left.png) no-repeat;content: "";position: absolute;top: calc(50% - 6px);left: -27px;width: 28px;height: 11px;}
}

@media only screen and (max-width:767px){
.social-col.m-column-A .m-column-A__cell {width: auto;}
.social__message-item{flex-direction: column;}
.social__message-item--left .social__message-img{order: 2;margin-top: 20px;margin-right: 0;min-height: 0%}
.social__message-item--right .social__message-img {margin-top: 20px;margin-left:0;min-height: 0%}
.social__message-item .social__message-txt::after {background: url(/sustainable/coop/img/social_interview/message_bg_sp.png) no-repeat;content: "";position: absolute;bottom:-16px;right:calc(50% - 6px);width: 11px;height: 16px;}
.social__message-item:first-child{margin-bottom: auto;}
.social__message-img p{font-size: 0.9411764em;margin-top: 10px;}
.social__message-txt {padding: 20px;width: 80.93%;width: 100%;}
.m-column-A.social-Blue .m-column-A__cell,.m-column-A.social-Blue .m-column-A__cell--img{width: 100%;}
.store-manager{flex-direction: column;margin-top: 25px;}
.store-manager p{order: 2;margin-top:10px;margin-right: 0;}
}