@charset "utf-8";

.first_article_wrap .ttl{
  font-weight: bold;
}
@media print, screen and (min-width:768px){
  .mod_article_bg_circle::after{
    top: auto;
    bottom: 100px;
  }
  .first_article_wrap .ttl{
    margin-top: 2em;
    font-size: 18px;
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  .first_article_wrap .ttl{
    margin-top: 1.5em;
    font-size: 14px;
  }
}

/* sdgs_item_list
-------------------------------------------------- */
@media print, screen and (min-width:768px){
  .nemnunoki_bg_area{
    margin-top: 46px;
    padding: 0 87px;
  }
  .nemnunoki_bg_inner{
    margin: 0 auto;
    padding: 53px 20px 270px;
    max-width: 1700px; 
    background-image: url(/torikumi/nemunoki/images/nemunoki_bg.jpg);
    background-size: cover;
    border-radius: 60px;
  }
}
@media screen and (max-width:767px) {
  .nemnunoki_bg_area{
    margin-top: 40px;
  }
  .nemnunoki_bg_inner{
    padding: 40px 0 114px;
    background-image: url(/torikumi/nemunoki/images/nemunoki_bg_top.jpg), url(/torikumi/nemunoki/images/nemunoki_bg_bottom.jpg);
    background-position: top center, bottom center;
    background-size: 100%;
    background-repeat: no-repeat;  
  }
}

/* sdgs_item_list
-------------------------------------------------- */
.sdgs_item_list .data{
  position: relative;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width:768px){
  .sdgs_item_list .data .pic_area{
    padding-bottom: 20px;
  }
  .sdgs_item_list .data .pic_txt{
    margin-top: 20px;
  }
}
@media screen and (max-width:767px) {
  .sdgs_item_list .data .pic_area{
    width: 31%;
    min-width: 234px;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .sdgs_item_list .data{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .sdgs_item_list .data .pic_txt{
    margin-top: 20px;
  }
  .sdgs_item_list .data .c_btn_04 {
    height: 45px;
  }
}


/* 
-------------------------------------------------- */
.mod_article_bg_01::after {
}
.c_ttl_bold_03{
  text-align: center;
  color: #40B156;
}
.content_block.white{
  background-color: #fff;
}
@media print, screen and (min-width:768px){
  .h1_block{
    padding-bottom: 60px;
  }
  .c_ttl_bold_03{
    font-size: 32px;
  }
  .mod_article_bg_01 {
    padding: 50px 15px;
  }
  .mod_article_bg_02{
    padding-bottom: 282px;
  }
  .mod_article_bg_02::after {
    background-image: url(/torikumi/nemunoki/images/bg_top.png),url(/torikumi/nemunoki/images/bg_bottom.png);
    background-position: top center, bottom center;
    background-size: 100%, 100%;
    background-repeat: no-repeat, no-repeat;
    background-color: #fff;
    top: 0;
    height: 100%;
  }
  .mod_article_area .mod_article_wrap{
    border: solid 6px #E4E899;
  }
  .content_block.white{
    padding: 40px 20px 50px;
    margin: 0 40px;
    border-radius: 40px;
  }
}
@media screen and (max-width:767px) {
  .h1_block{
    padding-bottom: 40px;
  }
  .mod_article_bg_01{
    padding: 0;
  }
  .content_block.white{
    border-radius: 20px;
    padding: 20px 20px 25px;
  }
  .mod_article_bg_02{
    padding-top: 40px;
    padding-bottom: 92px;
  }
  .mod_article_bg_02::after{
    top: 0;
    height: 100%;
  }
  .mod_article_area{
    margin-top: 0;
  }
  .mod_article_area .mod_article_wrap{
    border: solid 3px #E4E899;
  }
  .mod_article_bg_02::after {
    background-image: url(/torikumi/nemunoki/images/bg_top_sp.png),url(/torikumi/nemunoki/images/bg_bottom_sp.png);
    background-position: top center, bottom center;
    background-size: 100%, 100%;
    background-repeat: no-repeat, no-repeat;
    background-color: #fff;
  }
  .first_article_wrap .ttl{
    margin-top: 1.5em;
    font-size: 14px;
  }
  .mod_article_wrap {
    padding: 20px 15px;
    max-width: 1124px;
  }
}

/* remodal
-------------------------------------------------- */
@media print, screen and (min-width: 768px){
  .remodal{
    max-width: 605px;
  }
}

/* goods_item_box
-------------------------------------------------- */
.goods_item_box {
  text-align: center;
}
@media print, screen and (min-width:768px){
  .goods_item_box .txt{
    margin-top: 20px;
    font-size: 18px;
  }
  .goods_item_box .ph img{
    width: 413px;
  }
}
@media screen and (max-width:767px) {
  .goods_item_box .txt{
    margin-top: 15px;
    font-size: 14px;
  }
  .goods_item_box .ph img{
    width: 276px;
  }
}

/* border_bottom_dot
-------------------------------------------------- */
@media print, screen and (min-width:768px){
  .border_bottom_dot{
    padding-bottom: 43px;
    margin-bottom: 30px;
    background-image: linear-gradient(to right, #40B156, #40B156 2px, transparent 2px, transparent 8px);
    background-size: 10px 2px;
    background-position: left bottom;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width:767px) {
  .border_bottom_dot{
    padding-bottom: 40px;
    margin-bottom: 30px;
    background-image: linear-gradient(to right, #40B156, #40B156 2px, transparent 2px, transparent 8px);
    background-size: 10px 2px;
    background-position: left bottom;
    background-repeat: repeat-x;
  }
}