@charset 'UTF-8';
/*  Add Custom CSS here.  */
#wrap{
   margin-top: 115px;
   padding-bottom: 200px;
}


.wp-block-button .wp-block-button__link {
    display: inline-block;
    padding: 13px 50px;
    margin: 0 10px;
    border-radius: 50px;
    background-color: #09c0e2;
    color: #FFFFFF;
    text-decoration: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-weight: bold;
    font-size: 16px;
}

.wp-block-button .wp-block-button__link:hover {
    background-color: #F8334A !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}
.header-under{
   display: flex;
   justify-content: space-between;
}
.gNavi {
   width: 900px;
}
.layerMenu .gNavi>li {
   margin-left: 40px;
}

 /*------------------------------------------------------------
 pagenation
 --------------------------------------------------------------*/
 .page-numbers {
   display: flex;
   justify-content: center;
}

.page-numbers a:not(.next):hover, .page-numbers span.current {
   background: #09C0E2;
   color: #fff;
   border: solid 2px #09C0E2;
   opacity: 1;
}

.page-numbers span,
.page-numbers a{
   line-height: 46px;
   display: inline-block;
   vertical-align: top;
   margin: 0 10px;
   color: #09C0E2;
   text-align: center;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   border: solid 2px #CAEEF8;
   background: #fff;
   font-family: 'Nunito', sans-serif;
   font-size: 18px;
   font-weight: bold;
}
.page-numbers.dots{
   margin: 0;
   width: 35px;
   height: 50px;
   border: none;
   font-weight: normal;
}
.page-numbers .prev,
.page-numbers .next{
   font-size: 0rem;
   position: relative;
   border: 0 !important;
   background-color: transparent !important;
}
.page-numbers .prev{
   left: -5px;
}
.page-numbers .next{
   right: -5px;
}
.page-numbers .prev::before {
   position: absolute;
   content: '';
   background: url(/wp/wp-content/themes/conyx-president/images/common/icon/ico_prev_post.svg) no-repeat;
   background-size: 100% 100%;
   width: 21px;
   height: 19px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.page-numbers .next::before {
   position: absolute;
   content: '';
   background: url(/wp/wp-content/themes/conyx-president/images/common/icon/ico_next_post.svg) no-repeat;
   background-size: 100% 100%;
   width: 21px;
   height: 19px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

/* ロゴ */
.header p.logo {
  position: absolute;
  top: 35px;
  left: 30px;
  display: flex;
  align-items: center;
  max-width: 351px !important;
}
.header p.logo.sp {
   display: none;
}
@media only screen and (max-width: 991px) {
   .header p.logo.sp {
      display: block!important;
   }
}

.header p.logo a{
   display: flex;
   gap: 15px;
   align-items: center;
   font-weight: bold;
   font-size: 20px;
   color: #515151;
}
@media (max-width: 1024px) {
    .header p.logo {
        position: absolute;
        top: 30px;
        left: 30px;
        display: flex;
        align-items: center;
        max-width: 281px !important;
    }
}
.header picture.logo{
   width: 181px;
}
.header picture.logo+span{
   white-space: nowrap;
}
.header .logo img {
  display: block;
  width: 181px;
}
.header .logo-side-image {
  margin-left: 20px;
  height: auto;
  max-height: 60px;
}

@media only screen and (max-width: 1200px) {
   .header .logo-side-image {
      position: absolute;
      left: 12px;
      bottom: -48px;
      margin-left: 0;
   }
   .header .logo-side-image img{
     width: 173px!important;
   }
}


.header .logo-side-image img{
  width: 192px;
  max-width: unset;
}
@media (max-width: 1200px) {
   .logo-side-image {
   /* width: 110px !important; */
   }
}

.top-img-post {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius: 20px;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    position: relative;
}


@media (max-width: 767px) {
    .top-img-post {
        width: 100%;
        height: 160px;
        overflow: hidden;
        border-radius: 20px;
        border: 1.5px solid rgba(0, 0, 0, 0.1);
        /* display: flex; */
        align-items: center;
        justify-content: center;
        margin-top: 40px;
        position: relative;
        display: none;
    }
}

/* ヘッダー */
@media only screen and (max-width: 1024px) {
    .header .inHeader {
        max-width: none !important;
    }
}

@media only screen and (min-width: 1025px) {
    .header .inHeader {
        max-width: none !important;
    }
}

@media only screen and (min-width: 992px) {
    .header .inHeader {
        border-radius:0 0 0 0 !important;
    }
}

.gNavi a:hover {
    color: #09C0E2;
}

.ttl_h1 {
    top: 10px;
    white-space: nowrap;
    text-align: left !important;
}

@media only screen and (max-width: 991px) {
    .layerMenu .gNavi {
        order: 0;
        margin-top: 100px !important;
        margin-bottom: 34px
    }
}


@media only screen and (min-width: 990px) {
    .gNavi {
        transform: scale(0.85);
        transform-origin: right center;
        width: 700px;
    }
   .layerMenu .gNavi>li {
       margin-left: 30px;
   }

}

/**/
@media only screen and (min-width: 1025px) {
    .c-btnct:hover {

    }
}

@media only screen and (min-width: 991px) {
    .c-btnct:hover {
        opacity:1;
        background-color: #F8334A;
        color: #fff
    }
}

/**/

@media only screen and (min-width: 1025px) {
    .c-block01__wrap:hover {

    }

    .c-block01__wrap:hover .c-block01__txt {

    }

    .c-block01__wrap:hover .c-block01__btn p {

    }

    .c-block01__wrap:hover .c-block01__btn p::before {

    }
}

@media only screen and (min-width: 991px) {
    .c-block01__wrap:hover {
        opacity:1
    }

    .c-block01__wrap:hover .c-block01__txt {
        /* color: #F8334A */
    }

    .c-block01__wrap:hover .c-block01__btn p {
        background-color: #F8334A;
        opacity: 1
    }

    .c-block01__wrap:hover .c-block01__btn p::before {
        -webkit-transform: translate(50%, -53%) rotate(10deg);
        -moz-transform: translate(50%, -53%) rotate(10deg);
        -ms-transform: translate(50%, -53%) rotate(10deg);
        -o-transform: translate(50%, -53%) rotate(10deg);
        transform: translate(50%, -53%) rotate(10deg)
    }
}

/* sns */
.calling .c-ico-sns {
    margin-left: 21px;
}
@media only screen and (max-width: 991px) {
    .layerMenu .hNavi .calling .c-ico-sns {
        margin: 0;
    }
}

@media only screen and (min-width: 991px) {
    .hNavi {
        transform: scale(0.8);
        transform-origin: right center;
    }
}

/* フッター */
.footer__txt .logo-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer__txt .logo-wrapper .logo-aichi {
    margin-left: 10px;
}

/* news */
.cat.color-mediumseagreen {
    color: #3cb371;
}

.color-mediumseagreen .cat {
    border-color: #3cb371;
    color: #3cb371
}

@media only screen and (min-width: 1025px) {
    .list-posts a.color-mediumseagreen:hover .date,.list-posts .item-link.color-mediumseagreen:hover .date {
        color:#3cb371
    }

    .list-posts a.color-mediumseagreen:hover .date::after,.list-posts .item-link.color-mediumseagreen:hover .date::after {
        background: #3cb371
    }

    .list-posts a.color-mediumseagreen:hover .cat,.list-posts .item-link.color-mediumseagreen:hover .cat {
        background: #3cb371
    }

    .list-posts a.color-mediumseagreen:hover .title-post,.list-posts a.color-mediumseagreen:hover .case-list,.list-posts .item-link.color-mediumseagreen:hover .title-post,.list-posts .item-link.color-mediumseagreen:hover .case-list {
        color: #3cb371
    }

    .list-posts a.color-mediumseagreen:hover .case-list li:first-child::after,.list-posts a.color-mediumseagreen:hover .case-list li:last-child::after,.list-posts .item-link.color-mediumseagreen:hover .case-list li:first-child::after,.list-posts .item-link.color-mediumseagreen:hover .case-list li:last-child::after {
        width: 100%
    }
}

/* top */
.top-list .color-mediumseagreen .cate{
    border:2px solid #3cb371;
    color:#3cb371
}
.top-list .color-mediumseagreen .date::after{
    background-color:#3cb371
}
@media only screen and (min-width: 1025px){
    .top-list__col:hover a.color-mediumseagreen{
        opacity:1;
        color:#3cb371
    }
    .top-list__col:hover a.color-mediumseagreen .cate{
        border-color:#3cb371;
        color:#fff;
        background-color:#3cb371
    }
    .top-list__col:hover a.color-mediumseagreen .date{
        color:#3cb371
    }
    .top-list__col:hover a.color-mediumseagreen .date:after{
        width:55%
    }
}


@media only screen and (max-width: 599px) {
   .header picture.logo{
      width: 148px;
   }
   .header p.logo a {
      font-size: 16px;
   }
   .layerMenu .gNavi {
      margin-top: 143px !important;
   }
}