@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
    display: flex;
    flex-wrap: wrap;
}
.flexA {
    justify-content: space-around;
}
.flexB {
    justify-content: space-between;
}
.flexC {
    justify-content: center;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    margin: 0 auto;
    max-width: 1380px;
}
@media all and (max-width: 896px) {
    .content {
        margin: 0 15px;
        max-width: inherit;
    }
}
/*------------------------------------------------------------
	mainBox
------------------------------------------------------------*/
.mainBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media all and (max-width: 896px) {
    .mainBox {
        display: block;
    }
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    padding: 17px 21px 20px;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0.08em;
    background: #036EB8;
}
@media all and (-ms-high-contrast:none) {
    .headLine01 {
        padding: 22px 21px 15px;
    }
}
@media all and (max-width: 896px) {
    .headLine01 {
        padding: 10px 15px;
        font-size: 1.6rem;
    }
}
/*------------------------------------------------------------
	comBanner
------------------------------------------------------------*/
.comBanner .bannerList {
    margin: -41px 0 38px;
}
.comBanner .bannerList::after {
    width: 308px;
    display: block;
    content: '';
}
.comBanner .bannerList li {
    margin-top: 41px;
    width: 308px;
}
.comBanner .bannerList li a {
    display: block;
}
.comBanner .bannerList li a:hover {
    opacity: 0.7;
}
.comBanner .colTxt {
    text-align: right;
}
.comBanner .colTxt span {
    box-sizing: border-box;
    padding: 7px 10px 4px;
    min-width: 398px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.55rem;
    background: #036EB8;
}
@media all and (-ms-high-contrast:none) {
    .comBanner .colTxt span {
        padding: 8px 10px 3px;
    }
}
@media all and (max-width: 896px) {
    .comBanner .bannerList {
        margin: -15px 0 20px;
    }
    .comBanner .bannerList::after {
        display: none;
    }
    .comBanner .bannerList li {
        margin-top: 15px;
        width: 48%;
    }
    .comBanner .bannerList li img {
        width: 100%;
    }
    .comBanner .colTxt span {
        padding: 5px 10px;
        min-width: inherit;
        font-size: 1.3rem;
    }
}