@charset "UTF-8";

.period {
  margin-top: 3em;
}
.period h4 {
  margin-top: 3em;
  font-weight: 600;
  font-size: 18px;
}
.period h4 + p {
  margin-top: 2em;
}
.page_link {
  margin-top: 3em !important;
}
ul.marker-disc {
  margin-top: 1em;
  margin-left: .5em;
}
ul.marker-disc li {
  margin-left: 1em;
}
ol li {
  margin-top: .5em;
}
ol.ppi li {
  list-style-type: none;
	counter-increment: cnt;
}
ol.ppi li.idt23 {
  padding-left: 2.3em;
  text-indent: -2.3em;
}
ol.ppi li.idt18 {
  padding-left: 1.8em;
  text-indent: -1.8em;
}
ol.ppl ul.warichu li.idt20 {
  padding-left: 2em;
  text-indent: -2em;
}
ol.ppi li::before {
  content: "（" counter(cnt) "） ";
}
dl {
  margin-top: .5em;
}


.period h3 + p + ul {
  margin-top: 1em;
}

@media screen and (max-width: 480px) {

  .period h4,
  .page_link {
    margin-top: 2em !important;
  }

}

#news {
  background: #f5f5f5;
  padding: 4em 0;
}

.date {
  text-align:right;
}

.title {
  text-decoration: none!important;
}

.tag-list{
margin-bottom: 10px;
}

.article .tag {
  padding: 5px 20px!important;
  font-size: 1em!important;
}

.btn a {
  display: block!important;
  width: 200px!important;
  padding: .65em 1em;
  background-image: url(../../../common/img/icon/icon_arrow_02.svg)!important;
  background-position: right 1em center!important;
  background-repeat: no-repeat!important;
  background-color: var(--color-button-theme);!important;
  background-size: 7px 10px!important;
  text-align: center!important;
  transition: var(--transition)!important;
  font-size: 16px!important;
}

.btn a:hover {
  background-image: url(../../../common/img/icon/icon_arrow_01.svg)!important;
  background-position: right .5em center!important;
  background-color: #fff!important;
}

/* Style for the select element */
.styled-select {
  width: 100%;
  padding: 10px 30px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  color:#333;
  font-size: 16px;
  cursor: pointer;
}

.styled-select::after {
content: "";
position: absolute;
right: 1em;
top: calc(50% - 4px);
display: block;
width: 8px;
height: 8px;
border-right: 2px solid #008586;
border-bottom: 2px solid #008586;
transform: rotate(45deg);
}

/* Remove default arrow in IE */
.styled-select::-ms-expand {
  display: none;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .styled-select {
      font-size: 14px;
      padding: 8px 12px;
  }
}

@media screen and (max-width: 768px) {
  .inner2 {
    padding:0 20px!important;
    width:100%!important;
    
  }
  #news {
    padding: 4em 0!important;
  }
  section h1::before {
    left: 20px!important;
    
  }
}

.inner2 {
  padding:0 110px;
  margin:0 auto;
  width: clamp(769px, 100%, 1520px);
}

section h1::before {
  left: 110px!important;
  
}