@charset "UTF-8";

/* header : site-nav
================================================= */
/* bace */
header.site-nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1366px;
  margin: 2vw auto 0;
}
header.site-nav input[type="checkbox"] {
  display: none;
}
@media print, screen and (min-width: 1366px) {
  header.site-nav { margin-top: 27px; }
}

/* h1 */
header.site-nav h1 {
  width: 95px;
  margin-left: 2vw;
}
@media print, screen and (min-width: 520px) {
  header.site-nav h1 { width: 140px; }
}
@media print, screen and (min-width: 960px) {
  header.site-nav h1 { width: 185px; }
}
@media print, screen and (min-width: 1366px) {
  header.site-nav h1 { width: 215px; margin-left: 41px; }
}

/* nav_sticky */
header.site-nav .nav_sticky {
  position: fixed;
  top: calc(55px + 2vw);
  right: 3.5vw;
  width: 54px;
  height: 84px;
  z-index: 1;
}
@media print, screen and (min-width: 520px) {
	header.site-nav .nav_sticky { top: calc(60px + 2vw); width: 70px; height: 125px; }
}
@media print, screen and (min-width: 960px) {
	header.site-nav .nav_sticky { position: absolute; top: 0; width: 83px; height: 165px; }
  header.site-nav .nav_sticky.fixed { position: fixed; }
}
@media print, screen and (min-width: 1366px) {
	header.site-nav .nav_sticky { right: calc(50% - 615px); width: 95px; height: 191px; }
}

/* toggle */
header.site-nav .toggle_btn {
  position: absolute;
  top: 26px;
  width: 100%;
  height: 49px;
  cursor: pointer;
  z-index: 1;
}
header.site-nav .toggle_btn span,
header.site-nav .toggle_btn span::before {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  border-radius: 2px;
  background: #604824;
  transition: 0.5s;
}
header.site-nav .toggle_btn span {
  top: 22px;
  width: 100%;
}
header.site-nav .toggle_btn span::before {
  bottom: 12px;
  width: 100%;
}
header.site-nav #toggle:checked ~ .toggle_btn span {
  top: 16px;
  transform: rotate(20deg);
  background: #fff;
}
header.site-nav #toggle:checked ~ .toggle_btn span::before {
  bottom: 0;
  transform: rotate(-40deg);
  background: #fff;
}
header.site-nav .toggle_btn::after {
  content: url('../image/nav-menu.svg');
  position: absolute;
  top: 23px;
  display: block;
  width: 96%;
}
header.site-nav #toggle:checked ~ .toggle_btn::after {
  content: url('../image/nav-close.svg');
}
@media print, screen and (min-width: 520px) {
	header.site-nav .toggle_btn { top: 40px; height: 60px; }
	header.site-nav .toggle_btn span { top: 27px; }
	header.site-nav .toggle_btn span::before { bottom: 15px; }
	header.site-nav #toggle:checked ~ .toggle_btn span { top: 19px; }
	header.site-nav .toggle_btn::after { top: 33px; }
}
@media print, screen and (min-width: 960px) {
	header.site-nav .toggle_btn { top: 41px; height: 67px; }
	header.site-nav .toggle_btn span { top: 29px; }
	header.site-nav .toggle_btn span::before { bottom: 18px; }
	header.site-nav #toggle:checked ~ .toggle_btn span { top: 21px; }
	header.site-nav .toggle_btn::after { top: 38px; }
}
@media print, screen and (min-width: 1366px) {
	header.site-nav .toggle_btn { top: 45px; height: 76px; }
	header.site-nav .toggle_btn span, header.site-nav .toggle_btn span::before { height: 3px; }
	header.site-nav .toggle_btn span { top: 34px; }
	header.site-nav .toggle_btn span::before {  bottom: 20px; }
	header.site-nav #toggle:checked ~ .toggle_btn span { top: 24px; }
	header.site-nav .toggle_btn::after { top: 48px; }
}

/* drawer : base */
header.site-nav .drawer {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100vh;
	background: #604824;
	color: #fff;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	transition: 0.5s;
	z-index: 0;
}
header.site-nav .drawer::-webkit-scrollbar {
	display: none;
}
header.site-nav #toggle:checked ~ .drawer {
	right: 0;
}

/* drawer : menu */
header.site-nav .drawer .nav-list {
	width: 100%;
  margin-top: calc(124px + 2vw);
  padding: 5vw;
}
header.site-nav .drawer .nav-list ul {
  width: 100%;
  max-width: 400px;
	margin: 0 auto;
	padding-left: 0;
	list-style: none;
}
header.site-nav .drawer .nav-list li {
	display: flex;
	margin-bottom: 35px;
}
header.site-nav .drawer .nav-list li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	color: #fff;
}
header.site-nav .drawer .nav-list li a::before {
	content: '';
	position: absolute;
	left: 5%;
	bottom: -9px;
	width: 90%;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.4s;
}
header.site-nav .drawer .nav-list li a:hover::before {
	transform: scale(1, 1);
}
header.site-nav .drawer .nav-list li a img {
	width: auto;
	height: 23px;
}
header.site-nav .drawer .nav-list li a[target="_blank"]::after {
	content: '';
  display: block;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  background-position: center right;
  background-repeat: no-repeat;
	background-image: url(../image/icon_new-tab.svg);
  background-size: auto 14px;
}
@media print, screen and (min-width: 520px) {
	header.site-nav .drawer .nav-list { margin-top: calc(153px + 2vw); }
  header.site-nav .drawer .nav-list li { margin-bottom: 45px; }
	header.site-nav .drawer .nav-list li a::before { bottom: -12px; height: 3px; }
  header.site-nav .drawer .nav-list li a img { height: 27px; }
}
@media print, screen and (min-width: 960px) {
  header.site-nav .drawer .nav-list { padding: 30px; }
	header.site-nav .drawer .nav-list { margin-top: calc(101px + 2vw); }
  header.site-nav .drawer .nav-list li { margin-bottom: 55px; }
	header.site-nav .drawer .nav-list li a::before { bottom: -14px; }
  header.site-nav .drawer .nav-list li a img { height: 30px; }
  header.site-nav .drawer .nav-list li a[target="_blank"]::after { width: 20px; height: 20px; margin-left: 12px; background-size: auto 20px; }
}
@media print, screen and (min-width: 1280px) {
  header.site-nav .drawer .nav-list li { margin-bottom: 62px; }
	header.site-nav .drawer .nav-list li a::before { bottom: -15px; }
  header.site-nav .drawer .nav-list li a img { height: 34px; }
}
@media print, screen and (min-width: 1366px) {
	header.site-nav .drawer .nav-list { margin-top: 142px; }
}


/* main : headline & foot
================================================= */
.headline {
  margin-bottom: 2%;
  text-align: center;
}
.headline h2 {
  width: 90%;
  max-width: 370px;
  margin: 0 auto 3.5%;
}
.headline p + p {
	margin-top: 15px;
}
.foot {
  margin-top: 4%;
  text-align: center;
}
@media print, screen and (min-width: 520px) {
  .headline h2 { width: 80%; max-width: 480px; }
}
@media print, screen and (min-width: 960px) {
  .headline h2 { width: 60%; max-width: 560px; }
}


/* main : articles list
================================================= */
.articles ul.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.articles ul.list li {
  position: relative;
  width: 100%;
  margin-top: 5%;
  border-radius: 10px;
  background: #fff;
}
.articles ul.list li a:not(.btn) {
  color: #604824;
  text-decoration: none;
}
.articles ul.list li a:not(.btn)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: 10px;
  pointer-events: auto;
}
.articles ul.list li a:not(.btn):hover::after,
.articles ul.list li a:not(.btn):active::after {
  background-color: rgba(255,255,255,0.1);
  box-shadow: 0 0 5px rgba(50,34,8,0.3);
}
.articles ul.list li .featured_image {
  position: relative;
	padding-top: 56.25%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.articles ul.list li .featured_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articles ul.list li h3 {
  padding: calc(4% - 0.3em) 4%;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 520px) {
  .articles ul.list li { width: 47.5%; }
}
@media print, screen and (min-width: 960px) {
  .articles ul.list li { width: 30%; }
  .articles ul.list li:nth-child(3n+2):last-child { margin-right: 35%; }
}

/* leader */
.articles ul.list.leader li {
  width: 47.5%;
}
.articles ul.list.leader li .featured_image {
	padding-top: 100%;
}
@media print, screen and (min-width: 520px) {
  .articles ul.list.leader li { width: 30%; }
  .articles ul.list.leader li:nth-child(3n+2):last-child { margin-right: 35%; }
}
@media print, screen and (min-width: 960px) {
  .articles ul.list.leader li { width: 21.25%; }
  .articles ul.list.leader li:nth-child(3n+2):last-child { margin-right: initial; }
  .articles ul.list.leader li:nth-child(4n+2):last-child { margin-right: 52.5%; }
  .articles ul.list.leader li:nth-child(4n+3):last-child { margin-right: 26.25%; }
}

/* kentei */
.articles ul.list.kentei li .desc {
  padding: 4%;
}
.articles ul.list.kentei li .passing-line {
  margin-top: 0.2em;
  font-weight: bold;
}
.articles ul.list.kentei li .passing-line::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 15px;
  margin-right: 3px;
  margin-bottom: -1px;
  background: url(../kentei/image/passing-line.svg) no-repeat center left;
  background-size: contain;
}
.articles ul.list.kentei li a.btn,
.articles ul.list.kentei li .btn {
  margin: calc(2% + 0.3em) auto 0.3em;
  background-color: #FAE35D;
}
.articles ul.list.kentei li a.btn:hover,
.articles ul.list.kentei li a.btn:active,
.articles ul.list.kentei li .btn:hover,
.articles ul.list.kentei li .btn:active {
  background-color: #604824;
}


/* main : article
================================================= */
article {
  width: 100%;
  margin: 5% auto;
	padding-bottom: 1px;
	border-radius: 2.5vw;
  background: #fff;
}
@media print, screen and (min-width: 960px) {
	article { width: 95%; max-width: 1018px; border-radius: 20px; }
}

/* header : common */
article header {
  padding-top: 1px;
}
article header .featured_image {
	margin-top: -1px;
}
article header .featured_image img {
	border-radius: 2.5vw 2.5vw 0 0;
}
article header h1 {
	margin: calc(5% - 0.3em) 5% calc(5% - 0.3em + 20px);
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #604824;
	font-size: 2.0rem;
	line-height: 1.6;
}
@media print, screen and (min-width: 520px) {
	article header h1 { font-size: 2.5rem; }
}
@media print, screen and (min-width: 960px) {
	article header .featured_image img { border-radius: 20px 20px 0 0; }
	article header h1 { margin-left: 6%; margin-right: 6%; font-size: 3.2rem; }
}

/* header : leader */
article.leader header .featured_image img {
  width: 80%;
  max-width: 500px;
  margin: 7.5% auto 0;
  border-radius: 0;
}
article.leader header h1 {
	margin: calc(5% - 0.3em + 20px) 5% 0.5em;
}

/* header : kentei */
article.kentei header h1 {
	text-align: center;
}

/* text : wrapper : common */
article .text {
	margin: 0 5% calc(5% - 0.3em);
}
@media print, screen and (min-width: 960px) {
	article .text { margin-left: 6%; margin-right: 6%; }
}

/* text : elements - margin-top & bottom : common */
article .text > h2 {
	margin-top: 34px;
}
article .text > h3,
article .text > h4 {
	margin-top: 27px;
}
article .text > p,
article .text > ol,
article .text > ul {
	margin-top: 20px;
}
article .text > img,
article .text > p > img,
article .text > .video {
	margin-top: 25px;
	margin-bottom: 25px;
}
article .text > h5 {
	margin-top: -22px;
}
/*article .text > iframe {
  width: 100%;
  height: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	aspect-ratio: 16/9;
}*/
article .text > *:not(img):not(.video):first-child {
	margin-top: 0;
}
article .text > img:first-child,
article .text > .video:first-child {
	margin-top: 5px;
}
@media print, screen and (min-width: 520px) {
	article .text > h2 { margin-top: 59px; }
	article .text > h3 { margin-top: 42px; }
	article .text > h4 { margin-top: 27px; }
	article .text > p, article .text > ol, article .text > ul { margin-top: 22px; }
	article .text > img, article .text > p > img, article .text > .video { margin-top: 27px; margin-bottom: 27px; }
	article .text > h5 { margin-top: -24px; }
}
@media print, screen and (min-width: 960px) {
	article .text > h2 { margin-top: 79px; }
	article .text > h3 { margin-top: 47px; }
	article .text > img, article .text > p > img, article .text > .video { margin-top: 30px; margin-bottom: 30px; }
	article .text > h5 { margin-top: -27px; }
}

/* text : elements - margin-top & bottom : event */
article.event .text > h2 {
	margin-bottom: -20px;
}
article.event .text > h4 {
	margin-top: 10px;
}
article.event .text > p,
article.event .text > ol,
article.event .text > ul {
	margin-top: 7px;
}
article.event .text > img,
article.event .text > p > img, 
article.event .text > .video {
	margin-top: 7px;
	margin-bottom: 7px;
}
article.event .text > h5 {
	margin-top: -5px;
	margin-bottom: 10px;
}
@media print, screen and (min-width: 520px) {
  article.event .text > h2 { margin-bottom: -34px; }
  article.event .text > h4 { margin-top: 12px; }
  article.event .text > img, article.event .text > p > img, article.event .text > .video { margin-top: 10px; margin-bottom: 10px; }
  article.event .text > h5 { margin-top: -8px; margin-bottom: 13px; }
}
@media print, screen and (min-width: 960px) {
  article.event .text > h2 { margin-bottom: -30px; }
  article.event .text > h4 { margin-top: 16px; }
}

/* text : elements - margin-top & bottom : kentei */
article.kentei .text > * + *:not(h5)  {
  margin-top: 34px;
}
@media print, screen and (min-width: 520px) {
	article.kentei .text > * + *:not(h5) { margin-top: 59px; }
}
@media print, screen and (min-width: 960px) {
	article.kentei .text > * + *:not(h5) { margin-top: 79px; }
}

/* text : elements - decoration : common */
article .text > h2 {
	position: relative;
	padding-left: calc(4px + 0.4em);
	font-size: 1.8rem;
	line-height: 1.6;
}
article .text > h2::before {
  content: '';
	position: absolute;
	top: 0.2em;
	left: 0;
	display: block;
	width: 4px;
	height: calc(100% - 0.4em);
	border-radius: 2px;
	background: #604824;
}
article .text > h3 {
	font-size: 1.7rem;
	line-height: 1.6;
}
article .text > h4 {
	font-size: 1.6rem;
	line-height: 1.6;
}
article .text strong {
	margin: 0 0.05em;
  padding: 0.15em 0.25em;
	font-weight: bold;
	background: #fffe98;
}
article .text em {
	font-style: normal;
	font-weight: bold;
}
article .text > img,
article .text > p > img,
article .text > h5 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
article .text > h5 { /*img caption*/
	color: #9b958c;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.6;
}
article .text .video {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 56.25% 0 0;
}
article .text .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
article .text > ol,
article .text > ul {
  margin-left: 0;
  margin-rigth: 0;
  margin-bottom: 0;
	padding: 0 0 0 1.75em;
	list-style: outside;
}
article .text ol {
	list-style: decimal outside;
}
@media print, screen and (min-width: 520px) {
	article .text > h2 { font-size: 2.2rem; }
	article .text > h3 { font-size: 2.0rem; }
	article .text > h4 { font-size: 1.8rem; }
	article .text > img, article .text > p > img, article .text > p > img, article .text > h5 { width: 85%; max-width: 713px; }
}
@media print, screen and (min-width: 960px) {
	article .text > h2 { font-size: 2.7rem; }
	article .text > h3 { font-size: 2.3rem; }
	article .text > h4 { font-size: 1.9rem; }
}

/* text : elements - decoration : kentei */
article.kentei .illustrate-pic {
  display: flex;
  flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	margin: 10px auto;
}
article.kentei .illustrate-pic img {
	margin-top: 2%;
	margin-bottom: 2%;
	border: 1px solid #ACACAC;
}
article.kentei .wrap-btn {
	display: flex;
  flex-wrap: wrap;
	justify-content: center;
  width: 250px;
  margin: 0 auto 5%;
}
article.kentei .wrap-btn:last-child {
  margin-top: 5%;
  margin-bottom: 0;
}
article.kentei a.btn,
article.kentei .btn {
	margin-top: 0.7em;
  background: #FAE35D;
}
article.kentei a.btn:hover,
article.kentei a.btn:active,
article.kentei .btn:hover,
article.kentei .btn:active {
  background: #604824;
}
/* question */
article.kentei .que-intro {
  margin-bottom: 2%;
}
article.kentei .que-sentence {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
}
article.kentei .que-sentence h2.no {
  padding: 0.45em 0.55em;
  border-radius: 5px;
  background: #604824;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
article.kentei .que-sentence h2.no::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 15px;
  margin-right: 0.3em;
  margin-left: -0.2em;
  background: url(../kentei/image/question-no.svg) no-repeat bottom left;
  background-size: contain;
}
article.kentei .que-sentence p {
  width: 100%;
  margin-top: 7px;
  font-weight: bold;
}
article.kentei .que-pic {
  display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
  width: 80%;
  margin: 0 auto;
}
article.kentei .que-pic img {
	margin-top: 3%;
	margin-bottom: 3%;
	border: 1px solid #ACACAC;
}
article.kentei .choices {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.5%;
}
article.kentei .choices form {
	width: 100%;
}
article.kentei .choices input {
  display: block;
  width: 100%;
  min-height: 70px;
  margin: calc(1% + 0.4em) 0 0.4em;
  padding: 4% 8%;
  border: 1px solid #604824;
  border-radius: 100vh;
  background-color: #FAE35D;
  color: #604824;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: normal;
  white-space: normal;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transition: 0.15s;
}
article.kentei .choices input:hover,
article.kentei .choices input:active,
article.kentei .choices input:focus {
  background-color: #604824;
	color: #fff;
}
/* result */
article.kentei img.result-pic {
  width: 100%;
  margin: 5% auto 2.5%;
  border: 1px solid #fff;
}
/* score */
article.kentei .score {
  padding: 5%;
  border-radius: 10px;
  background: #EDEBD9;
}
article.kentei .score h2 {
  display: inline-block;
  margin-bottom: 0.6em;
  padding: 0.45em 0.55em;
  border-radius: 3px;
  background: #604824;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
}
article.kentei .current {
  color: #E21C2A;
  font-size: 2.4rem;
  font-weight: bold;
}
article.kentei .passing-line {
  margin-top: 0;
  font-weight: bold;
}
article.kentei .passing-line::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 15px;
  margin-right: 3px;
  margin-bottom: -1px;
  background: url(../kentei/image/passing-line.svg) no-repeat center left;
  background-size: contain;
}
/* certificate */
article.kentei img.certificate {
	border: 1px solid #ECECEC;
	box-shadow: 0 0 7px rgba(0,0,0,0.12);
}
/* ranking */
article.kentei table.ranking {
  width: 100%;
  margin-bottom: -5%;
}
article.kentei table.ranking tr {
  display: flex;
  justify-content: space-between;
}
article.kentei table.ranking tr + tr {
  margin-top: 5%;
}
article.kentei table.ranking td.no {
  display:flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  border-radius: 3px;
  background: #E4DBCD;
  color: #604824;
  font-family: "Quicksand", sans-serif;
  font-size: 2.0rem;
  font-weight: 600;
}
article.kentei table.ranking td:not(.no) {
  width: calc(100% - 3% - 33px);
}
article.kentei table.ranking .name {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
}
article.kentei table.ranking ul {
  margin-top: 0.4em;
  margin-left: 0;
  margin-rigth: 0;
  margin-bottom: 0;
	padding: 0 0 0 1.5em;
	list-style: outside;
}
article.kentei table.ranking li {
  margin: 0.25em 0;
  line-height: 1.6;
}
@media print, screen and (min-width: 520px) {
  article.kentei .illustrate-pic { margin: 12px auto; }
  article.kentei .illustrate-pic.col1 { width: 85%; max-width: 713px; }
	article.kentei .illustrate-pic.col2 img { width: 48.5%; margin-top: 1%; }
	article.kentei .illustrate-pic.col3 img { width: 48.5%; margin-top: 1%; }
	article.kentei .wrap-btn { margin-bottom: 3%; }
	article.kentei .que-sentence { font-size: 1.75rem; }
	article.kentei .que-sentence h2.no { font-size: 1.2em; }
	article.kentei .que-sentence h2.no::before { width: 20px; height: 17px; }
	article.kentei .que-pic { width: 90%; }
	article.kentei .que-pic img { width: 48%; margin-top: 2%; margin-bottom: 2%; }
	article.kentei .que-pic.col1 { width: 75%; max-width: 661px; }
	article.kentei .que-pic.col1 img { width: 100%; margin-top: 2.5%; margin-bottom: 2.5%; }
	article.kentei .choices input { min-height: 80px; margin-top: calc(1.5% + 0.4em); padding: 3% 6%; }
	article.kentei img.result-pic { width: 80%; margin-top: 3%; }
	article.kentei .score { padding: 4%; }
	article.kentei .current { font-size: 2.7rem; }
	article.kentei table.ranking tr + tr { margin-top: 3%; }
	article.kentei table.ranking td.no { width: 35px; }
	article.kentei table.ranking td:not(.no) { width: calc(100% - 2% - 35px); }
	article.kentei table.ranking .name { font-size: 1.8rem; }
	article.kentei img.certificate { width: 70%; box-shadow: 0 0 15px rgba(0,0,0,0.12); }
}
@media print, screen and (min-width: 768px) {
	article.kentei .wrap-btn { width: 100%; }
	article.kentei .wrap-btn a.btn + a.btn { margin-left: 20px; }
	article.kentei .choices { width: 85%; max-width: 700px; margin-left: auto; margin-right: auto; }
}
@media print, screen and (min-width: 960px) {
  article.kentei .illustrate-pic { margin: 15px auto; }
	article.kentei .illustrate-pic.col3 img { width: 31.5%; margin-top: 1%; }
	article.kentei .illustrate-pic.col3 img:nth-child(3n+2):last-child { margin-right: 34.25%; }
	article.kentei .que-sentence { font-size: 2.0rem; }
	article.kentei .que-sentence h2.no::before { width: 24px; height: 20px; }
	article.kentei .que-pic { width: 100%; }
	article.kentei .que-pic img { width: 32%; margin-top: 1%; margin-bottom: 1%; }
	article.kentei .que-pic img:nth-child(3n+2):last-child { margin-right: 34%; }
	article.kentei .que-pic.col1 img { margin-top: 1.25%; margin-bottom: 1.25%; }
	article.kentei .que-pic.col2 { width: 90%; }
	article.kentei .que-pic.col2 img { width: 49%; }
	article.kentei .que-pic.col2 img:nth-child(3n+2):last-child { margin-right: inherit; }
	article.kentei .choices input { font-size: 1.8rem; }
	article.kentei .score h2 { font-size: 1.7rem; }
	article.kentei .current { font-size: 3.0rem; }
	article.kentei .passing-line { font-size: 1.7rem; }
	article.kentei table.ranking td.no { width: 40px; }
	article.kentei table.ranking td:not(.no) { width: calc(100% - 1.5% - 40px); }
	article.kentei table.ranking .name { font-size: 1.9rem; }
	article.kentei img.certificate { width: 65%; max-width: 550px; }
}


/* main : wrap-btn
================================================= */
.wrap-btn {
	display: flex;
	justify-content: center;
}
div.articles + div.wrap-btn {
	margin-top: 5%;
}
@media print, screen and (min-width: 520px) {
	div.articles + div.wrap-btn { margin-top: 3%; }
}