@charset "UTF-8";


/* �����T�C�Y */ 
body {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 18px;
}

/* �ۃS�V�b�N�̂ɂ��݂�h�~ */
h1,h2,h3,h4,h5,h6,p,dt,dd,li.font,a.btn,div.card-body,a.dropdown-item,a.nav-link {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  transform: rotate(0.03deg);
}

/* �����N�̃}�E�X�I�[�o�[�w�i�F */ 
a:hover {
  background-color: #d5def5;
}

/* �����N�̉��������� */ 
#Navbar a {
  text-decoration: none;
}
a.btn {
  text-decoration: none;
}

/* ���j���[�f�U�C�� */ 
.menu:hover {
  color: #fff;
  background-color: #8594E4;
}
a.menu {
  text-decoration: none;
}
.bg-menu {
  background-color :#d5def5; /* MENU�w�i�F */
}

/* �g�b�v�y�[�W�X���C�_�[�L���v�V���� */
.cap {
  font-family: 'M PLUS Rounded 1c', serif;
  color: #fff;
  text-shadow: -3px  0px 6px #333, /* �� */
    3px  0px 6px #333, /* �E */
    0px -3px 6px #333, /* �� */
    0px  3px 6px #333; /* �� */
}

/* �e��w�i�F */ 

.bg-foot {
  background-color: #ebebeb; /* �t�b�^�[�{�^���G���A�w�i�F */
}
.bg-beige {
  background-color :#f7f5e6; /* �x�[�W���w�i�F */
}
.bg-aqua {
  background-color :#d5def5; /* ���F�w�i�F */
}
.bg-gray {
  background-color: #ebebeb; /* �O���[�w�i�F */
}

/* H1�w�i�摜�̐ݒ� */ 
.title01 {
  background-image: url("../images/kuhp_img07.jpg");
  background-position: center center;
  background-size: cover;
}
.bg-news {
  background: linear-gradient( 113deg, rgba(250, 247, 245,0.2) , rgba(226, 210, 196,0.4)), url("../images/h1-news.jpg");
  background-position: center center;
  background-size: cover;
}
.bg-gastro {
  background: linear-gradient( 113deg, rgba(250, 247, 245,0.2) , rgba(226, 210, 196,0.4)), url("../images/h1-gastro.jpg");
  background-position: center center;
  background-size: cover;
}
.bg-shinryo {
  background: linear-gradient( 113deg, rgba(250, 247, 245,0.2) , rgba(226, 210, 196,0.4)), url("../images/h1-shinryo.jpg");
  background-position: center center;
  background-size: cover;
}
.bg-staff {
  background: linear-gradient( 113deg, rgba(250, 247, 245,0.2) , rgba(226, 210, 196,0.4)), url("../images/h1-staff.jpg");
  background-position: center center;
  background-size: cover;
}
.bg-kyoiku {
  background: linear-gradient( 113deg, rgba(250, 247, 245,0.2) , rgba(226, 210, 196,0.4)), url("../images/h1-kyoiku.jpg");
  background-position: center center;
  background-size: cover;
}
.bg-kenkyu {
  background: linear-gradient( 113deg, rgba(250, 247, 245,0.2) , rgba(226, 210, 196,0.4)), url("../images/h1-kenkyu.jpg");
  background-position: center center;
  background-size: cover;
}
.bg-rinsho {
  background: linear-gradient( 113deg, rgba(250, 247, 245,0.2) , rgba(226, 210, 196,0.4)), url("../images/h1-rinsho.jpg");
  background-position: center center;
  background-size: cover;
}

/* h1��h1�̃X�^�C����ݒ肷�� �g�p��F<h4 class="h4"> */

.h1 {
  clear:both;
  color: #fff;
  text-shadow: -3px  0px 6px #333, /* �� */
    3px  0px 6px #333, /* �E */
    0px -3px 6px #333, /* �� */
    0px  3px 6px #333; /* �� */
}
.h2 {
  clear:both;
  color: #333;
  background-color: #d5def5; /* h2�w�i���F */
  padding : 0.25rem 0.4rem ;
  border : solid 1px #00205b ;/* h2���̐Fprimary */
  border-left : solid 10px #00205b ;/* h2�����̐Fprimary */
  border-radius: 2px;
}
.h3 {
  clear:both;
  color: #00205b; /* h3�����Fprimary */
  background-color: #d5def5; /* h3�w�i���F */
  padding : 0.25rem 0.4rem ;
  border-radius: 2px;
}
.h4 {
  clear:both;
  color: #fff;
  background-color :#00205b; /* h4�w�iprimary */
  padding : 0.25rem 0.4rem ;
}
.h5 {
  clear:both;
  color : #333 ;
}
.h6 {
  clear:both;
  color : #333 ;
}

/* �s�Ԃ��L�߂ɂ������ꍇ */
p.lh2 {
    margin-bottom: 2rem;
    line-height: 2rem;
}
/* �P�������C���f���g��������ꍇ */
p.idt {
  text-indent: 1rem;
}

/* �������‚��Ȃ��ꍇ */
.noline {
  text-decoration: none;
}
/* �t�b�^�[�G���A�̃z�[���֖߂郊���N��hover���� */
.fthome:hover {
  color: #00205b;
  background-color: #8594E4;
  text-decoration: none;
}

/* �}�[�J�[�\�� */
.marker {
  background: linear-gradient(transparent 60%, #d5def5 60%);
}

/* �X���C�_�[�摜���X�}�z�\���ł͍������� */
@media (min-width: 576px) {
  .carousel-item {
    height:400px;
  }
  .carousel-item img {
    height: 400px;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media (max-width: 575.98px) {
  .carousel-item {
    height:520px;
  }
  .carousel-item img {
    height: 520px;
    object-fit: cover;
    object-position: 50% 50%;
  }
}