@charset "utf-8";



/* line */
.contents section p strong {
    margin: 0 0 10px;
    display: block;
    font-size: 1.2rem;
    color: #005989;
}


/* point */

ul.point {
    width:100%;
    margin: 50px 0 0;
    display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:stretch; align-items:stretch;
}
ul.point li {
    width:26%;
    margin: 20px .5%;
    padding:60px 2.5% 20px;
    position:relative;
    border-radius: 5px;
    border: solid 3px #d3d1d0;
}
ul.point li:before {
    content: "SUPPORT";
    width:100px;
    margin:auto;
    font-family: 'Jost', sans-serif;
    font-size:1.2em;
    text-align: center;
    line-height: 1.5;
    position:absolute; top:-15px; left:0; right:0;
    background: #f2f0ed;
	color: #005989;
}
ul.point li:after {
    content: "";
    width:100%;
    font-family: 'Jost', sans-serif;
    font-size:2em;
    text-align: center;
    line-height: 1.5;
    position:absolute; top:10px; left:0; right:0;
	color: #005989;
}

ul.point li:nth-of-type(1):after { content: "01";}
ul.point li:nth-of-type(2):after { content: "02";}
ul.point li:nth-of-type(3):after { content: "03";}
ul.point li:nth-of-type(4):after { content: "04";}
ul.point li:nth-of-type(5):after { content: "05";}
ul.point li:nth-of-type(6):after { content: "06";}
ul.point li:nth-of-type(7):after { content: "07";}
ul.point li:nth-of-type(8):after { content: "08";}
ul.point li:nth-of-type(9):after { content: "09";}

#line ul.point li h3{
	font-size: 1.3rem; 
	margin: 10px 0; 
	line-height: 1.2; 
	text-align: center; 
	color: #005989;
}

@media only screen and (max-width:640px){
	ul.point{justify-content: space-between;}
    ul.point li {
        width:100%;
        margin: 20px 0;
        padding:50px 5% 20px;
        line-height: 1.5;
    }
    ul.point li:before {
        width:120px;
        font-size:1.1em;
        position:absolute; top:-20px; left:0; right:0;
    }
    ul.point li:after {
        content: "";
        width:100%;
        font-family: 'Jost', sans-serif;
        font-size:2em;
        text-align: center;
        line-height: 1.5;
        position:absolute; top:10px; left:0; right:0;
    }
}