@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--red : #a5c13a;
	--gray : #e7e7e7;
}
#doc .docs{
	display : flex;
	align-items : flex-start;
	letter-spacing : 0;
}
#doc .docs picture{
	flex-shrink : 0;
}
#doc .docs picture img{
	width : 100%;
	height : auto;
}
#doc .docs > div{
	flex-grow : 1;
}
#doc .docs dt{
	flex-shrink : 0;
	margin-right : 1em;
}
#doc .docs dl > div{
	display : flex;
	align-items : flex-start;
}
@media screen and (max-width: 768px){
	#doc .wrap{
		padding-top : calc( 32 * 100vw / 768 );
	}
	#doc .title03{
		margin-top : calc( 39 * 100vw / 768 );
	}
	#doc .docs{
		padding-left : calc( 18 * 100vw / 720 );
		margin-top : calc( ( 25 - 7 ) * 100vw / 768 );
	}
	#doc .docs picture{
		margin-top : calc( ( 13 + 7 ) * 100vw / 768 );
		margin-right : calc( 33 * 100% / 702  );
		width : calc( 113 * 100% / 702 );
	}
	#doc .docs dl{
		margin-top : 2.6rem;
	}
	#doc .docs dt , #doc .docs dd{
		font-size : 2.6rem;
		line-height : 1.54;
	}
	#doc .nologin{
		padding-top : calc( ( 49 - 7 ) * 100vw / 768 );
		padding-bottom : calc( 21 * 100vw / 768 );
	}
	#doc .login{
		padding-top : calc( ( 106 - 7 ) * 100vw / 768 );
		padding-bottom : calc( 82 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#doc .wrap{
		padding-top : 47px;
	}
	#doc .title03{
		margin-top : 35px;
	}
	#doc .docs{
		padding-left : 30px;
		padding-right : 30px;
		margin-top : 30px;
	}
	#doc .docs picture{
		margin-left : 45px;
		margin-right : 82px;
		width : 113px;
	}
	#doc .docs dl{
		margin-top : 10px;
	}
	#doc .docs dt , #doc .docs dd{
		font-size : 1.6rem;
		line-height : 1.5;
	}
	#doc .nologin{
		padding-top : 59px;
		padding-bottom : 56px;
	}
	#doc .login{
		padding-top : 78px;
		padding-bottom : 111px;
	}
}
/*# sourceMappingURL=../maps/doc_contents.css.map */