@charset "utf-8";

/* --------------------------------------------------------------------------------
   main.cssへの補足（main.cssの方で調整お願いします。不要になれば削除ください）
-------------------------------------------------------------------------------- */

/*** 以下【main.cssにあるclassへのstyle追記】***/

/* リストの数が変動した場合、間が空いてしまうので下記styleで補助 */
.page_news__menu_list::after{
  width: min(30vw,340px);
  display: block;
  content: "";
}

/* 4つ以上並ぶ場合、下記styleがないとliのwidth関係なく横並びになってしまいます */
.news_sub_img_list{
  flex-wrap: wrap;
}
/* リストが2段以上になった場合の余白 */
.news_sub_img_list li{
  margin-bottom: 10px;
}

/*** メイン画像がない場合に「news_txt」と同じブロックに記載すること（画像がない場合「news_txt」だけだと崩れます） ***/
.news_txt__no_mimg{ 
  margin: 0;
  padding: 75px min(15vw,150px) 0;
}

@media screen and (max-width: 750px) {
  .news_txt__no_mimg{
    margin: 0;
    padding: 75px 15px 0;
  }
}

/* --------------------------------------------------------------------------------
   ニュース共通
-------------------------------------------------------------------------------- */

/* --------------- 共通ヘルパー --------------- */

.hp-img-width_auto{
  max-width: 100%;
  width: auto;
}
.hp-margin-top_10{
  margin-top: 10px !important;
}
.hp-margin-top_20{
  margin-top: 20px !important;
}
.hp-margin-top_30{
  margin-top: 30px !important;
}
.hp-margin-top_40{
  margin-top: 40px !important;
}
.hp-margin-top_80{
  margin-top: 80px !important;
}
.hp-margin-bottom_30{
  margin-bottom: 30px !important;
}
.hp-padding-bottom_30{
  padding-bottom: 30px !important;
}
.hp-text-color_red{
  color: #FF0000;
}
.hp-list-style_disc{
  padding-left: 20px;
}
.hp-list-style_disc li{
  list-style-type: disc;
}
.hp-list-style_notes li{
  content: "\203B";
  display: inline-block;
  text-indent: -15px;
  padding-left: 15px;
}
.hp-border-bottom_dotted{
  border-bottom: 1px dotted #000;
}

/* --------------- 共通大枠 --------------- */

html{
  scroll-behavior: smooth;
}

/*** 「news_txt」以外の枠 ***/

.news_txt + .news_box{
  padding: 50px min(15vw,150px) 0;
}
.news_box + .news_box{
  padding: 0 min(15vw,150px) 0;
}
.news_box.facebook_iframe_box{
  padding: 0 min(15vw,150px) 0;
  text-align: center;
}
.news_box{
  padding: 75px min(15vw,150px) 0;
}
.news_box .page__base_txt {
  line-height: 2.5;
}

.news_box__ptb0{
  padding: 0 min(15vw,150px) !important;
}





@media screen and (max-width: 750px) {

  .news_txt + .news_box{ 
    padding: 50px 15px 0;
  }
  .news_box + .news_box{
    padding: 0 15px;
  }
  .news_box.facebook_iframe_box{
    padding: 0 15px;
  }
  .news_box{
    padding: 75px 15px 0;
  }
  .news_box .page__base_txt {
    font-size: 1.6rem;
  }
  .news_box__ptb0{
    padding: 0 15px !important;
  }

}

/* --------------- 共通タイトル --------------- */

/*** 左に緑のライン ***/

.news__h2_tit{ /* 旧 ttl-style02 */
  margin-bottom: 25px;
  border-left: 4px solid #008B55;
  padding-left: 10px;
  font-size: 2.2rem;
  font-weight: bold;
}

/*** タイトル 横 赤文字注釈 ***/

.tit_notes{
  color: #FF0000;
  font-size: 0.8em;
}

/*** hタイトルではないけど、目立たせたい文字 ***/
.news_box strong,
.news_txt strong{
  margin-bottom: 10px;
  font-weight: bold;
  display: block;
}

@media screen and (max-width: 750px) {

  /*** 左に緑のライン ***/

  .news__h2_tit{
    font-size: 1.84rem;
  }

}

/* --------------- 共通リスト --------------- */

/*** dlリスト ***/

.news_list__dl{
  margin-top: 5px;
  font-size: 1.7rem;
  line-height: 2;
}
.news_list__dl div{
  display: flex;
  flex-wrap: wrap;
}
.news_list__dl dt{
  width: auto;
  min-width: 50px;
}
.news_list__dl dt::after{
  content: "：";
}
.news_list__dl dd{
  flex: 1;
}
.news_list__dl dd a{
  line-height: 1.3;
  display: block;
}
.news_list__dl dd a:hover{
  text-decoration: underline;
  color: #008B55;
}
.news_list__dl + img{
  display: block;
  margin: 10px 0;
}

@media screen and (max-width: 750px) {

  .news_list__dl{
    font-size: 1.6rem;
  }
  .news_list__dl dt{
    width: 100%;
    padding: 1px 9px 0;
    background: #ececec;
  }
  .news_list__dl dd{
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
  }
  .news_list__dl dt::after{
    content: none;
  }

}

/* --------------- 共通パーツ --------------- */

/*** 外部リンクアイコン ***/

.news_otherlink_list,
.news_pdf_list{
  margin: 0 0 30px;
  font-size: 1.8rem;
}
.news_otherlink_list li,
.news_pdf_list li{
  margin-bottom: 10px;
  position: relative;
}
.news_otherlink_list li:last-child,
.news_pdf_list li:last-child{
  margin-bottom: 0;
}
.news_otherlink_list a:hover,
.news_pdf_list a:hover{
  text-decoration: underline;
  color: #008B55;
}
.news_otherlink_list_ico,
.news_pdf_list_ico{
  display: flex;
  align-items: center;
}
.news_otherlink_list_ico:before{
  content: '';
  display: block;
  width: 15px;
  height: 14px;
  margin-right: 8px;
  background-image: url(/news/images/news_otherlink_icon.png);
  background-size: contain;
}
.news_pdf_list_ico:before{
  content: '';
  display: block;
  width: 14px;
  height: 18px;
  margin-right: 8px;
  background-image: url(/news/images/news_pdf_icon.png);
  background-size: contain;
}
.news_otherlink_list a,
.news_pdf_list_ico{
  flex: 1;
}

/*** 「news_box」の中に使えるパーツ ***/

/* 画像を裸で入れる */
.news_box_img_alone{
  display: block;
  margin-bottom: 40px;
}
.news_box p:last-child,
.news_box img:last-child,
.news_box ul:last-child{
  margin-bottom: 0;
}
/* ページ内リンク */
.news_box_anchorlink{
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}
.news_box_anchorlink li::after{
  content: "\FF5C";
  padding-left: 10px;
  margin-right: 10px;
}
.news_box_anchorlink li:last-child::after{
  content: none;
}
.news_box_anchorlink li a:hover{
  text-decoration: underline;
  color: #008B55;
  transition: 0.3s;
}


@media screen and (max-width: 750px) {

  .news_otherlink_list,
  .news_pdf_list{
    font-size: 1.6rem;
  }

  /*** 「news_box」の中に使えるパーツ ***/

  /* 画像を裸で入れる */
  .news_box_img_alone{
    margin-bottom: 35px;
  }
  /* ページ内リンク */
  .news_box_anchorlink{
    margin-bottom: 35px;
  }

}

/*** メール用アイコン ***/

.news_mail-ico::before{ /* 旧 mail-ico */
  content: "@";
}

/* --------------- 共通ボタン --------------- */

.news_link_btn_grn {
  max-width: 320px;
  width: 80%;
  padding: 10px;
  margin: 20px auto 15px;
  text-align: center;
  font-size: 1.6rem;
  display: block;
  color: #fff;
  background: #008B55;
  border: 1px solid #008B55;
  border-radius: 25px;
}
.news_link_btn_grn:visited{ color: #fff;}
.news_link_btn_grn:after{
  content: ">";
  display: inline-block;
  padding-left: 10px;
  color: #fff;
}
.news_link_btn_grn:hover{
  background: #fff;
  color: #008B55;
  transition: 0.3s;
}
.news_link_btn_grn:hover:after{
  color: #008B55;
}

/* --------------- 共通BOX --------------- */

/*** 左に写真・右にテキストのレイアウトしたbox ***/

.news_box__wrap01{ /* 旧 flexbox */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #000;
}
.news_box__wrap01_last{
  border-bottom: 0 !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
}
.news_box__wrap01_full{
  display: block;
}

.news_box__wrap01_img{ /* 旧 img-wrap */
  width: 30%;
}
.news_box__wrap01_txt{ /* 旧 txt-wrap */
  width: 70%;
  padding-left: 20px;
}
.news_box__wrap01_full .news_box__wrap01_img{ /* 旧 img-wrap */
  width: 100%;
}
.news_box__wrap01_full .news_box__wrap01_txt{ /* 旧 txt-wrap */
  width: 100%;
  padding-left: 0;
}
.news_box__wrap01 dl dt{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.5;
}
.news_box__wrap01 dl dd{
  line-height: 1.85;
}

/*** 動画 二つ並び ***/
.news_movie_box{
  margin: 35px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_movie_box li{
  position: relative;
  width: 48%;
  padding: 26% 0 0 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}
.news_movie_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*** 画像 二つ並び ***/
.news_half_box{
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_half_box li{
  width: 49%;
  margin-bottom: 15px;
}



/*** 写真100%表示 ***/
.news_sub_img_list_full{
  width: 93%;
  margin: 0 auto;
}
.news_sub_img_list_full li{
  margin-bottom: 20px;
}
.news_sub_img_list_full li:last-child{
  margin-bottom: 0;
}

/*** ご案内ページ ***/

.news_information_wrap section{
  margin-top: 30px;
}
.news_information_wrap em{
  font-size: 2rem;
  margin: 25px 0 20px;
  font-weight: bold;
  display: block;
}
.news_information_wrap h2{ /* 旧 venue */
  font-size: 1.8rem;
  margin-bottom: 5px;
  font-weight: bold;
}
.news_information_wrap h2 + p{
  margin: 5px 0;
}
.news_information_wrap ul li,
.news_information_wrap ol li{
  margin: 0 0 5px;
  font-size: 1.7rem;
}

/*** figure を利用したbox 写真文字横並び ***/

.news_figure_box{
  padding: 0 min(15vw,150px) !important;
}
.news_figure_box li{
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px dotted #000;
}
.news_figure_box ul li:first-child{
  border-top: 0;
}
.news_figure_box ul li:only-child{
  padding-top: 0;
  margin-top: 0;
}
.news_figure_box figure{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.news_figure_box img{
  width: 40%;
  display: block;
}
.news_figure_box figcaption{
  flex: 1;
  padding-left: 30px;
  display: block;
}
.news_figure_box figcaption span{
  margin-bottom: 10px;
  font-weight: bold;
  display: block;
  font-size: 1.7rem;
}

/*** facebook動画埋め込み ***/
.facebook_iframe_box{
  position: relative;
  width: 50%;
  padding: 33.5% 0 0 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  margin: 0 auto;
}
.facebook_iframe_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 750px) {

  /* --------------- 共通BOX --------------- */

  /*** 左に写真・右にテキストのレイアウトしたbox ***/
  .news_box__wrap01 > figure{
    max-width: 200px;
    width: 65%;
    margin: 0 auto 20px;
  }
  .news_box__wrap01 > figure img{
    width: auto;
  }
  .news_box__wrap01 > .news_box__wrap01_txt{
    width: 100%;
    display: block;
    float: none;
    padding-left: 0;
  }

  .news_box__wrap01_img {
    width: 100%;
    margin: 0 0 10px 0;
  }

  /*** 動画 二つ並び ***/
  .news_movie_box{
    display: block;
  }
  .news_movie_box li{
    position: relative;
    width: 100%;
    padding: 50% 0 0 0 !important;
    margin-bottom: 30px !important;
  }

  /*** 画像 二つ並び ***/
  .news_half_box li{
    width: 48%;
    margin-bottom: 12px;
  }

  /*** ご案内ページ ***/

  .news_information_wrap ul li,
  .news_information_wrap ol li{
    font-size: 1.6rem;
  }

  /*** figure を利用したbox 写真文字横並び ***/
  .news_figure_box{
    padding: 0 15px !important;
  }
  .news_figure_box figure{
    display: block;
  }
  .news_figure_box img{
    width: 100%;
    display: block;
  }
  .news_figure_box figcaption{
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
  }
  .news_figure_box figcaption br{
    display: none;
  }

  /*** facebook動画埋め込み ***/
  .facebook_iframe_box{
    position: relative;
    width: 90%;
    padding: 65% 0 0 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    margin: 0 auto;
  }
  .facebook_iframe_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


}


/* --------------------------------------------------------------------------------
   ニュース　｜　詳細ページ
-------------------------------------------------------------------------------- */

/*--- 2024年4月10日「在日外国人ろう者を対象とした日本語教室について」  ---*/

.p2404_01__box{
  margin-top: 30px;
}
.p2404_01__box > a{
  margin-bottom: 10px;
  display: block;
}
.p2404_01__box > a img{
  width: auto;
  max-width: 100%;
}


/*--- 2021年12月29日 研修修了生の活躍  ---*/

.news_active_wrap_list li{
  margin-bottom: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid #dde9dc;
}
.news_active_wrap_list li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.news_active_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_active_tit{
  color: #008b55;
  margin-bottom: 20px;
}
.news_active_tit span{
  font-size: 1.6rem;
}
.news_active_tit h2{
  font-size: 2.7rem;
  line-height: 1.3;
  font-weight: bold;
}
.news_active_box_img{
  max-width: 200px;
  width: 26%;
  margin: 0;
  display: block;
  float: none;
}
.news_active_box_img figcaption{
  text-align: left;
  padding-top: 5px;
  font-size: 1.3rem;
}
.news_active_box_txt{
  width: 70%;
  display: block;
  float: none;
}
.news_active_wrap_list .name .period{
  display: block;
}
.news_active_wrap_list .name .main{
  font-weight: bold;
}
.news_active_wrap_list .name mark{
  display: inline-block;
  border: 1px
  solid #008b55;
  color: #008b55;
  padding: 3px;
  background: #fff;
  font-size: 1.3rem;
  line-height: 1;
  margin-left: 12px;
  font-weight: normal;
}
.news_active_box_txt p{
  margin: 10px 0 0;
}

@media screen and (max-width: 750px) {

  /*--- 2021年12月29日 研修修了生の活躍  ---*/
  .page__news_h1_stit{
    font-size: 1.4rem;
  }
  .news_active_tit h2{
    font-size: 1.7rem;
  }
  .news_active_box figure{
    max-width: 200px;
    width: 65%;
    margin: 0 auto 20px;
  }
  .news_active_box figure img{
    width: auto;
  }
  .news_active_box_txt{
    width: 100%;
    display: block;
    float: none;
    padding-left: 0;
  }

}


/*--- 2021年07月21日 第32期グループ研修生 岩田直樹さん 2021年デジタルの日ロゴデザイン発表！  ---*/

.p2107_01__box.news_box{
  padding: 0 min(15vw,150px) 0;
}
.p2107_01__box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p2107_01__box figure{
  width: 45%;
  padding: 14px 0 0 20px;
  display: block;
}
.p2107_01__box .page__base_txt.txt1{
  flex: 1;
}
.p2107_01__box .page__base_txt.txt2{
  margin: 40px 0 0;
}
.p2107_01__box .page__base_txt{
  margin: 0;
}

@media screen and (max-width: 750px) {

  .p2107_01__box.news_box{
    padding: 0 15px 0;
  }
  .p2107_01__box{
    display: block;
  }
  .p2107_01__box figure{
    width: 100%;
    padding: 15px 0;
  }
  .p2107_01__box .page__base_txt {
    width: 100%;
    margin: 0;
  }
  .p2107_01__box .page__base_txt.txt2{
    margin: 0;
  }

}

/*--- 2019年06月14日 第39期研修派遣生　壮行会開催 ---*/

.p1907_01__box.news_box{
  padding: 30px min(15vw,150px) 0;
  font-size: 1.8rem;
}
.p1907_01__box dl div{
  margin-bottom: 25px;
}
.p1907_01__box dl div:last-child{
  margin-bottom: 0;
}
.p1907_01__box dl dd{
  margin-top: 5px;
  padding-left: 20px;
}

@media screen and (max-width: 750px) {

  .p1907_01__box.news_box{
    padding: 20px 15px 0;
    font-size: 1.6rem;
  }

}


/*--- 2019年06月14日 第39期研修派遣生　壮行会開催 ---*/

.p1704_02__box.news_box{
  padding: 50px min(15vw,150px) 0;
}
.p1704_02__box strong{
  font-size: 1.8rem;
}

@media screen and (max-width: 750px) {

  .p1704_02__box.news_box{
    padding: 30px 15px 0;
    font-size: 1.6rem;
  }

}