@charset "UTF-8";

.page-title{
    background: url("../img/mv-numbers.png")no-repeat center;
}
/*
================================
================================*/
.numbers-contents {
    background: url("../img/numberbg.jpg")no-repeat center;
    background-size: cover;
    padding: 0 0 30px;
}
.numbers-box {
    display: flex;
    background: #fff;
    box-shadow: 0px 0px 10px #94D5F980;
    padding: 20px;
    border-top: solid 4px #1f286f;
    border-image: linear-gradient(to right, #1f286f 0%, #7891f0 100%);
    border-image-slice: 1 0 0 0;
    margin: 0 0 50px;
}
.numbers-pick {
    display: block;
    align-items: center;
    font-size: 3.0rem;
    color: #1F286F;
    margin: 0 0 0;
    letter-spacing: -2px;
    text-align: center;
}
.text-box {
    flex: 1;
    margin: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.span-numbers {
    color: #5165D0;
    font-weight: bold;
    font-size: 5.7rem;
    margin: 0 10px 0 10px;
}
.span-bold {
    color: #1F286F;
    font-size: 4.2rem;
    font-weight: bold;
}

.flex-reverse {
    flex-direction: row-reverse;
}
.box01 .text-box{
	background: url( "../img/bg-icon01.png")no-repeat center;
}
.box02 .text-box{
	background: url( "../img/bg-icon02.png")no-repeat center;
}
.box03 .text-box{
	background: url( "../img/bg-icon03.png")no-repeat center;
}




/*
スマホ
=======================================================================================================*/
@media screen and (max-width: 767px) {
.page-title {
    background-size: contain;
    background-position: center 140px;
}

.numbers-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.text-box {
    flex: auto;
    margin: 0 auto 25px;
}
.numbers-pick {
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    flex-wrap: wrap;
    justify-content: center;
}
.span-numbers {
    font-size: 4.7rem;
}
.span-bold {
    font-size: 3.2rem;
}
.span-midashi {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 -10px 0;
}
.detail {
    margin: 10px 0 0;
}
.application-table {
    border-top: solid 4px #1f286f;
    border-image: linear-gradient(to right, #1f286f 0%, #7891f0 100%)1/1 0 0 0;
}
}