@charset "UTF-8";
.mainvisual {
    background: url("../../common/img/mv-supporters-bg.png")  no-repeat center bottom;
	background-size:  cover;
}
.page-title{
    background: url("../../common/img/mv-supporters.png")no-repeat center;
}
/*
================================
================================*/
.contents-outer {
    background: transparent linear-gradient(
180deg, #FFFFFF 0%, #E4F4FD 100%) 0% 0% no-repeat padding-box;
    padding: 0 0 70px;
}
/*
================================
================================*/
.news-contents {
    margin: 55px 0;
}
.contents-midashi {
    margin: 0 0 20px 0;
}
.content--news-dl {
    display: flex;
    border-top: solid 1px #1F286F;
    padding: 15px 0;
    margin: 0;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.content--news-dl:last-child {
    border-bottom: solid 1px #1F286F;
}
.contents-news--date {
    width: 120px;
}
.contents-news--pick {
    position: absolute;
    left: 120px;
}
.contents-news--pick {
    color: #fff;
    padding: 0px 5px;
    margin: 0 30px 0 0;
    font-size: 80%;
    width: 45px;
    text-align: center;
    line-height: 1.5em;
    background: #94196B;
}
.contents-news--text {
    max-width: 800px;
    position: relative;
    margin: 0 0 0 70px;
    flex: 1;
}

.news-midashi {
    display: flex;
    justify-content: space-between;
}
.news-midashi .button-arrow {
    margin: 0 0 0 30px;
}
.news-midashi .round_arrow {
    width: 190px;
    font-size: 1.4rem;
    padding: 3px 30px 3px 20px;
}
/*
================================
================================*/
.summary-inner {
    display: flex;
    justify-content: space-between;
}
.summary-lead {
    text-align: center;
    margin: 0 0 20px;
}
.summary-detail {
    background: #fff;
    box-shadow: 0px 0px 10px #1f286f40;
    margin: 0 0;
    padding: 40px 5%;
    width: 540px;
    box-sizing: border-box;
}
.summary-ol {
    margin: 0 0 0 2em;
}
.summary-ol li {
    list-style: auto;
}
.summary-school {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1;
    max-width: 480px;
    margin: 0 0 0 20px;
}
.summary-school li {
    width: 49%;
    margin: 0 0 10px;
}
.summary-school img {
    display: block;
    margin: auto;
}

/*
  =================================================================
  ================================================================ */
.supporter-contact.button-arrow {
    margin: 50px auto 0;
    max-width: 80%;
}
.supporter-contact .round_arrow {
    width: 100%;
    max-width: inherit;
    box-sizing: border-box;
    margin: 0;
    padding: 15px 0;
}

/* 1025
  =================================================================
  ================================================================ */
@media screen and (max-width: 1025px) {
.summary-inner {
    flex-wrap: wrap;
}
	.summary-detail {
    margin: 0 0 40px;
    width: 100%;
    box-sizing: border-box;
}
.summary-school {
    flex: auto;
    max-width: 100%;
    margin: 0 0 0 0px;
}
}
/*
スマホ
=======================================================================================================*/
@media screen and (max-width: 767px) {
.page-title {
    background-size: contain;
    background-position: center 140px;
}
.contents-news--text {
    max-width: 100%;
    width: 100%;
    position: relative;
    margin: 15px 0 0;
    flex: auto;
}
.contents-news--pick {
    top: 18px;
}
.button-arrow {
    margin: 50px auto 0;
    max-width: 100%;
}
}