@charset "UTF-8";

/* top img
/* ------------------------------------- */
.top_box{
background: #DFF0F4;
padding: 80px 0 40px 0;
}
.top_box img{
float: none;
width:100%;
overflow: hidden;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.top_box{
padding: 100px 0 80px 0;
}}
@media screen and (min-width: 1200px) {
.top_box img{
max-width: 1200px;
}
.container{
max-width: 1200px;
margin: 0 auto;
padding: 0;
}}

@media screen and (max-width: 600px) {
.top_box img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}}
@media screen and (max-width: 480px) {
.top_box img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}}

/* message
/* ------------------------------------- */
.message{
padding: 0 6%;
box-sizing:border-box;
width:100%;
margin: 0 auto;
}
.message section{
display: block;
max-width: 100%;
padding: 40px 0 0 0;
margin: auto;
}
.message section h2{
display: block;
max-width: 100%;
margin: 0 auto 10px auto
}
.message section h3{
display: block;
max-width: 80%;
margin: 0 auto 10px auto
}
.message_p {
margin: 4% 0 6% 0;
text-align: justify;
line-height: 2em;
}
.message_p br {
display: none;
}
@media screen and (min-width: 1024px) {
.message section{
padding: 80px 0;
}
.message section h2{
width: 550px;
margin: 0 auto 30px auto
}
.message section h3{
width: 500px;
margin: 0 auto 30px auto
}
.message_p {
line-height:2.2em;
margin: 15px 0 30px 0;
text-align: center
}
.message_p br {
display: block;
}}
@media screen and (min-width: 1200px) {
.message{
max-width: 1200px;
}}

/* button-box
/* ------------------------------------- */
.button-box {
display: flex;
gap: 10px;
margin: 30px 0 30px 0;
}
.button-box .b_item {
flex: 1;
font-size: 1em;
font-weight: 700
}
.button-box .b_item:nth-child(1) a {
color: #006794;
}
.button-box .b_item:nth-child(2) a {
color: #EC6C00;
}
@media screen and (min-width: 768px) {
.button-box {
gap: 30px;
}}
@media screen and (min-width: 1200px) {
.button-box {
gap: 60px;
margin: 0 0 60px 0;
}
.button-box .b_item {
font-size: 1.3em
}}


/* info
/* ------------------------------------- */
.info_bg {
padding: 10% 0;
text-align: center;
background: #92C8C6
}
.news_list {
padding: 10px 30px 40px 30px;
background: #fff;
margin: auto;
box-sizing:border-box;
border-radius: 30px;
}
.info_bg h4{
text-align:center;
font-size: 140%;
font-weight: 700;
line-height: 1.2;
margin: 0 0 20px 0;
color: #fff;
white-space: nowrap;
padding: 0
}
/* more ボタン */
.more_box0 a{
display: flex;
justify-content: center;
align-items: center;
width: 250px;
margin:30px auto 0 auto;
padding: .9em 0;
border: 2px solid #fff;
border-radius: 100vh;
color: #fff;
font-weight: 700;
font-size: 1em;
text-decoration:none;
}
.more_box0 a:hover {
color: #92C8C6;
background: #fff;
}
@media screen and (min-width: 768px) {
.info_bg {
padding: 60px 0;
}
}
@media screen and (min-width: 1200px) {
.news_list {
width: 980px;
padding: 20px 60px 40px 60px;
}
.info_bg h4{
font-size: 160%;
}
}