@charset "UTF-8";

/* ---------------------------------------------
*   mod-news
--------------------------------------------- */

.mod-news {
    position: relative;
    min-width: 1400px;
    width: 100vw;
	height: 1410px;
/*	height: 1310px;*/
 /*height: 1230px;*/
/*height: 880px;*/

    margin-top: 100vh;
    background-color:#ffffff;
}

/*.mod-news:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 82px;
    height: 12px;
    background: url(/img/sp/trapezoid_1.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    transform: translateX(-50%);
}

.mod-news:after {
    position: absolute;
    top: -11px;
    left: 50%;
    display: block;
    width: 82px;
    height: 12px;
    background: url(/img/sp/trapezoid_1.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    transform: translateX(-50%);
}
*/

.mod-news__body {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 1050px;
    width: 1050px;
}

.mod-news__body:after {
    display: block;
    clear: both;
    content: "";
}

.mod-news__categories {
    position: relative;
    margin: 0 auto;
    padding: 80px 0 22px;
    width: 100%;
}

.mod-news__category:first-child .mod-news__category-header:before {
    display: none;
}

.mod-news__category-header {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 180px;
    border: 2px solid #009844;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s;
}

.mod-news__category-header:hover {
    background: rgba(255, 255, 255, 0.5);
}

.mod-news__category--1 .mod-news__category-header {
    left: 0px;
}

.mod-news__category--2 .mod-news__category-header {
    left: 180px;
}

.mod-news__category--3 .mod-news__category-header {
    left: 360px;
}

.mod-news__category--4 .mod-news__category-header {
    left: 540px;
}

.mod-news__category--1 .mod-news__category-header {
    left: 130px;
}

.mod-news__category--2 .mod-news__category-header {
    left: 326px;
}

.mod-news__category--3 .mod-news__category-header {
    left: 522px;
}

.mod-news__category--4 .mod-news__category-header {
    left: 718px;
}

.mod-news__category--active .mod-news__category-header {
    background-color: #009844;
    /*cursor: default;*/

}
.mod-news__category-header:hover{
    background-color:#009844;
    opacity:0.5;
}
.mod-news__category-header:hover > h4{
    color:#ffffff;
}

.mod-news__category--active .mod-news__category-heading {
    color: #ffffff;
}

.windows.firefox .mod-news__category--active .mod-news__category-header:after {
    bottom: -8px;
}

.mod-news__category-heading {
    height: 39px;
    color: #009844;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 1.21429rem;
    line-height: 39px;
}

.mod-news__category-body {
    display: none;
}

.mod-news__category--active .mod-news__category-body {
    display: block;
}

.mod-news__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: start;

    -webkit-box-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mod-news__item {
    overflow: hidden;
    margin-top: 20px;
    margin-right: 23px;
    width: 240px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.9);
}

.mod-news__item:nth-of-type(4n) {
    margin-right: 0;
}

.mod-news__item:nth-of-type(-n+4) {
    margin-top: 0;
}

.mod-news__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 34px;
    padding-right: 10px;
    padding-left: 10px;
    width: 1050px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mod-news__footer:after {
    display: block;
    clear: both;
    content: "";
}

.mod-news__btn {
    border-radius: 3px;
    background: rgba(0, 152, 68, 0.85);
    text-align: center;
    transition: 0.3s;
}

.mod-news__btn:hover {
    background: rgba(149, 212, 171, 0.85);
}

.mod-news__btn-txt {
    position: relative;
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 180px;
    color: #fff;
    font-size: 1.14286rem;
    line-height: 1;
}

.mod-news__btn-txt_sikaku {
    position: relative;
    display: block;
    padding: 9px 30px 9px 14px;
    color: #fff;
    font-size: 1.14286rem;
    line-height: 1;
}

.mod-news__btn-txt:after {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../img/sp/arrow_right_large.png) 0 center no-repeat;
    background-size: 100% auto;
    content: "";
    transform: translateY(-50%);
}

.mod-news__btn-txt_sikaku:after {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../img/sp/arrow_right_large.png) 0 center no-repeat;
    background-size: 100% auto;
    content: "";
    transform: translateY(-50%);
}

.mod-news-cassette {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px;
    border:2px solid #fff; 
}

.mod-news-cassette:hover{
    border:2px solid #cccccc;
}

.mod-news-cassette__link {
    display: block;
    padding: 6px 6px 8px;
}

.mod-news-cassette__link:hover .mod-news-cassette__image:after {
    opacity: 0.4;
}

.mod-news-cassette__link:hover .mod-news-cassette__date {
    opacity: 1;
}

.mod-news-cassette__link:hover .mod-news-cassette__label--event,
.mod-news-cassette__link:hover .mod-news-cassette__label--hide {
    background-color: #eda907;
    color: #fff;
}

.mod-news-cassette__link:hover .mod-news-cassette__label--topics {
    background-color: #13d53c;
    color: #fff;
}

.mod-news-cassette__link:hover .mod-news-cassette__label--exam {
    background-color: #09c8d4;
    color: #fff;
}

.mod-news-cassette__link:hover .mod-news-cassette__txt {
    opacity: 0.7;
}

.mod-news-cassette__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    margin-bottom: 11px;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mod-news-cassette__date {
    color: #333;
    font-size: 1.14286rem;
    transition: 0.3s;
}

.mod-news-cassette__label {
    display: inline-block;
    box-sizing: border-box;
    padding-top: 7px;
    padding-bottom: 6px;
    width: 74px;
    border: 1px solid;
    border-radius: 3px;
    text-align: center;
    font-size: 0.85714rem;
    line-height: 1;
    transition: 0.3s;
}

.mod-news-cassette__label--event,
.mod-news-cassette__label--hide {
    border-color: #eda907;
    color: #eda907;
}

.mod-news-cassette__label--topics {
    border-color: #13d53c;
    color: #13d53c;
}

.mod-news-cassette__label--exam {
    border-color: #09c8d4;
    color: #09c8d4;
}

.mod-news-cassette__image {
    position: relative;
    margin-bottom: 12px;
    width: 100%;
}

.mod-news-cassette__image:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.5);*/
    background: rgb(255, 255, 255);
    content: "";
    opacity: 0;
    transition: 0.3s;
}

.mod-news-cassette__image img {
    width: 100%;
}

.mod-news-cassette__txt {
    /*letter-spacing: -0.7px;*/
    font-size: 0.92857rem;
    /*line-height: 1.7;*/
    line-height: 1.5;
    transition: 0.3s;
    display:block;
    /*overflow:hidden;*/
    height:5.0rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}



@media screen and (max-width: 738px) {

    .mod-news {
        padding-bottom:52px;
        height:auto;
        min-width: auto;
        /*min-height: 269.84375vw;*/
        background-position: 0 0;
        background-size: cover;
        margin-top:0;
    }


    .mod-news:after {
        top:-10px;
        width: 19.53125vw;
        height: 3.28125vw;
    }

    .mod-news__body {
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
        padding-right: 4.6875vw;
        padding-left: 4.6875vw;
        width: auto;
    }

    .mod-news__categories {
        padding: 16.40625vw 0 0;
        width: auto;
    }
    .mod-news__category-header {
        width: 21.25vw;
        border-width: 0.625vw;
        border: 2px solid #009844;
    }

    .mod-news__category--1 .mod-news__category-header {
        left: 0vw;
    }

    .mod-news__category--2 .mod-news__category-header {
        left: 21.25vw;
    }

    .mod-news__category--3 .mod-news__category-header {
        left: 42.5vw;
    }

    .mod-news__category--4 .mod-news__category-header {
        left: 63.75vw;
    }

    .mod-news__category--1 .mod-news__category-header {
        left: 0;
    }

    .mod-news__category--2 .mod-news__category-header {
        left: 23.125vw;
    }

    .mod-news__category--3 .mod-news__category-header {
        left: 46.25vw;
    }

    .mod-news__category--4 .mod-news__category-header {
        left: 69.375vw;
    }

    .mod-news__category-heading {
        height: 10.15625vw;
        letter-spacing: -0.3125vw;
        font-size: 0.85714rem;
        line-height: 10.15625vw;
    }

    .mod-news__item {
        margin-top: 3.125vw;
        margin-right: 0.9375vw;
        width: 44.84375vw;
    }

    .mod-news__item:nth-of-type(-n+4) {
        margin-top: 3.125vw;
    }

    .mod-news__item:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .mod-news__item:nth-of-type(2n) {
        margin-right: 0;
    }

    .mod-news__footer {
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
        padding-top: 6.25vw;
        padding-right: 4.6875vw;
        padding-left: 4.6875vw;
        width: auto;
    }

    .mod-news__btn-txt {
        padding-top: 2.8125vw;
        padding-bottom: 2.8125vw;
        width: 31.25vw;
        font-size: 3.75vw;
    }

    .mod-news__btn-txt:after {
        right: 2.1875vw;
        width: 1.875vw;
        height: 3.125vw;
    }

    .mod-news__btn-txt_sikaku {
        padding-top: 2.8125vw;
        padding-bottom: 2.8125vw;
        /*width: 31.25vw;*/
        font-size: 3.75vw;
    }

    .mod-news__btn-txt_sikaku:after {
        right: 2.1875vw;
        width: 1.875vw;
        height: 3.125vw;
    }

    .mod-news-cassette__link {
/*        padding: 2.1875vw 3.125vw 3.75vw;*/
padding: 0;

    }

    .mod-news-cassette__head {
        margin-bottom: 1.71875vw;
    }

    .mod-news-cassette__date {
        font-size: 3.4375vw;
    }

    .mod-news-cassette__label {
        padding-top: 0.625vw;
        padding-bottom: 0;
        width: 15.625vw;
        border-width: 0.3125vw;
        letter-spacing: -0.3125vw;
        font-size: 3.125vw;
    }

    .mod-news-cassette__image {
        /*margin-bottom: 3.75vw;*/
    }

    .mod-news-cassette__txt {
        letter-spacing: -0.28125vw;
        font-size: 3.59375vw;
        overflow: hidden;
    }
}




/*�@�����˗��ɂ��@�j���[�X�R�����g�@�lj��@201905*/

.news_box{
	margin:0 auto;
	padding:4px 10px 0;
	width:800px;
	border: 2px solid #009844;
	background-color: #FFF; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	
	
	
}


.news_box:hover {
 /*    background-color: transparent;*/
	/* background-color: #E1E1E1;*/

    color: #666 !important;
}

.news_box .news_boxs__list-item:first-child {
    border-top: 0;}

.news_box .news_boxs__list-item {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    padding: 6px 0 10px;
    border-top: 1px solid #ccc;}


.news_box a{	
	background: url(../../img/common/icon_link_bl.png) no-repeat  right !important; 
	padding-right:20px;
	padding-left:0px;
        /*vertical-align:middle;*/
	display:inline-block !important; }


.news_span{
    text-align: center;
    line-height: 1;
    font-size: 0.85714rem;
    padding: 3px 6px;
    /*border-width: 1px;
    border-style: solid;*/
    border-radius: 3px;
	margin-right:5px;
	background:#009844;
	color:#FFFFFF;
}


 @media screen and (max-width: 767px) { 
.news_box span{

        padding-top: 0.625vw;
        padding-bottom: 2px;
        width: 15.625vw;
        border-width: 0.3125vw;
        letter-spacing: -0.3125vw;
    font-size: 3.59375vw;
}
 
.news_box{
	margin:5px auto 0 auto;
	padding:10px;
	width:90%;
	font-size:3.59375vw;
	border: 2px solid #009844;
}


.news_span{
    text-align: center;
    line-height: 2;
    font-size: 3.59375vw;
    padding: 3px 10px;
    /*border-width: 1px;
    border-style: solid;*/
    border-radius: 3px;
	margin-right:5px;
	background:#009844;
	color:#FFFFFF;
}}






/*------------------------*/

.news_box-body {
    /*display: none;*/
	margin:0 auto;
	padding:0 10px 0;
	width:800px;
	border: 2px solid #009844;
	background-color: #FFF; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }

    @media screen and (max-width: 767px) {
  .news_box-body {
	margin:5px auto 0 auto;
	/*padding:10px;*/
	width:90%;
	font-size:3.59375vw;
	border: 2px solid #009844;}}

.news_box--active .news_box__category-body {
    display: block; }

.news_box__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 0 6px;
    border-top: 1px solid #bbb; }

    @media screen and (max-width: 767px) {
      .news_box__list-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*padding: 6.25vw 0 5.3125vw;*/ } }
.news_box__list-item:first-child {
    border-top: 0; }
.news_box__label {
    margin-right: 28px; }

    @media screen and (max-width: 767px) {
      .news_box__label {
        margin-right: 3.59375vw; } }

.news_box__label-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 74px;
    text-align: center;
    line-height: 1;
    font-size: 0.85714rem;
    padding: 7px 0 6px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px; }

    @media screen and (max-width: 767px) {
      .news_box__label-text {
        width: 17.5vw;
        font-size: 0.71429rem;
        padding: 1.5625vw 0 1.25vw; } }

  .news_box__list-item--oshirase .news_box__label-text {
    border-color: #009844;
    color: #009844; }

  .news_box__list-item--oshirase:hover .news_box__label-text {
    background: #009844;
    color: #fff; }




  .news_box__date {
    display: block;
    margin-right: 18px; }
    @media screen and (max-width: 767px) {
      .news_box__date {
        margin-right: 0; } }

  .news_box__date-text {
    display: block;
    width: 77px;
    font-size: 1.14286rem;
    font-weight: normal;
    line-height: 26px; }

@media screen and (max-width: 767px) {
      .news_box__date-text {
        font-size: 0.92857rem;
        line-height: 6.25vw; } }

.news_box__link {
    display: block;
    padding: 2px 0;
    text-decoration: none; }
    .news_box__link:hover {
      text-decoration: underline; }

@media screen and (max-width: 767px) {
      .news_box__link {
        /*width: 100%;*/
        padding: 1.5625vw 0 0; } }

.news_box__link-text {
    font-size: 1rem; }
    @media screen and (max-width: 767px) {
      .news_box__link-text {
        font-size: 0.92857rem; } }





.newstable th,.newstable td {
    border: solid 1px  #999999;
	padding: 5px;

}
 
.newstable table {
    border-collapse:  collapse; /* セルの線を重ねる */
    width:  100% !important;              /* 幅指定 */
}
 
.newstable th {
background-color: #f1f7f1;
	text-align: center;

}
 
.newstable td {
 
}

/*共通スタイル*/

@media screen and (min-width: 767px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}

@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}