@charset "UTF-8";

/*--------------------------------------------
SINGS
---------------------------------------------*/
@charset "UTF-8";



/*--------------------------------------------
contents 共通利用
---------------------------------------------*/
.contents p {
    line-height: 1.8;
}
.contents li {
    line-height: 1.8;
}
.contents ul {
    margin-left: 2em;
}
        .contents ul li {
            list-style: disc;
        }
.contents ol {
    margin-left: 2em;
}
        .contents ol li {
            list-style: decimal;
        }

@media screen and (max-width: 750px){
    .contents .wrap {
        padding-top: 10px;
        padding-bottom: 20px;
    }
}
@media print,screen and (min-width: 751px){
    .contents .wrap {
        padding-top: 20px;
        padding-bottom: 50px;
    }
}




/*--------------------------------------------
policy
---------------------------------------------*/
#policy p + h2 , #policy ul + h2 {
    margin-top: 1em;
}
#policy h2 {
    margin-bottom: .5em;
}
#policy .ol_none {
}
    #policy .ol_none li {
    }
#policy p + h2 , #policy ol + h2 {
    margin-top: 4em;
}
@media screen and (max-width: 750px){
    #policy h2 {
        font-size: 3rem;
    }
}
@media print,screen and (min-width: 751px){
    #policy h2 {
        font-size: 2.4rem;
    }
}

/*--------------------------------------------
company
---------------------------------------------*/
#company dl{
	display : grid;
}


@media screen and (max-width: 750px){
	#company dl{
		margin-top : calc( ( 28 - 5 ) * 100vw / 750 );
		grid-template-columns : calc( 210 * 100% / 690 ) 1fr;
	}
	#company dt , #company dd{
		font-size : 2.6rem;
		line-height : 1.38;
	}
	#company dt , #company dd{
		padding-bottom : calc( ( 21 - 5 ) * 100vw / 750 );
	}
	#company :where(dt,dd):not(:first-of-type){
		border-top-width : calc( 2 * 100vw / 750 );
		padding-top : calc( ( 21 - 5 ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#company{
		padding-bottom : calc( 80px - 5px );
	}
	#company dl{
		margin-top : calc( 50px - 5px );
		width : 800px;
		margin-left : auto;
		margin-right : auto;
		grid-template-columns : 200px 1fr;
	}
	#company dt , #company dd{
		font-size : 1.6rem;
		line-height : 1.62;
	}
	#company dt , #company dd{
		padding-bottom : calc( 19px - 5px );
	}
	#company :where(dt,dd):not(:first-of-type){
		border-top-width : 1px;
		padding-top : calc( 19px - 5px );
	}
	#company dt{
		padding-left : 20px;
		padding-right : 20px;
	}
}
