@charset "utf-8";

.contact {
    position: absolute;
    right: 5%;
    top: 20%;
    width: 170px;
    height: 170px;
}

.contact::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 170px;
    height: 170px;
    background-image: url(./images/common/mv_contact_bg.png);
    background-image: url(./images/common/mv_contact_bg@2x.png);
    background-size: cover;
    background-position: center;
    z-index: 1;
    -webkit-filter: drop-shadow(5px 5px 4px rgba(0,0,0,.3));
    filter: drop-shadow(5px 5px 4px rgba(0,0,0,.3));
    transform: scale(1);
    transition: transform 0.4s;
}

.contact:hover::before {
			transform: scale(1.1, 1.1);
			transition: transform 0.4s;
		}

.contact img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    max-width: 80%;
    height: auto;
}


.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


.topicsPickup {
margin: 20px auto;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    padding: 60px 0;
}
.topicsPickup ul li {
    width: 47.3%;
}

.topicsPickup ul li.topics {
    float: left;
}
.topicsPickup ul li dl dt.title {
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #223d43;
    color: #223d43;
}
.topicsPickup ul li.topics dl dt.title h2 {
    float: left;
}

dt.title h2 {
margin: 0 0 0px 0px;
text-align: left;
}

dt.title img {
    height: auto;
width: 124px;
}

ul.odaibito_img{
width: 1095px;
}

p.odaibito_txt{
    padding: 0px 0px;
    color: #223d43;;
    text-align: left;
    margin: 5px;
    font-size: 107%;
    font-weight:bold;
}

.topicsPickup ul li dl dt.title h2 span {
margin-left: 20px;
    vertical-align: bottom;
    font-size: 16px;
}

.topicsPickup ul li.topics dl dt.title a {
    padding: 0 10px;
    float: right;
    position: relative;
    color: #223d43;
}
.topicsPickup ul li.topics dl dt.title a::after {
    position: absolute;
    content: '';
    display: block;
    background: url(/img/arrow_right_black.gif)no-repeat center center;
    height: 8px;
    width: 5px;
    margin-top: -4px;
    top: 50%;
    right: 0;
}
.topicsPickup ul li dl dd .arcLinks li {
    margin-bottom: 35px;
    width: 100%;
    zoom: 1;
}

.topicsPickup ul li dl dd .arcLinks li:after {
    content: "";
    display: block;
    clear: both;
}

.topicsPickup ul li dl dd .arcLinks li:last-child {
    margin-bottom: 0;
}

.topicsPickup ul li dl dd .arcLinks li dl dt {
    width: 270px;
    height: 160px;
    overflow: hidden;
    float: left;
    margin: 15px 0 0 15px;
}
.topicsPickup ul li dl dd .arcLinks li dl dd {
    width: 240px;
    float: right;
    margin: 20px 15px 0 0;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .day {
    vertical-align: middle;
    font-size: 107%;
    color: #223d43;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .tag1 {
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 79%;
    color: #fff;
    background: #7db4e6;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .tag2 {
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 79%;
    color: #fff;
    background: #DA5D95;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .tag3 {
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 79%;
    color: #fff;
    background: #17BEBB;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .tag4 {
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 79%;
    color: #fff;
    background: #ff9800bd;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .tag5 {
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 79%;
    color: #fff;
    background: #79554861;
}

.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .tag {
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 79%;
    color: #fff;
    background: #666;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .arcTitle {
    margin-top: 15px;
    color: #223d43;
    text-decoration: underline;
    font-size: 107%;
}

.topicsPickup ul li.pickup {
    float: right;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

div.bx-caption{
background: #5e5b52ba !important;
}

div.bx-caption span {
    color: #fff;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
    font-size: 14px !important;
    padding: 10px;
}

a.odaibito {
padding:10px 10px 0px 10px;
    float: right;
    position: relative;
    color: #223d43;
    font-size: 15px;
}
a.odaibito:hover {
    color: #DA5D95;
}

section.banner_area{
    margin-top: -100px;
    margin-bottom: -200px;
}

div.banner-contents {
    display: flex;
    justify-content: space-between;
    margin: 15px auto 0px;
    padding: 0 4%;
}

div.banner-contents article {
    width: 100%;
    height: 175px;
    background-color: #f0f3f7;

}

div.button {
    /* max-width: 300px; */
    margin: 20px auto;
}

#bt1 {
    width: 33%;
    height: 100px;
    float: left;
    padding: 0 15px;
}

@media (max-width:1440px){

div.banner-contents article {
    height: 160px;
}

}

@media (max-width:1280px){

div.banner-contents article {
    height: 150px;
}

}


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

.topicsPickup ul li dl dd .arcLinks li dl dt {
    width: 260px;
    height:130px;
    margin: 0px 0 0 10px;
}

.topicsPickup ul li dl dd .arcLinks li dl dd {
    width: 220px;
    margin: 10px 10px 0 0;
}

}

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

.topicsPickup ul li dl dd .arcLinks li dl dt {
    width: 240px;
    height:120px;
    margin: 0px 0 0 0px;
}

.topicsPickup ul li dl dd .arcLinks li dl dd {
    width: 200px;
    margin: 10px 0px 0 0;
}

section.pickupSection2{
    min-height: 320px;
}

section.banner_area{
    margin-top: 0px;
    margin-bottom: -300px;
}

div.banner-contents article {
    height: 130px;
}

}

@media screen and (max-width: 768px){
.topicsPickup ul li dl dd .arcLinks li dl dt {
    width: 180px;
}

.topicsPickup ul li dl dd .arcLinks li dl dd {
    width: 120px;
    float: right;
}

section.pickupSection2{
    min-height: 320px;
}

div.banner-contents article {
    height: 100px;
}

}


@media screen and (max-width: 767px){
.container {
    margin: 0 3%;
    width: 94%;
}

.topicsPickup {
    padding: 40px 0 45px;
}

.topicsPickup ul li {
    width: 100%;
}
.topicsPickup ul li dl dt.title {
    margin-bottom: 20px;
}
.topicsPickup ul li.topics dl dt.title a {
    margin-top: 3px;
}
.topicsPickup ul li dl dd .arcLinks {
    margin-top: 0;
}
.topicsPickup ul li dl dd .arcLinks li {
    margin-bottom: 30px;
}

.topicsPickup ul li dl dd .arcLinks li dl dd {
    width: 46%;
}

.topicsPickup ul li dl dd .arcLinks li dl dt {
    width: 46%;
    height: auto;
    overflow: visible;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .tag {
    margin-left: 5px;
font-size: 70%;
}
.topicsPickup ul li dl dd .arcLinks li a dl dd .arcTitle {
    margin-top: 5px;
}

.topicsPickup ul li.pickup {
    margin-top: 32px;
}

.topicsPickup ul li dl dd .arcLinks li a dl dd .tags .day {
    font-size: 90%;
}

.topicsPickup ul li dl dt.title h2 span {
    font-size: 12px;
    margin-left: 10px
;
}

a.odaibito {
    padding: 15px 0px 0px 0px;
    font-size: 12px;
}

    #bt1{
      width: 100%;
      float: none;
	margin: 10px auto;
    }

div.banner-contents article {
    height: 150px;
}

}

.hito{
	height:450px;
}

@media screen and (min-width:960px) and (max-width:1279px) {
.hito{
	height:320px;
}
}

@media screen and (max-width: 640px) {
section.pickupSection2{
    /* min-height: 320px; */
    min-height: 280px;
}

section.banner_area{
    padding-top: 0px;
    margin-bottom: -250px;
}

}


@media screen and (min-width:600px) and (max-width:959px) {
.hito{
	height:200px;
}

a.odaibito {
padding: 15px 10px 0px 10px;

}

}

@media screen and (min-width:480px) and (max-width:599px) { 
.hito{
	height:200px;
}
}

@media screen and (max-width:479px) { 
.hito{
	height:200px;
}
}