@charset "UTF-8";


@media (min-width: 600px) {
html { font-size:16px; }
	}
@media (max-width: 599px) {
html { font-size:3vw; }
	}


* 	{ box-sizing:border-box;font-family:'Noto Sans JP',sans-serif; }
section { display:block;margin:1rem 0 1rem 0;padding:0; }
main , article { display:block;margin:0;padding:0; }
h1 , h2 , h3 ,h4 , h5 , h6 , dl , dt , dd, ul , ol , li , p , div , figure , a { margin:0;padding:0; }
h1 , h2 , h3 ,h4 , h5 , h6 { line-height:1.5; }

main article {
	line-height:2;
	color:rgba(62,62,65,1);
	font-weight:300;
	margin-bottom:6rem;
	}
main article a:hover { opacity:0.6; }
main article.sentence figure img ,
main article.sentence section div ,
main article.sentence section.SurroundingRule ,
main article.sentence section dl { border-radius:5px 5px 5px 5px; }

main article.sentence {
	width:100%;
	}
main article.sentence h2 {
	width:min(100%,1200px);
	margin:0 auto 0 auto;
	padding:0;
	}
main article.sentence figure {
	width:100%;
	display:block;
	margin:0 auto 0 auto;
	}
main article.sentence.mainImg figure img {
	width: 100%;
	aspect-ratio:36/12;object-fit:cover;
	}
main article.sentence section {
	width:min(100%,1000px);
	margin:0 auto 0 auto;
	padding:0 2rem 0 2rem;
	}
main article.sentence section.mainImg {
	width:min(100%,1200px);
	margin:-3rem auto 0 auto;
	padding:0 2rem 0 2rem;
	}
main article.sentence section h1 {
	font-size:2rem;
	text-align:center;
	margin-top:6rem;
	}
main article.sentence section h2 {
	font-size:1.4rem;
	text-align:center;
	margin-top:6rem;
	}
main article.sentence section p cite {
	display:block;
	font-size:1.8rem;
	font-weight:700;
	font-style:normal;
	text-align:center;
	margin-top:3rem;
	}
main article.sentence section p {
	font-size:1.2rem;
	font-weight:300;
	text-align:justify;
	margin-top:3rem;
	}
main article.sentence section h4 ,
main article.sentence section h5 {
	width:100%;
	margin-top:2rem;
	margin-bottom:1rem;

	font-size:170%;
	font-weight:700;
	text-align:center;
	}
main article.sentence section h5 {
	font-size:150%;
	}
main article.sentence section h6 {
	font-size:clamp(15px,1vw,19px );
	}
main article.sentence section figure {
	width:min(100%,1200px);
	display:block;
	margin:3rem auto 0 auto;
	}
main article.sentence section figure img {
	width: 100%;
	object-fit:cover;
	}
main article.sentence section figure:nth-child(2) {
	margin:1rem auto 0 auto;
	}
main article.sentence section.mainImg figure:nth-child(2) img {
	width: 100%;
	aspect-ratio:36/8;object-fit:cover;
	}


main article.sentence section ul {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	align-items:start;
	gap:0 2rem;
	width:100%;
	list-style:none;
	}
main article.sentence section ul li {
	display:flex;
	flex-direction:column;
	width:100%;
	}
main article.sentence section ul li figure {
	display:block;
	}
main article.sentence section ul li figure img {
	display:block;
	width:100%;
	aspect-ratio:3/2;object-fit:cover;
	border:1px solid rgba(242,242,245,1);
	}
main article.sentence section ul.aspec-square li figure img {
	aspect-ratio:1/1;
	}
main article.sentence section ul li u {
	display:block;
	font-size:1.2rem;
	text-decoration:none;
	color:rgba(125,125,125,1);
	}


main article.sentence section.mainImg div {
	margin-top:1.5rem;padding:1.5rem;
	background:rgba(235,240,246,1);
	}
main article.sentence section.mainImg div h2 {
	margin-top:0;padding-bottom:1.5rem;
	border-bottom:1px solid rgba(62,62,65,1);
	}
main article.sentence section.mainImg div ol {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:space-between;
	align-items:start;
	gap:0 1.5rem;
	width:100%;
	list-style:none;
	}
main article.sentence section.mainImg div ol li {
	flex-basis:100%;
	}
main article.sentence section.mainImg div ol li p strong {
	display:block;
	text-align:center;
	}
main article.sentence section.mainImg div ol li p {
	margin-top:1.5rem;
	line-height:1.5;
	}



main article.sentence section.catalouge_block {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:space-between;
	align-items:stretch;
	gap:2rem;
	width:min(100%,800px);
	margin:3rem auto 3rem auto;
	}
main article.sentence section.catalouge_block dl {
	flex-basis:100%;

	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:space-between;
	width:min(100%,750px);
	font-size:clamp(1.6rem,1vw,2rem);
	list-style:none;
	margin:0 auto;
	padding:2rem;
	border:1px solid rgba(30,75,125,1);
	}
main article.sentence section.catalouge_block dl dt {
	width:min(40%,125px);
	margin:0 auto;
	padding:0;
	}
main article.sentence section.catalouge_block dl dt figure {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	}
main article.sentence section.catalouge_block dl dt figure img {
	width:100%;
	}
main article.sentence section.catalouge_block dl dd {
	width:100%;
	margin-bottom: auto;
	padding:0 0 0 2rem;
	}
main article.sentence section.catalouge_block dl dd h1 {
	margin-top:2rem;
	font-size:1.6rem;
	text-align:left;
	}
main article.sentence section.catalouge_block dl dd p {
	margin-top:1rem;
	font-size:1.0rem;
	color:rgba(62,62,65,1);
	line-height:2;
	text-decoration:none;
	}
main article.sentence section.catalouge_block dl dd cite {
	display:block;
	margin-top:1rem;
	font-size:1.2rem;
	font-style:normal;
	text-decoration:underline;
	}
main article.sentence section.catalouge_block a {
	display:block;
	width:min(100%,800px);
	margin:1rem 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	line-height:1.5;
	font-weight:700;
	text-decoration:none;
	color:rgba(30,75,125,1) !important;
	background:none;
	border-radius: none;
	box-shadow:none;
	}



main article.sentence section.SurroundingRule {
	width:min(100%,800px);
	margin:3rem auto 0 auto;
	padding:3rem 2rem;
	}
main article.sentence section.SurroundingRule div {
	margin:0;padding:2rem;
	border:1px solid rgba(30,75,125,1);
	background:none;
	}
main article.sentence section.SurroundingRule div h1 {
	margin-top:0;
	font-size:1.6rem;
	}
main article.sentence section.SurroundingRule div h2 {
	margin-top:3rem;
	border-bottom:none;
	}
main article.sentence section.SurroundingRule div p {
	margin-top:2rem;
	font-size:1.0rem;
	color:rgba(62,62,65,1);
	line-height:2;
	text-decoration:none;
	}
main article.sentence section.SurroundingRule div ol {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	gap:1rem 1.5rem;
	width:100%;
	margin-top:1rem;
	list-style:none;
	}
main article.sentence section.SurroundingRule div ol li {
	flex-basis:100%;
	text-align:center;
	}



main article.sentence section a {
	display:block;
	width:min(100%,500px);
	margin:0 auto 0 auto;
	padding:2rem 2rem 2rem 2rem;
	font-size:1.2rem;
	text-align:center;
	line-height:1.5;
	font-weight:700;
	color:rgba(235,235,235,1) !important;
	background:rgba(30,75,125,1);
	border-radius: 5px 5px 5px 5px;
	box-shadow:3px 3px 20px #c3c3c3;
	}
main article.sentence section.SurroundingRule div ol li a {
	display:block;
	margin:0;
	padding:0;
	background:none;
	font-weight:400;
	font-size:1.2rem;
	text-decoration:underline;
	color:rgba(62,62,65,1) !important;
	box-shadow:none;
	}


main article.sentence section.link-btn dl { 
	display:flex;
	flex-direction:column;
	width:min(100%,500px);
	margin:0 auto 0 auto;
	padding:0;

	border:none;
	border-radius:0px;
	}
main article.sentence section.link-btn dl dt { 
	width:100%;
	margin:0 0 0 0;
	padding:2em 0 0.5em 0;

	font-weight:700;
	text-align:left;
	}
main article.sentence section.link-btn dl dd {
	width:100%;
	margin:0 0 0 0;
	padding:0.2rem 0 0 0;

	font-size:1.6rem;
	line-height:1.5;
	text-align:justify;
	font-weight:400;
	}
main article.sentence section.link-btn dl dd ol {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	margin:0 auto 0;
	padding:0;
	list-style:disc;
	z-index:1000;
	}
main article.sentence section.link-btn dl dd ol li {
	width:100%;
	margin:0 0 0 2rem;
	padding:0 0 0 0;
	}
main article.sentence section.link-btn dl dd ol li a { 
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.0rem;
	color:rgba(62,62,65,1) !important;
	line-height:1.5;
	font-weight:400;
	background:none;
	border-radius:0px;
	box-shadow:none;
	}
main article.sentence section.link-btn dl dd ol li a small {
display:block; 
	}

main article.sentence section h1 br ,
main article.sentence section h2 br ,
main article.sentence section.SurroundingRule div h1 br {
	display:none;
	}
main article.sentence section:nth-child(3) h1 br {
	display:block;
	}


@media screen and ( min-width:699px ){
main article.sentence section ul li { flex-basis:calc(100% / 2 - 1rem);}
main article.sentence section.mainImg div ol { flex-direction:row; }
main article.sentence section.mainImg div ol li { flex-basis:calc(100% / 4 - 2rem); }

main article.sentence section.SurroundingRule ul li { flex-basis:calc(100% / 2 - 2rem);}
main article.sentence section.SurroundingRule div ol li a br { display:none;}

main article.sentence section.catalouge_block { flex-direction:row; }
main article.sentence section.catalouge_block dl { flex-direction:row; }
main article.sentence section.catalouge_block dl dt { width:30%; }
main article.sentence section.catalouge_block dl dd { width:70%; }
main article.sentence section.catalouge_block dl dd h1 { margin-top:0; }

main article.sentence section.SurroundingRule dl { flex-direction:row; }
main article.sentence section.SurroundingRule dl dt figure { width:100%; }
}