/*********************************
シングル用 H2〜デザイン
*********************************/
/* カテゴリ用 H2〜デザイン */
h1 {
font-size: 30px;
font-weight: bold;
padding: 1em;
text-align: left;

  }
   @media all and (max-width: 767px) {
  h1 {
    font-size: 22px;
     }
   }

h2 {
font-size: 22px;
font-weight: bold;

background-color: #C5D7EF;
padding: 1em;
margin-bottom: 2em;
text-align: left;

  }
   @media all and (max-width: 767px) {
  h2{
    font-size: 18px;
     }
}

h3 {
  color: #484c70;
  font-size: 20px;
  text-indent: 1em; 
  font-weight: bold;
  line-height: 2em;
  margin: 3em 0 2em;
  border-bottom: 2px solid #484c70;
  text-align: left;
  }

  @media screen and (max-width: 767px) {
    h3{
    font-size: 18px;
  }
}
h4 {
  font-size: 20px;
  margin-bottom: 20px;
 }
@media screen and (max-width: 767px) {
      h4{
    font-size: 16px;
  }
}

/*********************************
シングル用 ul list
*********************************/
.single-ul{
  display: block;

   li{
      text-align: left;
      padding: 0.5em 0.8em;
    }
}


/*********************************
下層ページ　Header
*********************************/

.image_header {
  background-image: url("../images/header-category-damy.png");
  display: block;
  position: relative;
  object-fit: cover;
  height: 250px;
  width: 100%;
}
.image_header_menu {
  background-image: url("../images/header2-2.png");
  display: block;
  position: relative;
  object-fit: cover;
  height: 250px;
  width: 100%;
  background-position: 0%  40%;
}
.image_header_voice {
  background-image: url("../images/header-category-damy.png");
  display: block;
  position: relative;
  object-fit: cover;
  height: 250px;
  width: 100%;
  background-position: 0%  20%;
}


@media all and (max-width: 767px) {
  .image_header {
    background-size: cover; 
    height: 10px;
    
  }
}

.image_header::after {
  content: "";
  background: rgba(255, 255, 255, 0);/* 背景の透明度 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.header_info {
  position: absolute;
  top: 50%;
  padding-left: 5%;
}

.header_info div:first-child {
  
  text-align: left;
  font-size: 50px;
  letter-spacing: 3.45px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  opacity: 1;
}

.header_info div:nth-child(2) {
  text-align: left;
  font-size: 18px;
  letter-spacing: 2.7px;
  color: rgba(255, 255, 255, 1);
  opacity: 1;
}
@media screen and (max-width: 767px) {


  .header_info div:first-child {
    
    font-size: 20px;
    letter-spacing: 3.45px;
  }
  
  .header_info div:nth-child(2) {
    
    font-size: 14px;
    letter-spacing: 2.7px;
  }
}

.title {
  text-align: left;
  letter-spacing: 0;
  color: #000000dd;
  opacity: 1;
  width: fit-content;
}


.header.scrolled {
  top: -40px;
}

/*********************************
カテゴリページ 1カラム
*********************************/

.container-1column {
  padding: 0;
  margin: 0;
  width: 100%;
  margin: 0 auto;
}

/*********************************
カテゴリページ 2カラム
*********************************/

.container-2column {
  padding: 0;
  margin: 0;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.main {
  padding: 40px;
  flex: 1;
  background-color: rgb(255, 255, 255);
  min-height: 100vh;
}
@media screen and (max-width: 767px) {
  .main {
    padding: 0.3em;
  }
}
.side {
  width: 25%;
  min-width: 250px;
  background:#eaf2f5;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .side {
    width: 100%;
    align-items: center;
  }
  .container-2column {
    display: block;
  }
}


  
/*********************************
右　レイアウト　news
*********************************/

.news-textall{
  text-align: left;
}
.page-news-title{
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}
.news-textall{
 padding: 0.5em 0 0.5em 1.5em;
}
.page-news-box{
	display: block;
  padding-top: 2em;
  padding-bottom: 2em;
}
.page-news-text{
  text-align: left;
}
.news-pagination{
  margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
  .page-news-box{
    display: block;
    text-align: center;
  }
  .news-textall{
    text-align: center;
  }
}