@charset "UTF-8" ;

body{
    font-family    : sans-serif ;
    margin         : 0 ;
    padding        : 0 ;
    /*custom property*/
    --main         : #002A67 ;
    --sub          : ;
    --text         : ;
}
h1 , h2 , h3 , h4 , h5 , h6 , ol , ul , li , dl , dt , dd , p{
    margin         : 0 ;
    padding        : 0 ;
    font-weight      : normal ;
}
ol , ul{
    list-style : none ;
}
img{
    vertical-align : bottom ;
}

/*===========================
 display
===========================*/
.onlySp{
    display : block ;
}
.onlyPc{
    display : none ;
}
@media screen and ( min-width : 960px ){
    .onlySp{
    display : none ;
    }
    .onlyPc{
        display : block ;
    }
}
/*===========================
 fontsize text
===========================*/
.fontsize--SS{    font-size : 10px ; }
.fontsize--S{     font-size : 12px ; }
.fontsize--M{     font-size : 14px ; }
.fontsize--L{     font-size : 16px ; }
.fontsize--LL{    font-size : 18px ; }
.fontsize--XL{    font-size : 20px ; }
.fontsize--XXL{   font-size : 24px ; }

@media screen and ( min-width : 960px ){
    .fontsize--SS{  font-size : 12px ; }
    .fontsize--S{   font-size : 14px ; }
    .fontsize--M{   font-size : 16px ; }
    .fontsize--L{   font-size : 20px ; }
    .fontsize--LL{  font-size : 24px ; }
    .fontsize--XL{  font-size : 28px ; }
    .fontsize--XXL{ font-size : 32px ; }
}
.text{
    margin : 0 ;
    line-height : 180% ;
}
.text{
    text-align : justify ;
}
.webFont{
    font-family: 'Teko', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

/*===========================
 layouts
===========================*/
.section{
    position : relative ;
    overflow : hidden ;
    width : 100% ;
/*    background : rgba(0,0,0,.2); */
}
.section::before{
    content : "" ;
    position : absolute ;
    z-index : -1 ;
    top : 40vw ;
    right : -100vw ;
    width : 160vw ;
    height: 160vw ;
    background : #F8F8F8 ;
    transform : rotate(45deg);
}
.section__wrapper{
    width : calc( 100% - 24px * 2 ) ;
    max-width : 1200px ;
    margin : 0 auto ;
/*    background : rgba(0,0,0,.2); */
}
.section__layouts{
    display : flex ;
    flex-wrap : wrap ;
    justify-content : space-between ;
    align-items : flex-start ;
}