@charset "UTF-8";

* { box-sizing:border-box;font-family:'Robot','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;font-feature-settings: "palt" 1; }
main , article, section { display:block;margin:1rem 0 1rem 0;padding:0 0 0 0;box-sizing: border-box; }
article { padding:0 1rem 0 1rem; }

main article { color:rgba(62,62,62,1); }
main article a:hover { opacity:0.6; }
main article.sentence figure img ,
main article.sentence section dl { border-radius:5px 5px 5px 5px; }

/* ======================================================
FONT-SIZE
====================================================== */
h1,h2,h3,h1,h4,h5,h6 { line-height:1.4; }
h1 { font-size:2.2rem;font-weight:700; }
h2 { font-size:2rem;font-weight:700; }
h3 { font-size:1.8rem;font-weight:700; }
h4 { font-size:1.6rem;font-weight:700;text-align:center; }
h5 { font-size:1.4rem;font-weight:700;text-align:center; }
h6 { font-size:1.2rem;font-weight:700;text-align:center; }
 p { font-size:1rem;line-height:2; }
main article.sentence figure figcaption { font-size:0.8rem; }
/* ====================================================== */

main article.sentence {
	width:100%;
	}
main article.sentence h3 {
	width:min(100%,1200px);
	margin:0 auto 0 auto;
	padding:0;
	}
main article.sentence h3 figure {
	position: relative;
	width:100%;
	margin:0 auto 0 auto;
	}
main article.sentence h3 figure:before {
	content: "";
	display: block;
	padding-top:45%;
	}
main article.sentence h3 figure img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit:cover;
	}
main article.sentence section {
	width:min(100%,1000px);
	margin:0 auto 0 auto;
	padding:0 10px 0 10px;
	}
main article.sentence section p {
	margin-bottom:1rem;
	}


main article.sentence section ul {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:1rem;
	align-items:start;
	width:100%;
	list-style:none;
	margin:1rem 0 0 0;
	padding:0 0 0 0;
	}
main article.sentence section ul li {
	display:grid;
	grid-template-columns: 1fr;
	width:100%;
	margin:0 0 2rem 0;
	padding:0 0 0 0;
	}
@media screen and ( max-width:430px ){
	main article.sentence section ul { grid-template-columns:1fr; }
	}

main article.sentence section ul li figure {
	width:100%;
	margin:0;
	padding:0;
	margin:0;
	padding:0;
	}
main article.sentence section ul li figure img {
	display:block;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	object-fit: cover;
	}
main article.sentence section ul li figure figcaption {
	display:block;
	text-decoration:none;
	color:rgba(125,125,125,1);
	margin:0;
	padding:0;
	}



main article.sentence section.catalouge_block {
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:stretch;
	gap:2rem;
	width:min(100%,1200px);
	margin:2rem auto 4rem auto;
	}
@media screen and ( max-width:430px ){
	main article.sentence section.catalouge_block { grid-template-columns:1fr; }
	}
main article.sentence section.catalouge_block dl {

	display:grid;
	list-style:none;
	margin:0 auto;
	padding:1rem 1rem 1rem 1rem;
	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:0 0 auto 0;
	padding:0 0 0 0;
	}
main article.sentence section.catalouge_block dl dd h6 {
	margin:0;
	padding:0;
	}
main article.sentence section.catalouge_block dl dd p {
	}
main article.sentence section.catalouge_block dl dd a {
	display:block;
	width:min(100%,500px);
	margin:1rem 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	line-height:1.5;
	font-weight:700;
	color:rgba(30,75,125,1) !important;
	background:none;
	border-radius: none;
	box-shadow:none;
	}


main article.sentence section.banner {
	margin:2rem auto 2rem auto;
	}
main article.sentence section.banner a {
	display:block;
	width:min(100%,500px);
	margin:0 auto 0 auto;
	padding:1rem;
	text-align:center;
	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.banner a img {
	display:block;
	margin:0;
	padding:0;
	}
main article.sentence section.link-btn {
	margin:4rem auto 0 auto;
	}
main article.sentence section.link-btn a {
	display:block;
	width:min(100%,500px);
	margin:0 auto 0 auto;
	padding:2rem 2rem 2rem 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;
	}


/* ======================================================
BREADCRUMB NAV
====================================================== */

nav {
	line-height:1;
	width:min(100%,1200px);
	margin:0 auto 0 auto;
	}
nav ul {
	display:flex;
	flex-wrap:wrap;
	width:min(100%,1200px);
	margin:0.5rem;
	padding:0;
	list-style:none;
	}
nav ul li { 
	display:block;
	margin:0;
	padding:0.2rem 0.2rem 0.2rem 0.2rem;
	}
nav ul li::before {
	content:'>';padding-right:0.2rem;color:rgba(175,175,175,1);
	}

nav ul li a,
main article.sentence section ul li a {
	color:rgba(62,62,65,1);
	}
nav ul li a:hover,
main article.sentence section ul li a:hover {
	opacity:0.6;
	}