@charset "utf-8";
/* ===============================================
# ご報告　recognition
=============================================== */
#recognition_top .cmn_box.col2 > li {
  width: 50%;
  margin-left: 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#recognition_top .type_photo img{
  width: 100%;
}
#recognition_top .type_txt{
  padding: 25px 15% 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;

}
#recognition_top .type_txt .type_num{
  color: #00b097;
  font-size: 18px;
  font-size: 1.8rem;
}
#recognition_top .type_txt .type_ttl{
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 17px;
  line-height: 1.4;
}
#recognition_top .type_txt .type_num,
#recognition_top .type_txt .type_ttl{
  text-align: center;
  font-family :'Yu Mincho Demibold','YuMincho Demibold','Yu Mincho Light','YuMincho','Yu Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', serif;
}
#recognition_top .type_txt p{
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 25px;
}
#recognition_top .cmn_btn{
  width: 245px;
  margin: 0 auto 30px;
}
#recognition_top .cmn_btn a{
  padding: 20px 20px 20px 24px;
}
@media screen and (max-width: 1400px) {
  #recognition_top .type_txt {
    padding: 25px 4% 0;
  }
  #recognition_top .cmn_btn{
    width: 200px;
  }
}

@media screen and (max-width: 768px) {
  #recognition_top .area_second_cmn2 .area_main {
    border-bottom: 15px solid #f2fbfa;
    padding-bottom: 0;
  }
  #recognition_top .cmn_box.col2 {
    margin-bottom: 0;
}
  #recognition_top .cmn_box.col2 > li {
    width: 100%;
  }
  #recognition_top .cmn_box.col2 > li:nth-child(n+3) {
    margin-top: 0;
  }
  #recognition_top .type_txt {
    padding: 15px 7% 0;
  }
  #recognition_top .type_txt .type_num {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 5px;
  }
  #recognition_top .type_txt .type_ttl{
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 15px;
  }
  #recognition_top .type_txt p{
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 16px;
    line-height: 1.7;
  }
  #recognition_top .cmn_btn {
    width: 270px;
  }
  #recognition_top .cmn_btn a {
    padding: 16px 20px 16px 24px;
  }
}

/* ===============================================
# ご報告　実績報告
=============================================== */
#recognition .area_second_cmn .area_main .inner {
  padding-bottom: 85px;
}
#recognition .cmn_box.col2 > li {
    width: 45.9%;
    margin-left: 2.6%;
}
#recognition .cmn_box.col2 > li:nth-child(2n+1) {
    width: 51.5%;
    margin-left: 0;
}
#recognition .cmn_box.col2 {
  margin-top: 35px;
  margin-bottom: 30px;
}
#recognition .cmn_box.col2 .cmn_defList dl {
    padding: 25px 10px 25px 35px;
}
#recognition .cmn_ttl03 {
  margin-bottom: 15px;
  padding: 16px 0 16px 31px;
}
#recognition .cmn_defList {
  margin-bottom: 20px;
}
#recognition .cms_txt > ul, ul.cmn_discList {
  margin-top: -15px;
}

@media screen and (max-width :768px){
  #recognition .area_second_cmn .area_main .inner {
    padding-bottom: 10px; 
    padding-top: 35px;
  }
  #recognition .cmn_box.col2 > li {
    width: 100%;
    margin-left: 0;
  }
  #recognition .cmn_box.col2 > li:nth-child(2n+1) {
    width: 100%;
    margin-left: 0;
  }
  #recognition .cmn_ttl02 {
    margin-bottom: 15px;
  }
  #recognition .cmn_p {
    margin-bottom: 0;
  }
  #recognition .cmn_box.col2 {
    margin-top: 0;
  }
  #recognition .cmn_ttl03 {
    padding: 10px 0 10px 7px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  #recognition .cmn_box.col2 .cmn_defList dl {
    padding: 20px 0;
  }
  #recognition .cmn_defList > dl > dt {
    width: 24%;
  }
  #recognition .cmn_defList {
    margin-top: 0;
    margin-bottom: 5px;
  }
  #recognition .ico_file {
    width: 22px;
  }
  #recognition .cms_txt > ul, ul.cmn_discList {
    margin-top: 25px;
  }
  #recognition .cmn_ttl03 {
    margin-top: 20px;
  }
  #recognition .cmn_box.col2 > .cmn_ttl03 {
    margin-top: 0px;
  }
  
}
/* ===============================================
# ご報告　使途報告
=============================================== */
#mission .box_tab{
  margin-bottom: 30px;
}
#mission .box_tab li{
  -webkit-box-flex: 1;
  flex: 1;  
}
#mission .box_tab button{
  width: 100%;
  height: 60px;
  display:-webkit-box;
  display:flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  background: #fff;
  border-bottom: solid 1px #cacaca;
  line-height: 1.2;
  padding: 0 10px;
  text-align: center;
  font-feature-settings: "palt";
}
#mission .box_tab button.is_active{
  background: #00b097;
  color: #fff;
  border-color: #00b097;
  font-weight: bold;
}
#mission .area_contents{
  display: none;
  -webkit-animation: PageIn 1.3s ease 0s 1 normal;
  animation: PageIn 1.3s ease 0s 1 normal;  
}
#mission .area_contents.is_active{
  display: block;
}
#mission .area_contents .item{
  padding: 30px 40px;
  border: solid 1px #cacaca;
}
#mission .area_contents .item+.item{
  margin-top: 30px;
}
#mission .area_contents .item .date{
  font-size: 17px;
  font-size: 1.7rem;
  color: #00b097;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  margin-bottom: 10px;
}
#mission .area_contents .item h4{
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
}
#mission .area_contents .item h4 .new{
  display: inline-block;
  padding: 5px;
  margin-left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  font-family: "Roboto", sans-serif;
  line-height: 1;  
  background: #ff4620;
}
#mission .area_contents .item .txt{
  margin-top: 20px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.882;
}
@media (min-width :769px) {
  #mission .area_contents .item .cmn_textPhoto.right .photo{
    max-width: 170px;
  }
  #mission .area_contents .item .cmn_textPhoto.right .photo.flex{
    max-width: 360px;
  }
  #mission .area_contents .item .cmn_textPhoto.right .photo.flex figure:nth-child(2){
    margin-left: 20px;
  }
}
@media (max-width :1280px) and (min-width :769px){
  #mission .area_contents .item .cmn_textPhoto.right .photo.flex{
    display: block;
    max-width: 170px;
  }
  #mission .area_contents .item .cmn_textPhoto.right .photo.flex figure:nth-child(2){
    margin-top: 20px;
    margin-left: 0;
  }  
}
@media screen and (max-width :1300px) {
  #mission .box_tab button{
    height: 80px;
  }
}
@media screen and (max-width :1024px) {
  #mission .box_tab ul{
    flex-wrap: wrap;    
  }
  #mission .box_tab ul li{
    flex-basis:auto;
    width: calc(100% / 5);
  }
}
@media screen and (max-width :768px) {
  #mission .box_tab{
    margin-bottom: 17px;
  }
  #mission .box_tab ul li{
    width: calc(100% / 3);
  }
  #mission .box_tab button{
    height: 55.5px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 2px;
  }
  #mission .area_contents .item{
    padding: 15px;
  }
  #mission .area_contents .item+.item{
    margin-top: 15px;
  }
  #mission .area_contents .item .date{
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
  }
  #mission .area_contents .item h4{
    font-size: 16px;
    font-size: 1.6rem;
  }
  #mission .area_contents .item h4 .new{
    padding: 3px;
    margin-left: 9px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #mission .area_contents .item .txt{
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }  
  #mission .area_contents .item .cmn_textPhoto .photo{
    margin-top: 20px;
  }
  #mission .area_contents .item .cmn_textPhoto.right .photo.flex{
    display: block;
  }
  #mission .area_contents .item .cmn_textPhoto.right .photo.flex figure:nth-child(2){
    margin-top: 10px;
  }  
}