@charset "utf-8";
/*****共通*****/
 #newsMain .key-wrap {
     background-image: linear-gradient(#ffffff 30%, #01b097 53%, #0065b5 81%);
     position: relative;
}
 #newsMain .topKeyimages {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
}

/* 白背景 */
 #newsMain .topkey-bg-white {
     position: fixed;
     inset: 0;
     background: #fff;
     z-index: 999;
    /* ページ最前面 */
     opacity: 1;
     transition: opacity 1.5s ease;
}
 #newsMain .topkey-bg-white.is-hide {
     opacity: 0;
}
 #newsMain .key-ttl-wrap {
     position: absolute;
     z-index: 10;
     left: 8%;
     bottom: 17%;
     text-align: left;
}
 #newsMain .key-ttl-wrap h1 {
     color: #fff;
     text-align: center;
     font-size: 120px;
     font-family: "HelveticaLTPro-Roman", Helvetica, "Arial", "sans-serif";
     font-weight: bold;
     letter-spacing: 0;
     line-height: normal;
}
 #newsMain .key-ttl-wrap h4 {
     font-size: 28px;
     color: #01b097;
     font-weight: bold;
     position: relative;
     letter-spacing: 0px;
     transform-origin: left;
}
 @media screen and (min-width: 768px){
	  #newsMain .topKeyimages .key-wrap:after {
    position: absolute;
    content: "";
    background: url(../images/top/before-recruit.png) no-repeat center / contain;
    bottom: 30px;
    right: 2%;
    width: 320px;
    height: 220px;
    z-index: 13;
}
     #newsMain .key-wrap {
         height: 100vh;
    }
     #newsMain .topKeyimages .key-wrap {
         height: 50vh;
    }
     #newsMain .topKeyimages .key-space {
        height: 35vh;
        margin: 70px;
    }
}
@media (min-width: 1350px) and (max-width: 1370px) 
  and (min-height: 1010px) and (max-height: 1030px) {
	#newsMain .topKeyimages .key-wrap {
		height: 26vh;
	}
    #newsMain .topKeyimages .key-space {
        height: 17vh;
        margin: 70px;
    }
}
 @media screen and (max-width: 767px) {
     #newsMain .key-ttl-wrap h1 {
         font-size: 50px;
         line-height: normal;
    }
	 #newsMain .key-ttl-wrap h4 {
		 font-size: 20px;
	 }
	 #newsMain .key-ttl-wrap {
    position: absolute;
    z-index: 10;
    left: 8%;
    bottom: 26%;
    text-align: left;
}
}
/*****共通end*****/
 #newsMain .sec1 {
     width: 100%;
     position: relative;
     margin-top: 470px;
     background-color: #fff;
     padding-top: 120px;
     padding-bottom: 150px;
}
 #newsMain .sec1:before {
	content: "";
    position: absolute;
	top: calc(-50px);
    left: 0;
    width: 100%;
    aspect-ratio: 1920 / 200;
	  background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 150' preserveAspectRatio='none'%3E%3Cpath d='M0 25 Q80 25 160 12.5 Q320 -12.5 480 12.5 Q560 25 640 25 Q720 25 800 12.5 Q960 -12.5 1120 12.5 Q1200 25 1280 25 Q1360 25 1440 12.5 Q1600 -12.5 1760 12.5 Q1840 25 1920 25 L1920 150 L0 150 Z' fill='%23ffffff'/%3E%3C/svg%3E") center top no-repeat;
	 background-size: 100% 100%;
	     z-index: -1;
}
 #newsMain .sec1 .wrap{
     max-width: 1400px;
     padding: 0 20px;
     margin: 0 auto;
     justify-content: center;
}
 #newsMain .newslist-sec1 .info-wrap {
     font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
 #newsMain .newslist-sec1 .info-wrap li a {
     display: flex;
     align-items: center;
     padding: 30px 0;
     position: relative;
}
 #newsMain .newslist-sec1 .info-wrap li a::before, #newsMain .newslist-sec1 .info-wrap li a:after{
     content: "";
     position: absolute;
     top: 40%;
     right: 25px;
     background-image: linear-gradient(to bottom, #0065b5 0%, #007fb8 40%, #01b097 100%);
     padding: 8px;
     border-radius: 30px;
}
 #newsMain .newslist-sec1 .info-wrap li a:hover:after{
     animation: pulsate 1.5s infinite;
}
 @keyframes pulsate {
     0% {
         transform: scale(1);
         opacity: 1;
    }
     100% {
         opacity: 0;
         transform: scale(3);
    }
}
 #newsMain .newslist-sec1 .info-wrap li:first-child {
     border-top: 1px solid #babfca;
}
 #newsMain .newslist-sec1 .info-wrap li {
     border-bottom: 1px solid #babfca;
}
 #newsMain .sec1 .cat{
     color: #0065b5;
     background-color: #e9e9e9;
     padding: 5px 30px;
     border-radius: 20px;
}
 #newsMain .sec1 .date{
     color: #0065b5;
     padding-left: 25px;
     font-weight: 600;
}
 #newsMain .sec1 .ttl{
     font-size: 16px;
}
 #newsMain .sec1 .cat-wrap {
     display: flex;
     flex-direction: column;
}
 #newsMain .cat-wrap a {
     background-color: #c9c9c9;
     color: #fff;
     padding: 18px 60px;
     border-radius: 50px;
     font-size: 17px;
     font-weight: bold;
     position: relative;
     text-align: center;
     align-items: center;
     margin-bottom: 10px;
     font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
 #newsMain .sec1 .cat-wrap a:hover{
     background-color: #01b097;
}
 #newsMain .sec1 .cat-wrap a.active {
     background-color: #01b097;
}
 #newsMain .sec1 .info-wrap{
     margin-bottom: 70px;
}
@media screen and (min-height: 1100px) {
	 #newsMain .sec1 {
		 margin-top: 660px;
	 }
	#newsMain .key-ttl-wrap {
		position: absolute;
		z-index: 10;
		left: 8%;
		bottom: 26%;
		text-align: left;
	}
	    #newsMain .topKeyimages .key-wrap:after {
        position: absolute;
        content: "";
        background: url(../images/top/before-recruit.png) no-repeat center / contain;
        bottom: 85px;
        right: 2%;
        width: 320px;
        height: 220px;
        z-index: 13;
	}
}
@media screen and (min-height: 940px) {
	#newsMain .sec1{
		margin-top: 500px;
	}
}
 @media screen and (min-width: 768px) {
     #newsMain .sec1 .info-wrap li .news_inner {
         padding-left: 40px;
    }
     #newsMain .sec1 .info-wrap {
         width: min(70%, 850px);
         font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
         margin-left: 10em;
    }
}
 @media screen and (min-width: 768px) and (max-width: 1380px){
     #newsMain .sec1{
         margin-top: 33em;
    }
     #newsMain .sec1 .info-wrap{
         width: min(65%, 850px);
         margin-left: 5em;
    }
}
 @media screen and (max-width: 767px) {
     #newsMain .sec1{
         margin-top: 28em;
         padding-top: 50px;
         padding-bottom: 70px;
    }
	 #newsMain .sec1:before{
		 top: -4vh;
	 }
     #newsMain .sec1 .info-wrap {
         margin-top: 30px;
    }
     #newsMain .sec1 .info-wrap li {
         border-bottom: 1px solid #babfca;
         position: relative;
         padding: 17px 20px;
		 padding-right: 50px;
    }
	 #newsMain .newslist-sec1 .info-wrap li a::before, #newsMain .newslist-sec1 .info-wrap li a:after{
		 right: -30px;
	 }
     #newsMain .sec1 .date{
         padding-left: 0;
    }
     #newsMain .sec1 .info-wrap li a {
         flex-direction: column;
         align-items: baseline;
         padding: 0;
    }
	 #newsMain .sec1 .cat-wrap{
		 flex-wrap: wrap;
		 justify-content: space-around;
		     flex-direction: row;
	 }
	 #newsMain .cat-wrap a {
    padding: 9px 23px;
    width: fit-content;
    border-radius: 50px;
		 font-size: 14px;
	 }
}
 #newsMain .dateil-sec1 .wrap {
     max-width: 1100px;
}
 #newsMain .post-inner {
     width: 100%;
     margin: 0 auto;
     background: #fff;
}
 #newsMain .post-inner .post-head {
     padding-bottom: 60px;
     padding-top: 20px;
}
 #newsMain .post-inner .post-cont{
     padding-bottom: 90px;
	 overflow: hidden;
}
 #newsMain .wp-embed{
	    width: fit-content;
}
 #newsMain .post-inner .post-cont p{
     font-size: 15px;
     line-height: 35px;
}
 #newsMain .post-inner .post-head .date {
     font-weight: bold;
     margin-right: 15px;
}
 #newsMain .post-inner .post-head .cat {
     color: #0065b5;
     background-color: #e9e9e9;
     padding: 5px 30px;
     border-radius: 20px;
     width: fit-content;
}
 #newsMain .post-inner .post-ttl {
     padding: 25px 0;
     border-bottom: 1px solid #1f56c7;
     font-weight: bold;
     font-size: 30px;
}
 #newsMain a.more-btn-trigger {
     display: flex;
     align-items: center;
     font-size: 15px;
     font-weight: 600;
     justify-content: right;
     width: fit-content;
     justify-self: right;
     font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
 #newsMain .pre_box_left a{
     background: #01b097;
     color: #fff;
     padding: 15px 30px;
     border-radius: 50px;
     margin-right: 50px;
}
 #newsMain .pre_box_right a{
     background: #01b097;
     color: #fff;
     padding: 15px 30px;
     border-radius: 50px;
     margin-left: 50px;
}
 @media screen and (min-width: 768px) {
     #newsMain .pre_box {
         padding-top: 65px;
        /* width: 570px;
         */
         padding-bottom: 65px;
         margin: 0px auto 0px auto;
         justify-content: center;
         align-items: center;
         border-top: 1px solid #1f56c7 
    }
     .pre_box_center {
    }
     .pre_box_center a {
    }
}
 @media screen and (min-width: 1380px) and (max-width: 1680px){
}
 @media screen and (min-width: 768px) and (max-width: 1380px){
}
 @media screen and (max-width: 767px) {
     #newsMain .post-inner .post-head {
         padding-bottom: 20px;
    }
     #newsMain .post-inner .post-head .date {
         font-weight: bold;
         margin-right: 15px;
         margin-top: 7px;
         font-size: 17px;
    }
     #newsMain .post-inner .post-ttl {
         font-size: 30px;
         padding-top: 0;
    }
     #newsMain .post-inner .pre_box{
         display: flex;
         justify-content: space-between;
    }
     #newsMain .pre_box_left a, #newsMain .pre_box_right a{
         background: #01b097;
         color: #fff;
         padding: 8px 12px;
         border-radius: 50px;
         margin-right: 0px;
         margin-left: 0px;
         font-size: 12px;
    }
     #newsMain .more-btn {
box-sizing: border-box;
    display: block;
    position: relative;
    width: 65px;
    height: 65px;
    border: solid 2px #01b097;
    border-radius: 50%;
    background-color: #01b097;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    float: right;
    margin-left: 20px;

    }
     #newsMain a.more-btn-trigger{
         font-size: 13px;
    }
     #newsMain .more-btn span {
    vertical-align: middle;
    color: #fff;
    line-height: 2px;
    position: absolute;
    top: 30px;
    right: 20px;
    width: 17px;
    height: 2px;
    background: #fff;
    }
}



 #newsMain .pagenavi .wp-pagenavi{
     margin: 0 auto;
	margin-top: 40px;
    width: fit-content;
}
#newsMain .wp-pagenavi a:hover,#newsMain .wp-pagenavi span.current {
     background-color: #0065b5;
     border: 1px #01b097 solid;
     color: #fff;
     place-content: center;
}
#newsMain .wp-pagenavi a,#newsMain .wp-pagenavi span {
display: inline-block;
    text-align: center;
    border: 1px #0065b5 solid;
    color: #0065b5;
    border-radius: 50px;
	padding: 15px 27px;
    font-size: 25px;
}
#newsMain .wp-pagenavi span.pages{
	display: none;
}
#newsMain .wp-pagenavi span.current {
    font-weight: bold;
    display: inline-block;
    text-align: center;
    border: 1px #0065b5 solid;
    color: #fff;
    border-radius: 50px;
	padding: 15px 27px;
    font-size: 25px;
}
 #newsMain {
     position: relative;
     z-index: 0;
}