@charset "utf-8";




.navDrawr > ul > li.news-menu{
	border-bottom: 8px solid #f9a70c;
}
.pagenavi{
	/*position: absolute;*/
	bottom: 30px;
	left: 50%;
}
.wp-pagenavi {
    clear: both;
}
.topMain{
	position: relative;
}
.sec2{
	
}
  .sec2 .news-cont li .img{
	aspect-ratio: 9.8 / 9;
}
.sec2 li img{
	border: 1px solid #10a0da;
	border-radius: 10px;
    height: 100%;
    width: 100%;
	    object-fit: contain;
}
.sec2 .day-wrap{
	padding-top: 15px;
}

 .sec2 .day{
	font-weight: bold;
	font-size: 15px;
	color: #6b6b6b;
}
.sec2 .cat{
	padding: 0px 25px;
	border: 1px solid #10a0da;
	color: #1a8bb9;
	display: block;
	font-weight: bold;
	border-radius: 30px;
	width: fit-content;
	margin-right: 10px;
}
.sec2 .ttl{
	padding-top: 1em;
	padding-bottom: 20px;
    font-weight: bold;
}
.sec2 a.read-more{
    display: flex;
    justify-content: right;
    align-items: anchor-center;
}
.sec2 .more-news {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    border: solid 2px #f9a70c;
    border-radius: 50%;
    background-color: #fff;
    -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;
}
.sec2 .more-news:before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 33%;
    width: 8px;
    height: 8px;
    border: 2px solid #f9a70c;
    transform: rotate(45deg);
    transform-origin: top right;
    border-left: 0;
    border-bottom: 0;
}
.sec2 a.read-more:hover .more-news {
    border: solid 2px #f9a70c;
    background-color: #f9a70c;
}
.sec2 a.read-more:hover .more-news:before{
	content: "";
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 33%;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    transform: rotate(45deg);
    transform-origin: top right;
    border-left: 0;
    border-bottom: 0;
}
.sec2 .side {
  height: fit-content;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
	border: 1px solid #10a0da;
	border-radius: 0 0 50px 0;
	background-color: #fff;
}

	.sec2 ul.cat-btn{
		display: flex;
		justify-content: space-evenly;
		margin: 0 auto;
		margin-top: auto;
		flex-direction: column;
		    padding-top: 80px;
		    padding-bottom: 30px;
}
	.sec2 ul.cat-btn li {
    text-align: center;
    border-radius: 5px;
}
	.sec2 ul.cat-btn li a {
font-weight: bold;
    color: #1a8bb9;
    display: block;
    padding: 12px 40px;
    text-align: left;
    padding-left: 130px;
	font-size: 16px;
}
.sec2 ul.cat-btn li:last-child a{
	padding-bottom: 15px;
	border-radius: 0 0 10px 0;
}

	.sec2 ul.cat-btn li a:hover {
	color: #fff;
	transition: 0;
		background-color: #ffa647;
		transition: 0;
  }


    .pagenavi .wp-pagenavi span {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        box-sizing: border-box;
        border-radius: 7px;
    }
    .pagenavi .wp-pagenavi .current {
        background: #10a0da;
        color: #FFF;
		margin: 0 5px;
		padding: 3px 5px;
    }
    .pagenavi .wp-pagenavi a {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        box-sizing: border-box;
		border: 1px solid;
		border-radius: 7px;
		color: #10a0da;
		margin: 0 5px;
		padding: 3px 5px;
    }
.pagenavi .wp-pagenavi a:hover{
	color: #FFF;
	background: #10a0da;
	border: 1px solid #10a0da;
}
.no-post{
	color: #10a0da;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	width: calc(100% - 25%);
}

/*max-1030px*/
@media print, screen and ( min-width: 1030px ) {
.navDrawr > ul > li.news-menu  {
    display: inline-block;
    position: relative;
    cursor: pointer;
  }
.sec1 { background: #FFF; padding: 120px 0 0;}
.sec1 .wrap { height: 210px; padding-top: 90px; box-sizing: border-box; display: flex; justify-content: center;flex-direction: column;}
.sec1 .wrap h2 { font-size: 45px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #10a0da; text-align: center; display: inline-block;}
.sec1 .wrap h2 span { font-size: 20px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 40px; display: block;}

	
.sec2 { background: #FFF; padding: 85px 0 280px; }
	    #topics .ma-left-wrap {
        max-width: 1340px;
        width: 100%;
        margin: 0 auto;
        margin-left: 20%;
	}	
.sec2 .day-wrap{
	justify-content: left;
	align-items: anchor-center;
	display: flex;
  }
	 .sec2 .news-cont{
	  display: flex;
	  flex-wrap: wrap;
		 justify-content: flex-start;
  }
	.sec2 ul.cat-btn li.active a{
		color: #fff;
    background-color: #ffa647;
	}
 .sec2 .news-cont li{
		margin: 45px 20px;
        width: calc(100% - 79%);
}

/*.sec2 .side {
  position: absolute;
  top: 0;
	left: 90px;
	}*/
.news .single {
	margin-bottom: 70px;
}
.news .img {
	max-width: 40%;
    margin-top: 90px;
}
	.-single .flex{
		justify-content: flex-start;
	}
.-date {
    color: #035c93;
	margin-bottom: 10px;
}
.-cat {
    color: #3296bf;
    font-weight: bold;
    border: 1px solid;
    padding: 0 10px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.-text {
	margin-top: 35px;
}
.-title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #6c6c6c;
    border-top: 2px solid #6c6c6c;
    margin-bottom: 20px;
    padding: 30px 0;
    position: relative;
}
.pre_box {
	padding-top: 110px;
	/*width: 570px;*/
	padding-bottom: 0;
	margin: 0px auto 0px auto;
	justify-content: center;
 }
 .pre_box_left {
	width: 160px;
	float: left;
	text-align: left;
	display: block;
	font-weight: bold;
 }
 .pre_box_center {
	width: 100%;
	float: left;
	text-align: center;
	display: block;
	 
 }
 .pre_box_right {
	width: 160px;
	float: left;
	text-align: right;
	display: block;
	font-weight: bold;

 }
 .pre_box_center a {
    background: #000058;
    color: #fff;
    padding: 10px 50px;
 }
 .news-inner .fa {
    font-weight: 900;
    color: #000058;
 }
.fa.fa-chevron-left {
    margin-right: 10px;
 }
.fa.fa-chevron-right {
    margin-left: 10px;
 }
}

@media screen and ( min-width: 1540px ) and ( max-width: 1670px ) {
	    #topics .ma-left-wrap {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        margin-left: 20%;
    }
}
@media screen and ( min-width: 1400px ) and ( max-width: 1540px ) {
    #topics .ma-left-wrap {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        margin-left: 21%;
    }

}
@media screen and ( min-width: 1230px ) and ( max-width: 1400px ) {
    #topics .ma-left-wrap {
        max-width: 970px;
        width: 100%;
        margin: 0 auto;
        margin-left: 24%;
    }
	    #topics .news-cont li {
        width: 25%;
        margin: 45px 30px;
    }
}
@media screen and ( min-width: 769px ) and ( max-width: 1230px ) {
    #topics .ma-left-wrap {
        max-width: 880px;
        width: 100%;
        margin: 0 auto;
        margin-left: 23%;
    }
	    .sec2 .news-cont li {
        width: 25%;
        margin: 45px 30px;
    }
	.sec2 .cat {
    padding: 0px 20px;
    border: 1px solid #10a0da;
    color: #1a8bb9;
    display: block;
    font-weight: bold;
    border-radius: 30px;
    width: fit-content;
    margin-right: 10px;
}
}
/*769px-1029px*/
@media screen and ( min-width: 769px ) and ( max-width: 1029px ) {

.sec1 { background: #FFF; padding: 120px 0 0;}
.sec1 .wrap { padding-bottom: 50px; padding-top: 50px; box-sizing: border-box; display: flex; justify-content: center;flex-direction: column;}
.sec1 .wrap h2 { font-size: 45px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #3296bf; text-align: center; display: inline-block;}
.sec1 .wrap h2 span { font-size: 20px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 40px; display: block;}

.sec2 { background: #fff; padding: 85px 0 160px;}
.sec2 .wrap { width: 100%; padding: 0 10px;}


#topics .news-cont li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
    .sec2 .news-cont {
        display: flex;
        flex-wrap: wrap;
		max-width: 660px;
    }
	    #topics .ma-left-wrap {
        max-width: 810px;
        width: 100%;
        margin: 0 auto;
        margin-left: 22%;
    }
	    .sec2 .news-cont li {
        width: 30%;
        margin: 45px 10px;
    }
    #topics .news-cont .cat {
        color: #3296bf;
        font-weight: bold;
        /* padding-right: 30px; */
        border: 1px solid;
        padding: 2px 9px;
        margin-right: 17px;
    }
	#topics .news-cont .ttl {
		width: 100%;
}
	#topics .news-cont .ttl {
		font-size: 14px;
	}

	#topics .news-cont .day-wrap {
		line-height: 1em;
		text-align: center;
}
	

.news .single {
	margin-bottom: 70px;
}
.news .img {
	max-width: 40%;
    margin-top: 90px;
}
.-single .flex{
	justify-content: flex-start;
}
.-date {
    color: #035c93;
	margin-bottom: 10px;
}
.-cat {
    color: #3296bf;
    font-weight: bold;
    border: 1px solid;
    padding: 0 10px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.-text {
	margin-top: 35px;
}
.-title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #6c6c6c;
    border-top: 2px solid #6c6c6c;
    margin-bottom: 20px;
    padding: 30px 0;
    position: relative;
}
.pre_box {
	padding-top: 110px;
	/*width: 570px;*/
	padding-bottom: 0;
	margin: 0px auto 0px auto;
	justify-content: center;
 }
 .pre_box_left {
	width: 160px;
	float: left;
	text-align: left;
	display: block;
	font-weight: bold;
 }
 .pre_box_center {
	width: 100%;
	float: left;
	text-align: center;
	display: block;
	 
 }
 .pre_box_right {
	width: 160px;
	float: left;
	text-align: right;
	display: block;
	font-weight: bold;

 }
 .pre_box_center a {
    background: #000058;
    color: #fff;
    padding: 10px 50px;
 }
 .news-inner .fa {
    font-weight: 900;
    color: #000058;
 }
.fa.fa-chevron-left {
    margin-right: 10px;
 }
.fa.fa-chevron-right {
    margin-left: 10px;
 }
	
}



/*768px-min*/
@media only screen and ( max-width: 768px ) {
	nav ul {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
		border-top: 1px solid #1a8bb9;
}
.navDrawr {
        background-color: rgba(255, 255, 255, 1);
        position: fixed;
        width: 100%;
        top: 75px;
        bottom: 0;
        right: -100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 999;
    }
.navDrawr > ul.container > li > a {
		font-size: 15px;
        font-weight: bold;
        text-align: center;
        padding: 13px 5px;
	border-left: 1px solid;
        border-right: 1px solid;
}
.navDrawr > ul > li {
        float: none;
        width: 50%;
        padding: 0;
    }
	.navDrawr > ul > li.top-reverse{
		 width: 100%;
	}
	.navDrawr a::after{
		display: none;
	}
.navDrawr h2 {
        font-size: 30px;
        font-family: Arial, Helvetica, "sans-serif";
        line-height: 45px;
        font-weight: 600;
        color: #3296bf;
        text-align: center;
        margin: 0 auto;
	padding: 20px 0;
    }
.navDrawr h2 span {
        font-size: 15px;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        line-height: 25px;
        display: block;
    }
	.navDrawr > ul.container > li.top-reverse > a{
		background-color: #1a8bb9;
		        padding: 15px 5px;
		color: #fff;
	}
.sec1 { background: #FFF; padding: 120px 0 0;}
.sec1 .wrap { padding-top: 20px; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column;}
.sec1 .wrap h2 { font-size: 30px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #3296bf; text-align: center; display: inline-block;}
.sec1 .wrap h2 span { font-size: 15px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 25px; display: block;}

	.sec1 .wrap ul.cat-btn{
		display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
	}
	.sec1 .wrap ul.cat-btn li {
    text-align: center;
	margin: 10px 5px;
	border-radius: 5px;
	width: 30%;
}
	.sec1 .wrap ul.cat-btn li a {
    font-weight: bold;
    color: #1a8bb9;
    display: block;
    border: 1px solid #66cef6;
    border-radius: 5px;
    padding: 10px;
}
	.sec1 .wrap ul.cat-btn li:hover {
	background: #ffa647;
	  color: #fff;
	transition: 0;
  }
	.sec1 .wrap ul.cat-btn li a:hover {
	color: #fff;
	transition: 0;
	  border: 1px solid #ffa647;
  }
	.no-post {
		width: auto;
    padding: 60px 0;
}
	
	
.sec2 { background: #fff; position: relative;}
.sec2 .wrap { width: 100%; padding: 0 10px;}
	
    .sec2 .news-cont li {
        width: 50%;
        padding: 25px 5px;
    }
	.sec2 .news-cont {
    justify-items: right;
		margin-top: 3em;
		display: flex;
		justify-content: flex-end;
		        flex-wrap: wrap;
}
	    .sec2 .news-cont li .img {
        aspect-ratio: 9.8 / 9;
		border-radius: 10px;
    }
	.sec2 .ttl{
	    padding-top: 5px;
    	padding-bottom: 10px;
	}
	.sec2 .side{
		display: none;
	}
	.sec2 .wrap ul.cat-btn li a{
		font-size: 12px;
		padding: 6px 14px;
	}
	

	.pagenavi{
        display: flex;
        justify-content: center;
	}
	.pagenavi .wp-pagenavi {
        font-size: 18px;
        font-family: 'Oswald', sans-serif;
        padding: 50px 0 100px;
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        width: 60%;
    }
	.pagenavi .wp-pagenavi .current,
	.pagenavi .wp-pagenavi a{
		margin: 5px;
	}
	
.pre_box {
	/*padding-top: 65px;*/
	padding-top: 30px;
	width: 100%;
	/*padding-bottom: 65px;*/
	padding-bottom: 10px;
	margin: 0px auto 0px auto;
 }
 .pre_box_left {
	text-align: center;
	display: block;
	margin: 0px auto 15px auto;
 }
 .pre_box_center {
	text-align: center;
	display: block;
	margin: 0px auto 15px auto;
 }
 .pre_box_center a {
	padding: 10px 36px;
 }
 .pre_box_right {
	   text-align: center;
	display: block;
	margin: 0px auto 15px auto;
 }
	
.news .single {
	margin-bottom: 70px;
}
.news .img {
	max-width: 40%;
    margin-top: 90px;
}
.-single .flex{
	display: flex;
	justify-content: flex-start;
	margin-top: 30px;
}
	.-cat {
    color: #3296bf;
    font-weight: bold;
    border: 1px solid;
    padding: 0 10px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.-date {
    color: #035c93;
	margin-bottom: 10px;
}
.-text {
	margin-top: 35px;
}
.-title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #6c6c6c;
    border-top: 2px solid #6c6c6c;
    margin-bottom: 20px;
    padding: 30px 0;
    position: relative;
}
.pre_box {
        /*padding-top: 65px;*/
        padding-top: 30px;
        width: 100%;
        /*padding-bottom: 65px;*/
        padding-bottom: 10px;
        margin: 0px auto 0px auto;
     }
     .pre_box_left {
        text-align: center;
        display: block;
        margin: 0px auto 15px auto;
     }
     .pre_box_center {
        text-align: center;
        display: block;
        margin: 0px auto 15px auto;
     }
     .pre_box_center a {
    background: #000058;
    color: #fff;
    padding: 10px 50px;
    margin-bottom: 20px;
     }
     .pre_box_right {
           text-align: center;
        display: block;
        margin: 0px auto 15px auto;
     }
 .news-inner .fa {
    font-weight: 900;
    color: #000058;
 }
.fa.fa-chevron-left {
    margin-right: 10px;
 }
.fa.fa-chevron-right {
    margin-left: 10px;
 }
}