.toplogo {
display: flex;
    align-items: center;
}
.online-mark {
  padding:0 0 30px;
}
.online-mark img {
  margin:0 auto;
}
.header-inner {
  display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
.topbtn {
  display: flex;
}
.topbtn > div {
  padding:0 20px;
}
.head-goukaku-inner {
  padding:0px 0 40px;
  background: #fdf8ee;
}
.hgi-list {
  padding:30px;
  background: #fff;
}
.hgi-list-ttl {
  color:#9f7000;
  font-size:26px;
  font-weight: bold;
}
.hgi-list-descript {
  display: flex;
  padding:10px 0;
  margin:10px 0 20px;
  border-top:1px dashed #9f7000;
  border-bottom:1px dashed #9f7000;
}
.hgi-list-name {
  font-size:18px;
}
.hgi-list-school {
  font-size:20px;
  font-weight: bold;
}
.hgi-list-school::before {
  content: '';
    width: 32px;
    height: 32px;
    margin-right: 5px;
    position: relative;
    top: 7px;
    background: url(../img/sakura.svg) no-repeat center center;
    background-size: cover;
    display: inline-block;
}
.hgi-list-school span {
  color:#fc2a88;
}
.hgi-list-fig {
  width:120px;
  padding-right:20px;
}
.spacer {
  padding-left:36px;
}
.readmore{
  position: relative;
}
.readmore-content{
  position: relative;
  overflow: hidden;
  /*以下お好み*/
  /*高さの初期値*/
  max-height: 60px;
  transition:all .4s ease;
}
.readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  height: 50px;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
  display: table;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin: 0 auto;
  z-index: 2;
  padding: 5px 30px;
  background-color: #9f7000;
  border-radius: 10px;
  color: #FFF;
  cursor: pointer;
}
.readmore-label:before{
  content: '続きを読む';
}

.readmore-check{
  display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
  position: static;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
  /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
  content: '閉じる';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
  max-height: 400px;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
  display: none;
}
.shinnendo2022-header {
  background: #eb613b;
}
.head-btn {
	margin-left:20px;
}
.head-btn ul {
	list-style: none;
	margin:0 -10px;
	padding: 0;
	display: flex;
}
.head-btn li {
	padding:0 10px;
}
@media screen and (max-width:767px) {
	.head-btn {
	margin-left:0px;
}
  .header-inner {
    padding:5px 0;
    flex-direction: column;
  }
  .topbtn {
    margin:0 -5px;
  }
  .topbtn > div {
    padding:0 5px;
  }
/*
  .toplogo {
    width: 180px;
  }
*/
  .hgi-list-ttl {
    font-size: 18px;
  }
  .hgi-list-school {
    font-size: 16px;
  }
  .hgi-list-school::before {
    width:20px;
    height:20px;
    top:3px;
  }
  .head-goukaku-inner {
    padding: 0px;
  }
  .hgi-list {
    padding: 20px;
    background: #fff;
    margin-bottom: 15px;
  }
  .spacer {
    padding-left:24px;
  }
  .hgi-list-fig {
    width: 90px;
  }
}