.main{
  font-family:"Zen Maru Gothic", sans-serif;
}
.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}


.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.top_view_img {
    display: block;
    object-fit: cover;
    width: 107.9rem;
    height: 47.8rem;
    margin: -0.4rem auto -0.1rem;
}
.top_view_img_sp{
  display:none;
}
.first_view {
  position: relative;
}

.top_view {
  text-align: center;
  margin-top: 2.7rem;
}
.main_title_left{
 writing-mode: vertical-rl;
  font-size: 3rem;
  line-height: calc(40em / 30);
  letter-spacing: calc(10.1em / 30);
  background: linear-gradient(to bottom, #3FBCD6, #51CFA2);
  color: #FFFFFF;
  padding: 1rem;
  padding-top: 2.2rem;
  animation: fadeIn 3s ease 1s 1 normal backwards;
}
.main_title_right {
  writing-mode: vertical-rl;
  font-size: 3rem;
  line-height: calc(40em / 30);
  letter-spacing: calc(10.1em / 30);
  background: linear-gradient(to bottom, #3FBCD6, #51CFA2);
  color: #FFFFFF;
  padding: 1rem;
  padding-top: 2.2rem;
  animation: fadeIn 3s ease 1s 1 normal backwards;
  height: 27.4rem;
}
.main_title_box {
  display: flex;
  gap: 1rem;
  position: absolute;
  top: 2.5rem;
  right: 7.1rem;
}

.counseling_wrap {
  text-align: center;

  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  background-color: #FFE57F;
  padding-top: 3.9rem;
  position: absolute;
  bottom: -0.3rem;
  left: 13.9rem
}

.counseling_top {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: calc(40em / 22);
  letter-spacing: calc(0.66em / 22);
  margin-top: -0.6rem;
}

.counseling_bottom {
  font-size: 2.8rem;
  line-height: calc(51em / 22);
  letter-spacing: calc(0.84em / 22);
  margin-top: -1.7rem;
}
/* 下半分 */
/* 色やグラデーションは.pdf-section-titleや.pdf-dateなどのCSSプロパティを直接編集してください。
アイコン画像のパスは<img src="...">部分を編集してください。
PDFファイルやタイトル・日付はHTML内を直接書き換えてください。 */
.pdf-section-list {
  width: 90%;
  margin: 7rem auto 0;
}

.pdf-section {
  margin-bottom: 32px;
  width:107.9rem;
  margin:0 auto 1rem;
}

.pdf-section-title {
  background: linear-gradient(to right, #8ADFF1, #B5F3DD);
  font-weight: bold;
  font-size:2.5rem;
  padding: 1.2rem 1.8rem 1.2rem 5rem;
  margin-bottom: 1rem;
  width:107.9rem;

}

.pdf-list-item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2.6rem 0 2.4rem;
  margin-left:5rem;
}
.pdf-list-item2{
  padding-top:2.8rem;
}
.pdf-date {
  color: #222;
  font-size: 1em;
}

.pdf-link {
  display: flex;
  align-items: center;
  color: #d32f2f;
  text-decoration: none;
  margin-left: 1.6rem;
}

.pdf-icon {
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 0.6rem;
}

.pdf-divider {
  border: none;
  border-bottom: 0.1rem dotted #707070;
  margin: 0 0 0 0;
}
.last_pdf-divider{
  border:none;
}
/* 無料版ACFで「PDFリンク付き一覧」を作成する方法 */
.pdf-item {
  margin-bottom: 1.6rem;
  padding: 1.2rem;
  background: #f5f5f5;
  border-radius: 0.6rem;
}
.pdf-title {
  font-weight: bold;
}
.pdf-date {
  font-size: 1.8rem;
  font-weight:500;
}
.pdf-link {
  text-decoration: underline;
}
.last_pdf-section{
  margin-bottom:13.8rem;
}

@media screen and (max-width:699.98px) {
  
  .pdf-section-list{
    width:100%;
    margin:7.2rem 0 0 0;
  }
  .content_wrapper{
    padding:0 1rem;
  }
  .top_view_img{
      display: block;
      width: 37.5rem;
      height: 59.3rem;
      /* object-position: 80% 0%; */
      margin-bottom: -5.8rem;

  }

  .top_view_img_sp{
    width:100%;
    height:59.3rem;
    display:block;
    object-position: 80% 0%;
  }
  .top_view{
    margin-top:0;
  }
  .main_title_left{
    width:4.8rem;
    height:25.1rem;
    font-size:2.2rem;
    padding-top:2.2rem;
    letter-spacing:0.9rem;
  }
  .main_title_right{
    width:4.8rem;
    height:21.9rem;
    font-size:2.2rem;
    letter-spacing:0.9rem;
  }
  .pdf-section-title{
    width: 100%;
    font-size:1.5rem;
    padding:0;
    text-align:center;
    height:6rem;
    padding-top:2rem;
  }
  .main_title_box{
    top:2.2rem;
    right:1rem;
  }
  .counseling_wrap{
    bottom:0.2rem;
    left:1.2rem;
    width:13.2rem;
    height:13.5rem;
    padding-top:2.5rem;
  }
  .counseling_top{
    padding-left:0.6rem;
    margin-top:0.4rem;
  }
  .counseling_bottom{
    font-size:2.3rem;
    padding-top:0.3rem;
  }
  .pdf-section{
    width: 100%;
    margin:0 auto -1.6rem;
  }
  .pdf-date{
    font-size:1.3rem;
  }
  .pdf-list-item{
    padding:0.8rem 0 1.8rem;
    margin-left:6.5rem;
  }
  .pdf-list-item2{
    padding-top:1.9rem;
    
  }
  .pdf-list{
    margin-bottom:3rem;
  }
  .last_pdf-section{
    margin-bottom:6.4rem;
  }
}