@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-XXX */
/* 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;
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.mainBox {
    margin: 0 auto;
    padding: 182px 103px;
    max-width: 1400px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
@media all and (max-width: 1200px) {
    .mainBox {
        padding: 182px 7vw;
    }
}
@media all and (max-width: 896px) {
    .mainBox {
        padding: 60px 20px;
    }
}