@charset "UTF-8";
#list {
 min-width: inherit !important;
}
#list .container{
  max-width: 1100px;
  margin: 0 auto;
    padding-bottom: 100px;
}
@media only screen and (max-width: 899px) {
#list .container {
max-width: 1320px;
margin: 0 15px 50px 15px;
padding-bottom: 30px;
}
}
.tit_main {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
font-size: 5rem;
text-align: center;
padding-top: 100px;
margin: 0px;
}
.tit_main_s {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
font-size: 4rem;
text-align: center;
padding: 60px 0 20px 0;
}
.tit_sab {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
font-size: 2rem;
text-align: center;
margin: 10px auto 50px;
}
@media screen and (max-width : 768px){
.tit_main {
font-size: 2.1rem;
padding-top: 40px;
text-align: center;
}
.tit_sab {
margin: 10px auto 10px;
font-size: 1.5rem;
}
.tit_main_s {
font-size: 2.2rem;
padding-top: 40px;
padding: 0px 0 10px 0;
}
}

.message-wrap .flex-parent {
width:100%;
display:flex;
flex-wrap:wrap; /*折り返し*/
justify-content:space-between;/*両端揃え*/
}
.message-wrap .flex-parent::after{
  content:"";
  display: block;
  width:48.7%;
}
.message-wrap .flex-child {
width:23%;
display:flex;
flex-direction:column;
box-sizing:border-box;
border-radius:16px;
margin-top: 30px;
background-color: #FFFFFF;
}
.message-wrap .flex-grandchild-img {
width:100%;
height:auto;
position:relative;
}
.message-wrap .flex-grandchild-img::after {
display:block;
content:'';
width:100%;
height:0;
padding-top:55%;
}
.message-wrap .flex-grandchild-img img {
display:block;
width:100%;
position:absolute;
top:0;left:0;
border-radius:16px 16px 0 0;
}
.message-wrap .flex-grandchild-inner {
display:flex;
flex-direction:column;
flex-grow:1;
width:100%;
}
.message-wrap .flex-grandchild-inner p {
padding:0px 10px;
margin:0px;
}
.message-wrap .flex-grandchild-innerText {
flex-grow:1;
padding:5px 30px;
box-sizing:border-box;
font-size: 0.9rem;
line-height:1.6;
text-align: left;
word-break: break-all;
}
.message-wrap .flex-grandchild-innerLink {
width:60%;
height:auto;
margin: 0 auto;
}
.message-wrap .flex-grandchild-innerLink a {
width:70%;
height:40px;
margin:30px auto 20px auto;
font-size: 0.8rem;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
background:#000000;
letter-spacing: 1px;
border-radius:24px;
}
.message-wrap .flex-grandchild-innerLink a:hover {
opacity: 0.8;
}

@media screen and (max-width: 1280px) {
.message-wrap .flex-child {
width:49%;
display:flex;
flex-direction:column;
border:1px solid #ccc;
box-sizing:border-box;
border-radius:16px;
}
.message-wrap .flex-child:nth-of-type(n+3) {
margin-top:40px;
}
}
@media screen and (max-width: 896px) {
.message-wrap .flex-child {
width:100%;
display:flex;
flex-direction:row;
border:1px solid #ccc;
box-sizing:border-box;
border-radius:16px;
}
.message-wrap .flex-child:nth-of-type(n+2) {
margin-top:40px;
}
.message-wrap .flex-grandchild-img img {
display:block;
width:100%;
height:100%;
object-fit:cover;
position:absolute;
top:0;left:0;
border-radius:16px 0 0 16px;/*角丸変更*/
}
.message-wrap .flex-grandchild-innerText {
font-size: 1rem;
max-height: 250px;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:10;/* 4行以上は省略 */
padding:20px 30px;
}
.message-wrap .flex-grandchild-innerLink a {
margin:0px auto 20px auto;
}
}
@media screen and (max-width: 786px) {
.message-wrap .flex-child {
flex-direction:column;
margin-top: 0px;
}
.message-wrap .flex-child:nth-of-type(n+2) {
margin-top:20px;
}
.message-wrap .flex-grandchild-img img {
border-radius:16px 16px 0 0;/*角丸変更*/
}
}
@media screen and (max-width: 680px) {
.message-wrap .flex-child {
width:100%;
/*width: 40%;*/
}
.message-wrap .flex-grandchild-innerText {
font-size: 0.8rem;
}
.message-wrap .flex-grandchild-innerLink a {
width:80%;
height:30px;
font-size: 0.7rem;
}
.message-wrap .flex-parent > div {
font-size:1.2rem;
}
}
.bg_blue{
font-size:1.2rem;
background-color: #2ca2b7;
}