@charset "utf-8";

/*メインイメージ*/
.main-image {
margin: 0 auto;
max-width: 1200px;
}

/*　トピックス　*/
#topics {
width: 95%;
height: 380px; /* トピックス高さ================================== */
margin-top: 50px;
padding-top: 15px;
margin-left: 15px;
}
#topics h1 {
font-size: 24px;
font-weight: bold;
}
#feed {
padding: 0px;
}
.news-container {
height: 350px; /* トピックス高さ================================== */
padding: 0px 20px 0 0;
}
#news {
margin-top: 0px;
overflow-x: hidden;
overflow-y: scroll;
}

#news dl dt  {
padding-bottom: 1.6em
}
#news dl {
border-top: 1px solid #DDDDDD;
padding-top: 20px;
padding-bottom: 0px;
margin-top: 0px;
}
#news dt {
color: #1C8BD0;
font-size: 14px;
font-weight: bold;
width: 180px;
float: left;
margin-bottom: 0px;
}
#news dd {
font-size: 14px;
color: #333;
margin-bottom: 20px;
margin-left: 0;
padding-bottom: 20px;
padding-left: 0;
border-bottom: 1px solid #DDDDDD;
}
#news dd:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
#news dd a {
color:hsla(203,90%,45%,1.00);
}

dl::after {
content: '';
display: block;
clear: both;
}


/*バナー*/
.banner-style {
margin-top: 100px;
margin-right: auto;
margin-left: auto;
margin-bottom: 300px;
width: auto;
}
.banner-style img {
width: 819px;
height: auto;
box-shadow: 0 6px 15px rgba(0,0,0,0.3);
margin-bottom: 0px;
}


/*フッター*****************************************/
footer {
background-color: #DCDCDC;
margin-top: 120px;
}
footer div.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
.otoiawase-style {
padding-top: 30px;
padding-bottom: 30px;
}
.otoiawase-style img {
width: 100%;
}
.otoiawase-style .col-md-5 {
padding-top: 100px;
}



/* =======================================================レスポンシブル設定======================================================= */

@media only screen and (min-width: 1200px) {

}

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

}

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

/*メインイメージ*/
.main-image img {
width: 100%;
}

/*　トピックス　*/
#topics {
width: 90%;
margin: 50px auto;
height: auto;
}
#topics h1 {
font-size: 24px;
margin-bottom: 15px;
}
.news-container {
padding-right: 15px;
}
#news dl dt  {
padding-left: 0px;
padding-bottom: 0.5em;
}
#news dl {
padding-top: 10px;
}
#news dt {
float: none;
margin-bottom: 3px;
}
#news dd {
font-size: 14px;
margin-bottom:15px;
padding-bottom: 15px;
}
#news dd a {
color:hsla(203,90%,45%,1.00);
}

/*バナー*/
.banner-style {
width: 90%;
height: auto;
}

/*フッター*****************************************/
.otoiawase-style .col-md-5 {
padding-top: 90px;
}
.otoiawase-style p {
font-size: 0.9em;
}
.otoiawase-style p a {
font-size: 1.2em;
}
.otoiawase-style div.col-md-5   {
padding-left: 0px;
padding-right: 0px;
}

}

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

/*新着情報*/
#topics {
width: 90%;
margin: 50px auto;
}

/*バナー*/
.banner-style {
width: 90%;
height: auto;
margin-bottom: 200px;
}


/*フッター*****************************************/
.otoiawase-style {
text-align: center;
}
.otoiawase-style img {
width: 80%;
}
.otoiawase-style .col-md-5 {
padding-top: 50px;
}

}

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

/*メインイメージ*/
.main-image.pc {
display: none;
}
.main-image.sp {
display: block;
}

/*　トピックス　*/
#topics {
width: 100%;
}

/*新着情報*/
#topics h1 {
font-size: 1.5em;
}
.news-style dt {
width: auto;
font-size: 0.8em;
}
.news-style dd{
font-size: 0.8em;
}

/*バナー*/
.banner-style {
max-width: 318px;
height: auto;
margin-top: 50px;
margin-bottom: 80px;
}
.banner-style.pc {
display: none;
}
.banner-style.sp {
display: block;
}
#topics #feed   {
margin-right: -15px;
}

}

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

/*　トピックス　*/
div.container-xl {
padding-left: 10px;
padding-right: 10px;
}
#topics h1 {
font-size: 1.5em;
}



/*フッター*****************************************/
.otoiawase-style p {
font-size: 0.9em;
}
.otoiawase-style img {
width: 100%;
}

}