@charset "utf-8";

/* ---------------------------------
  _01 スタイルリセット
------------------------------------*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	/*font-family: 'Noto Sans Japanese', 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;*/
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

hr {
	display: none;
}

a {
	text-decoration: inherit; /* 必要に応じて「none」に */
}



/* ---------------------------------
  _02 共通クラス
------------------------------------*/

.supplement { /* 補助的にいれる見出しを表示しないようにするクラス */
  position: absolute;
  left: -10000em;
}
#index__program {
    max-width:1100px;
  padding: 30px 0 0 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:767px) {
  #index__program {
    display: block;
  }
}
#index__program .index__program__item {
  width: 48.0%;
}

#index__program .index__program__item3 {
  width: 32%;
}

#index__program .index__program__item3 img {
  width: 100%;
}


#index__topics {
    max-width:1100px;
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:767px) {
  #index__topics {
    display: block;
  }
}

#index__topics .index__topics__banner {
  width: 49.0%;
}

#index__topics .index__topics__banner2 {
  width: 32%;
}

#index__topics .index__topics__banner2 img {
  width: 100%;
}


 
@media screen and (max-width:767px) {
  #index__program .index__program__item:first-of-type {
    padding: 0 0 30px 0;
    width: 100.0%;
  }
  #index__program .index__program__item,
  #index__program .index__program__item3 {
    width: 100.0%;
	margin-bottom: 30px;
  }
    
    
#index__program .index__program__item img,
#index__program .index__program__item3 img {
  width: 100%;
}    
    
}
#index__program .index__program__item h3 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 15px 0 0 0;
}

#index__program .index__program__item3 h3 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 15px 0 0 0;
}
#index__program .index__program__item p,
#index__program .index__program__item3 p {
  padding: 15px 0 0 0;
  text-align: left;
}

@media screen and (max-width:767px) {
  #index__topics {
    display: block;
  }
}
#index__topics .index__topics__banner {
  width: 49.0%;
}

#index__topics .index__topics__banner2 {
  width: 32%;
}

#index__topics .index__topics__banner2 img {
  width: 100%;
}    
@media screen and (max-width:767px) {
  #index__topics .index__topics__banner:first-of-type {
    padding: 0 0 15px 0;
    width: 100.0%;
  }
  #index__topics .index__topics__banner,
  #index__topics .index__topics__banner2 {
    width: 100.0%;
	margin-bottom: 20px;
  }
    
    
#index__topics .index__topics__banner img,
#index__topics .index__topics__banner2 img {
  width: 100%;
}    
    
}
#index__topics .index__topics__banner2 h3 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 15px 0 0 0;
}

#index__topics .index__topics__banner2 h3 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 15px 0 0 0;
}
#index__topics .index__topics__banner2 p,
#index__topics .index__topics__banner2 p {
  padding: 15px 0 0 0;
  text-align: left;
}


.navsp{display:none;}
@media screen and (max-width:767px) {
.navsp{display:block;}
}


#list {
    clear:both;
    max-width:1100px;
  padding: 0;
  margin: 15px auto 0 auto;

}
#list .list__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#list .list__box .list__box__item {
  width: 20%;
  padding: 1%;
  margin: 30px 0 0 0;

}

    #list .list__box .list__box__item img{
height:35px;
  } 


@media (max-width:641px) {
  #list .list__box .list__box__item {
    width: 48.5%;
    margin: 15px 0 0 0;
  }
    
    #list .list__box .list__box__item img{
height:35px;
  }  
    
    
}
#list .list__box .list__box__item img {
  vertical-align: middle;
  max-width: 100%;
}


/*　----　footer リクルートボタンスタイル(PC)　----　*/
footer .rec_link{
    margin: 50px auto 0;
    text-align: center;
}

footer .rec_link dd.rec_staff {
    display: inline-block;
	margin: 0 5px 0 5px;
}

footer .rec_link dd.rec staff a{
    display: block;
    width: 500px;
    padding: 5px 0;
    margin: 5px 0 0;
    text-align: center;
}



/*　----　footer リクルートボタンスタイル(sp)　----　*/
@media (max-width:640px){
    
footer .rec_link dd.rec_staff {
	margin: 10px auto;
}
}