@charset "UTF-8";

/**トップ**/
main{
	width: 100%;
    margin: 0 auto 2em;
    min-height: 300px;
    padding: 0 0 0.5em;
    background: url("/img/img_mv.png") no-repeat center;
    background-size: cover;
}
main .mv_space{
    width: 100%;
    max-width: 1500px;
    margin: auto;
    padding: 1em 0;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
main .mv_space img{
    width: 60%;
    max-width: 500px;
    margin: 5% 0 -5%;
}
main .mv_space h2 a{
    font-family: "ヒラギノ角ゴ W5 JIS2004";
    font-size: 17px;
    background-color: #fe9900;
    border-radius: 70px 0 0 70px;
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    border-left: solid 3px #fff;
    padding: 1em;
    margin-left: calc(100% - 18em - 3px);
    color: #fff;
    width: 16em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all .3s ease-in-out;
}
main .mv_space h2 a:hover{
    background-color: #3b9ed6;
    opacity: 1;
}
main .mv_space h2 img{
    width: 10%;
    height: auto;
    margin: 0 0 0 1em;
}

.article_l{
    border-bottom: solid 1px #ccc;
    margin-bottom: 2em;
}
.article_block a{
    color: #333;
}
.article_block img{
    margin: 0 0 1em;
    border: solid 2px #fe9900;
    width: 100%;
}
.article_block ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.5em;
}
.article_block ul li{
    color: #808080;
    font-size: 13px;
}
.article_block ul li+li{
    margin-left: 1em;
}
.article_block ul li a{
    color: #fe9900;
    font-family: "ヒラギノ角ゴ W4 JIS2004";
}
.article_block h3{
    font-family: "ヒラギノ角ゴ W5 JIS2004";
    font-size: 17px;
    margin-bottom: 0.5em;
    line-height: 1.5em;
}
.article_block p{
    margin-bottom: 0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.article_block p.next_btn{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5em;
}
.article_block p.next_btn a{
    color: #fe9900;
    font-family: "ヒラギノ角ゴ W4 JIS2004";
}

.article_m{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    border-bottom: solid 1px #ccc;
    margin-bottom: 2em;
    gap: 1em 6%;
}
.article_m ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.article_m .article_block{
    width: 100%;
    margin: 0 1% 1em;
}
.article_m a{
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0.5em;
}
.article_m img{
    width: 45%;
    margin: 0 1em 0 0;
}

.article_m h4,
.article_s h5{
    font-family: "ヒラギノ角ゴ W5 JIS2004";
    font-size: 14px;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.article_s{
    margin-bottom: 4em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article_s h5{
    margin-bottom: 0.5em;
}
.article_s img{
    margin: 0;
}

.article_s .article_block{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 1em;
}
.article_s .article_s_l{
    margin-right: 1em;
    width: 80%;
}
.article_s .article_s_r{
    width: calc(20% - 1em);
}
.article_s .btn_ore{
    width: 100%;
    margin-top: 1em;
    background-color: #fe9900;
    transition: all .3s ease-in-out;
}
.article_s .btn_ore:hover{
    background-color: #3b9ed6;
    opacity: 1;
}
.article_s .btn_ore a{
    padding: 0.3em 0;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
}
.article_s .btn_ore a:hover{
    opacity: 1;
}
.Announcement{
    font-size: 14px;
    margin-bottom: 50px;
    background-color: #f1f1f1;
    padding: 40px 20px;
}
.Announcement h3{
    font-size: 22px;
}


@media (min-width: 751px) {

main .mv_space h2 a{
    font-size: 23px;
}
.article_block ul {
    margin: 0 0 1em;
}
.article_block ul li {
    font-size: 15px;
}
.article_block ul li:last-child {
    width: 100%;
    text-align: right;
    font-size: 13px;
}
.article_block ul li+li {
    margin-left: 2em;
}
.article_block h3 {
    font-size: 22px;
}
.article_m .article_block {
    width: 29%;
    /*margin: 0 1.5% 1em;*/
    margin: 0 0 1em;
}
.article_m h4,
.article_s h5 {
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.article_m a {
    display: flex;
    flex-wrap: wrap;
}
.article_m img {
    width: 100%;
    margin: 0 0 1em;
    height: auto;
    display: block;
}
.article_s .article_block {
    width: 48%;
}
.Announcement{
    font-size: 15px;
    margin-bottom: 50px;
    background-color: #f1f1f1;
    padding: 40px 20px;
    text-align: center;
}
}

@media (min-width: 1401px) {
main .mv_space h2 a {
    border-radius: 70px;
    border: solid 3px #fff;
    margin-left: calc(100% - 19em - 3px);
    width: 17em;
    display: flex;
    justify-content: center;
}
}