/*
******************************************************* */
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.main-content .single-img { margin-left: auto; margin-right: auto; }
.main-content .link-list-arr .item { margin-top: 5px; }
.main-content .button-primary { box-sizing: border-box; font-size: 1.14285em; text-align: center; justify-content: center; margin: 0; padding: 18px 12px; width: 100%; }
.monthly-heading { display: flex; align-items: center; justify-content: space-between; font-size: 2.71428em; font-weight: 700; line-height: 1.1538; text-align: center; margin-left: -8px;letter-spacing: -0.06em; }
.spacing-txt{letter-spacing: -0.05em;}
.monthly-heading span:nth-of-type(1) { display: block; font-size: 0; line-height: 0; width: 19.335%; }
.monthly-heading span.icon_new{width: 21.334%;} 
.monthly-heading span:nth-of-type(1) img { max-width: 100%;}
.monthly-heading span:nth-of-type(2) { display: block;width: 78.445%;}
.monthly-heading b { display: block; width: 100%; }
.monthly-lead { background-color: #e8f0ea; color: #00a040; display: flex; font-size: 1.5714em; font-weight: 700; line-height: 1.3636; text-align: center; margin-top: 20px; }
.monthly-lead span { box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 10px; width: 100%; min-height: 90px; }
.monthly-column { display: flex; justify-content: space-between; }
.link-icon{position: relative;}
.has-2col{ display: flex; justify-content: space-between;align-items: center; }
.sustainable-col .col2{width: 47.759%;text-align: center;}
.sustainable-col .col2 + .col2 img{max-width: 100%;}
.sustainable-col .col2 .button-primary{font-size:1.71428em;}
.has-2col+.has-2col{margin-top: 30px;}
.has-2col .col-img img{max-width: 100%;vertical-align: middle;}
.has-2col.col-img{align-items: inherit;}
.has-2col.col-img .col{width: 47.5%;}
.has-2col.col-img .image{max-width: 155px;margin:0 auto;}
.has-2col.col-img .col img{max-width: 100%}
.has-2col.heading-underbar-wrap .col2{width: 45.863%;}
.has-2col.heading-underbar-wrap .col2+.col2{width: 22.845%;}
.monthly-column + .monthly-column { margin-top: 30px; }
.monthly-content { box-sizing: border-box; border: 1px solid #01b3d6; padding: 55px 8.1896%; }
.monthly-column .monthly-content { position:relative;padding: 55px 4.7413%; width: 47.7586%; }
.monthly-column + .monthly-content { margin-top: 50px; }
.monthly-cell:nth-of-type(1) { order: 2; margin-top: 35px; width: 35.7438%; }
.monthly-cell:nth-of-type(2) { order: 1; margin-top: 40px; width: 56.3016%; }
.monthly-cell:nth-of-type(2) .button-primary { width: 80%; }
.monthly-img { text-align: center; margin-top: 20px; }
.monthly-img + .link-list-arr{text-align: center;}
.monthly-img.img-01 img { width: 264px; max-width: 100%; }
.monthly-img.img-02 img { width: 370px; max-width: 100%; }
.monthly-img.img-03 img { width: 231px; max-width: 100%; }
.monthly-img.img-04{margin-top: 5px;}
.monthly-img.img-04 img { width: 230px; max-width: 100%;}
.monthly-img.img-05 img { width: 91px; max-width: 100%;}
.monthly-img.img-06 img { width: 348px; max-width: 100%; }
.monthly-img.img-06{margin-top: 40px;}
.img-mybag{width:56.524%;position: absolute;right: 3.5%;top: 74%;transform: translateY(-50%);}
.img-mybag img{max-width: 100%;}
.link-list-arr.width_adjust{margin-top: 50px;}
a.img-hover:hover{opacity: .7;}
@media (min-width: 768px) and (max-width: 1174px){
.img-mybag{width:35%;top: 72%;}	
.link-list-arr.width_adjust{width: 55%;}
}
@media (min-width: 768px) {
.header-global-nav-wrap .global-nav-item:nth-child(5)>.global-nav-item-button {color: #14a83b;text-decoration: none;}
.header-global-nav-wrap .global-nav-item:nth-child(5)>.global-nav-item-button:after, .header-global-nav-wrap .global-nav-item:nth-child(5)>.global-nav-item-button:before { width: 13px;}
.spOnly { display: none; }
}
@media only screen and (max-width:767px){
.pcOnly { display: none; }
.mt20 { margin-top: 10px; }
.mt30 { margin-top: 15px; }
.m-section + .m-section { margin-top: 30px; }
.main-content .link-list-arr .item { margin-top: 0; }
.main-content .button-primary { font-size: 0.8571em; padding: 10px 10px; }
.main-content .arr-circle { width: 18px; height: 18px; }
.main-content .button-primary .arr-circle.arr-align-right { right: 10px; }
.main-content .arr-circle .inner:before {left: -5px;width: 10px;}
.main-content .arr-circle .inner:after { left: 0px; width: 4px; height: 4px; }
.monthly-heading {justify-content: inherit;font-size: 1.2857em; line-height: 1.25; margin-left: -3px; }
.monthly-heading span:nth-of-type(1) { margin-right: 5px; width: 46px; }
.monthly-heading span:nth-of-type(2){width: auto;}
.monthly-lead { font-size: 1.1428em; line-height: 1.375; margin-top: 15px; }
.monthly-lead span { padding: 12px 5px; min-height: 0%; }
.monthly-column { display: block; }
.monthly-column + .monthly-column { margin-top: 20px; }
.has-2col{display: block;}
.has-2col .col2{width: 100% !important;}
.sustainable-col .col2 + .col2 img{width: 212px;}
.sustainable-col .col2 .button-primary{font-size: 0.8571em;}
.has-2col .col2 .col-img{ text-align: center; }
.has-2col .col2:nth-child(1) .col-img img{width: 266px;}
.has-2col .col2:nth-child(2) .col-img img{width: 78px;}
.has-2col .col2+.col2{margin-top: 20px;}
.has-2col.col-img{text-align: center;}
.has-2col.col-img .col{width: 100%;}
.has-2col.col-img .col+.col{margin-top: 20px;margin-left: 0;}
.monthly-content { padding: 25px 25px; }
.monthly-content + .monthly-content { margin-top: 20px; }
.monthly-column .monthly-content { padding: 25px 25px; width: auto; }
.monthly-column + .monthly-content { margin-top: 20px; }
.monthly-cell:nth-of-type(1) { margin-top: 15px; width: auto; }
.monthly-cell:nth-of-type(2) { margin-top: 10px; width: auto; }
.monthly-cell:nth-of-type(2) .button-primary { width: 100%; }
.monthly-img { text-align: center; margin-top: 15px; }
.monthly-img.img-01 img { width: 132px; }
.monthly-img.img-02 img { width: 235px; }
.monthly-img.img-03 img { width: 116px; }
.monthly-img.img-04 img { width: 115px; }
.monthly-img.img-06 img { width: 174px; }
.img-mybag{width:55.124%;margin:20px auto 0;position: inherit;top: 0;right: 0;transform: inherit;}
}

/* m-info-area
******************************************************* */
.m-info-area__bnr { text-align: center; }
.m-info-area__bnr img { max-width: 100%; }
@media only screen and (min-width:768px){
.m-info-area__bnr a:hover img { opacity: .7; }
}