@charset "utf-8";

/*==========================================
 mainSec_top
===========================================*/
.mainSec_top {
  margin-bottom: 5.0rem;
}

/*-------------------------------------------
title
-------------------------------------------*/
.nml-b-lg {
	margin-bottom: 3.0rem;
	font-weight: 700;
	color: #005bac;
}

.nml-b {
	border-left: #005bac 5px solid;
	padding-left: 16px;
	margin-bottom: 3.0rem;
	font-weight: 700;
	color: #005bac;
}
.nml-m {
	border-bottom: #005bac 4px solid;
	display: inline-block;
	padding-bottom: 7px;
	margin-bottom: 2.0rem;
	font-weight: 500;
}
.nml-s {
	margin-top: 1.8rem;
	margin-bottom: 1.0rem;
	font-weight: 700;
	color: #005bac;
}



/*-------------------------------------------
banner_top
-------------------------------------------*/
/* banner_top
-------------------------------------------*/
.banner_top {
  list-style: none;
/*  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;*/
}
.banner_top li {
  margin-bottom: 1rem;
}

/*
.banner_top li:first-child{
  margin-right: 20px;
}
*/

.banner_top li img {
  width: 100%;
}

@media (max-width: 767px) {
  .banner_top {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .banner_top li {
    /*width: 49%;*/
  }

  /*
  .banner_top li:first-child{
    margin-right: 0px;
  }
  */
}
@media (min-width: 768px) and (max-width: 992px) {
  .banner_top {
    display: flex;
    /*flex-wrap: wrap;
    justify-content: space-between;
    */
  }
  .banner_top li {
    width: 49%;
  }
}
@media (min-width: 993px) {
  .banner_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 993px) and  (max-width: 1330px) {
  .banner_top li {
    /* バナー2つ */
    /*width: 49%; 
    max-width: 362px;*/

    /* バナー3つ */
    width: 32%;

    /* バナー4つ */
    /*width: 49%;*/
  }
}
@media (min-width: 1331px)  {
  .banner_top li {
    height: auto;
	  /*width: 49%; */
      /* バナー3つ */
      width: 32%;

      /* バナー4つ */
      /*width: 24%;*/
      }
    }


/*-------------------------------------------
 [common [TOPICS / NEWS ]]
-------------------------------------------*/
/* title_header
-------------------------------------------*/
.topics .title_header,
.news .title_header{
  display: flex;
  justify-content: space-between;
}
.topics .title_header .more a,
.news .title_header .more a {
  color: #fff;
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 4px;
  line-height: 1;
  font-size: 1.4rem;
  display: inline-block;
}


/* headline_thumbnail
-------------------------------------------*/
.headline_thumbnail {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-between;
}
.headline_thumbnail a{
  text-decoration: none!important;
}
.headline_thumbnail .item {
  margin-bottom: 2.0rem;
}
@media (max-width: 992px) {
  .headline_thumbnail .item {
    width: 49%;
  }
}
@media (min-width: 993px) and  (max-width: 1024px) {
  .headline_thumbnail .item {
    width: 49%;
  }
}
@media (min-width: 1025px)  {
  .headline_thumbnail .item {
    width: 23.5%;
  }
}

/* textbox
-------------------------------------------*/
.headline_thumbnail .item .textbox dt {
  line-height: 1.6;
}
.headline_thumbnail .item .textbox dd {
  line-height: 1.4;
}
.headline_thumbnail .item .textbox dt .day {
  margin-right: 1rem;
  display: inline-block;
}
.headline_thumbnail .item .textbox dt .ctg_label {
  background-color: #F68D00;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  padding:0.4rem 1rem 0.6rem;
  line-height: 1;
  display: inline-block;
  border-radius: 4px;
}
@media (max-width: 992px) {
  .headline_thumbnail .item .textbox dt {
    margin-top: 1.0rem;
    margin-bottom: 0.5rem;
  }
  .headline_thumbnail .item .textbox dd {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 1.0rem;
  }
  .headline_thumbnail .item .textbox dd:last-child {
    border-bottom: none;
  }
}
@media (min-width: 993px)  {
  .headline_thumbnail .item a .textbox {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 91, 172, .8);
    width: 100%;
    height: auto;
    color: #fff;
    padding: 12px;
  }
}
@media (min-width: 993px) and  (max-width: 1365px) {
  .headline_thumbnail .item a .textbox {
    padding: 5px 10px 10px;
  }
  .textbox dd {
    font-size: 85%;
  }
}

/* hover
-------------------------------------------*/
.headline_thumbnail .item a img {
  display: block;
  transition-duration: 0.2s;
  width: 100%;
  height: auto;
}
.headline_thumbnail .item:hover img {
  transform: scale(1.05);
  transition-duration: 0.2s;
  opacity: 0.8;
}
@media (max-width: 992px) {
  .headline_thumbnail .item a .photobox {
    border-radius: 10px;
    position: relative;
    display: block;
    overflow: hidden;
    /*width: 100%;
    height: 100%;*/
  }
}
@media (min-width: 993px)  {
  .headline_thumbnail .item a {
    border-radius: 10px;
    position: relative;
    display: block;
    overflow: hidden;
    /*width: 100%;
    height: 100%;*/
  }
}


/*-------------------------------------------
topics
-------------------------------------------*/
/* title_header
-------------------------------------------*/
.topics .title_header .more a {
  background-color: #8f2e14;
}

/* title_sub
-------------------------------------------*/
.nml-b_sub {
	border-left: #8f2e14 5px solid;
	padding-left: 16px;
	margin-bottom: 3.0rem;
	font-weight: 700;
	color: #8f2e14;
}


/* textbox
-------------------------------------------*/
@media (min-width: 993px)  {
  .topics .headline_thumbnail .item a .textbox {
    background-color: rgba(143, 46, 20, .8);
  }
}


/* list_topics
-------------------------------------------*/
@media (min-width: 993px)  {
  .list_topics{
    justify-content: flex-start;
  }

  .list_topics li{
    margin-right: 1.85%;
  }

  .list_topics li:last-child{
    margin-right: 0;
  }
}


/*-------------------------------------------
news
-------------------------------------------*/
/* title_header
-------------------------------------------*/
.news .title_header .more a {
  background-color: #005bac;
}

/* textbox
-------------------------------------------*/
@media (min-width: 993px)  {
  .news .headline_thumbnail .item a .textbox {
    background-color: rgba(0, 91, 172, .8);
  }
}


/*-------------------------------------------
select
-------------------------------------------*/
/* tab　[all]
-------------------------------------------*/
.tab_container {
  padding-bottom: 1em;
  margin: 0 auto;
  border-radius: 10px;
}

  /* tab　[label]
  -------------------------------------------*/
.tab_item {
  width: calc(100%/5);
  background-color: #B2C1CE;
  text-align: center;
  color: #005bac ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-bottom: 0.0rem;
}
.tab_item:hover {
  opacity: 0.8;
  background-color: #005bac;
  color: #fff;
}
input[name="tab_item"] {
  display: none;
}

@media (max-width: 992px)  {
  .tab_item {
    font-size: 1.0rem;
    height: 56px;
    padding-top: 1.4rem;
  }
}
@media (min-width: 993px)  {
  .tab_item {
    font-size: 1.6rem;
    width: calc(100%/5);
    height: 64px;
    padding-top: 2.0rem;
  }
  .tab_item br {
    display: none;
  }
  .tab_item:first-of-type {
    border-radius: 10px 0 0 0;
  }
  .tab_item:last-of-type {
    border-radius: 0 10px 0 0;
  }
}

/* company */
@media (max-width: 1200px) {
  .tab_item.tab_company_label span {
    font-size: 0.5rem!important;
    background-color: red;
    display: none;
  }
}
@media (min-width: 993px) {
  .tab_item.tab_company_label {
    font-size: 1.6rem;
  /*  padding: 0.8rem 0;*/
  }
  .tab_item.tab_company_label span {
    font-size: 80%!important;
  }
  .tab_item.tab_company_label br.hiden_pc {
    display: block!important;
  }
}
@media (min-width: 993px) and (max-width: 1300px) {
  .tab_item.tab_company_label {
    font-size: 1.4rem;
    padding-top: 1.175rem;
  }
  .tab_item.tab_company_label span {
    font-size: 60%!important;
  }
}
@media (min-width: 1301px) and (max-width: 1440px) {
  .tab_item.tab_company_label {
    font-size: 1.4rem;
    padding-top: 1.15rem;
  }
  .tab_item.tab_company_label span {
    font-size: 60%!important;
  }
}
@media (min-width: 1441px) {
  .tab_item.tab_company_label {
    font-size: 1.6rem;
    padding-top: 0.85rem;
  }
  .tab_item.tab_company_label span {
    font-size: 80%!important;
  }
}

/* company_comment */
@media (max-width: 1200px) {
  .company_comment{
    margin-left: 10px;
    margin-bottom: 1.6rem;
    display: block;
    font-size: 80%;
  }
}
@media (min-width: 1201px) {
  .company_comment{
    display: none;
  }
}


/* tab　[content]
-------------------------------------------*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
#tab_candidates:checked ~ #candidates_content,
#tab_parents:checked ~ #parents_content,
#tab_hs-teacher:checked ~ #hs-teacher_content,
#tab_graduates:checked ~ #graduates_content,
#tab_company:checked ~ #company_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #005bac ;
  color: #fff;
}

.tab_content_wrap {
  padding: 0.5% 2% 2.5%;
  border-radius: 0 0 10px 10px;
}
.tab_content_wrap h3 {
  display: none;
}

.select_list .item h4 {
	display: inline-block;
	padding-bottom: 7px;
	margin-bottom: 2.0rem;
	font-weight: 700;
}

/* icon */
.select_list .item a span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select_list .item a span i {
  color: #fff;
  font-size: 150%;
}



/* select_list
-------------------------------------------*/
.select_list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.select_list .item {
}
@media (max-width: 992px) {
  .select_list .item {
    margin-top: 2.0rem;
  }
}
@media (min-width: 993px) {
  .select_list .item {
    margin-top: 4.0rem;
    width: 48.5%;
  }
}

/* hover */
.select_list .item a {
  border-radius: 10px;
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 2.0rem;
}
.select_list .item a img {
  display: block;
  transition-duration: 0.2s;
  width: 100%;
  height: auto;
}
.select_list .item a img:hover {
  transform: scale(1.05);
  transition-duration: 0.2s;
  opacity: 0.8;
}

/* candidates
-------------------------------------------*/
.candidates {
	background-color: #E9ECEF;
}
.candidates h4 {
	border-bottom: #005bac 4px solid;
	color: #005bac;
}
.candidates .select_list .item a span {
  background-color: rgba(0, 91, 172, .8);
}


/* parents
-------------------------------------------*/
.parents {
	background-color: #E9ECEF;
}
.parents h4 {
	border-bottom: #005bac 4px solid;
	color: #005bac;
}
.parents .select_list .item a span {
  background-color: rgba(0, 91, 172, .8);
}


/* hs-teacher
-------------------------------------------*/
.hs-teacher {
	background-color: #E9ECEF;
}
.hs-teacher h4 {
	border-bottom: #005bac 4px solid;
	color: #005bac;
}
.hs-teacher .select_list .item a span {
  background-color: rgba(0, 91, 172, .8);
}


/* graduates
-------------------------------------------*/
.graduates {
	background-color: #E9ECEF;
}
.graduates h4 {
	border-bottom: #005bac 4px solid;
	color: #005bac;
}
.graduates .select_list .item a span {
  background-color: rgba(0, 91, 172, .8);
}


/* company
-------------------------------------------*/
.company {
	background-color: #E9ECEF;
}
.company h4 {
	border-bottom: #005bac 4px solid;
	color: #005bac;
}
.company .select_list .item a span {
  background-color: rgba(0, 91, 172, .8);
}


/*-------------------------------------------
department
-------------------------------------------*/
@media (min-width: 993px) {
  .department_wrap {
    border-radius: 10px;
    margin-bottom: 3.0rem
  }
}
.department_wrap h4.full_title {
  margin-left: 3.5%;
  margin-right: 3.5%;
  margin-top: 0.5%;
}

.department_wrap > .department_list {
  padding: 0.5% 2% 2.5%;
}

.department h3 {
	color: #fff;
	font-size: 2.0rem;
	max-width: 250px;
	text-align: center;
	padding: 15px;
	letter-spacing: 0.1rem;
	margin-bottom: 2.0rem;
}
@media (max-width: 992px) {
  .department h3 {
    border-radius: 0px 0px 30px 0px;
  }
}
@media (min-width: 993px) {
  .department h3 {
  	border-radius: 10px 0px 30px 0px;
  }
}
.department_list .item h4 {
	display: inline-block;
	padding-bottom: 7px;
	margin-bottom: 2.0rem;
	font-weight: 700;
}
.department_list .item .dscp {
  color: #000;
}

/* icon */
.department_list .item a span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.department_list .item a span i {
  color: #fff;
  font-size: 150%;
}

/* order */
.department_list .order-1 {
  order: 1;
}
.department_list .order-1 {
  order: 2;
}



/* department_list
-------------------------------------------*/
.department_list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.department_list .item {
  padding-left: 1.5%;
  padding-right: 1.5%;
}
@media (max-width: 992px) {
  .department_list .item {
    margin-bottom: 2.8rem;
  }
}

.department_list .item h3 {
	display: inline-block;
	padding-bottom: 7px;
	margin-bottom: 2.0rem;
	font-weight: 500;
}

/* hover */
.department_list .item a {
  border-radius: 10px;
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 2.0rem;
}
.department_list .item a img {
  display: block;
  transition-duration: 0.2s;
  width: 100%;
  height: auto;
}
.department_list .item a img:hover {
  transform: scale(1.05);
  transition-duration: 0.2s;
  opacity: 0.8;
}


/* ss
-------------------------------------------*/
.department .ss {
  background-color: rgba(0, 178, 175, 0.1);
}
.department .ss h3 {
	background-color: #00b2af;
}
.department .ss h4 {
	border-bottom: #00b2af 4px solid;
	color: #00b2af;
  display: inline-block;
  padding-bottom: 7px;
  margin-bottom: 2rem;
  font-weight: 700;
}
.ss .department_list .item a span {
  background-color: rgba(0, 178, 175, .8);
}
@media (max-width: 992px) {
  .ss .department_list .item {
    width: 100%;
  }
}
@media (min-width: 993px)  {
  .ss .department_list .item {
    width: 100%;
  }
}

.asterisk_ss{
  font-size: 80%;
  margin-top: 2px;
  margin-bottom: 8px;
  margin-left: 3.5%;
}


/* social
-------------------------------------------*/
.department .social {
  background-color:rgba(106, 161, 215, 0.1);
}
.department .social h3 {
	background-color: #6aa1d7;
}
.department .social h4.social-welfare {
	border-bottom: #2f77bd 4px solid;
	color: #2f77bd;
  margin-bottom: 1.0rem;
  padding-bottom: 7px;
}

/* .item.social */
.department_list .item.social-dpmt_top .social-welfare_img_wrapp {
  display: flex;
}
.department_list .item.social-dpmt_top .social-welfare_img_wrapp a {
  border-radius: 0px;
}
.department_list .item.social-dpmt_top .social-welfare_img_wrapp a:first-child {
  border-radius: 10px 0 0 10px!important;
}
.department_list .item.social-dpmt_top .social-welfare_img_wrapp a:last-child {
  border-radius: 0px 10px 10px 0!important;
}

.social-dpmt_top_nolink,
.department_list .item.social-dpmt_top .social-dpmt_top_img {
  /*border-radius: 10px;*/
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 2rem;
}
.department_list .item.social-dpmt_top .social-dpmt_top_img img {
    display: block;
    transition-duration: 0.2s;
    width: 100%;
    height: auto;
}

/*
.department_list .item.social-dpmt_top a img:hover {
  transform: scale(1.00);
  transition-duration: 0.0s;
}
.department_list .item.social-dpmt_top a:hover {
  opacity: 1.0!important;
}
*/

.department .social h4.social-childhood {
	border-bottom: #6bc7dd 4px solid;
	color: #6bc7dd;
  margin-bottom: 2rem;
  padding-bottom: 7px;
}
.asterisk_childhood{
  font-size: 80%;
  margin-top: 2px;
  margin-bottom: 8px;
}

.social .department_list .item a span {
  background-color: rgba(106, 161, 215, .8);
}
@media (max-width: 992px) {
  .social .department_list .item {
    width: 100%;
  }
}
@media (min-width: 993px)  {
  .department .social h4.social-childhood {
    margin-bottom: 4rem;
  }
  .social .department_list .item {
    width: 50%;
  }
}

.asterisk_text_dpm {
  padding-left:3.25%;
  margin-top: -1.0rem;
  margin-bottom: 2.0rem;
  font-size: 80%;
}
.department .social .asterisk_text {
  font-size: 80%;
  margin-top: 1.0rem;
}


/* medical
-------------------------------------------*/
.department .medical {
  background-color: rgba(132, 118, 181, 0.1);
}
.department .medical h3 {
	background-color: #8476b5;
}
.department .medical h4.medical-physical {
	border-bottom: #7774b5 4px solid;
	color: #7774b5;
}
.department .medical h4.medical-occupational {
	border-bottom: #a26eac 4px solid;
	color: #a26eac;
}
.medical .department_list .item a span {
  background-color: rgba(132, 118, 181, .8);
}
@media (max-width: 992px) {
  .medical .department_list .item {
    width: 100%;
  }
}
@media (min-width: 993px)  {
  .medical .department_list .item {
    width: 50%;
  }
}

/* nursing
-------------------------------------------*/
.department .nursing {
  background-color: rgba(240, 147, 159, 0.1);
}
.department .nursing h3 {
	background-color: #f0939f;
}
.department .nursing h4 {
	border-bottom: #f0939f 4px solid;
	color: #f0939f;
  display: inline-block;
  padding-bottom: 7px;
  margin-bottom: 2rem;
  font-weight: 700;
}
.nursing .department_list .item a span {
  background-color: rgba(240, 147, 159, .8);
}
@media (max-width: 992px) {
  .nursing .department_list .item {
    width: 100%;
  }
}
@media (min-width: 993px)  {
  .nursing .department_list .item {
    width: 100%;
  }
}

/* item_inr_wrap */
@media (min-width: 993px)  {
  .item_inr_wrap {
    display: flex;
  }
  .item_inr_wrap .item_inr {
    width: 100%;
  }
}

/* advanced
-------------------------------------------*/
.department .advanced {
  background-color: rgba(240, 136, 70, 0.1);
}
.department .advanced h3 {
	background-color: #f08846;
}
.department .advanced h4 {
	border-bottom: #f08846 4px solid;
	color: #f08846;
}
.advanced .department_list .item a span {
  background-color: rgba(240, 136, 70, .8);
}
@media (max-width: 992px) {
  .advanced .department_list .item {
    width: 100%;
  }
  .advanced .department_list .item .img_pc {
    display: none;
  }
}
@media (min-width: 993px)  {
  .col-2_wrap {
    display: flex;
    justify-content: space-between;
  }
  .department .advanced {
    width: 48.5%;
  }
  .department .advanced .item_inr_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 4%;
  }
  .department .advanced .item_inr_wrap .textbox {
    width: 60%;
  }
  .department .advanced .item_inr_wrap .photobox {
    width: 37%;
  }
  .advanced .department_list .item .img_sp {
    display: none;
  }
}

/* clgraduate
-------------------------------------------*/
.department .clgraduate {
  background-color: rgba(72, 116, 180, 0.1);
}
.department .clgraduate h3 {
	background-color: #4874b4;
}
.department .clgraduate h4 {
	border-bottom: #4874b4 4px solid;
	color: #4874b4;
}
.clgraduate .department_list .item a span {
  background-color: rgba(72, 116, 180, .8);
}
@media (max-width: 992px) {
  .clgraduate .department_list .item {
    width: 100%;
  }
  .clgraduate .department_list .item .img_pc {
    display: none;
  }
}
@media (min-width: 993px)  {
  .department .clgraduate {
    width: 48.5%;
  }
  .department .clgraduate .item_inr_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 4%;
  }
  .department .clgraduate .item_inr_wrap .textbox {
    width: 60%;
  }
  .department .clgraduate .item_inr_wrap .photobox {
    width: 37%;
  }
  .clgraduate .department_list .item .img_sp {
    display: none;
  }
}


/*-------------------------------------------
content_U
-------------------------------------------*/
@media (max-width: 992px) {
	.content_U {
	}
}

/* content_U_list
-------------------------------------------*/
.content_U_list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .content_U_list .item {
    width: 49%;
    margin-bottom: 2.8rem;
  }
}
@media (min-width: 993px)  {
  .content_U_list .item {
    width: 23.5%;
  }
}

.content_U_list .item h3 {
	border-bottom: #005bac 4px solid;
	display: inline-block;
	padding-bottom: 7px;
	margin-bottom: 2.0rem;
	font-weight: 500;
}

.content_U_list .item a {
  border-radius: 10px;
  position: relative;
  display: block;
  overflow: hidden;
}

/* icon */
.content_U_list .item a span {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 91, 172, .8);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_U_list .item a span i {
  color: #fff;
  font-size: 150%;
}

/* hover */
.content_U_list .item a img {
  display: block;
  transition-duration: 0.2s;
  width: 100%;
  height: auto;
}
.content_U_list .item a img:hover {
  transform: scale(1.05);
  transition-duration: 0.2s;
  opacity: 0.8;
}

/* topics 2022.08.15 add*/
@media (min-width: 993px)  {
  .list_topics{
    justify-content: flex-start;
  }

  .list_topics li{
    margin-right: 1.85%;
  }

  .list_topics li:last-child{
    margin-right: 0;
  }
}