@charset "UTF-8";
/* --------------------
   news
-------------------- */
/* -- #news-list -- */
#newslist{
   padding: 160px 0 0;
}
#newslist  .list a {
   border-radius: 20px;
   display: block;
   background-color: #fff;
   padding: 0 50px 0 40px; }
#newslist  .list a +a{
   margin-top: 10px; }
#newslist  .item {
   padding-right: 30px;
   display: flex;
   gap:20px;
   background: url("../images/common/arrow-right2.png") no-repeat center right;
   background-size: 20px auto;
   height: 80px;
   align-items: center;}
 #newslist  .item.b0 { border: none;}
 #newslist  .item p.category {
   color: #00A4E0;
   width: 100px;
   border:1px solid ;
   border-radius: 12px;
   height: 24px;
   text-align: center;
   line-height: 18px;
   padding: 2px 10px;}
 #newslist  .item p.txs-18 { flex: 1; line-height: 1.2;}
 @media screen and (max-width: 768px){
   #newslist{
      padding: 60px 0 0 ;
   }
   #newslist  .list a {
      border-radius: 10px;
      padding: 0 5vw 0 4vw; }
   #newslist  .item { flex-wrap: wrap;height: auto;gap:10px 20px;padding-top: 20px;}
   #newslist  .item p.txs-18 { width: 100%;flex: auto;padding-bottom: 20px;}}
   
@media screen and (max-width: 480px){
   #newslist  .item p.txs-18 { font-size: 16px;}
   #newslist  .item p.category { font-size: 12px;}}
/* pagenation */
.pagenation{
   display: flex;
   margin-top: 60px;
   flex-wrap: wrap;
   gap: 0.625em;
   align-items: center;
   justify-content: center; }
.pagenation li{
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #00A4E0;
   color: #fff;
   height: 2.5em;
   width: 2.5em; }
.pagenation li a{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   color: #fff;}
.pagenation li.current{
   color: #00A4E0;
   background-color: #fff; }
.pagenation li.prev,
.pagenation li.next{
   width: auto;
   padding: 0 0.5em;
}
@media screen and (max-width: 768px){
   .pagenation{
      display: flex;
      margin-top: 40px;}
}
/* --------------------
   newssingle
-------------------- */
/* -- #newssingle -- */
#newssingle .area{
  border-radius: 20px;
   padding: 100px 80px 140px;
   background-color: #fff;
}
#newssingle .area .news-sub{
   margin-bottom: 60px;
   margin-top: 20px;
   display: flex;
   align-items: center;
   gap:20px; }
#newssingle .area .news-sub p.category {
  color: #00A4E0;
  width: 100px;
  border:1px solid ;
  border-radius: 12px;
  height: 24px;
  text-align: center;
  line-height: 18px;
  padding: 2px 10px;}
#newssingle .news-main{
   overflow: hidden;
   border-radius: 20px; }
#newssingle .contet-area{margin-top: 40px;}
#newssingle .contet-area p+p{ margin-top: 1.5em; }
#newssingle .news-main img{ width: 100%; }
#newssingle a.next{ margin-top: 80px; }
@media screen and (max-width: 480px){
   #newssingle .area{ padding:10vw 8vw;}
   #newssingle a.next{ margin-top: 40px; }
   #newssingle .contet-area{margin-top: 30px;}
   #newssingle .area .news-sub { 
      margin-bottom: 30px;
      margin-top: 10px;
      flex-wrap: wrap;height: auto;gap:10px 20px;padding-top: 20px;}   
  #newssingle .area .news-sub p.category { font-size: 12px;}
  #newssingle .news-main{ border-radius: 10px; }}

.contet-area h1,.contet-area h2,.contet-area h3,.contet-area h4,.contet-area h5,.contet-area h6 {
  margin-bottom: 2.5rem;
  letter-spacing: normal;
  margin-top: 4rem;
  font-weight: 700;}
.contet-area h1,.contet-area h2 {
  border-left: 4px solid #00A4E0;
  font-weight: normal;
  padding-left: 18px;
  margin-bottom: 16px;
  font-size: 1.8rem;}
.contet-area h3 {font-size: 1.6rem; color: #00A4E0;}
.contet-area h4 { font-size: 1.4rem;color: #00A4E0;}
.contet-area h5,.contet-area h6 { font-size: 1.2rem;color: #00A4E0;}
.contet-area p { font-size: 18px;margin-bottom: 2.5rem;letter-spacing: normal;}
.contet-area a { display: inline-block;color: #008FDA;text-decoration: underline;}
.contet-area img { border-radius: 6px; margin: 1rem 0;}
.contet-area ul { list-style: decimal;font-size: 18px;padding-left: 1em;}
.contet-area ol { list-style: disc;font-size: 18px;padding-left: 1em;}
@media screen and (max-width: 768px) {
  .contet-area h1,.contet-area h2,.contet-area h3 { font-size: 1.5rem;}
  .contet-area h4,.contet-area h5,.contet-area h6 { font-size: 1.2rem;}
  .contet-area p { font-size: 16px;}
  .contet-area ul,.contet-area ol {font-size: 16px;}
  .contet-area .wp-block-image .alignright,.wp-block-image .alignleft { margin:.5em 0;float: none;}


}