@charset "utf-8";

.navDrawr > ul > li.news-menu{border-bottom: 8px solid #e84709;}
.pagenavi{bottom: 30px;left: 50%;}
.wp-pagenavi {  clear: both;}
.topMain{position: relative;}
.sec2 .news-cont li{display: flex;flex-direction: column;align-items: stretch;}
.sec2 .news-cont li .img{aspect-ratio: 1 / 1;width: 100%;max-width: 300px; overflow: hidden;display: flex;align-items: center;justify-content: center;}
.sec2 li img{border: 1px solid #00aeac;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 #00aeac;color: #00aeac;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;margin-top: auto;}
.sec2 .more-news { box-sizing: border-box; display: block; position: relative;width: 25px; height: 25px;border: solid 2px #e84709;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 #e84709;
    transform: rotate(45deg);
    transform-origin: top right;
    border-left: 0;
    border-bottom: 0;
}
.sec2 a.read-more:hover .more-news {border: solid 2px #e84709;background-color: #e84709;}
.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 #00aeac;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: #00aeac; 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: #e84709;}
.pagenavi .wp-pagenavi span {  display: inline-block;  width: 40px;  height: 40px;  text-align: center;  box-sizing: border-box;  border-radius: 7px;margin: 5px;}
.pagenavi .wp-pagenavi .current {background: #00aeac; color: #FFF;margin: 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: #00aeac;margin:5px;padding: 3px 5px;}
.pagenavi .wp-pagenavi a:hover{color: #FFF;background: #00aeac;border: 1px solid #00aeac;}
.no-post{color: #00aeac;font-size: 25px;text-align: center;font-weight: bold;width: calc(100% - 25%);}
.pre_box_left {text-align: left;display: block;font-weight: bold;}
.pre_box_right {text-align: right;display: block;font-weight: bold;}
.pre_box_right a,
.pre_box_left a { padding: 10px 25px 10px 25px;position: relative;color: #fff;background: #000058;}

.sec2 .news-cont li{display: flex;flex-direction: column;align-items: stretch;}
.pagenavi .wp-pagenavi a.nextpostslink{margin: 5px;}

/*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: #00aeac; 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;margin: 0;}
    .sec2 .news-cont{display: flex;flex-wrap: wrap; justify-content: flex-start; }
    .sec2 ul.cat-btn li.active a{color: #fff;background-color: #e84709;}
    .sec2 .news-cont li{margin: 45px 20px; flex-basis: 250px; }

    .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: #00aeac;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;padding-bottom: 0;margin: 0px auto 0px auto;justify-content: center;display: flex; align-items: center;}
    .pre_box_center {margin: 0 40px;text-align: center;display: block;}
    .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 {margin: 45px 30px;max-width: 250px;}
}
@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 { margin: 45px 30px;}
	.sec2 .cat {padding: 0px 20px;border: 1px solid #00aeac;color: #00aeac;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: #00aeac; 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: 30%;}
    .sec2 .news-cont li {margin: 45px 10px;max-width: 200px;}
    #topics .news-cont .cat {color: #00aeac; font-weight: bold;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: #00aeac;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;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 #00aeac;}
    .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: #00aeac; 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: #00aeac;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: #00aeac; 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: #00aeac; display: block; border: 1px solid #66cef6;border-radius: 5px; padding: 10px;}
    .sec1 .wrap ul.cat-btn li:hover {background: #e84709;  color: #fff;transition: 0;}
    .sec1 .wrap ul.cat-btn li a:hover {color: #fff;transition: 0; border: 1px solid #e84709;}
    .no-post {width: auto;padding: 60px 0;font-size: 16px;}

	
    .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-start;flex-wrap: wrap;}
    .sec2 .news-cont li .img {aspect-ratio: 9 / 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; flex-wrap: wrap; width: 90%; justify-content:center; }
    .pagenavi .wp-pagenavi .current,
    .pagenavi .wp-pagenavi a{margin: 5px;}
    .pre_box {padding-top: 30px;width: 100%;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: #00aeac;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: 30px;width: 100%;padding-bottom: 10px;margin: 0px auto 0px auto;display: flex; }
    .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;}
}