/*
Theme Name: jsfca
*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;list-style:none}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

.globalMenuSp {
  display: none;
}

.examNavi {
  display: none;
}

.wpcf7 {
  width: 100%;
}


/*
* Base Settings
*--------------------------------------------------------*/
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a:hover {
  -webkit-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

/*
* Layout
*--------------------------------------------------------*/
header {
  margin: 0;
  padding: 5px 0 0 0;
}

/* 202305追記 */
.header_offer {
	height: 300px;
}

.header_offer h1 {
	margin: 10px 0 10px 2%;
}

.header_offer h1 > a > img {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 480px) {

	.header_offer {
		height: 220px;
	}

	.header_offer h1 {
		width: 100%;
	}

	.header_offer h1 > a {
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 50%;
	}
}
/* 202305追記　*/

.g-navi {
  margin: 0;
  padding: 0;
}

footer {
  margin: 0 auto;
  height: 200px;
  background-color: #b44b4c;
}

.page_column {
  width: 100vw;
}
/*
* Components
*--------------------------------------------------------*/
html {
  background-image: url('images/background.png');
  background-repeat: repeat-x;
  background-position: left top;
}

h2 {
  position: relative;
  margin: 0 0 80px 0;
  padding: 70px 0 0 0;
  width: 100%;
  font-size: 2em;
  color: #b44702;
  font-weight: 700;
  text-align: center;
}

h2:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 3px;
  left: 50%;
  bottom: -20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #b44702;
  border-radius: 2px;
}

@media screen and (max-width: 575px) {
  h2 {
    margin: 0 0 40px 0;
    padding-top: 40px;
    font-size: 1.25em;
  }
  h2:before {
    bottom: -15px;
  }
}

form {
  margin: 0;
  padding: 0;
  width: 100%;
}

table .sizeL {
  width: 80%;
}

table .sizeS {
  width: 30%;
}

table .sizeZip1 {
  width: 10%;
}

table .sizeZip2 {
  width: 15%;
}

.btn-style,
.contact-btn-wrapper .contact-btn > a,
.sitemap-btn-wrapper .sitemap-btn > a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 140px;
  height: 30px;
  font-size: 0.875em;
  color: #fff;
  text-align: center;
  line-height: 28px;
  text-decoration: none;
  border-radius: 5px;
  background: #b44b4c;
}

.btn-style:hover,
.contact-btn-wrapper .contact-btn > a:hover,
.sitemap-btn-wrapper .sitemap-btn > a:hover {
  background-color: #830e0f;
}

.contact-btn-wrapper {
  margin: 0;
  padding: 0;
  text-align: right;
  line-height: 100px;
}

.sitemap-btn-wrapper {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 100px;
}

.ranking-btn-wrapper {
  margin: 30px 0 0 0;
  padding: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  /* line-height: 90px; */
}

.ranking-btn-wrapper .ranking-btn {
  display: flex;
  align-item: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 90%;
  height: 40px;
}

.ranking-btn-wrapper .ranking-btn > a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  border-radius: 5px;
  background: #dd4a4d;
}

.ranking-btn-wrapper .ranking-btn > a:hover {
	background: #b92e30;
}



.exam-list {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 100px;
}

.exam-list > a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  font-size: 1.125em;
  color: #9d3e00;
  line-height: 100px;
  text-decoration: none;
  background: #ffdddd;
}

.exam-list > a:hover {
  background-color: #f0a9a9;
}

.exam-list > a > img {
  margin: -2px 10px 0 0;
  vertical-align: middle;
}

nav .g-navi-contents li {
  margin: 0;
  padding: 0;
  border-right: 1px solid #fff;
  background: #b44b4c;
}

nav .g-navi-contents li:last-child {
  border-right: none;
}

nav .g-navi-contents li > a {
  display: block;
  margin: 0;
  padding: 0;
  height: 52px;
  font-size: 1em;
  color: #ffffff;
  line-height: 52px;
}

nav .g-navi-contents li > a:hover {
  background-color: #830e0f;
}

nav .g-navi-contents .active {
  background: #ffc8c9;
}

nav .g-navi-contents .active > a {
  color: #6f2526;
}

nav .g-navi-contents .g-navi-submenu {
  margin: 1px 0 0 0;
  padding: 0;
  border: none;
  width: 100%;
}

nav .g-navi-contents .g-navi-submenu > li {
  padding: 0;
  height: 52px;
  border-right: none;
  border-bottom: 1px solid #fff;
}

nav .g-navi-contents .g-navi-submenu > li:last-child {
  border-bottom: none;
}

nav .g-navi-contents .g-navi-submenu > li > a {
  display: block;
  padding: 0 20px;
  height: 51px;
  font-size: 0.875em;
  color: #fff;
  line-height: 51px;
  background: #d1696a;
}

nav .g-navi-contents .g-navi-submenu > li > a:hover {
  background: #c63d3e;
}

.exam-list {
  display: block;
  height: 100px;
  background: #f8e4e4;
  text-align: center;
  cursor: pointer;
  z-index: 50;
}

.exam-list .ham > span {
  display: block;
  position: absolute;
  width: 30px;
  border-bottom: solid 3px #9d3e00;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  left: 16%;
}

.exam-list .ham > span:nth-child(1) {
  top: 40px;
}

.exam-list .ham > span:nth-child(2) {
  top: 49px;
}

.exam-list .ham > span:nth-child(3) {
  top: 58px;
}

.exam-list .menu-txt {
  position: absolute;
  top: 0;
  left: 38%;
  height: 100px;
  font-size: 1.125em;
  color: #9d3e00;
}

.exam-list.active span:nth-child(1) {
  top: 49px;
  left: 16%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.exam-list.active span:nth-child(2),
.exam-list.active span:nth-child(3) {
  top: 49px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.examNavi.active {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.examNavi {
  display: block;
  position: fixed;
  top: 0;
  left: 5%;
  padding: 100px 0 0 0;
  width: 90%;
  color: #000;
  text-align: center;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  border-top: 5px solid #b44b4c;
  z-index: 30;
}

.examNavi .list-title {
  margin: 0;
  padding: 15px 0;
  font-size: 1.375em;
  color: #502000;
  font-weight: 700;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #e5dab2;
}

.examNavi .accordion2 {
  margin-top: 0;
  padding: 20px 30px 30px 30px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fcf7e4;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 50% 1fr;
  grid-template-rows: 50% 1fr;
  -ms-grid-columns: (25%) [4];
  grid-template-columns: repeat(4, 25%);
}

.examNavi .accordion2 .ex-drink {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1;
}

.examNavi .accordion2 .ex-osake {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  grid-column: 2;
}

.examNavi .accordion2 .ex-kenkousyoku {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 3;
  grid-column: 3;
}

.examNavi .accordion2 .ex-syokubunka {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-column: 4;
  grid-column: 4;
}

.examNavi .accordion2 .ex-diet {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
}

.examNavi .accordion2 .ex-ryouri {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  grid-column: 2;
}

.examNavi .accordion2 .ex-sweets {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 3;
  grid-column: 3;
}

.examNavi .accordion2 li {
  margin: 0 5px;
  max-height: 270px;
}

.examNavi .accordion2 li p {
  padding: 10px 0;
  font-size: 0.9375em;
  color: #622905;
  text-align: left;
  text-indent: 35px;
  border-radius: 5px;
  background: #e7ddb8 url('images/exam_list_headmark.png') 10px center no-repeat;
}

.examNavi .accordion2 li .cont {
  margin-top: 10px;
}

.examNavi .accordion2 li .cont > li > a {
  display: block;
  padding: 6px 0;
  width: 100%;
  height: 100%;
  font-size: 0.75em;
  color: #5d2703;
  text-align: left;
  text-decoration: none;
}

.examNavi .accordion2 li .cont > li > a:hover {
  text-indent: 5px;
  background: #d0c5a0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}




.main_visual {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 387px;
	overflow: hidden;
}

.main_visual .main_img {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main_visual .main_img > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.main_visual .page-title {
	position: absolute;
	top: 37%;
	left: 0;
	display: flex;
	align-items: center;
	padding: 0 40px;
	width: 100%;
	height: 130px;
	font-size: 2.8rem;
	color: #fff;
	font-weight: 700;
	line-height: 3.4rem;
	/* text-indent: 100px; */
	/* line-height: 130px; */
	background: rgba(75, 51, 6, 0.4);
	z-index: 10;
	box-sizing: border-box;
}

@media screen and (max-width: 480px) {

	.main_visual {
		height: 260px;
	}

	.main_visual .page-title {
		display: flex;
		align-items: center;
		top: 50%;
		transform: translateY(-50%);
		/* padding: 0 40px; */
		font-size: 1.6rem;
		text-indent: 0;
		line-height: 2rem;
	}

}


.page-visual,
.standard-visual,
#about-jsfca,
#test-summary,
#apply-flow,
#apply-fee,
#certificate-system,
#certificate-school,
#pass-member,
#certified,
#exam-datelist,
#exam-apply,
#privacy,
#law-view,
#cert-inquiry,
#change-issue,
#toiawase,
#sitemap,
#info,
#news,
#detail,
#exam_drink,
#exam_osake,
#exam_kenkousyoku,
#exam_syokubunka,
#exam_diet,
#exam_ryouri,
#exam_sweets,
#coffee,
#cafe,
#teaadviser,
#teameister,
#nihoncha,
#wine,
#cocktail,
#shochu,
#yakuzen,
#kampo,
#syokuiku,
#youjisyoku,
#superfoods,
#hakkou,
#spice,
#herb,
#syokuyouoil,
#yasai,
#niku,
#nukaduke,
#hachimitsu,
#shio,
#dashi,
#yogurt,
#soup,
#miso,
#cheese,
#sansai,
#kinoko,
#macrobiotic,
#smoothie,
#sportsfood,
#oyasai,
#fruits,
#japanfood,
#yoshoku,
#india,
#china,
#france,
#ethnic,
#italia,
#vegesweets,
#dryfruits,
#wagashi,
#seika,
#pantsukuri,
#chocolate,
#cupcake,
#sakekasu,
#sakana,
#ume,
#tsukeryouri,
#kome,
#tarto,
#kaigo,
#kanbutsu,
#zakkoku,
#nuts {
  margin: 0;
  padding: 0;
  border-top: 1px solid #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.page-visual .page-title,
.standard-visual .page-title,
#about-jsfca .page-title,
#test-summary .page-title,
#apply-flow .page-title,
#apply-fee .page-title,
#certificate-system .page-title,
#certificate-school .page-title,
#pass-member .page-title,
#certified .page-title,
#exam-datelist .page-title,
#exam-apply .page-title,
#privacy .page-title,
#law-view .page-title,
#cert-inquiry .page-title,
#change-issue .page-title,
#toiawase .page-title,
#sitemap .page-title,
#info .page-title,
#news .page-title,
#detail .page-title,
#exam_drink .page-title,
#exam_osake .page-title,
#exam_kenkousyoku .page-title,
#exam_syokubunka .page-title,
#exam_diet .page-title,
#exam_ryouri .page-title,
#exam_sweets .page-title,
#coffee .page-title,
#cafe .page-title,
#teaadviser .page-title,
#teameister .page-title,
#nihoncha .page-title,
#wine .page-title,
#cocktail .page-title,
#shochu .page-title,
#yakuzen .page-title,
#kampo .page-title,
#syokuiku .page-title,
#youjisyoku .page-title,
#superfoods .page-title,
#hakkou .page-title,
#spice .page-title,
#herb .page-title,
#syokuyouoil .page-title,
#yasai .page-title,
#niku .page-title,
#nukaduke .page-title,
#hachimitsu .page-title,
#shio .page-title,
#dashi .page-title,
#yogurt .page-title,
#soup .page-title,
#miso .page-title,
#cheese .page-title,
#sansai .page-title,
#kinoko .page-title,
#macrobiotic .page-title,
#smoothie .page-title,
#sportsfood .page-title,
#oyasai .page-title,
#fruits .page-title,
#japanfood .page-title,
#yoshoku .page-title,
#india .page-title,
#china .page-title,
#france .page-title,
#ethnic .page-title,
#italia .page-title,
#vegesweets .page-title,
#dryfruits .page-title,
#wagashi .page-title,
#seika .page-title,
#pantsukuri .page-title,
#chocolate .page-title,
#cupcake .page-title,
#sakekasu .page-title,
#sakana .page-title,
#ume .page-title,
#tsukeryouri .page-title,
#kome .page-title,
#tarto .page-title,
#kaigo .page-title,
#kanbutsu .page-title,
#zakkoku .page-title,
#nuts .page-title {
  position: relative;
  top: 37%;
  left: 0;
  width: 100%;
  height: 130px;
  font-size: 2.875em;
  color: #fff;
  font-weight: 700;
  text-indent: 100px;
  line-height: 130px;
  background: rgba(75, 51, 6, 0.4);
}

.standard-visual,
#about-jsfca,
#test-summary,
#apply-flow,
#apply-fee,
#certificate-system,
#certificate-school,
#pass-member,
#certified,
#exam-datelist,
/* #exam-apply, */
#privacy,
#law-view,
/* #cert-inquiry, */
#change-issue,
#toiawase,
#sitemap,
#info,
#news,
#detail {
  height: 400px;
}

.standard-visual .standard-page-title,
#about-jsfca .standard-page-title,
#test-summary .standard-page-title,
#apply-flow .standard-page-title,
#apply-fee .standard-page-title,
#certificate-system .standard-page-title,
#certificate-school .standard-page-title,
#pass-member .standard-page-title,
#certified .standard-page-title,
#exam-datelist .standard-page-title,
#exam-apply .standard-page-title,
#privacy .standard-page-title,
#law-view .standard-page-title,
#cert-inquiry .standard-page-title,
#change-issue .standard-page-title,
#toiawase .standard-page-title,
#sitemap .standard-page-title,
#info .standard-page-title,
#news .standard-page-title,
#detail .standard-page-title {
  position: relative;
  top: 37%;
  left: 0;
  padding: 40px 0 0 60px;
  width: 100%;
  height: 130px;
  color: #fff;
  font-weight: 700;
  line-height: 1.8rem;
  background: rgba(75, 51, 6, 0.4);
}

.standard-visual .standard-page-title .main-title,
#about-jsfca .standard-page-title .main-title,
#test-summary .standard-page-title .main-title,
#apply-flow .standard-page-title .main-title,
#apply-fee .standard-page-title .main-title,
#certificate-system .standard-page-title .main-title,
#certificate-school .standard-page-title .main-title,
#pass-member .standard-page-title .main-title,
#certified .standard-page-title .main-title,
#exam-datelist .standard-page-title .main-title,
#exam-apply .standard-page-title .main-title,
#privacy .standard-page-title .main-title,
#law-view .standard-page-title .main-title,
#cert-inquiry .standard-page-title .main-title,
#change-issue .standard-page-title .main-title,
#toiawase .standard-page-title .main-title,
#sitemap .standard-page-title .main-title,
#info .standard-page-title .main-title,
#news .standard-page-title .main-title,
#detail .standard-page-title .main-title {
  font-size: 3.125em;
}

.standard-visual .standard-page-title .main-title .sub-title,
#about-jsfca .standard-page-title .main-title .sub-title,
#test-summary .standard-page-title .main-title .sub-title,
#apply-flow .standard-page-title .main-title .sub-title,
#apply-fee .standard-page-title .main-title .sub-title,
#certificate-system .standard-page-title .main-title .sub-title,
#certificate-school .standard-page-title .main-title .sub-title,
#pass-member .standard-page-title .main-title .sub-title,
#certified .standard-page-title .main-title .sub-title,
#exam-datelist .standard-page-title .main-title .sub-title,
#exam-apply .standard-page-title .main-title .sub-title,
#privacy .standard-page-title .main-title .sub-title,
#law-view .standard-page-title .main-title .sub-title,
#cert-inquiry .standard-page-title .main-title .sub-title,
#change-issue .standard-page-title .main-title .sub-title,
#toiawase .standard-page-title .main-title .sub-title,
#sitemap .standard-page-title .main-title .sub-title,
#info .standard-page-title .main-title .sub-title,
#news .standard-page-title .main-title .sub-title,
#detail .standard-page-title .main-title .sub-title {
  font-size: 1rem;
}

@media screen and (max-width: 575px) {
  .page-visual .page-title,
  .standard-visual .page-title,
  #about-jsfca .page-title,
  #test-summary .page-title,
  #apply-flow .page-title,
  #apply-fee .page-title,
  #certificate-system .page-title,
  #certificate-school .page-title,
  #pass-member .page-title,
  #certified .page-title,
  #exam-datelist .page-title,
  #exam-apply .page-title,
  #privacy .page-title,
  #law-view .page-title,
  #cert-inquiry .page-title,
  #change-issue .page-title,
  #toiawase .page-title,
  #sitemap .page-title,
  #info .page-title,
#news .page-title,
  #detail .page-title,
  #exam_drink .page-title,
  #exam_osake .page-title,
  #exam_kenkousyoku .page-title,
  #exam_syokubunka .page-title,
  #exam_diet .page-title,
  #exam_ryouri .page-title,
  #exam_sweets .page-title,
  #coffee .page-title,
  #cafe .page-title,
  #teaadviser .page-title,
  #teameister .page-title,
  #nihoncha .page-title,
  #wine .page-title,
  #cocktail .page-title,
  #shochu .page-title,
  #yakuzen .page-title,
  #kampo .page-title,
  #syokuiku .page-title,
  #youjisyoku .page-title,
  #superfoods .page-title,
  #hakkou .page-title,
  #spice .page-title,
  #herb .page-title,
  #syokuyouoil .page-title,
  #yasai .page-title,
  #niku .page-title,
  #nukaduke .page-title,
  #hachimitsu .page-title,
  #shio .page-title,
  #dashi .page-title,
  #yogurt .page-title,
  #soup .page-title,
  #miso .page-title,
  #cheese .page-title,
  #sansai .page-title,
  #kinoko .page-title,
  #macrobiotic .page-title,
  #smoothie .page-title,
  #sportsfood .page-title,
  #oyasai .page-title,
  #fruits .page-title,
  #japanfood .page-title,
  #yoshoku .page-title,
  #india .page-title,
  #china .page-title,
  #france .page-title,
  #ethnic .page-title,
  #italia .page-title,
  #vegesweets .page-title,
  #dryfruits .page-title,
  #wagashi .page-title,
  #seika .page-title,
  #pantsukuri .page-title,
  #chocolate .page-title,
  #cupcake .page-title,
  #sakekasu .page-title,
  #sakana .page-title,
  #ume .page-title,
  #tsukeryouri .page-title,
  #kome .page-title,
  #tarto .page-title,
  #kaigo .page-title,
　#kanbutsu .page-title,
  #zakkoku .page-title,
  #nuts .page-title {
    top: 0;
    height: 180px;
    font-size: 1.5em;
    text-indent: 0;
    text-align: center;
    line-height: 180px;
  }
  .standard-visual,
  #about-jsfca,
  #test-summary,
  #apply-flow,
  #apply-fee,
  #certificate-system,
  #certificate-school,
  #pass-member,
  #certified,
  #exam-datelist,
  #exam-apply,
  #privacy,
  #law-view,
  #cert-inquiry,
  #change-issue,
  #toiawase,
  #sitemap,
  #info,
  #news,
  #detail {
    height: 180px;
  }
  .standard-visual .standard-page-title,
  #about-jsfca .standard-page-title,
  #test-summary .standard-page-title,
  #apply-flow .standard-page-title,
  #apply-fee .standard-page-title,
  #certificate-system .standard-page-title,
  #certificate-school .standard-page-title,
  #pass-member .standard-page-title,
  #certified .standard-page-title,
  #exam-datelist .standard-page-title,
  #exam-apply .standard-page-title,
  #privacy .standard-page-title,
  #law-view .standard-page-title,
  #cert-inquiry .standard-page-title,
  #change-issue .standard-page-title,
  #toiawase .standard-page-title,
  #sitemap .standard-page-title,
  #info .standard-page-title,
  #news .standard-page-title,
  #detail .standard-page-title {
    top: 0;
    padding: 50px 0 0 0;
    height: 180px;
  }
  .standard-visual .standard-page-title .main-title,
  #about-jsfca .standard-page-title .main-title,
  #test-summary .standard-page-title .main-title,
  #apply-flow .standard-page-title .main-title,
  #apply-fee .standard-page-title .main-title,
  #certificate-system .standard-page-title .main-title,
  #certificate-school .standard-page-title .main-title,
  #pass-member .standard-page-title .main-title,
  #certified .standard-page-title .main-title,
  #exam-datelist .standard-page-title .main-title,
  #exam-apply .standard-page-title .main-title,
  #privacy .standard-page-title .main-title,
  #law-view .standard-page-title .main-title,
  #cert-inquiry .standard-page-title .main-title,
  #change-issue .standard-page-title .main-title,
  #toiawase .standard-page-title .main-title,
  #sitemap .standard-page-title .main-title,
  #info .standard-page-title .main-title,
  #news .standard-page-title .main-title,
  #detail .standard-page-title .main-title {
    font-size: 1.75em;
    text-align: center;
    line-height: 1.4rem;
  }
  .standard-visual .standard-page-title .main-title .sub-title,
  #about-jsfca .standard-page-title .main-title .sub-title,
  #test-summary .standard-page-title .main-title .sub-title,
  #apply-flow .standard-page-title .main-title .sub-title,
  #apply-fee .standard-page-title .main-title .sub-title,
  #certificate-system .standard-page-title .main-title .sub-title,
  #certificate-school .standard-page-title .main-title .sub-title,
  #pass-member .standard-page-title .main-title .sub-title,
  #certified .standard-page-title .main-title .sub-title,
  #exam-datelist .standard-page-title .main-title .sub-title,
  #exam-apply .standard-page-title .main-title .sub-title,
  #privacy .standard-page-title .main-title .sub-title,
  #law-view .standard-page-title .main-title .sub-title,
  #cert-inquiry .standard-page-title .main-title .sub-title,
  #change-issue .standard-page-title .main-title .sub-title,
  #toiawase .standard-page-title .main-title .sub-title,
  #sitemap .standard-page-title .main-title .sub-title,
  #info .standard-page-title .main-title .sub-title,
  #news .standard-page-title .main-title .sub-title,
  #detail .standard-page-title .main-title .sub-title {
    font-size: 0.8rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-visual .page-title,
  .standard-visual .page-title,
  #about-jsfca .page-title,
  #test-summary .page-title,
  #apply-flow .page-title,
  #apply-fee .page-title,
  #certificate-system .page-title,
  #certificate-school .page-title,
  #pass-member .page-title,
  #certified .page-title,
  #exam-datelist .page-title,
  #exam-apply .page-title,
  #privacy .page-title,
  #law-view .page-title,
  #cert-inquiry .page-title,
  #change-issue .page-title,
  #toiawase .page-title,
  #sitemap .page-title,
  #info .page-title,
#news .page-title,
  #detail .page-title,
  #exam_drink .page-title,
  #exam_osake .page-title,
  #exam_kenkousyoku .page-title,
  #exam_syokubunka .page-title,
  #exam_diet .page-title,
  #exam_ryouri .page-title,
  #exam_sweets .page-title,
  #coffee .page-title,
  #cafe .page-title,
  #teaadviser .page-title,
  #teameister .page-title,
  #nihoncha .page-title,
  #wine .page-title,
  #cocktail .page-title,
  #shochu .page-title,
  #yakuzen .page-title,
  #kampo .page-title,
  #syokuiku .page-title,
  #youjisyoku .page-title,
  #superfoods .page-title,
  #hakkou .page-title,
  #spice .page-title,
  #herb .page-title,
  #syokuyouoil .page-title,
  #yasai .page-title,
  #niku .page-title,
  #nukaduke .page-title,
  #hachimitsu .page-title,
  #shio .page-title,
  #dashi .page-title,
  #yogurt .page-title,
  #soup .page-title,
  #miso .page-title,
  #cheese .page-title,
  #sansai .page-title,
  #kinoko .page-title,
  #macrobiotic .page-title,
  #smoothie .page-title,
  #sportsfood .page-title,
  #oyasai .page-title,
  #fruits .page-title,
  #japanfood .page-title,
  #yoshoku .page-title,
  #india .page-title,
  #china .page-title,
  #france .page-title,
  #ethnic .page-title,
  #italia .page-title,
  #vegesweets .page-title,
  #dryfruits .page-title,
  #wagashi .page-title,
  #seika .page-title,
  #pantsukuri .page-title,
  #chocolate .page-title,
  #cupcake .page-title,
  #sakekasu .page-title,
  #sakana .page-title,
  #ume .page-title,
  #tsukeryouri .page-title,
  #kome .page-title,
  #tarto .page-title,
  #kaigo .page-title,
　#kanbutsu .page-title,
  #zakkoku .page-title,
  #nuts .page-title {
    top: 0;
    height: 280px;
    text-indent: 0;
    text-align: center;
    line-height: 280px;
  }
  .standard-visual,
  #about-jsfca,
  #test-summary,
  #apply-flow,
  #apply-fee,
  #certificate-system,
  #certificate-school,
  #pass-member,
  #certified,
  #exam-datelist,
  #exam-apply,
  #privacy,
  #law-view,
  #cert-inquiry,
  #change-issue,
  #toiawase,
  #sitemap,
  #info,
#news,
  #detail {
    height: 280px;
  }
  .standard-visual .standard-page-title,
  #about-jsfca .standard-page-title,
  #test-summary .standard-page-title,
  #apply-flow .standard-page-title,
  #apply-fee .standard-page-title,
  #certificate-system .standard-page-title,
  #certificate-school .standard-page-title,
  #pass-member .standard-page-title,
  #certified .standard-page-title,
  #exam-datelist .standard-page-title,
  #exam-apply .standard-page-title,
  #privacy .standard-page-title,
  #law-view .standard-page-title,
  #cert-inquiry .standard-page-title,
  #change-issue .standard-page-title,
  #toiawase .standard-page-title,
  #sitemap .standard-page-title,
  #info .standard-page-title,
  #news .standard-page-title,
  #detail .standard-page-title {
    top: 0;
    padding: 90px 0 0 0;
    height: 280px;
  }
  .standard-visual .standard-page-title .main-title,
  #about-jsfca .standard-page-title .main-title,
  #test-summary .standard-page-title .main-title,
  #apply-flow .standard-page-title .main-title,
  #apply-fee .standard-page-title .main-title,
  #certificate-system .standard-page-title .main-title,
  #certificate-school .standard-page-title .main-title,
  #pass-member .standard-page-title .main-title,
  #certified .standard-page-title .main-title,
  #exam-datelist .standard-page-title .main-title,
  #exam-apply .standard-page-title .main-title,
  #privacy .standard-page-title .main-title,
  #law-view .standard-page-title .main-title,
  #cert-inquiry .standard-page-title .main-title,
  #change-issue .standard-page-title .main-title,
  #toiawase .standard-page-title .main-title,
  #sitemap .standard-page-title .main-title,
  #info .standard-page-title .main-title,
  #news .standard-page-title .main-title,
  #detail .standard-page-title .main-title {
    font-size: 2em;
    text-align: center;
    line-height: 1.8rem;
  }
}

/* 202305追記 */
.offer_visual {
	height: 200px !important;
}

.offer_visual .standard-page-title {
	top: 28% !important;
	padding: 22px 0 0 0 !important;
	height: 100px !important;
	font-size: 0.8rem;
	text-align: center;
}

@media screen and (max-width: 480px) {

	.offer_visual {
		height: 160px !important;
	}

	.offer_visual .standard-page-title {
		top: 24% !important;
		padding: 15px 0 !important;
		height: auto !important;
		font-size: 0.8rem;
	}

}
/* 202305追記ここまで */


.exam-date {
  padding: 0;
}

.exam-date .date-area .date-title {
  margin: 0 15px;
  padding: 20px 0;
  font-size: 1.625em;
  color: #151515;
  text-align: center;
  border-bottom: 1px solid #151515;
}

.exam-date .date-area .date-txt {
  margin: 0 15px;
  padding: 20px 0;
  font-size: 1.125em;
  color: #151515;
}

.exam-date .date-area .date-main {
  margin: 0 15px;
  padding: 0 0 20px 0;
  font-size: 1.75em;
  color: #ac090a;
  font-weight: 500;
  text-align: center;
}

.exam-date .date-area .accept-date {
  margin: 0 10px;
  padding: 0 0 20px 0;
  font-size: 0.8125em;
  color: #151515;
  text-align: center;
}

.exam-date .date-area .exam-date-list {
  margin: 0 15px 20px 15px;
}

.exam-date .date-area .exam-date-list > a {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 1em;
  font-weight: 500;
  color: #b44b4c;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  border: 1px solid #b44b4c;
}

.exam-date .date-area .exam-date-list > a:hover {
  background-color: #b44b4c;
  color: #fff;
}

/* #breadcrumbs {
	display: none;
} */

.breadcrumbs {
	padding: 0;
	width: 100%;
	height: 50px;
	font-size: 0.875em;
	text-indent: 50px;
	line-height: 50px;
	background: #fcfcfc;
}

.breadcrumbs .items > a {
	margin: 0 5px;
	color: #366ab9;
	text-decoration: none;
}

.breadcrumbs .items > a:hover {
	text-decoration: underline;
}

.breadcrumbs .items > a > span i {
	margin-right: 4px;
}

@media screen and (max-width: 575px) {
	.breadcrumbs {
		display: none;
	}
}


@media screen and (max-width: 575px) {
  .exam-date .date-area .date-title {
    font-size: 1.375em;
  }
}

.apply-area {
  padding: 0;
}

.apply-area > a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 20%;
  font-size: 1.5em;
  font-weight: 500;
  color: #671a1b;
  text-align: center;
  line-height: 111px;
  text-decoration: none;
  background: #ffc8c9;
}

.apply-area > a:hover {
  background-color: #ea9091;
}

.apply-area > a img {
  margin: -4px 10px 0 0;
  vertical-align: middle;
}

@media screen and (max-width: 575px) {
  .apply-area {
    padding: 0;
  }
  .apply-area > a {
    height: 60px;
    font-size: 1.125em;
    line-height: 60px;
  }
  .apply-area > a img {
    max-width: 30px;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .apply-area {
    padding: 0;
  }
  .apply-area > a {
    height: 80px;
    font-size: 1.25em;
    line-height: 80px;
  }
}

@media screen and (max-width: 575px) {
  /* .breadcrumbs {
    display: none;
  } */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* .breadcrumbs {
    display: none;
  } */
}

footer {
  padding: 40px 0;
}

footer .footer-logo {
  padding-left: 50px;
}

footer ul {
  border-right: 1px dotted #fff;
}

footer ul li {
  margin-bottom: 17px;
}

footer ul li > a {
  font-size: 0.8125em;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

footer ul li > a:hover {
  color: #fff;
  text-decoration: underline;
}

footer ul li:last-child {
  margin-bottom: 0;
}

footer ul:last-child {
  border-right: none;
}

@media screen and (max-width: 575px) {
  footer {
    padding: 0;
  }
  footer .footer-logo {
    padding: 20px 0 0 0;
    text-align: center;
  }
  footer ul {
    display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  footer {
    padding: 0;
  }
  footer .footer-logo {
    padding-top: 20px;
  }
  footer ul {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  footer {
    padding: 30px 0;
  }
  footer ul {
    border-right: 1px dotted #fff;
  }
  footer ul li {
    margin-bottom: 5px;
  }
  footer ul li > a {
    font-size: 0.625em;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
  }
  footer ul li > a:hover {
    color: #fff;
    text-decoration: underline;
  }
  footer ul li:last-child {
    margin-bottom: 0;
  }
  footer ul:last-child {
    border-right: none;
  }
}

.license-exam-list {
  /* margin-top: 0; */
  margin: 0 auto;
  padding: 0 30px 50px 30px;
  width: 100%;
  background: #fffff4;
}

.license-exam-list .list-wrap {
  display: inline-block;
  margin-bottom: 10px;
  padding: 15px;
  background: #fcf7e4;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
}

.license-exam-list .list-wrap .exam-cont dt {
  margin: 0 auto;
  max-width: 350px;
  height: auto;
  overflow: hidden;
  border: 5px solid #fff;
}

.license-exam-list .list-wrap .exam-cont dt a {
  display: block;
  width: 100%;
  height: auto;
}

.license-exam-list .list-wrap .exam-cont dt a > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.license-exam-list .list-wrap .exam-cont dt a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.license-exam-list .list-wrap .exam-cont .exam-title {
  padding: 20px 0;
  font-size: 1.125em;
  font-weight: 500;
  color: #b44702;
  text-align: center;
  line-height: 1.4em;
}

.license-exam-list .list-wrap .exam-cont .exam-summary {
  margin-bottom: 20px;
  padding: 15px;
  height: 130px;
  font-size: 0.875em;
  color: #461d02;
  line-height: 1.6em;
  border-radius: 5px;
  background: #fff;
}

.license-exam-list .list-wrap .exam-cont .view-detail > a {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0;
  font-size: 0.875em;
  color: #461d02;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  background: #e5dec3;
}

.license-exam-list .list-wrap .exam-cont .view-detail > a:hover {
  background-color: #c1b68e;
}

#search-license {
  padding: 0 0 70px 0;
  background: #f8faec;
  width: 100%;
}

#search-license .license-cont {
  padding: 0 50px;
  width: 100%;
  text-align: justify;
  text-justify: distribute-all-lines;
}

#search-license .license-cont > li {
  display: inline-block;
  width: 150px;
  height: auto;
}

#search-license .license-cont > li > a {
  display: block;
  width: 100%;
  height: auto;
  text-decoration: none;
  background: #f7edda;
}

#search-license .license-cont > li > a .cont-img {
  width: 150px;
  height: 140px;
  background: #552e08;
}

#search-license .license-cont > li > a .cont-txt {
  padding: 15px;
  font-size: 0.875em;
  color: #622905;
  text-align: center;
}

#search-license .license-cont > li > a:hover {
  background: #e6dbc4;
}

#search-license .license-cont > li > a:hover .cont-img img {
  opacity: 0.6;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#search-license .license-cont:after {
  content: '';
  display: inline-block;
  width: 100%;
  line-height: 0;
  height: 0;
}

@media screen and (max-width: 575px) {
  #search-license .license-cont > li {
    margin-bottom: 10px;
    width: 120px;
  }
  #search-license .license-cont > li > a .cont-img {
    width: 120px;
    height: auto;
  }
  #search-license .license-cont > li > a .cont-txt {
    font-size: 0.6875em;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #search-license .license-cont {
    margin: 0 auto;
    width: 80%;
  }
  #search-license .license-cont > li {
    margin-bottom: 20px;
  }
}

#page_top {
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ef3f98;
  opacity: 0.6;
}

#page_top > a {
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}

#page_top > a::before {
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#page_top > a::after {
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.footer_floating {
  display: none;
}

@media screen and (max-width: 575px) {

  #page_top {
    display: none;
  }

	.footer_floating {
		display: block;
		padding: 0 auto;
		width: 100%;
		height: 90px;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 9999;
		text-align: center;
		background: rgba(232, 172, 157, 0.9);
  }

	.footer_floating .floating_inner {
		display: grid;
		grid-template-rows: 100%;
		grid-template-columns: 40% 45% 12%;
		grid-gap: 1%;
		padding: 5% 1% 0 2%;
	}

	.footer_floating .floating_inner .menu_exam {
		grid-row: 1;
		grid-column: 1;
	}

	.footer_floating .floating_inner .menu_card {
		grid-row: 1;
		grid-column: 2;
	}

	.footer_floating .floating_inner .backtotop {
		grid-row: 1;
		grid-column: 3;
	}

	.footer_floating .floating_inner .menu_exam a img,
	.footer_floating .floating_inner .menu_card a img,
	.footer_floating .floating_inner .backtotop a img {
		max-width: 100%;
		height: auto;
  }
}

.main-visual {
  border-top: 1px solid #fff;
}

#summary {
  margin: -100px auto 0 auto;
  padding: 30px;
  border-radius: 10px;
  background: rgba(255, 224, 224, 0.8);
  z-index: 10;
}

#summary > h2 {
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ddafaf;
}

#summary > h2:before {
  display: none;
}

#summary > p {
  font-size: 1em;
  color: #330000;
  line-height: 1.7em;
}

#menu {
  margin-top: -280px;
  padding: 300px 0 20px 0;
  background: #f7ede1;
}

#menu .menu-list {
  margin: 30px auto 0 auto;
  max-width: 1030px;
}

#menu .menu-list > li {
  display: inline-block;
  margin: 0 10px 20px 10px;
  padding: 0;
  width: 320px;
  height: 200px;
}

#menu .menu-list > li > a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 200px;
  text-decoration: none;
}

#menu .menu-list > li > a:hover {
  background-color: rgba(88, 51, 8, 0.4);
}

#menu .menu-list > li > a .menu-title {
  margin: 0;
  padding: 30px 0 0 0;
  width: 100%;
  font-size: 1.5625em;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

#menu .menu-list .bg-set,
#menu .menu-list .menu-01,
#menu .menu-list .menu-02,
#menu .menu-list .menu-03,
#menu .menu-list .menu-04,
#menu .menu-list .menu-05,
#menu .menu-list .menu-06 {
  background-position: center;
  background-repeat: no-repeat;
}

#menu .menu-list .menu-01 {
  background-image: url('images/top/menu_bg_01.png');
}

#menu .menu-list .menu-02 {
  background-image: url('images/top/menu_bg_01.png');
}

#menu .menu-list .menu-03 {
  background-image: url('images/top/menu_bg_01.png');
}

#menu .menu-list .menu-04 {
  background-image: url('images/top/menu_bg_04.png');
}

#menu .menu-list .menu-05 {
  background-image: url('images/top/menu_bg_05.png');
}

#menu .menu-list .menu-06 {
  background-image: url('images/top/menu_bg_06.png');
}

#exam_drink {
  background-image: url('images/page_visual/drink_visual.png');
}

#exam_osake {
  background-image: url('images/page_visual/osake_visual.png');
}

#exam_kenkousyoku {
  background-image: url('images/page_visual/kenkousyoku_visual.png');
}

#exam_syokubunka {
  background-image: url('images/page_visual/syokubunka_visual.png');
}

#exam_diet {
  background-image: url('images/page_visual/diet_visual.png');
}

#exam_ryouri {
  background-image: url('images/page_visual/ryouri_visual.png');
}

#exam_sweets {
  background-image: url('images/page_visual/sweets_visual.png');
}

#coffee {
  background-image: url('images/page_visual/coffee_visual.png');
}

#cafe {
  background-image: url('images/page_visual/cafe_visual.png');
}

#teaadviser {
  background-image: url('images/page_visual/teaadviser.png');
}

#teameister {
  background-image: url('images/page_visual/teameister.png');
}

#nihoncha {
  background-image: url('images/page_visual/nihoncha.png');
}

#wine {
  background-image: url('images/page_visual/wine.png');
}

#cocktail {
  background-image: url('images/page_visual/cocktail.png');
}

#shochu {
  background-image: url('images/page_visual/shochu.png');
}

#yakuzen {
  background-image: url('images/page_visual/yakuzen.png');
}

#kampo {
  background-image: url('images/page_visual/kampo.png');
}

#syokuiku {
  background-image: url('images/page_visual/syokuiku.png');
}

#youjisyoku {
  background-image: url('images/page_visual/youjisyoku.png');
}

#superfoods {
  background-image: url('images/page_visual/superfoods.png');
}

#hakkou {
  background-image: url('images/page_visual/hakkou.png');
}

#spice {
  background-image: url('images/page_visual/spice.png');
}

#herb {
  background-image: url('images/page_visual/herb.png');
}

#syokuyouoil {
  background-image: url('images/page_visual/syokuyouoil.png');
}

#yasai {
  background-image: url('images/page_visual/yasai.png');
}

#niku {
  background-image: url('images/page_visual/niku.png');
}

#nukaduke {
  background-image: url('images/page_visual/nukaduke.png');
}

#hachimitsu {
  background-image: url('images/page_visual/hachimitsu.png');
}

#shio {
  background-image: url('images/page_visual/shio.png');
}

#dashi {
  background-image: url('images/page_visual/dashi.png');
}

#yogurt {
  background-image: url('images/page_visual/yogurt.png');
}

#soup {
  background-image: url('images/page_visual/soup.png');
}

#miso {
  background-image: url('images/page_visual/miso.png');
}

#cheese {
  background-image: url('images/page_visual/cheese.png');
}

#sansai {
  background-image: url('images/page_visual/sansai.png');
}

#kinoko {
  background-image: url('images/page_visual/kinoko.png');
}

#macrobiotic {
  background-image: url('images/page_visual/macrobiotic.png');
}

#smoothie {
  background-image: url('images/page_visual/smoothie.png');
}

#sportsfood {
  background-image: url('images/page_visual/sportsfood.png');
}

#oyasai {
  background-image: url('images/page_visual/oyasai.png');
}

#fruits {
  background-image: url('images/page_visual/fruits.png');
}

#japanfood {
  background-image: url('images/page_visual/japanfood.png');
}

#yoshoku {
  background-image: url('images/page_visual/yoshoku.png');
}

#india {
  background-image: url('images/page_visual/india.png');
}

#china {
  background-image: url('images/page_visual/china.png');
}

#france {
  background-image: url('images/page_visual/france.png');
}

#ethnic {
  background-image: url('images/page_visual/ethnic.png');
}

#italia {
  background-image: url('images/page_visual/italia.png');
}

#vegesweets {
  background-image: url('images/page_visual/vegesweets.png');
}

#dryfruits {
  background-image: url('images/page_visual/dryfruits.png');
}

#wagashi {
  background-image: url('images/page_visual/wagashi.png');
}

#seika {
  background-image: url('images/page_visual/seika.png');
}

#pantsukuri {
  background-image: url('images/page_visual/pantsukuri.png');
}

#chocolate {
  background-image: url('images/page_visual/chocolate.png');
}

#cupcake {
  background-image: url('images/page_visual/cupcake.png');
}

#sakekasu {
  background-image: url('images/page_visual/sakekasu.png');
}

#sakana {
  background-image: url('images/page_visual/sakana.png');
}

#ume {
  background-image: url('images/page_visual/ume.png');
}

#tsukeryouri {
  background-image: url('images/page_visual/tsukeryouri.png');
}

#kome {
  background-image: url('images/page_visual/kome.png');
}

#tarto {
	background-image: url('images/page_visual/tarto.png');
}

#kaigo {
	background-image: url('images/page_visual/kaigosyoku.png');
}

#kanbutsu {
	background-image: url('images/page_visual/kanbutsu.png');
}

#zakkoku {
	background-image: url('images/page_visual/zakkoku.png');
}

#nuts {
	background-image: url('images/page_visual/nuts.png');
}

#page-link {
  margin: 30px 20px 0 20px;
}

#page-link .page-link-menu {
  margin: 0;
  padding: 0;
}

#page-link .page-link-menu > a {
  display: block;
  padding-top: 7px;
  height: 50px;
  font-size: 0.8125em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
  border-right: 1px solid #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#b42d2e),
    to(#e06061)
  );
  background: linear-gradient(to bottom, #b42d2e, #e06061);
}

#page-link .page-link-menu > a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#a30001),
    to(#e34a4a)
  );
  background: linear-gradient(to bottom, #a30001, #e34a4a);
}

#page-link .first > a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#page-link .last > a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: none;
}

#about {
  margin-top: 50px;
}

#about .coffee-summary {
  padding: 50px 0;
}

#about .coffee-summary .h3-set,
#about .coffee-summary .h3-left,
#about .coffee-summary .h3-right {
  position: relative;
  margin: 0 auto;
  width: 90%;
  font-size: 2em;
  color: #b44702;
  font-weight: 700;
}

#about .coffee-summary .h3-set:before,
#about .coffee-summary .h3-left:before,
#about .coffee-summary .h3-right:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 3px;
  bottom: -20px;
  background-color: #b44702;
  border-radius: 2px;
}

#about .coffee-summary .h3-left:before {
  left: 4px;
}

#about .coffee-summary .h3-right {
  text-align: right;
}

#about .coffee-summary .h3-right:before {
  right: 4px;
}

#about .coffee-summary > p {
  margin: 50px auto 0 auto;
  width: 90%;
  font-size: 0.9375em;
  color: #330000;
  line-height: 1.9em;
}

#about .img-set,
#about .about-img .coffee,
#about .about-img .cafe,
#about .about-img .teaadviser,
#about .about-img .teameister,
#about .about-img .nihoncha,
#about .about-img .wine,
#about .about-img .cocktail,
#about .about-img .shochu,
#about .about-img .yakuzen,
#about .about-img .kampo,
#about .about-img .syokuiku,
#about .about-img .youjisyoku,
#about .about-img .superfoods,
#about .about-img .hakkou,
#about .about-img .sakekasu,
#about .about-img .spice,
#about .about-img .herb,
#about .about-img .syokuyouoil,
#about .about-img .yasai,
#about .about-img .niku,
#about .about-img .nukaduke,
#about .about-img .hachimitsu,
#about .about-img .shio,
#about .about-img .dashi,
#about .about-img .yogurt,
#about .about-img .soup,
#about .about-img .miso,
#about .about-img .cheese,
#about .about-img .sansai,
#about .about-img .kinoko,
#about .about-img .sakana,
#about .about-img .ume,
#about .about-img .tsukeryouri,
#about .about-img .kome,
#about .about-img .macrobiotic,
#about .about-img .smoothie,
#about .about-img .sportsfood,
#about .about-img .oyasai,
#about .about-img .fruits,
#about .about-img .japanfood,
#about .about-img .yoshoku,
#about .about-img .india,
#about .about-img .china,
#about .about-img .france,
#about .about-img .ethnic,
#about .about-img .italia,
#about .about-img .vegesweets,
#about .about-img .dryfruits,
#about .about-img .wagashi,
#about .about-img .seika,
#about .about-img .pantsukuri,
#about .about-img .chocolate,
#about .about-img .cupcake,
#about .about-work-img .coffee,
#about .about-work-img .cafe,
#about .about-work-img .teaadviser,
#about .about-work-img .teameister,
#about .about-work-img .nihoncha,
#about .about-work-img .wine,
#about .about-work-img .cocktail,
#about .about-work-img .shochu,
#about .about-work-img .yakuzen,
#about .about-work-img .kampo,
#about .about-work-img .syokuiku,
#about .about-work-img .youjisyoku,
#about .about-work-img .superfoods,
#about .about-work-img .hakkou,
#about .about-work-img .sakekasu,
#about .about-work-img .spice,
#about .about-work-img .herb,
#about .about-work-img .syokuyouoil,
#about .about-work-img .yasai,
#about .about-work-img .niku,
#about .about-work-img .nukaduke,
#about .about-work-img .hachimitsu,
#about .about-work-img .shio,
#about .about-work-img .dashi,
#about .about-work-img .yogurt,
#about .about-work-img .soup,
#about .about-work-img .miso,
#about .about-work-img .cheese,
#about .about-work-img .sansai,
#about .about-work-img .kinoko,
#about .about-work-img .sakana,
#about .about-work-img .ume,
#about .about-work-img .tsukeryouri,
#about .about-work-img .kome,
#about .about-work-img .macrobiotic,
#about .about-work-img .smoothie,
#about .about-work-img .sportsfood,
#about .about-work-img .oyasai,
#about .about-work-img .fruits,
#about .about-work-img .japanfood,
#about .about-work-img .yoshoku,
#about .about-work-img .india,
#about .about-work-img .china,
#about .about-work-img .france,
#about .about-work-img .ethnic,
#about .about-work-img .italia,
#about .about-work-img .vegesweets,
#about .about-work-img .dryfruits,
#about .about-work-img .wagashi,
#about .about-work-img .seika,
#about .about-work-img .pantsukuri,
#about .about-work-img .chocolate,
#about .about-work-img .cupcake {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#about .about-img .coffee {
  background-image: url('images/drink/coffee/about_coffee.png');
}

#about .about-img .cafe {
  background-image: url('images/drink/cafe/about_cafe.png');
}

#about .about-img .teaadviser {
  background-image: url('images/drink/teaadviser/about.png');
}

#about .about-img .teameister {
  background-image: url('images/drink/teameister/about.png');
}

#about .about-img .nihoncha {
  background-image: url('images/drink/nihoncha/about.png');
}

#about .about-img .wine {
  background-image: url('images/osake/wine/about.png');
}

#about .about-img .cocktail {
  background-image: url('images/osake/cocktail/about.png');
}

#about .about-img .shochu {
  background-image: url('images/osake/shochu/about.png');
}

#about .about-img .yakuzen {
  background-image: url('images/kenkousyoku/yakuzen/about.png');
}

#about .about-img .kampo {
  background-image: url('images/kenkousyoku/kampo/about.png');
}

#about .about-img .syokuiku {
  background-image: url('images/kenkousyoku/syokuiku/about.png');
}

#about .about-img .youjisyoku {
  background-image: url('images/kenkousyoku/youjisyoku/about.png');
}

#about .about-img .superfoods {
  background-image: url('images/kenkousyoku/superfoods/about.png');
}

#about .about-img .hakkou {
  background-image: url('images/kenkousyoku/hakkou/about.png');
}

#about .about-img .sakekasu {
  background-image: url('images/kenkousyoku/sakekasu/about.png');
}

#about .about-img .spice {
  background-image: url('images/syokubunka/spice/about.png');
}

#about .about-img .herb {
  background-image: url('images/syokubunka/herb/about.png');
}

#about .about-img .syokuyouoil {
  background-image: url('images/syokubunka/syokuyouoil/about.png');
}

#about .about-img .yasai {
  background-image: url('images/syokubunka/yasai/about.png');
}

#about .about-img .niku {
  background-image: url('images/syokubunka/niku/about.png');
}

#about .about-img .nukaduke {
  background-image: url('images/syokubunka/nukaduke/about.png');
}

#about .about-img .hachimitsu {
  background-image: url('images/syokubunka/hachimitsu/about.png');
}

#about .about-img .shio {
  background-image: url('images/syokubunka/shio/about.png');
}

#about .about-img .dashi {
  background-image: url('images/syokubunka/dashi/about.png');
}

#about .about-img .yogurt {
  background-image: url('images/syokubunka/yogurt/about.png');
}

#about .about-img .soup {
  background-image: url('images/syokubunka/soup/about.png');
}

#about .about-img .miso {
  background-image: url('images/syokubunka/miso/about.png');
}

#about .about-img .cheese {
  background-image: url('images/syokubunka/cheese/about.png');
}

#about .about-img .sansai {
  background-image: url('images/syokubunka/sansai/about.png');
}

#about .about-img .kinoko {
  background-image: url('images/syokubunka/kinoko/about.png');
}

#about .about-img .sakana {
  background-image: url('images/syokubunka/sakana/about.png');
}

#about .about-img .ume {
  background-image: url('images/syokubunka/ume/about.png');
}

#about .about-img .tsukeryouri {
  background-image: url('images/syokubunka/tsukeryouri/about.png');
}

#about .about-img .kome {
  background-image: url('images/syokubunka/kome/about.png');
}

#about .about-img .macrobiotic {
  background-image: url('images/diet/macrobiotic/about.png');
}

#about .about-img .smoothie {
  background-image: url('images/diet/smoothie/about.png');
}

#about .about-img .sportsfood {
  background-image: url('images/diet/sportsfood/about.png');
}

#about .about-img .oyasai {
  background-image: url('images/diet/oyasai/about.png');
}

#about .about-img .fruits {
  background-image: url('images/diet/fruits/about.png');
}

#about .about-img .japanfood {
  background-image: url('images/ryouri/japanfood/about.png');
}

#about .about-img .yoshoku {
  background-image: url('images/ryouri/yoshoku/about.png');
}

#about .about-img .india {
  background-image: url('images/ryouri/india/about.png');
}

#about .about-img .china {
  background-image: url('images/ryouri/china/about.png');
}

#about .about-img .france {
  background-image: url('images/ryouri/france/about.png');
}

#about .about-img .ethnic {
  background-image: url('images/ryouri/ethnic/about.png');
}

#about .about-img .italia {
  background-image: url('images/ryouri/italia/about.png');
}

#about .about-img .vegesweets {
  background-image: url('images/sweets/vegesweets/about.png');
}

#about .about-img .dryfruits {
  background-image: url('images/sweets/dryfruits/about.png');
}

#about .about-img .wagashi {
  background-image: url('images/sweets/wagashi/about.png');
}

#about .about-img .seika {
  background-image: url('images/sweets/seika/about.png');
}

#about .about-img .pantsukuri {
  background-image: url('images/sweets/pantsukuri/about.png');
}

#about .about-img .chocolate {
  background-image: url('images/sweets/chocolate/about.png');
}

#about .about-img .cupcake {
  background-image: url('images/sweets/cupcake/about.png');
}

#about .about-work-img .coffee {
  background-image: url('images/drink/coffee/about_work.png');
}

#about .about-work-img .cafe {
  background-image: url('images/drink/cafe/about_work.png');
}

#about .about-work-img .teaadviser {
  background-image: url('images/drink/teaadviser/about_work.png');
}

#about .about-work-img .teameister {
  background-image: url('images/drink/teameister/about_work.png');
}

#about .about-work-img .nihoncha {
  background-image: url('images/drink/nihoncha/about_work.png');
}

#about .about-work-img .wine {
  background-image: url('images/osake/wine/about_work.png');
}

#about .about-work-img .cocktail {
  background-image: url('images/osake/cocktail/about_work.png');
}

#about .about-work-img .shochu {
  background-image: url('images/osake/shochu/about_work.png');
}

#about .about-work-img .yakuzen {
  background-image: url('images/kenkousyoku/yakuzen/about_work.png');
}

#about .about-work-img .kampo {
  background-image: url('images/kenkousyoku/kampo/about_work.png');
}

#about .about-work-img .syokuiku {
  background-image: url('images/kenkousyoku/syokuiku/about_work.png');
}

#about .about-work-img .youjisyoku {
  background-image: url('images/kenkousyoku/youjisyoku/about_work.png');
}

#about .about-work-img .superfoods {
  background-image: url('images/kenkousyoku/superfoods/about_work.png');
}

#about .about-work-img .hakkou {
  background-image: url('images/kenkousyoku/hakkou/about_work.png');
}

#about .about-work-img .sakekasu {
  background-image: url('images/kenkousyoku/sakekasu/about_work.png');
}

#about .about-work-img .spice {
  background-image: url('images/syokubunka/spice/about_work.png');
}

#about .about-work-img .herb {
  background-image: url('images/syokubunka/herb/about_work.png');
}

#about .about-work-img .syokuyouoil {
  background-image: url('images/syokubunka/syokuyouoil/about_work.png');
}

#about .about-work-img .yasai {
  background-image: url('images/syokubunka/yasai/about_work.png');
}

#about .about-work-img .niku {
  background-image: url('images/syokubunka/niku/about_work.png');
}

#about .about-work-img .nukaduke {
  background-image: url('images/syokubunka/nukaduke/about_work.png');
}

#about .about-work-img .hachimitsu {
  background-image: url('images/syokubunka/hachimitsu/about_work.png');
}

#about .about-work-img .shio {
  background-image: url('images/syokubunka/shio/about_work.png');
}

#about .about-work-img .dashi {
  background-image: url('images/syokubunka/dashi/about_work.png');
}

#about .about-work-img .yogurt {
  background-image: url('images/syokubunka/yogurt/about_work.png');
}

#about .about-work-img .soup {
  background-image: url('images/syokubunka/soup/about_work.png');
}

#about .about-work-img .miso {
  background-image: url('images/syokubunka/miso/about_work.png');
}

#about .about-work-img .cheese {
  background-image: url('images/syokubunka/cheese/about_work.png');
}

#about .about-work-img .sansai {
  background-image: url('images/syokubunka/sansai/about_work.png');
}

#about .about-work-img .kinoko {
  background-image: url('images/syokubunka/kinoko/about_work.png');
}

#about .about-work-img .sakana {
  background-image: url('images/syokubunka/sakana/about_work.png');
}

#about .about-work-img .ume {
  background-image: url('images/syokubunka/ume/about_work.png');
}

#about .about-work-img .tsukeryouri {
  background-image: url('images/syokubunka/tsukeryouri/about_work.png');
}

#about .about-work-img .kome {
  background-image: url('images/syokubunka/kome/about_work.png');
}

#about .about-work-img .macrobiotic {
  background-image: url('images/diet/macrobiotic/about_work.png');
}

#about .about-work-img .smoothie {
  background-image: url('images/diet/smoothie/about_work.png');
}

#about .about-work-img .sportsfood {
  background-image: url('images/diet/sportsfood/about_work.png');
}

#about .about-work-img .oyasai {
  background-image: url('images/diet/oyasai/about_work.png');
}

#about .about-work-img .fruits {
  background-image: url('images/diet/fruits/about_work.png');
}

#about .about-work-img .japanfood {
  background-image: url('images/ryouri/japanfood/about_work.png');
}

#about .about-work-img .yoshoku {
  background-image: url('images/ryouri/yoshoku/about_work.png');
}

#about .about-work-img .india {
  background-image: url('images/ryouri/india/about_work.png');
}

#about .about-work-img .china {
  background-image: url('images/ryouri/china/about_work.png');
}

#about .about-work-img .france {
  background-image: url('images/ryouri/france/about_work.png');
}

#about .about-work-img .ethnic {
  background-image: url('images/ryouri/ethnic/about_work.png');
}

#about .about-work-img .italia {
  background-image: url('images/ryouri/italia/about_work.png');
}

#about .about-work-img .vegesweets {
  background-image: url('images/sweets/vegesweets/about_work.png');
}

#about .about-work-img .dryfruits {
  background-image: url('images/sweets/dryfruits/about_work.png');
}

#about .about-work-img .wagashi {
  background-image: url('images/sweets/wagashi/about_work.png');
}

#about .about-work-img .seika {
  background-image: url('images/sweets/seika/about_work.png');
}

#about .about-work-img .pantsukuri {
  background-image: url('images/sweets/pantsukuri/about_work.png');
}

#about .about-work-img .chocolate {
  background-image: url('images/sweets/chocolate/about_work.png');
}

#about .about-work-img .cupcake {
  background-image: url('images/sweets/cupcake/about_work.png');
}

#about .about-img,
#about .about-work-img {
  padding: 0;
}

#about .about-img .img-wrap,
#about .about-work-img .img-wrap {
  display: block;
  width: 100%;
  height: 100%;
}

#about-exam {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#about-exam .exam-set,
#about-exam .exam-summary,
#about-exam .exam-level,
#about-exam .exam-detail {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 40px 20px;
	width: calc(98% / 3);
	height: auto;
	background: #fcfbe8;
}

/* #about-exam .exam-set,
#about-exam .exam-summary,
#about-exam .exam-level,
#about-exam .exam-detail {
  position: relative;
  padding: 40px 20px;
  height: 600px;
  border-radius: 5px;
  background: #fcfbe8;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
} */

#about-exam .exam-set .summary-title,
#about-exam .exam-summary .summary-title,
#about-exam .exam-level .summary-title,
#about-exam .exam-detail .summary-title {
  font-size: 1.375em;
  color: #b44702;
  font-weight: 500;
}

#about-exam .exam-set > .summary-txt,
#about-exam .exam-summary > .summary-txt,
#about-exam .exam-level > .summary-txt,
#about-exam .exam-detail > .summary-txt {
  margin-top: 40px;
  font-size: 0.875em;
  color: #572200;
  line-height: 1.8em;
}

#about-exam .cont-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

#about-exam .cont-list > li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 10px;
	width: 50%;
	font-size: 0.8rem;
	color: #572200;
	line-height: 1.2rem;
	background: #fff;
}

#about-exam .cont-list > li:nth-child(2),
#about-exam .cont-list > li:nth-child(3),
#about-exam .cont-list > li:nth-child(6),
#about-exam .cont-list > li:nth-child(7),
#about-exam .cont-list > li:nth-child(10),
#about-exam .cont-list > li:nth-child(11),
#about-exam .cont-list > li:nth-child(14),
#about-exam .cont-list > li:nth-child(15),
#about-exam .cont-list > li:nth-child(18),
#about-exam .cont-list > li:nth-child(19),
#about-exam .cont-list > li:nth-child(22),
#about-exam .cont-list > li:nth-child(23) {
	background: #f2eddb;
}

/* #about-exam .exam-set .cont-list,
#about-exam .exam-summary .cont-list,
#about-exam .exam-level .cont-list,
#about-exam .exam-detail .cont-list {
  margin-top: 30px;
  font-size: 0;
}

#about-exam .exam-set .cont-list > li,
#about-exam .exam-summary .cont-list > li,
#about-exam .exam-level .cont-list > li,
#about-exam .exam-detail .cont-list > li {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
  width: 50%;
  font-size: 0.8rem;
  color: #572200;
  text-align: center;
  background: #fff;
}

#about-exam .exam-set .cont-list > li:nth-child(2),
#about-exam .exam-summary .cont-list > li:nth-child(2),
#about-exam .exam-level .cont-list > li:nth-child(2),
#about-exam .exam-detail .cont-list > li:nth-child(2),
#about-exam .exam-set .cont-list > li:nth-child(3),
#about-exam .exam-summary .cont-list > li:nth-child(3),
#about-exam .exam-level .cont-list > li:nth-child(3),
#about-exam .exam-detail .cont-list > li:nth-child(3),
#about-exam .exam-set .cont-list > li:nth-child(6),
#about-exam .exam-summary .cont-list > li:nth-child(6),
#about-exam .exam-level .cont-list > li:nth-child(6),
#about-exam .exam-detail .cont-list > li:nth-child(6),
#about-exam .exam-set .cont-list > li:nth-child(7),
#about-exam .exam-summary .cont-list > li:nth-child(7),
#about-exam .exam-level .cont-list > li:nth-child(7),
#about-exam .exam-detail .cont-list > li:nth-child(7),
#about-exam .exam-set .cont-list > li:nth-child(10),
#about-exam .exam-summary .cont-list > li:nth-child(10),
#about-exam .exam-level .cont-list > li:nth-child(10),
#about-exam .exam-detail .cont-list > li:nth-child(10) {
  background: #f2eddb;
} */

#about-exam .exam-set .cont-table,
#about-exam .exam-summary .cont-table,
#about-exam .exam-level .cont-table,
#about-exam .exam-detail .cont-table {
  margin: 20px auto 0 auto;
  width: 100%;
  border-collapse: collapse;
}

#about-exam .exam-set .cont-table tr,
#about-exam .exam-summary .cont-table tr,
#about-exam .exam-level .cont-table tr,
#about-exam .exam-detail .cont-table tr {
  border-bottom: solid 2px white;
}

#about-exam .exam-set .cont-table tr:last-child,
#about-exam .exam-summary .cont-table tr:last-child,
#about-exam .exam-level .cont-table tr:last-child,
#about-exam .exam-detail .cont-table tr:last-child {
  border-bottom: none;
}

#about-exam .exam-set .cont-table th,
#about-exam .exam-summary .cont-table th,
#about-exam .exam-level .cont-table th,
#about-exam .exam-detail .cont-table th {
  position: relative;
  padding: 10px 0;
  width: 30%;
  font-size: 0.875em;
  color: white;
  text-align: center;
  background-color: #52c2d0;
}

#about-exam .exam-set .cont-table th:after,
#about-exam .exam-summary .cont-table th:after,
#about-exam .exam-level .cont-table th:after,
#about-exam .exam-detail .cont-table th:after {
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#about-exam .exam-set .cont-table td,
#about-exam .exam-summary .cont-table td,
#about-exam .exam-level .cont-table td,
#about-exam .exam-detail .cont-table td {
  padding: 10px 0 10px 20px;
  width: 70%;
  font-size: 0.875em;
  text-align: left;
  background-color: #eee;
}

#about-exam .exam-set .exam-img,
#about-exam .exam-summary .exam-img,
#about-exam .exam-level .exam-img,
#about-exam .exam-detail .exam-img {
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 340px;
	height: 200px;
	overflow: hidden;
	text-align: center;
}

#about-exam .exam-set .exam-img > img,
#about-exam .exam-summary .exam-img > img,
#about-exam .exam-level .exam-img > img,
#about-exam .exam-detail .exam-img > img {
	margin-top: 30px;
}

/* #about-exam .exam-set .exam-img,
#about-exam .exam-summary .exam-img,
#about-exam .exam-level .exam-img,
#about-exam .exam-detail .exam-img {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 20px 0;
  width: 100%;
  text-align: center;
} */

.apply-banner {
  margin-top: 70px;
  padding: 0;
  height: 120px;
  background: #b44b4c url('images/apply_banner_bg.png');
}

.apply-banner .main-txt {
  padding: 30px 0 0 30px;
  font-size: 1.625em;
  color: #fff;
}

.apply-banner .sub-txt {
  padding: 10px 0 0 30px;
  font-size: 0.875em;
  color: #fff;
}

.apply-banner .banner-btn {
  padding-top: 30px;
}

.apply-banner .banner-btn > a {
  display: block;
  width: 80%;
  height: 54px;
  font-size: 1.125em;
  color: #572200;
  text-align: center;
  line-height: 54px;
  text-decoration: none;
  border-radius: 3px;
  background-color: #ffc8c9;
}

.apply-banner .banner-btn > a:hover {
  background: #ed8082;
  color: #fff;
  -webkit-transition: color 0.4s, background-color 0.4s;
  transition: color 0.4s, background-color 0.4s;
}

.apply-banner .banner-btn > a img {
  margin: -4px 0 0 10px;
  vertical-align: middle;
}

#exam-date-list {
  margin-left: 30px;
  margin-right: 30px;
}

#exam-date-list .notice-txt {
  margin-bottom: 70px;
  padding: 15px;
  font-size: 1em;
  color: #572200;
  text-align: center;
  line-height: 1.6em;
  border: 1px solid #d1c2bb;
}

#exam-date-list .date-detail {
  padding: 30px;
  background: #fafafa;
}

#exam-date-list .date-detail:nth-child(2n + 1) {
  background: #fff0f0;
}

#exam-date-list .date-detail .date-area {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1;
  grid-template-rows: 1;
  -ms-grid-columns: 70% 1fr;
  grid-template-columns: 70% 1fr;
  width: 100%;
}

#exam-date-list .date-detail .date-area .date-title {
  -ms-grid-column: 1;
  grid-column: 1;
  position: relative;
  margin-bottom: 50px;
  font-size: 1.625em;
  color: #b44702;
  font-weight: 500;
}

#exam-date-list .date-detail .date-area .date-title:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 90px;
  height: 2px;
  left: 0;
  bottom: -15px;
  background-color: #834a07;
  border-radius: 20px;
}

#exam-date-list .date-detail .date-area .exam-end {
  -ms-grid-column: 2;
  grid-column: 2;
  width: 100%;
  text-align: right;
  vertical-align: bottom;
}

#exam-date-list .date-detail .exam-term {
  margin-bottom: 10px;
  font-size: 1.25em;
  color: #572200;
  font-weight: 500;
}

#exam-date-list .date-detail .exam-term .term-mark {
  display: inline-block;
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

#exam-date-list .date-detail .exam-limit {
  margin-bottom: 10px;
  padding-bottom: 15px;
  font-size: 1em;
  color: #572200;
  border-bottom: 1px solid #ffcbcb;
}

#exam-date-list .date-detail .exam-limit .limit-mark {
  display: inline-block;
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

#exam-date-list .date-detail .detail-table {
  margin: 20px auto 0 auto;
  width: 100%;
  border-collapse: collapse;
}

#exam-date-list .date-detail .detail-table tr:last-child {
  border-bottom: none;
}

#exam-date-list .date-detail .detail-table th {
  position: relative;
  padding: 10px 0;
  width: 30%;
  font-size: 0.75em;
  color: #572200;
  font-weight: normal;
  text-align: center;
  line-height: 1.4em;
  border-bottom: 1px solid #fff;
  background-color: #faf8f8;
}

#exam-date-list .date-detail .detail-table th:after {
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #faf8f8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#exam-date-list .date-detail .detail-table td {
  padding: 10px 0 10px 20px;
  width: 70%;
  font-size: 0.875em;
  color: #572200;
  text-align: left;
  vertical-align: middle;
}

.day-page {
  padding-bottom: 70px;
}

#working {
  margin-left: 30px;
  margin-right: 30px;
  padding: 0 0 30px 0;
}

#working .tab-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1;
  grid-template-rows: 1;
  -ms-grid-columns: (25%) [4];
  grid-template-columns: repeat(4, 25%);
  padding: 0;
}

#working .tab-list .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
  height: 80px;
  font-size: 1.125em;
  color: #b44702;
  font-weight: 500;
  text-align: center;
  line-height: 1.5em;
  border-right: 1px solid #fff;
  background: #f0e4e4;
  cursor: pointer;
}

#working .tab-list .tab:first-child {
  border-top-left-radius: 5px;
}

#working .tab-list .tab:last-child {
  border-right: none;
  border-top-right-radius: 5px;
}

#working .tab-list .tab:hover {
  background-color: #e3b9b9;
  -webkit-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
}

#working .tab-list .work-01 {
  -ms-grid-column: 1;
  grid-column: 1;
}

#working .tab-list .work-02 {
  -ms-grid-column: 2;
  grid-column: 2;
}

#working .tab-list .work-03 {
  -ms-grid-column: 3;
  grid-column: 3;
}

#working .tab-list .work-04 {
  -ms-grid-column: 4;
  grid-column: 4;
}

#working .tab-list .is-active {
  background: #f5f1df;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#working .main {
  padding: 30px 40px;
  background: #f5f1df;
}

#working .main .content {
  display: none;
}

#working .main .is-show {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1;
  grid-template-rows: 1;
  -ms-grid-columns: 40% 1fr;
  grid-template-columns: 40% 1fr;
  color: #000;
}

#working .main .is-show .content-title {
  display: none;
}

#working .main .is-show .explain {
  -ms-grid-column: 1;
  grid-column: 1;
  padding: 20px;
  background: #fff;
}

#working .main .is-show .explain > p {
  margin-top: 20px;
  font-size: 0.875em;
  color: #722c00;
  line-height: 1.6em;
}

#working .main .is-show .explain-detail {
  -ms-grid-column: 2;
  grid-column: 2;
  margin-left: 20px;
}

#working .main .is-show .explain-detail > h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 20px 0;
  font-size: 1.375em;
  color: #722c00;
  font-weight: 500;
}

#working .main .is-show .explain-detail > h3:after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 2px;
  background: #834a07;
  display: inline;
  margin-left: 0.5em;
}

#working .main .is-show .explain-detail > p {
  margin-bottom: 30px;
  font-size: 0.875em;
  color: #722c00;
  line-height: 1.6em;
}

#column .img-wrap {
  padding: 50px 0;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#column .coffee {
  background-image: url('images/drink/coffee/column_bg.png');
}

#column .cafe {
  background-image: url('images/drink/cafe/column_bg.png');
}

#column .teaadviser {
  background-image: url('images/drink/teaadviser/column_bg.png');
}

#column .teameister {
  background-image: url('images/drink/teameister/column_bg.png');
}

#column .nihoncha {
  background-image: url('images/drink/nihoncha/column_bg.png');
}

#column .wine {
  background-image: url('images/osake/wine/column_bg.png');
}

#column .cocktail {
  background-image: url('images/osake/cocktail/column_bg.png');
}

#column .shochu {
  background-image: url('images/osake/shochu/column_bg.png');
}

#column .yakuzen {
  background-image: url('images/kenkousyoku/yakuzen/column_bg.png');
}

#column .kampo {
  background-image: url('images/kenkousyoku/kampo/column_bg.png');
}

#column .syokuiku {
  background-image: url('images/kenkousyoku/syokuiku/column_bg.png');
}

#column .youjisyoku {
  background-image: url('images/kenkousyoku/youjisyoku/column_bg.png');
}

#column .superfoods {
  background-image: url('images/kenkousyoku/superfoods/column_bg.png');
}

#column .hakkou {
  background-image: url('images/kenkousyoku/hakkou/column_bg.png');
}

#column .sakekasu {
  background-image: url('images/kenkousyoku/sakekasu/column_bg.png');
}

#column .spice {
  background-image: url('images/syokubunka/spice/column_bg.png');
}

#column .herb {
  background-image: url('images/syokubunka/herb/column_bg.png');
}

#column .syokuyouoil {
  background-image: url('images/syokubunka/syokuyouoil/column_bg.png');
}

#column .yasai {
  background-image: url('images/syokubunka/yasai/column_bg.png');
}

#column .niku {
  background-image: url('images/syokubunka/niku/column_bg.png');
}

#column .nukaduke {
  background-image: url('images/syokubunka/nukaduke/column_bg.png');
}

#column .hachimitsu {
  background-image: url('images/syokubunka/hachimitsu/column_bg.png');
}

#column .shio {
  background-image: url('images/syokubunka/shio/column_bg.png');
}

#column .dashi {
  background-image: url('images/syokubunka/dashi/column_bg.png');
}

#column .yogurt {
  background-image: url('images/syokubunka/yogurt/column_bg.png');
}

#column .soup {
  background-image: url('images/syokubunka/soup/column_bg.png');
}

#column .miso {
  background-image: url('images/syokubunka/miso/column_bg.png');
}

#column .cheese {
  background-image: url('images/syokubunka/cheese/column_bg.png');
}

#column .sansai {
  background-image: url('images/syokubunka/sansai/column_bg.png');
}

#column .kinoko {
  background-image: url('images/syokubunka/kinoko/column_bg.png');
}

#column .sakana {
  background-image: url('images/syokubunka/sakana/column_bg.png');
}

#column .ume {
  background-image: url('images/syokubunka/ume/column_bg.png');
}

#column .tsukeryouri {
  background-image: url('images/syokubunka/tsukeryouri/column_bg.png');
}

#column .kome {
  background-image: url('images/syokubunka/kome/column_bg.png');
}

#column .macrobiotic {
  background-image: url('images/diet/macrobiotic/column_bg.png');
}

#column .smoothie {
  background-image: url('images/diet/smoothie/column_bg.png');
}

#column .sportsfood {
  background-image: url('images/diet/sportsfood/column_bg.png');
}

#column .oyasai {
  background-image: url('images/diet/oyasai/column_bg.png');
}

#column .fruits {
  background-image: url('images/diet/fruits/column_bg.png');
}

#column .japanfood {
  background-image: url('images/ryouri/japanfood/column_bg.png');
}

#column .yoshoku {
  background-image: url('images/ryouri/yoshoku/column_bg.png');
}

#column .india {
  background-image: url('images/ryouri/india/column_bg.png');
}

#column .china {
  background-image: url('images/ryouri/china/column_bg.png');
}

#column .france {
  background-image: url('images/ryouri/france/column_bg.png');
}

#column .ethnic {
  background-image: url('images/ryouri/ethnic/column_bg.png');
}

#column .italia {
  background-image: url('images/ryouri/italia/column_bg.png');
}

#column .vegesweets {
  background-image: url('images/sweets/vegesweets/column_bg.png');
}

#column .dryfruits {
  background-image: url('images/sweets/dryfruits/column_bg.png');
}

#column .wagashi {
  background-image: url('images/sweets/wagashi/column_bg.png');
}

#column .seika {
  background-image: url('images/sweets/seika/column_bg.png');
}

#column .pantsukuri {
  background-image: url('images/sweets/pantsukuri/column_bg.png');
}

#column .chocolate {
  background-image: url('images/sweets/chocolate/column_bg.png');
}

#column .cupcake {
  background-image: url('images/sweets/cupcake/column_bg.png');
}

#column .column-cont {
  margin-left: 30px;
}

#column .column-cont > h3 {
  font-size: 1.875em;
  color: #fff;
}

#column .column-cont > p {
  margin-top: 30px;
  padding: 30px;
  font-size: 0.875em;
  color: #fff;
  line-height: 1.8em;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}

#about-jsfca {
  background-image: url('images/page_visual/about.png');
}

#test-summary {
  background-image: url('images/page_visual/about2.png');
}

#apply-flow {
  background-image: url('images/page_visual/about2.png');
}

#apply-fee {
  background-image: url('images/page_visual/about2.png');
}

#certificate-system {
  background-image: url('images/page_visual/about.png');
}

#certificate-school {
  background-image: url('images/page_visual/about.png');
}

#pass-member {
  background-image: url('images/page_visual/about.png');
}

#certified {
  background-image: url('images/page_visual/about.png');
}

#exam-datelist {
  background-image: url('images/page_visual/about2.png');
}

#exam-apply {
  background-image: url('images/page_visual/about2.png');
}

#privacy {
  background-image: url('images/page_visual/about.png');
}

#law-view {
  background-image: url('images/page_visual/about.png');
}

#cert-inquiry {
  background-image: url('images/page_visual/about.png');
}

#change-issue {
  background-image: url('images/page_visual/about.png');
}

#toiawase {
  background-image: url('images/page_visual/about.png');
}

#sitemap {
  background-image: url('images/page_visual/about.png');
}

#info {
	background-image: url('images/page_visual/about.png');
}

#news {
	background-image: url('images/page_visual/about.png');
}

#detail {
	background-image: url('images/page_visual/about.png');
}

#jsfca-summary {
  padding: 80px 0;
  background: #f7ede1;
}

#jsfca-summary #about-summary {
  margin: 0 auto;
  padding: 30px;
  border-radius: 10px;
  background: rgba(255, 224, 224, 0.8);
  z-index: 10;
}

#jsfca-summary #about-summary > h2 {
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ddafaf;
}

#jsfca-summary #about-summary > h2:before {
  display: none;
}

#jsfca-summary #about-summary > p {
  font-size: 1em;
  color: #330000;
  line-height: 1.7em;
}

#jsfca-summary #place {
  margin: 0 auto;
  padding: 30px;
  border-radius: 5px;
  background: #fff;
}

#jsfca-summary #place .place-table {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

#jsfca-summary #place .place-table tr {
  border-bottom: solid 2px white;
}

#jsfca-summary #place .place-table tr:last-child {
  border-bottom: none;
}

#jsfca-summary #place .place-table th {
  position: relative;
  padding: 0;
  width: 30%;
  background-color: #e6b36d;
}

#jsfca-summary #place .place-table th:after {
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #e6b36d;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#jsfca-summary #place .place-table th .t-title {
  position: absolute;
  top: 50%;
  left: 15%;
  padding: 5px 0 5px 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em;
  color: #572200;
  font-weight: 400;
  border-left: 4px solid #c37111;
}

#jsfca-summary #place .place-table .th1 {
  background-color: #e2a34d;
}

#jsfca-summary #place .place-table .th1:after {
  border-left: 10px solid #e2a34d;
}

#jsfca-summary #place .place-table td {
  padding: 25px 30px;
  width: 70%;
  font-size: 1em;
  color: #572200;
  text-align: left;
  line-height: 1.6em;
  background-color: #ffebc9;
}

#top-txt {
  padding: 20px 0;
  background: #f7ede1;
}

#top-txt .top-txt-inner {
  width: 100%;
  font-size: 1.25em;
  color: #b44702;
  font-weight: 700;
  text-align: center;
}

#category-link {
  margin: 40px auto 0 auto;
  padding: 0;
  text-align: center;
}

#category-link .link-inner {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0;
}

#category-link .link-inner .category-link-menu {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#category-link .link-inner .category-link-menu > a {
  display: block;
  padding-top: 7px;
  width: 165px;
  height: 50px;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
  border-right: 1px solid #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#b42d2e),
    to(#e06061)
  );
  background: linear-gradient(to bottom, #b42d2e, #e06061);
}

#category-link .link-inner .category-link-menu > a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e94b4b),
    to(#e34a4a)
  );
  background: linear-gradient(to bottom, #e94b4b, #e34a4a);
}

#category-link .link-inner .first > a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#category-link .link-inner .last > a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: none;
}

.category-title {
  margin: 50px auto 0 auto;
  padding: 15px 0;
  width: 90%;
  font-size: 1.625em;
  color: #b44702;
  font-weight: 500;
  text-indent: 60px;
  background: #ffe0d0 url('images/license-category-titlehead.png') 30px center
    no-repeat;
}

.all-license {
  padding: 0 0 50px 0;
  background: #fffff4;
}

.all-license .license-category-list {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 90%;
}

.all-license .license-category-list .list-wrap {
  display: inline-block;
  margin: 0 5px 10px 5px;
  padding: 0;
  width: 210px;
  background: #fcf1da;
}

.all-license .license-category-list .list-wrap .exam-cont dt {
  margin: 5px auto 0 auto;
  width: 195px;
  height: auto;
  overflow: hidden;
  border: 5px solid #fff;
}

.all-license .license-category-list .list-wrap .exam-cont dt a {
  display: block;
  width: 100%;
  height: auto;
}

.all-license .license-category-list .list-wrap .exam-cont dt a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.all-license .license-category-list .list-wrap .exam-cont .exam-title {
  padding: 10px 0 15px 0;
  font-size: 0.875em;
  font-weight: 500;
  color: #b44702;
  text-align: center;
  line-height: 1.4em;
}

.all-license .license-category-list .list-wrap .exam-cont .exam-summary {
  margin-bottom: 20px;
  padding: 15px;
  height: 130px;
  font-size: 0.875em;
  color: #461d02;
  line-height: 1.6em;
  border-radius: 5px;
  background: #fff;
}

.all-license .license-category-list .list-wrap .exam-cont .view-summary > a,
.all-license .license-category-list .list-wrap .exam-cont .view-apply > a {
  display: block;
  margin: 0 auto 5px auto;
  width: 94%;
  height: 32px;
  padding: 0;
  font-size: 0.875em;
  color: #461d02;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  background: #e5dec3;
}

.all-license
  .license-category-list
  .list-wrap
  .exam-cont
  .view-summary
  > a:hover,
.all-license
  .license-category-list
  .list-wrap
  .exam-cont
  .view-apply
  > a:hover {
  background-color: #c1b68e;
}

#flow-contents {
  padding-bottom: 50px;
  background: #f7ede1;
}

#flow-contents .flow-notice {
  margin: 0 auto;
  padding: 30px 50px;
  width: 870px;
  font-size: 1em;
  color: #b44702;
  line-height: 1.8em;
  background: #f2dec7;
}

#flow-contents .flow-triangle,
#flow-contents .flow {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

#flow-contents .flow-1 {
  z-index: 4;
}

#flow-contents .flow-2 {
  z-index: 3;
}

#flow-contents .flow-3 {
  z-index: 2;
}

#flow-contents .flow-4 {
  z-index: 1;
}

#flow-contents .flow {
  margin: 0 auto;
  padding: 70px 0 40px 50px;
  width: 870px;
  background: #fbfced;
}

#flow-contents .flow:before {
  content: '';
  position: absolute;
  margin-left: -80px;
  top: 100%;
  left: 50%;
  border: 80px solid transparent;
  border-top: 50px solid #fbfced;
}

#flow-contents .flow:nth-child(2n + 1) {
  background: #fdebe8;
}

#flow-contents .flow:nth-child(2n + 1):before {
  content: '';
  position: absolute;
  margin-left: -80px;
  top: 100%;
  left: 50%;
  border: 80px solid transparent;
  border-top: 50px solid #fdebe8;
}

#flow-contents .flow .flow-title {
  font-size: 1.4375em;
  color: #d5397b;
  font-weight: 700;
}

#flow-contents .flow .flow-title img {
  margin: -3px 15px 0 0;
  vertical-align: middle;
}

#flow-contents .flow .flow-comment {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 84%;
  font-size: 1em;
  line-height: 1.8em;
}

#flow-contents .flow-last:before {
  display: none;
}

.flow-apply-banner {
  padding: 0;
  height: 120px;
  background: #b44b4c url('images/apply_banner_bg.png');
}

.flow-apply-banner .main-txt {
  padding: 30px 0 0 30px;
  font-size: 1.625em;
  color: #fff;
}

.flow-apply-banner .sub-txt {
  padding: 10px 0 0 30px;
  font-size: 0.875em;
  color: #fff;
}

.flow-apply-banner .banner-btn {
  padding-top: 30px;
}

.flow-apply-banner .banner-btn > a {
  display: block;
  width: 80%;
  height: 54px;
  font-size: 1.125em;
  color: #572200;
  text-align: center;
  line-height: 54px;
  text-decoration: none;
  border-radius: 3px;
  background-color: #ffc8c9;
}

.flow-apply-banner .banner-btn > a:hover {
  background: #ed8082;
  color: #fff;
  -webkit-transition: color 0.4s, background-color 0.4s;
  transition: color 0.4s, background-color 0.4s;
}

.flow-apply-banner .banner-btn > a img {
  margin: -4px 0 0 10px;
  vertical-align: middle;
}

#pay-instruction {
  padding-bottom: 80px;
}

#pay-instruction .instruction-area {
  margin: 0 auto;
  padding: 40px;
  width: 60%;
  border-radius: 5px;
  border: 2px solid #f2dec7;
}

#pay-instruction .instruction-area .instruction-txt {
  font-size: 0.9375em;
  color: #b44702;
  line-height: 1.8em;
}

#pay-instruction .instruction-area .pay-method-img {
  margin-top: 30px;
  text-align: center;
}

#about-certificate {
  padding: 0 0 70px 0;
  background: #f7ede1;
}

#about-certificate .cert-set,
#about-certificate .cert-system,
#about-certificate .cert-card {
  padding: 40px;
  height: 400px;
  border-radius: 5px;
  background: #f2dfbf;
}

#about-certificate .cert-set .summary-title,
#about-certificate .cert-system .summary-title,
#about-certificate .cert-card .summary-title {
  padding: 0 0 0 15px;
  font-size: 1.375em;
  color: #b44702;
  font-weight: 500;
  border-left: 5px solid #b44702;
}

#about-certificate .cert-set .cert-img,
#about-certificate .cert-system .cert-img,
#about-certificate .cert-card .cert-img {
  margin: 30px 0 0 0;
  padding: 0;
  text-align: center;
}

#about-certificate .cert-set > .summary-txt,
#about-certificate .cert-system > .summary-txt,
#about-certificate .cert-card > .summary-txt {
  margin-top: 20px;
  padding-top: 20px;
  font-size: 0.875em;
  color: #572200;
  line-height: 1.8em;
  border-top: 1px solid #b44702;
}

#cert-school-summary {
  padding: 0 0 50px 0;
  background: #f2dec7;
}

#cert-school-summary .cert-summary .summary-txt {
  font-size: 1em;
  color: #572200;
  line-height: 1.8em;
}

#cert-school-summary .cert-rule-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 50px 0 20px 0;
  font-size: 1.375em;
  color: #722c00;
  font-weight: 500;
}

#cert-school-summary .cert-rule-title:before {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 2px;
  background: #834a07;
  display: inline;
  margin-right: 1em;
}

#cert-school-summary .cert-rule-title:after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 2px;
  background: #834a07;
  display: inline;
  margin-left: 1em;
}

#cert-school-summary .rule-list {
  margin: 30px 0 50px 0;
}

#cert-school-summary .rule-list > li {
  padding: 15px 30px;
  font-size: 0.875em;
  color: #572200;
  background: #faddb4;
}

#cert-school-summary .rule-list > li:nth-child(2n + 1) {
  background: #e3caa7;
}

#cert-school-summary .rule-list > li img {
  margin: -3px 15px 0 0;
  vertical-align: middle;
}

.cert-entry {
  padding-bottom: 70px;
  background: #fbfced;
}

.cert-entry .explain-txt {
  margin-bottom: 40px;
  font-size: 1.125em;
  color: #572200;
  text-align: center;
}

.cert-entry .cert-entry-form {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

.cert-entry .cert-entry-form tr {
  border-bottom: solid 2px white;
}

.cert-entry .cert-entry-form tr:last-child {
  border-bottom: none;
}

.cert-entry .cert-entry-form tr th {
  position: relative;
  padding: 0;
  width: 30%;
  font-size: 1em;
  color: #572200;
  font-weight: 400;
  background-color: #fac987;
}

.cert-entry .cert-entry-form tr th .title-inner {
  position: absolute;
  top: calc(50% - 14px);
  margin-left: 20px;
  padding: 5px 0 5px 15px;
  border-left: 4px solid #c37111;
}

.cert-entry .cert-entry-form tr th .title-inner img {
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

.cert-entry .cert-entry-form tr th:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #fac987;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.cert-entry .cert-entry-form tr:nth-child(2n + 1) th {
  background-color: #e6b36d;
}

.cert-entry .cert-entry-form tr:nth-child(2n + 1) th:after {
  border-left: 10px solid #e6b36d;
}

.cert-entry .cert-entry-form tr td {
  padding: 25px 30px;
  width: 70%;
  font-size: 1em;
  color: #572200;
  text-align: left;
  line-height: 1.6em;
  background-color: #ffebc9;
}

.cert-entry .cert-entry-form tr td .input-comment {
  display: block;
  padding-bottom: 5px;
  font-size: 0.875em;
}

.cert-entry .cert-entry-form-sp {
  display: none;
}

.about-cert {
  margin-top: 30px;
  padding: 30px 40px;
  background: #faf6f2;
}

.about-cert > dl dt {
  padding-bottom: 30px;
  font-size: 1.25em;
  color: #b44702;
  font-weight: 700;
}

.about-cert > dl dd {
  margin-bottom: 15px;
  font-size: 0.875em;
  color: #572200;
}

.about-cert > dl dd img {
  margin: -3px 15px 0 0;
  vertical-align: middle;
}

.about-cert > dl dd:last-child {
  margin-bottom: 0;
}

#pass-intro .intro-txt {
  padding: 30px 0;
  background: #f2dec7;
}

#pass-intro .intro-txt > p {
  font-size: 1em;
  color: #572200;
  line-height: 1.8em;
  text-align: center;
}

.pass-certification {
  padding: 0 0 70px 0;
  background: #f7ede1;
}

.pass-certification .cert-explain {
  padding: 30px;
  font-size: 1em;
  color: #b44702;
  line-height: 1.8em;
}

.pass-certification .area-set,
.pass-certification .cert-cat-1,
.pass-certification .cert-cat-2 {
  padding-top: 40px;
  border-radius: 5px;
  background: #f2dfbf;
}

.pass-certification .area-set > .title,
.pass-certification .cert-cat-1 > .title,
.pass-certification .cert-cat-2 > .title {
  margin: 0 40px;
  padding: 5px 0 5px 15px;
  font-size: 1.375em;
  color: #b44702;
  font-weight: 500;
  border-left: 5px solid #b44702;
}

.pass-certification .area-set .cat-img,
.pass-certification .cert-cat-1 .cat-img,
.pass-certification .cert-cat-2 .cat-img {
  margin: 20px 40px 20px 40px;
  padding: 20px 0 0 0;
  text-align: center;
  border-top: 1px solid #b44702;
}

.pass-certification .area-set .fee,
.pass-certification .cert-cat-1 .fee,
.pass-certification .cert-cat-2 .fee {
  padding: 20px 0;
  font-size: 1.25em;
  color: #b44702;
  font-weight: 700;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #f2d4a1;
}

#cert-howto {
  padding: 0 0 70px 0;
}

#cert-howto .howto-set,
#cert-howto .howto,
#cert-howto .photo {
  padding: 30px;
  border-radius: 5px;
  background: #fcfbe8;
}

#cert-howto .howto-set .title,
#cert-howto .howto .title,
#cert-howto .photo .title {
  margin-bottom: 20px;
  padding: 0 0 10px 0;
  font-size: 1.125em;
  color: #b44702;
  font-weight: 700;
  border-bottom: 1px solid #b44702;
}

#cert-howto .howto-set .howto-txt,
#cert-howto .howto .howto-txt,
#cert-howto .photo .howto-txt {
  font-size: 0.875em;
  color: #572200;
  line-height: 1.5em;
}

#cert-howto .howto-set .howto-txt .red,
#cert-howto .howto .howto-txt .red,
#cert-howto .photo .howto-txt .red {
  color: red;
}

#cert-howto .howto-set .issue-apply,
#cert-howto .howto .issue-apply,
#cert-howto .photo .issue-apply {
  margin: 40px 0 50px 0;
}

#cert-howto .howto-set .issue-apply > a,
#cert-howto .howto .issue-apply > a,
#cert-howto .photo .issue-apply > a {
  display: block;
  margin: 20px auto;
  padding: 15px 0 10px 0;
  width: 70%;
  font-size: 0.9375em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  background: #ed8082;
}

#cert-howto .howto-set .issue-apply > a img,
#cert-howto .howto .issue-apply > a img,
#cert-howto .photo .issue-apply > a img {
  margin: -3px 0 0 10px;
  vertical-align: middle;
}

#cert-howto .howto-set .issue-apply > a:hover,
#cert-howto .howto .issue-apply > a:hover,
#cert-howto .photo .issue-apply > a:hover {
  background-color: #d85b5e;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#cert-howto .howto-set .pay-img,
#cert-howto .howto .pay-img,
#cert-howto .photo .pay-img {
  margin: 30px 0;
  padding: 0;
  text-align: center;
}

#cert-howto .howto-set .notice li,
#cert-howto .howto .notice li,
#cert-howto .photo .notice li {
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 0.75em;
  color: #572200;
  line-height: 1.5em;
}

#cert-howto .howto-set .notice li:before,
#cert-howto .howto .notice li:before,
#cert-howto .photo .notice li:before {
  content: '';
  margin-right: 2px;
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #000;
  border-radius: 50%;
}

#cert-howto .howto-set .rule-tbl,
#cert-howto .howto .rule-tbl,
#cert-howto .photo .rule-tbl {
  margin: 20px 0;
}

#cert-howto .howto-set .rule-tbl tr:nth-child(2n + 1) td,
#cert-howto .howto .rule-tbl tr:nth-child(2n + 1) td,
#cert-howto .photo .rule-tbl tr:nth-child(2n + 1) td {
  background: #ffdeb1;
}

#cert-howto .howto-set .rule-tbl th,
#cert-howto .howto .rule-tbl th,
#cert-howto .photo .rule-tbl th {
  padding: 0 10px;
  width: 30%;
  background: #ffdeb1;
  vertical-align: middle;
}

#cert-howto .howto-set .rule-tbl td,
#cert-howto .howto .rule-tbl td,
#cert-howto .photo .rule-tbl td {
  padding: 5px;
  font-size: 0.8125em;
  color: #572200;
  line-height: 1.5em;
  background: #faead4;
}

#cert-howto .howto-set .rule-comment,
#cert-howto .howto .rule-comment,
#cert-howto .photo .rule-comment {
  font-size: 0.875em;
  color: #572200;
  line-height: 1.4em;
}

#cert-howto .howto-set .error-photo,
#cert-howto .howto .error-photo,
#cert-howto .photo .error-photo {
  margin: 20px 0;
}

#cert-howto .howto-set .error-photo dt,
#cert-howto .howto .error-photo dt,
#cert-howto .photo .error-photo dt {
  padding-bottom: 10px;
  font-size: 0.9375em;
  color: #572200;
  font-weight: 500;
}

#cert-howto .howto-set .error-photo dd,
#cert-howto .howto .error-photo dd,
#cert-howto .photo .error-photo dd {
  padding: 3px 0 0 1em;
  text-indent: -1em;
  font-size: 0.8125em;
  color: red;
  line-height: 1.4em;
}

#cert-howto .howto-set > h3,
#cert-howto .howto > h3,
#cert-howto .photo > h3 {
  display: block;
  margin-bottom: 10px;
  padding: 5px 0;
  width: 30%;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  text-align: center;
  border-radius: 20px;
  background: #b44702;
}

#cert-howto .howto-set .address,
#cert-howto .howto .address,
#cert-howto .photo .address {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1;
  grid-template-rows: 1;
  -ms-grid-columns: 30% 1fr;
  grid-template-columns: 30% 1fr;
  margin-top: 10px;
  padding: 10px 30px;
  border-radius: 5px;
  background: #ebe9c1;
}

#cert-howto .howto-set .address .address-title,
#cert-howto .howto .address .address-title,
#cert-howto .photo .address .address-title {
  -ms-grid-column: 1;
  grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9375em;
  color: #b44702;
}

#cert-howto .howto-set .address .address-cont,
#cert-howto .howto .address .address-cont,
#cert-howto .photo .address .address-cont {
  -ms-grid-column: 2;
  grid-column: 2;
  font-size: 0.8125em;
  color: #652801;
  line-height: 1.6em;
}

#report {
  padding-bottom: 50px;
  background: #f7ede1;
}

#report .report-summary .summary-txt {
  padding: 40px;
  font-size: 1em;
  color: #572200;
  line-height: 1.6em;
  border-radius: 5px;
  background: #f2dec7;
}

#report .link-attend {
  margin: 30px 0;
  font-size: 0.875em;
  color: #572200;
  text-align: center;
}

#report .report-link {
  margin: 40px 0;
}

#report .report-link > a {
  display: block;
  margin: 20px auto;
  padding: 25px 0 25px 0;
  width: 40%;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  background: #ed8082;
}

#report .report-link > a img {
  margin: -3px 0 0 10px;
  vertical-align: middle;
}

#report .report-link > a:hover {
  background-color: #d85b5e;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#certificate {
	padding-bottom: 50px;
	background: #fff;
}

#certificate .report-summary .summary-txt {
	padding: 40px;
	font-size: 1em;
	color: #572200;
	line-height: 1.6em;
	border-radius: 5px;
	background: #f7f0ea;
}

#certificate .link-attend {
	margin: 30px 0;
	font-size: 0.875em;
	color: #572200;
	text-align: center;
}

#certificate .report-link {
	margin: 40px 0;
}

#certificate .report-link > a {
	display: block;
	margin: 20px auto;
	padding: 25px 0 25px 0;
	width: 40%;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	border: none;
	background: #ed8082;
}

#certificate .report-link > a img {
	margin: -3px 0 0 10px;
	vertical-align: middle;
}

#certificate .report-link > a:hover {
	background-color: #d85b5e;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}


.contact {
  padding-bottom: 60px;
  background: #fbfced;
}

.contact .contact-summary {
  margin-bottom: 30px;
  padding: 30px 0;
  font-size: 1em;
  color: #b44702;
  text-align: center;
  background: #f2dec7;
}

.contact .contact-form {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

.contact .contact-form tr {
  border-bottom: solid 2px white;
}

.contact .contact-form tr:last-child {
  border-bottom: none;
}

.contact .contact-form tr th {
  position: relative;
  padding: 0;
  width: 30%;
  font-size: 1em;
  color: #572200;
  font-weight: 400;
  background-color: #fac987;
}

.contact .contact-form tr th .title-inner {
  position: absolute;
  top: calc(50% - 14px);
  margin-left: 20px;
  padding: 5px 0 5px 15px;
  border-left: 4px solid #c37111;
}

.contact .contact-form tr th .title-inner img {
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

.contact .contact-form tr th:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #fac987;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.contact .contact-form tr:nth-child(2n + 1) th {
  background-color: #e6b36d;
}

.contact .contact-form tr:nth-child(2n + 1) th:after {
  border-left: 10px solid #e6b36d;
}

.contact .contact-form tr td {
  padding: 25px 30px;
  width: 70%;
  font-size: 1em;
  color: #572200;
  text-align: left;
  line-height: 1.6em;
  background-color: #ffebc9;
}

.contact .contact-form tr td .input-comment {
  display: block;
  padding-bottom: 5px;
  font-size: 0.875em;
}

.contact .contact-form tr td .input-txt {
  padding-right: 10px;
}

.contact .contact-form tr td .last-name {
  margin-right: 15px;
}

.contact .contact-form tr td .your-message textarea {
  resize: vertical;
  width: 100%;
  height: 150px;
}

#exam-entry-summary {
  margin-bottom: 50px;
  background: #f2dec7;
}

#exam-entry-summary .summary-area {
  padding: 0 0 70px 0;
}

#exam-entry-summary .summary-area > p {
  font-size: 1em;
  color: #572200;
  text-align: center;
}

#exam-entry-summary .summary-area > p .main-txt {
  display: block;
  padding-bottom: 10px;
  font-size: 1.375em;
  font-weight: 700;
}

.exam-entry {
  padding-bottom: 50px;
}

.exam-entry .exam-entry-form {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

.exam-entry .exam-entry-form tr {
  border-bottom: solid 2px white;
}

.exam-entry .exam-entry-form tr:last-child {
  border-bottom: none;
}

.exam-entry .exam-entry-form tr th {
  position: relative;
  padding: 0;
  width: 30%;
  font-size: 1em;
  color: #572200;
  font-weight: 400;
  background-color: #fac987;
}

.exam-entry .exam-entry-form tr th .title-inner {
  position: absolute;
  top: calc(50% - 14px);
  margin-left: 20px;
  padding: 5px 0 5px 15px;
  border-left: 4px solid #c37111;
}

.exam-entry .exam-entry-form tr th .title-inner img {
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

.exam-entry .exam-entry-form tr th:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #fac987;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.exam-entry .exam-entry-form tr:nth-child(2n + 1) th {
  background-color: #e6b36d;
}

.exam-entry .exam-entry-form tr:nth-child(2n + 1) th:after {
  border-left: 10px solid #e6b36d;
}

.exam-entry .exam-entry-form tr td {
  padding: 25px 30px;
  width: 70%;
  font-size: 1em;
  color: #572200;
  text-align: left;
  line-height: 1.6em;
  background-color: #ffebc9;
}

.exam-entry .exam-entry-form tr td .input-comment {
  display: block;
  padding-bottom: 5px;
  font-size: 0.875em;
}

.exam-entry .exam-entry-form tr td .input-txt {
  padding-right: 10px;
}

.exam-entry .exam-entry-form tr td .bctt_last_name,
.exam-entry .exam-entry-form tr td .bctt_last_kana {
  margin-right: 15px;
}

.exam-entry .exam-select-comment {
  padding: 20px;
  font-size: 1.125em;
  color: #b44702;
  text-align: center;
  background: #f2dec7;
}

.exam-entry .exam-select {
  padding: 20px 30px;
  background: #fff4e2;
}

.exam-entry .exam-select .bctt_moushikaku .wpcf7-checkbox .wpcf7-list-item {
  display: inline-block;
  padding: 8px 0;
  width: 30%;
  font-size: 0.875em;
  color: #b44702;
  vertical-align: top;
}

.exam-entry
  .exam-select
  .bctt_moushikaku
  .wpcf7-checkbox
  .wpcf7-list-item
  input {
  margin: -3px 7px 0 0;
}

.exam-entry #bctt_comment {
  resize: vertical;
  width: 100%;
  height: 150px;
}

#privacy-summary {
  padding: 0 0 40px 0;
  background: #fbfced;
}

#privacy-summary > .summary-txt {
  padding: 30px;
  font-size: 1em;
  color: #572200;
  line-height: 1.6em;
  border-radius: 5px;
  background: #f2dec7;
}

#privacy-contents {
  padding: 50px 0;
  background: #f2f4de;
}

#privacy-contents > dl dt {
  padding-bottom: 20px;
  font-size: 1.125em;
  color: #572200;
  font-weight: 500;
}

#privacy-contents > dl dd {
  padding-bottom: 30px;
  font-size: 1em;
  color: #343434;
  line-height: 1.6em;
}

#law {
  padding-bottom: 70px;
  background: #fbfced;
}

#law .law-tbl {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

#law .law-tbl tr {
  border-bottom: solid 2px white;
}

#law .law-tbl tr:last-child {
  border-bottom: none;
}

#law .law-tbl tr th {
  position: relative;
  padding: 0;
  width: 30%;
  font-size: 1em;
  color: #572200;
  font-weight: 400;
  background-color: #ede1d0;
}

#law .law-tbl tr th .title-inner {
  position: absolute;
  top: calc(50% - 14px);
  margin-left: 20px;
  padding: 5px 0 5px 15px;
  border-left: 4px solid #c37111;
}

#law .law-tbl tr th .title-inner img {
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

#law .law-tbl tr th:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #ede1d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#law .law-tbl tr:nth-child(2n + 1) th {
  background-color: #e2d4c0;
}

#law .law-tbl tr:nth-child(2n + 1) th:after {
  border-left: 10px solid #e2d4c0;
}

#law .law-tbl tr td {
  padding: 25px 30px;
  width: 70%;
  font-size: 1em;
  color: #572200;
  text-align: left;
  line-height: 1.6em;
  background-color: #fcf6ef;
}

#law .law-comment {
  margin-top: 30px;
  padding: 30px;
  background: #ede6de;
}

#law .law-comment > dl dt {
  margin-bottom: 20px;
  font-size: 1em;
  color: #572200;
  font-weight: 700;
}

#law .law-comment > dl dd {
  font-size: 0.875em;
  color: #572200;
  line-height: 1.6em;
}

#law .law-comment .law-date {
  display: block;
  margin-top: 15px;
  padding: 30px 30px 0 30px;
  font-size: 0.875em;
  color: #572200;
  text-align: right;
}

#cert-inquiry-summary {
  margin-bottom: 50px;
  background: #f2dec7;
}

#cert-inquiry-summary .summary-area {
  padding: 0 0 70px 0;
}

#cert-inquiry-summary .summary-area > p {
  font-size: 1em;
  color: #572200;
  text-align: center;
}

#cert-inquiry-summary .summary-area > p .main-txt {
  display: block;
  padding-bottom: 10px;
  font-size: 1.375em;
  font-weight: 700;
}

.cert-inquiry {
  padding-bottom: 50px;
}

.cert-inquiry .cert-inquiry-form {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

.cert-inquiry .cert-inquiry-form tr {
  border-bottom: solid 2px white;
}

.cert-inquiry .cert-inquiry-form tr:last-child {
  border-bottom: none;
}

.cert-inquiry .cert-inquiry-form tr th {
  position: relative;
  padding: 0;
  width: 30%;
  font-size: 1em;
  color: #572200;
  font-weight: 400;
  background-color: #fac987;
}

.cert-inquiry .cert-inquiry-form tr th .title-inner {
  position: absolute;
  top: calc(50% - 14px);
  margin-left: 20px;
  padding: 5px 0 5px 15px;
  border-left: 4px solid #c37111;
}

.cert-inquiry .cert-inquiry-form tr th .title-inner img {
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

.cert-inquiry .cert-inquiry-form tr th:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #fac987;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.cert-inquiry .cert-inquiry-form tr:nth-child(2n + 1) th {
  background-color: #e6b36d;
}

.cert-inquiry .cert-inquiry-form tr:nth-child(2n + 1) th:after {
  border-left: 10px solid #e6b36d;
}

.cert-inquiry .cert-inquiry-form tr td {
  padding: 25px 30px;
  width: 70%;
  font-size: 1em;
  color: #572200;
  text-align: left;
  line-height: 1.6em;
  background-color: #ffebc9;
}

.cert-inquiry .cert-inquiry-form tr td .input-comment {
  display: block;
  padding-bottom: 5px;
  font-size: 0.875em;
}

.cert-inquiry .cert-inquiry-form tr td .input-txt {
  padding-right: 10px;
}

.cert-inquiry .cert-inquiry-form tr td .bctt_last_name,
.cert-inquiry .cert-inquiry-form tr td .bctt_last_kana {
  margin-right: 15px;
}

.cert-inquiry .cert-exam-select-comment,
.cert-inquiry .cert-select-comment,
.cert-inquiry .click-comment {
  padding: 20px;
  font-size: 1.125em;
  color: #b44702;
  text-align: center;
  background: #f2dec7;
}

.cert-inquiry .click-comment {
  margin-top: 40px;
}

.cert-inquiry .cert-exam-select {
  padding: 20px 30px;
  background: #fff4e2;
}

.cert-inquiry
  .cert-exam-select
  .bctt_moushikaku
  .wpcf7-checkbox
  .wpcf7-list-item {
  display: inline-block;
  padding: 8px 0;
  width: 30%;
  font-size: 0.875em;
  color: #b44702;
}

.cert-inquiry
  .cert-exam-select
  .bctt_moushikaku
  .wpcf7-checkbox
  .wpcf7-list-item
  input {
  margin: -3px 7px 0 0;
}

.cert-inquiry .cert-select {
  list-style: none;
  padding: 40px 0;
  text-align: center;
  background: #fff4e2;
}

.cert-inquiry .cert-select .bctt_publish .wpcf7-checkbox .wpcf7-list-item {
  display: inline-block;
  width: 30%;
}

.cert-inquiry
  .cert-select
  .bctt_publish
  .wpcf7-checkbox
  .wpcf7-list-item
  label {
  display: block;
  padding: 30px;
  width: 100%;
  font-size: 1.125em;
  color: #b44702;
  font-weight: 500;
  text-align: center;
  border: 2px solid #eed687;
  border-radius: 5px;
  background: #e9d594;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.cert-inquiry
  .cert-select
  .bctt_publish
  .wpcf7-checkbox
  .wpcf7-list-item
  label:hover {
  background-color: #e2edf9;
  border: 2px solid #28a7e1;
}

.cert-inquiry
  .cert-select
  .bctt_publish
  .wpcf7-checkbox
  .wpcf7-list-item
  label
  .sub-txt {
  display: block;
  margin: 20px 0 0 0;
  font-size: 0.75em;
  color: #6b4a03;
}

.cert-inquiry
  .cert-select
  .bctt_publish
  .wpcf7-checkbox
  .wpcf7-list-item
  input[type='checkbox'] {
  margin: -4px 5px 0 0;
}

.cert-inquiry
  .cert-select
  .bctt_publish
  .wpcf7-checkbox
  .wpcf7-list-item
  input[type='checkbox']:checked
  + label {
  background: #c0e8ff;
  color: #333333;
  border: 2px solid #28a7e1;
}

.cert-inquiry .inquiry-notice {
  padding: 30px;
  background: #f2f4de;
}

.cert-inquiry .inquiry-notice > dl dt {
  padding-bottom: 10px;
  font-size: 1em;
  color: #572200;
  font-weight: 500;
}

.cert-inquiry .inquiry-notice > dl dd {
  padding: 0 10px 20px 10px;
  font-size: 0.8125em;
  color: #343434;
  line-height: 1.5em;
}

.cert-inquiry #bctt_comment {
  resize: vertical;
  width: 100%;
  height: 150px;
}

#change-summary {
  margin-bottom: 50px;
  background: #f2dec7;
}

#change-summary .summary-area {
  padding: 0 0 70px 0;
}

#change-summary .summary-area > p {
  font-size: 1em;
  color: #572200;
  text-align: center;
  line-height: 1.6em;
}

.change-inquiry {
  padding-bottom: 50px;
}

.change-inquiry .change-inquiry-form {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

.change-inquiry .change-inquiry-form tr {
  border-bottom: solid 2px white;
}

.change-inquiry .change-inquiry-form tr:last-child {
  border-bottom: none;
}

.change-inquiry .change-inquiry-form tr th {
  position: relative;
  padding: 0;
  width: 30%;
  font-size: 1em;
  color: #572200;
  font-weight: 400;
  background-color: #fac987;
}

.change-inquiry .change-inquiry-form tr th .title-inner {
  position: absolute;
  top: calc(50% - 14px);
  margin-left: 20px;
  padding: 5px 0 5px 15px;
  border-left: 4px solid #c37111;
}

.change-inquiry .change-inquiry-form tr th .title-inner img {
  margin: -3px 10px 0 0;
  vertical-align: middle;
}

.change-inquiry .change-inquiry-form tr th:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #fac987;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.change-inquiry .change-inquiry-form tr:nth-child(2n + 1) th {
  background-color: #e6b36d;
}

.change-inquiry .change-inquiry-form tr:nth-child(2n + 1) th:after {
  border-left: 10px solid #e6b36d;
}

.change-inquiry .change-inquiry-form tr td {
  padding: 25px 30px;
  width: 70%;
  font-size: 1em;
  color: #572200;
  text-align: left;
  line-height: 1.6em;
  background-color: #ffebc9;
}

.change-inquiry .change-inquiry-form tr td .input-comment {
  display: block;
  padding-bottom: 5px;
  font-size: 0.875em;
}

.change-inquiry .change-inquiry-form tr td .input-txt {
  padding-right: 10px;
}

.change-inquiry .change-inquiry-form tr td input[type='checkbox'] {
  margin: -5px 10px 0 0;
}

.change-inquiry .change-inquiry-form tr td .bctt_last_name,
.change-inquiry .change-inquiry-form tr td .bctt_last_kana {
  margin-right: 15px;
}

.change-inquiry .change-inquiry-form tr td .check-txt {
  margin-right: 20px;
}

.change-inquiry .click-comment {
  padding: 20px;
  font-size: 1.125em;
  color: #b44702;
  text-align: center;
  background: #f2dec7;
}

.change-inquiry .bctt_comment textarea {
  resize: vertical;
  width: 100%;
  height: 150px;
}

.submit-btn {
  padding: 30px 0;
  background: #f2dec7;
}

.submit-btn .submit-txt {
  margin-bottom: 30px;
  font-size: 1em;
  color: #572200;
  text-align: center;
}

.submit-btn .btn-area {
  text-align: center;
}

.submit-btn .btn-area .bBtnSend {
  width: 30%;
  height: 60px;
  font-size: 1.125em;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  border: none;
  background: #ed8082 url('images/apply_btn_arrow.png') 75% center no-repeat;
}

.submit-btn .btn-area .bBtnSend img {
  margin: -2px 0 0 10px;
  vertical-align: middle;
}

.submit-btn .btn-area .bBtnSend:hover {
  background-color: #d85b5e;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.submit-btn .btn-area > button {
  width: 30%;
  height: 60px;
  font-size: 1.125em;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  border: none;
  background: #ed8082;
}

.submit-btn .btn-area > button img {
  margin: -2px 0 0 10px;
  vertical-align: middle;
}

.submit-btn .btn-area > button:hover {
  background-color: #d85b5e;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

/* 202011追加 */

/*
* 資格取得所持者
*----------------------------------*/
/*
* 資格取得所持者
*----------------------------------------*/
.shikaku_banner {
  padding: 0 0 70px 0;
  background: #f7ede1;
}

.shikaku_banner .banner_lead {
  margin: 0 auto;
  padding: 0;
  font-size: 1em;
  color: #b44702;
  line-height: 1.8em;
  text-align: center;
}

.shikaku_banner .banner_merit {
  margin: 0 auto 20px auto;
  padding: 0;
  width: 1000px;
  height: 280px;
  background: #FAF4ED;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shikaku_banner .merit_first {
  margin-top: 60px;
}

.banner_merit .merit_title {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 40%;
}

.banner_merit .merit_title .title_inner {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  background: rgba(178, 69, 22, 0.5);
}

.banner_merit .merit_title .title_inner > h3 {
  margin: 0;
  padding: 20px 0 0 0;
  width: 100%;
  font-size: 1.7rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.banner_merit .merit_title .title_inner .subtitle-en {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

.banner_merit .banner_txt {
  margin: 0 auto;
  padding: 0;
  width: 60%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.banner_merit .banner_txt > p {
  display: block;
  margin: 0 auto;
  padding: 70px 30px;
  width: 90%;
  height: 220px;
  font-size: 1rem;
  color: #B24507;
  line-height: 2rem;
  background: #f1eae3;
}

.banner_merit .merit01 {
  background: url('images/certified/merit01_img.jpg') center no-repeat;
  background-size: cover;
}

.banner_merit .merit02 {
  background: url('images/certified/merit02_img.jpg') center no-repeat;
  background-size: cover;
}

.banner_merit .merit03 {
  background: url('images/certified/merit03_img.jpg') center no-repeat;
  background-size: cover;
}

.shikaku_banner .arrow_section {
  margin: 0 auto 20px auto;
  padding: 0;
  width: 100%;
}

.shikaku_banner .arrow_section .arrow_triangle {
	margin: 20px auto;
	padding: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 30px solid #A02118;
}

.shikaku_banner .banner_exp {
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
  width: 1000px;
  background: #F0DCC5;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shikaku_banner .banner_exp .example_img {
  margin: 0;
  padding: 0;
  width: 50%;
}

.shikaku_banner .banner_exp .example_img > img {
  max-width: 100%;
  height: auto;
}

.shikaku_banner .banner_exp .example_txt {
  margin: 0;
  padding: 80px 0 0 0;
  width: 48%;
}

.shikaku_banner .banner_exp .example_txt > p {
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  font-size: 0.9rem;
  color: #8D4116;
  line-height: 1.5rem;
}

.shikaku_banner .banner_exp .example_txt .banner_img {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.shikaku_select {
  margin: 0 auto 40px auto;
  padding: 0;
  width: 1200px;
}

.shikaku_select .select_list {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shikaku_select .select_list .shikaku_list {
  margin: 0 0 50px 0;
  padding: 0;
  width: calc(96% / 3);
}

.shikaku_select .select_list .shikaku_list dt {
  margin: 0 0 20px 0;
  padding: 3% 0;
  width: 100%;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  background: #B24516;
}

.shikaku_select .select_list .shikaku_list dd > .shikaku_contents {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.shikaku_select .select_list .shikaku_list dd > .shikaku_contents li {
  margin: 0 auto 15px auto;
  padding: 0;
  width: 96%;
  font-size: 1rem;
}

.shikaku_select .select_list .shikaku_list dd > .shikaku_contents li label input[type=radio] {
  margin-right: 10px;
}

.view_address {
  background: #f7ede1;
}

.view_address .view_sample {
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.view_address .view_sample .sec_left,
.view_address .view_sample .sec_right {
  margin: 0;
  padding: 25px 15px;
  width: 49%;
  background: #FCFBE8;
  border-radius: 5px;
}

.view_address .view_sample .sec_left > h3,
.view_address .view_sample .sec_right > h3 {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  text-indent: 20px;
  background: #B24516;
  border-radius: 5px;
}

.view_address .view_sample .sec_left > p,
.view_address .view_sample .sec_right > p {
  margin: 15px auto 0 auto;
  padding: 0;
  width: 96%;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4rem;
}

.view_address .view_sample .sec_left .example_img {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

.view_address .view_sample .sec_right .address_url {
  margin: 15px auto 0 auto;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 110px;
  font-size: 0.9rem;
  line-height: 1.3rem;
  resize: none;
}

.view_address .view_sample .sec_right .copy_btn {
  margin: 2% auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: right;
}

.view_address .view_sample .sec_right .copy_btn > button {
  margin: 0 auto;
  padding: 8px 0;
  width: 260px;
  font-size: 1.1rem;
  color: #fff;
  background: #A02118;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.view_address .view_sample .sec_right .copy_btn > button i {
  margin-right: 10px;
}

.view_address .view_sample .sec_right .copy_btn > button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.view_address .view_sample .sec_right .copy_btn > .copied {
  background: #1f5ee6;
}

.view_address .notice_area {
  margin: 50px auto 100px auto;
  padding: 40px 0;
  width: 1000px;
  background: #F0DCC5;
  border-radius: 5px;
}

.view_address .notice_area .notice {
  margin: 0 auto;
  padding: 0;
  width: 70%;
}

.view_address .notice_area .notice > dt {
  margin: 0 auto 20px auto;
  padding: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #B24516;
  text-align: center;
}

.view_address .notice_area .notice > dd {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #B24507;
  text-align: center;
  line-height: 1.5rem;
}

/** 202201追加 */
.inner_link_btn {
	margin: 20px auto;
	padding: 0;
	width: 80%;
	height: 60px;
	font-size: 1rem;
}

.inner_link_btn > a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background: linear-gradient(180deg, rgba(188,103,106,1) 0%, rgba(163,55,60,1) 72%);
	border-radius: 5px;
}

.inner_link_btn > a:hover {
	text-decoration: none;
	background: linear-gradient(180deg, rgba(175,89,92,1) 0%, rgba(143,36,41,1) 72%);
	transition: all 0.3s;
}

@media screen and (max-width: 480px) {

.inner_link_btn {
	width: 96%;
	font-size: 0.9rem;
	line-height: 1.2rem;
}

.inner_link_btn > a {
	padding: 0 20px;
}

}
/** 202201追加ここまで */


/*
* Smartphone
*--------------------------------------------------------*/
@media screen and (max-width: 575px) {
  /*
	* Layout
	*--------------------------------------------------------*/
  header {
    margin: 0;
    padding: 5px 0 0 0;
  }
  header .xs-menu-head {
    height: 60px;
    background: #f8e4e4;
  }
  header .exam-list {
    height: 60px;
  }
  header .exam-list .ham > span {
    width: 25px;
    left: 6%;
  }
  header .exam-list .ham > span:nth-child(1) {
    top: 21px;
  }
  header .exam-list .ham > span:nth-child(2) {
    top: 29px;
  }
  header .exam-list .ham > span:nth-child(3) {
    top: 37px;
  }
  header .exam-list .menu-txt {
    top: -20px;
    left: 32%;
    font-size: 0.8125em;
  }
  header .exam-list.active span:nth-child(1) {
    top: 29px;
    left: 6%;
  }
  header .exam-list.active span:nth-child(2),
  header .exam-list.active span:nth-child(3) {
    top: 29px;
    left: 6%;
  }
  header #navToggle {
    display: block;
    height: 60px;
    background: #f8e4e4;
    text-align: center;
    cursor: pointer;
    z-index: 20;
  }
  header #navToggle > span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #9d3e00;
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    left: 25%;
  }
  header #navToggle > span:nth-child(1) {
    top: 15px;
  }
  header #navToggle > span:nth-child(2) {
    top: 24px;
  }
  header #navToggle > span:nth-child(3) {
    top: 33px;
  }
  header #navToggle > span:nth-child(4) {
    border: none;
    color: #9d3e00;
    font-size: 9px;
    font-weight: bold;
    top: 38px;
  }
  header #navToggle.active span:nth-child(1) {
    top: 24px;
    left: 25%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  header #navToggle.active span:nth-child(2),
  header #navToggle.active span:nth-child(3) {
    top: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header .globalMenuSp {
    display: block;
    position: fixed;
    top: 66px;
    left: 0;
    width: 67%;
    color: #000;
    text-align: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    background: #fff;
    z-index: 19;
  }
  header .globalMenuSp ul {
    background: #fcf7e4;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  header .globalMenuSp ul li {
    padding: 0;
    width: 100%;
    font-size: 0.875em;
    border-bottom: 1px dotted #333;
  }
  header .globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  header .globalMenuSp ul li a {
    display: block;
    color: #5d2703;
    padding: 1em 0;
  }
  header .globalMenuSp.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  footer {
    height: 100px;
  }
  .examNavi {
    left: 0;
    padding: 0;
    width: 100%;
  }
  .examNavi .list-title {
    display: none;
  }
  .examNavi .accordion2 {
    margin-top: 61px;
    display: block;
    padding: 0 !important;
  }
  .examNavi .accordion2 li {
    margin: 0;
    max-height: 100%;
  }
  .examNavi .accordion2 li p {
    margin: 0 !important;
    padding: 10px;
    font-size: 0.8125em;
    text-indent: 0;
    border-radius: 0 !important;
    background: #e2c27b;
    border-bottom: 1px solid #fff;
  }
  .examNavi .accordion2 li .inner {
    display: none;
  }
  .examNavi .accordion2 li .inner li .cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1;
    grid-template-rows: 1;
    -ms-grid-columns: (50%) [2];
    grid-template-columns: repeat(2, 50%);
    margin: 0 !important;
    padding: 0;
    background: #fcf7e4;
  }
  .examNavi .accordion2 li .inner li .cont .nLeft {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .examNavi .accordion2 li .inner li .cont .nRight {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .examNavi .accordion2 li .inner li .cont li {
    text-align: left;
    border-bottom: 1px solid #e5dab2;
    border-right: 1px solid #e5dab2;
  }
  .examNavi .accordion2 li .inner li .cont li > a {
    display: block;
    margin: 0 !important;
    padding: 7px 20px;
    width: 100%;
    height: 100%;
    font-size: 0.75em;
    color: #5d2703;
    text-decoration: none;
    line-height: 1.4em;
  }
  /*
	* Top Page
	*--------------------------------------------------------*/
  #summary {
    margin: -60px auto 0 auto;
    border-radius: 0 !important;
  }
  #summary > p {
    padding-top: 0;
    font-size: 0.8125em;
  }
  #menu {
    margin-top: 0;
    padding: 0;
  }
  #menu .menu-list {
    text-align: center;
  }
  #menu .menu-list li {
    max-width: 70%;
    height: auto;
  }
  #menu .menu-list li > a .menu-title {
    font-size: 1.3125em;
  }
  /*
	* About JSFCA
	*--------------------------------------------------------*/
  #jsfca-summary {
    padding: 0 0 40px 0;
    background: #f7ede1;
  }
  #jsfca-summary #about-summary {
    border-radius: 0;
  }
  #jsfca-summary #about-summary > p {
    font-size: 0.875em;
    line-height: 1.7em;
  }
  #jsfca-summary #place {
    padding: 30px 20px;
    border-radius: 0;
    background: none;
  }
  #jsfca-summary #place .place-table th .t-title {
    padding: 0 0 0 15px;
    font-size: 0.875em;
  }
  #jsfca-summary #place .place-table td {
    padding: 15px 30px;
    font-size: 0.875em;
  }
  /*
	* Test Summary
	*--------------------------------------------------------*/
  #top-txt .top-txt-inner {
    font-size: 0.875em;
  }
  .all-license #category-link {
    display: none !important;
  }
  .all-license .category-title {
    margin: 30px auto 0 auto;
    padding: 10px 0;
    width: 100%;
    font-size: 1.25em;
  }
  .all-license .license-category-list {
    margin: 20px auto;
    font-size: 0;
    width: 98%;
  }
  .all-license .license-category-list .list-wrap {
    margin: 0 0 5px 0;
    padding: 10px 0;
    font-size: 1rem;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .all-license .license-category-list .list-wrap .exam-cont dt {
    margin: 0 auto;
    width: 90%;
  }
  .all-license .license-category-list .list-wrap .exam-cont .exam-title {
    font-size: 0.8125em;
  }
  .all-license .license-category-list .list-wrap .exam-cont .exam-summary {
    font-size: 0.8125em;
  }
  .all-license .license-category-list .list-wrap .exam-cont .view-summary > a,
  .all-license .license-category-list .list-wrap .exam-cont .view-apply > a {
    font-size: 0.8125em;
  }
  /*
	* Apply Flow
	*--------------------------------------------------------*/
  #flow-contents {
    padding-bottom: 0;
  }
  #flow-contents .flow-notice {
    padding: 15px 50px;
    width: 100%;
    font-size: 0.8125em;
  }
  #flow-contents .flow {
    padding: 60px 30px 40px 30px;
    width: 100%;
  }
  #flow-contents .flow:before {
    content: '';
    position: absolute;
    margin-left: -60px;
    top: 100%;
    left: 50%;
    border: 60px solid transparent;
    border-top: 40px solid #fbfced;
  }
  #flow-contents .flow:nth-child(2n + 1):before {
    content: '';
    position: absolute;
    margin-left: -60px;
    top: 100%;
    left: 50%;
    border: 60px solid transparent;
    border-top: 40px solid #fdebe8;
  }
  #flow-contents .flow .flow-title {
    font-size: 1.1875em;
  }
  #flow-contents .flow .flow-title img {
    max-width: 40px;
    height: auto;
  }
  #flow-contents .flow .flow-comment {
    margin: 20px auto 0 auto;
    width: 100%;
    font-size: 0.875em;
    line-height: 1.6em;
  }
  .flow-apply-banner {
    padding: 0 0 20px 0;
    height: auto;
  }
  .flow-apply-banner .main-txt {
    padding: 20px 0 0 0;
    font-size: 1.375em;
    text-align: center;
  }
  .flow-apply-banner .sub-txt {
    padding: 10px 0 0 0;
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .flow-apply-banner .banner-btn > a {
    margin: 0 auto;
    width: 70%;
    height: auto;
    font-size: 0.9375em;
    line-height: auto;
  }
  /*
	* Pay Instruction
	*--------------------------------------------------------*/
  #pay-instruction {
    padding-bottom: 40px;
  }
  #pay-instruction .instruction-area {
    padding: 20px;
    width: 96%;
  }
  #pay-instruction .instruction-area .instruction-txt {
    font-size: 0.875em;
    line-height: 1.6em;
  }
  #pay-instruction .instruction-area .pay-method-img {
    margin-top: 20px;
  }
  /*
	* Certificate System
	*--------------------------------------------------------*/
  #about-certificate {
    padding: 0 0 40px 0;
  }
  #about-certificate .cert-set,
  #about-certificate .cert-system,
  #about-certificate .cert-card {
    padding: 30px;
    height: auto;
    border-radius: 5px;

    background: #f2dfbf;
  }
  #about-certificate .cert-set .summary-title,
  #about-certificate .cert-system .summary-title,
  #about-certificate .cert-card .summary-title {
    padding: 0 0 0 15px;
    font-size: 1.375em;
    color: #b44702;
    font-weight: 500;
    border-left: 5px solid #b44702;
  }
  #about-certificate .cert-set .cert-img,
  #about-certificate .cert-system .cert-img,
  #about-certificate .cert-card .cert-img {
    margin: 30px 0 0 0;
    padding: 0;
    text-align: center;
  }
  #about-certificate .cert-set > .summary-txt,
  #about-certificate .cert-system > .summary-txt,
  #about-certificate .cert-card > .summary-txt {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 0.875em;
    color: #572200;
    line-height: 1.8em;
    border-top: 1px solid #b44702;
  }
  /*
	* Certificate School
	*--------------------------------------------------------*/
  #cert-school-summary {
    padding: 0;
  }
  #cert-school-summary .cert-summary .summary-txt {
    font-size: 0.875em;
    line-height: 1.6em;
  }
  #cert-school-summary .cert-rule-title {
    margin: 30px 0 20px 0;
    font-size: 1.25em;
  }
  #cert-school-summary .rule-list {
    margin: 30px 0;
  }
  #cert-school-summary .rule-list > li {
    padding: 15px 20px 15px 50px;
    font-size: 0.8125em;
  }
  #cert-school-summary .rule-list > li img {
    margin: -3px 12px 0 -36px;
  }
  .cert-entry {
    padding-bottom: 30px;
  }
  .cert-entry .explain-txt {
    margin-bottom: 20px;
    font-size: 0.875em;
    line-height: 1.6em;
  }
  .cert-entry .cert-entry-form {
    display: none;
  }
  .cert-entry .cert-entry-form-sp tr th {
    padding: 15px 0;
    width: 100%;
    font-size: 0.875em;
  }
  .cert-entry .cert-entry-form-sp tr th .title-inner {
    margin-left: 20px;
    padding: 5px 0 5px 15px;
    border-left: 4px solid #c37111;
  }
  .cert-entry .cert-entry-form-sp tr th .title-inner img {
    margin: -3px 10px 0 0;
    vertical-align: middle;
  }
  .cert-entry .cert-entry-form-sp tr:nth-child(2n + 1) th {
    background-color: #e6b36d;
  }
  .cert-entry .cert-entry-form-sp tr td {
    padding: 15px 30px;
    width: 100%;
    font-size: 1em;
    color: #572200;
    text-align: left;
    line-height: 1.6em;
    background-color: #ffebc9;
  }
  .cert-entry .cert-entry-form-sp tr td .input-comment {
    display: block;
    padding-bottom: 5px;
    font-size: 0.875em;
  }
  .about-cert {
    padding: 30px;
    background: #faf6f2;
  }
  .about-cert > dl dd {
    margin-bottom: 15px;
    padding-left: 30px;
    font-size: 0.875em;
    color: #572200;
    line-height: 1.6em;
  }
  .about-cert > dl dd img {
    margin: -3px 10px 0 -28px;
    vertical-align: middle;
  }
  .about-cert > dl dd:last-child {
    margin-bottom: 0;
  }
  /*
	* Pass Member
	*--------------------------------------------------------*/
  #pass-intro .intro-txt {
    padding: 20px;
  }
  #pass-intro .intro-txt > p {
    font-size: 0.875em;
    line-height: 1.6em;
  }
  .pass-certification {
    padding: 0 0 40px 0;
    background: #f7ede1;
  }
  .pass-certification .cert-explain {
    padding: 0 30px 30px 30px;
    font-size: 0.875em;
  }
  .pass-certification .area-set,
  .pass-certification .cert-cat-1,
  .pass-certification .cert-cat-2 {
    padding-top: 30px;
    border-radius: 0;
  }
  .pass-certification .area-set > .title,
  .pass-certification .cert-cat-1 > .title,
  .pass-certification .cert-cat-2 > .title {
    font-size: 1.25em;
  }
  .pass-certification .area-set .fee,
  .pass-certification .cert-cat-1 .fee,
  .pass-certification .cert-cat-2 .fee {
    padding: 15px 0;
    font-size: 1.125em;
  }
  #cert-howto {
    padding: 0 0 40px 0;
  }
  #report {
    padding-bottom: 30px;
    background: #f7ede1;
  }
  #report .report-summary .summary-txt {
    padding: 30px;
    font-size: 0.875em;
  }
  #report .link-attend {
    line-height: 1.6em;
  }
  #report .report-link {
    margin: 40px 0 30px 0;
  }
  #report .report-link > a {
    padding: 15px 0;
    width: 60%;
  }
  /*
	* Contact
	*--------------------------------------------------------*/
  .contact {
    padding-bottom: 50px;
  }
  .contact .contact-summary {
    padding: 20px;
    font-size: 0.875em;
    color: #b44702;
    text-align: left;
    line-height: 1.5em;
  }
  .contact .contact-form tr th {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 0.9375em;
  }
  .contact .contact-form tr th:after {
    display: none;
  }
  .contact .contact-form tr td {
    display: block;
    padding: 15px 30px;
    width: 100%;
    font-size: 0.875em;
    line-height: 1.4em;
  }
  /*
	* Certification Inquiry
	*--------------------------------------------------------*/
  #cert-inquiry-summary {
    margin-bottom: 30px;
  }
  #cert-inquiry-summary .summary-area {
    padding: 0 0 40px 0;
  }
  #cert-inquiry-summary .summary-area > p {
    font-size: 0.8125em;
  }
  #cert-inquiry-summary .summary-area > p .main-txt {
    font-size: 1.125em;
  }
  .cert-inquiry .cert-inquiry-form tr {
    border-bottom: solid 2px white;
  }
  .cert-inquiry .cert-inquiry-form tr:last-child {
    border-bottom: none;
  }
  .cert-inquiry .cert-inquiry-form tr th {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 0.8125em;
  }
  .cert-inquiry .cert-inquiry-form tr th:after {
    display: none;
  }
  .cert-inquiry .cert-inquiry-form tr td {
    display: block;
    width: 100%;
    padding: 15px 20px;
    font-size: 0.8125em;
    line-height: 1.3em;
  }
  .cert-inquiry .cert-inquiry-form tr td textarea {
    resize: vertical;
    width: 100%;
    height: 140px;
  }
  .cert-inquiry .cert-exam-select-comment,
  .cert-inquiry .cert-select-comment,
  .cert-inquiry .click-comment {
    font-size: 0.875em;
    line-height: 1.3rem;
  }
  .cert-inquiry .click-comment {
    margin-top: 20px;
  }
  .cert-inquiry .cert-exam-select {
    padding: 20px 10px;
    font-size: 0;
  }
  .cert-inquiry
    .cert-exam-select
    .bctt_moushikaku
    .wpcf7-checkbox
    .wpcf7-list-item {
    display: inline-block;
    padding: 8px 0 8px 15px;
    width: 45%;
    font-size: 0.8rem;
    color: #b44702;
    vertical-align: top;
  }
  .cert-inquiry
    .cert-exam-select
    .bctt_moushikaku
    .wpcf7-checkbox
    .wpcf7-list-item
    input {
    margin: -3px 4px 0 -20px;
  }
  .cert-inquiry .cert-select {
    padding: 20px 0;
  }
  .cert-inquiry .cert-select .bctt_publish {
    margin: 0 auto;
  }
  .cert-inquiry .cert-select .bctt_publish .wpcf7-checkbox .wpcf7-list-item {
    display: inline-block;
    width: 40%;
  }
  .cert-inquiry
    .cert-select
    .bctt_publish
    .wpcf7-checkbox
    .wpcf7-list-item
    label {
    padding: 15px 20px;
    height: 50px;
    font-size: 0.9375em;
  }
  .cert-inquiry .inquiry-notice {
    padding: 20px;
  }
  .cert-inquiry .inquiry-notice > dl dt {
    font-size: 0.9375em;
    line-height: 1.4em;
  }
  .cert-inquiry .inquiry-notice > dl dd {
    font-size: 0.875em;
  }
  /*
	* Change
	*--------------------------------------------------------*/
  #change-summary {
    margin-bottom: 30px;
  }
  #change-summary .summary-area {
    padding: 0 0 40px 0;
  }
  #change-summary .summary-area > p {
    font-size: 0.8125em;
    text-align: left;
  }
  .change-inquiry .change-inquiry-form tr th {
    display: block;
    padding: 0;
    width: 100%;
    height: 50px;
    font-size: 0.875em;
    color: #572200;
    font-weight: 400;
    background-color: #fac987;
  }
  .change-inquiry .change-inquiry-form tr th .title-inner {
    position: absolute;
    margin-left: 20px;
    padding: 5px 0 5px 15px;
    top: calc(50% - 14px);
  }
  .change-inquiry .change-inquiry-form tr th .title-inner img {
    margin: -5px 5px 0 0;
    padding-top: 3px;
  }
  .change-inquiry .change-inquiry-form tr th:after {
    display: none;
  }
  .change-inquiry .change-inquiry-form tr td {
    display: block;
    width: 100%;
    padding: 15px 20px;
    font-size: 0.8125em;
  }
  .change-inquiry .change-inquiry-form tr td .input-comment {
    font-size: 0.8125em;
  }
  .change-inquiry .change-inquiry-form tr td .input-txt {
    padding-right: 10px;
  }
  .change-inquiry .change-inquiry-form tr td .last-name,
  .change-inquiry .change-inquiry-form tr td .last-furi {
    margin-right: 5px;
  }
  .change-inquiry .change-inquiry-form tr td input[type='checkbox'] {
    margin: -1px 5px 0 0;
  }
  .change-inquiry .change-inquiry-form tr td .check-txt {
    margin-right: 10px;
  }
  .change-inquiry .change-inquiry-form tr td textarea {
    resize: vertical;
    width: 100%;
    height: 130px;
  }
  .change-inquiry .click-comment {
    font-size: 0.875em;
    line-height: 1.5em;
  }
  /*
	* Exam Entry
	*--------------------------------------------------------*/
  #exam-entry-summary {
    margin-bottom: 30px;
  }
  #exam-entry-summary .summary-area {
    padding: 0 0 50px 0;
  }
  #exam-entry-summary .summary-area > p {
    font-size: 0.875em;
    line-height: 1.4em;
  }
  #exam-entry-summary .summary-area > p .main-txt {
    padding-bottom: 5px;
    font-size: 1.25em;
  }
  .exam-entry .exam-entry-form tr th {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 0.875em;
    color: #572200;
    font-weight: 400;
    background-color: #fac987;
  }
  .exam-entry .exam-entry-form tr th:after {
    display: none;
  }
  .exam-entry .exam-entry-form tr td {
    display: block;
    width: 100%;
    padding: 15px 30px;
    font-size: 0.875em;
    line-height: 1.4em;
  }
  .exam-entry .exam-select-comment {
    padding: 20px;
    font-size: 0.9375em;
    color: #b44702;
    text-align: center;
    background: #f2dec7;
  }
  .exam-entry .exam-select {
    padding: 20px 10px;
    font-size: 0;
  }
  .exam-entry .exam-select .bctt_moushikaku .wpcf7-checkbox .wpcf7-list-item {
    padding: 8px 0 8px 15px;
    width: 45%;
    font-size: 0.8rem;
    vertical-align: top;
  }
  .exam-entry
    .exam-select
    .bctt_moushikaku
    .wpcf7-checkbox
    .wpcf7-list-item
    input {
    margin: -2px 4px 0 -20px;
    vertical-align: middle;
  }
  /*
	* Privacy Policy
	*--------------------------------------------------------*/
  #privacy-summary {
    padding-bottom: 0;
  }
  #privacy-summary > .summary-txt {
    padding: 20px;
    font-size: 0.875em;
    border-radius: 0;
  }
  #privacy-contents {
    padding: 30px 0;
  }
  #privacy-contents > dl dt {
    padding-bottom: 20px;
    font-size: 1em;
  }
  #privacy-contents > dl dd {
    font-size: 0.875em;
  }
  /*
	* Law
	*--------------------------------------------------------*/
  #law .law-tbl tr th {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 1em;
  }
  #law .law-tbl tr th .title-inner {
    position: absolute;
    top: calc(50% - 14px);
    margin-left: 20px;
    padding: 5px 0 5px 15px;
    border-left: 4px solid #c37111;
  }
  #law .law-tbl tr th .title-inner img {
    margin: -3px 10px 0 0;
    vertical-align: middle;
  }
  #law .law-tbl tr th:after {
    display: none;
  }
  #law .law-tbl tr td {
    display: block;
    width: 100%;
    padding: 15px 30px;
    font-size: 0.875em;
  }
  #law .law-comment > dl dt {
    margin-bottom: 10px;
    font-size: 0.875em;
  }
  #law .law-comment > dl dd {
    font-size: 0.8125em;
  }
  #law .law-comment .law-date {
    margin-top: 10px;
    padding: 20px 20px 0 20px;
    font-size: 0.8125em;
  }
  /*
	* Coffee
	*--------------------------------------------------------*/
  #page-link {
    display: none;
  }
  #about .coffee-summary .h3-set,
  #about .coffee-summary .h3-left,
  #about .coffee-summary .h3-right {
    font-size: 1.625em;
  }
  #about .coffee-summary > p {
    font-size: 0.8125em;
  }
  #about .img-set-xs,
  #about .about-img,
  #about .about-work-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #about .about-img,
  #about .about-work-img {
    height: 200px;
  }

  #about-exam .exam-set,
  #about-exam .exam-summary,
  #about-exam .exam-level,
  #about-exam .exam-detail {
	margin: 5px auto;
    padding: 20px;
    width: 96%;
  }

  /* #about-exam .exam-set,
  #about-exam .exam-summary,
  #about-exam .exam-level,
  #about-exam .exam-detail {
    padding: 20px;
    height: auto;
  } */
  #about-exam .exam-set .summary-title,
  #about-exam .exam-summary .summary-title,
  #about-exam .exam-level .summary-title,
  #about-exam .exam-detail .summary-title {
    text-align: center;
  }
  /* #about-exam .exam-set .exam-img,
  #about-exam .exam-summary .exam-img,
  #about-exam .exam-level .exam-img,
  #about-exam .exam-detail .exam-img {
    position: static;
    margin: 20px;
  } */

#about-exam .cont-list > li {
	width: 100%;
	background: #fff !important;
}
#about-exam .cont-list > li:nth-child(2n) {
	background: #f2eddb !important;
}

  .apply-banner {
    margin-top: 0;
    padding: 0;
    height: 150px;
  }
  .apply-banner .main-txt {
    padding: 15px 0 0 0;
    font-size: 1.125em;
    text-align: center;
  }
  .apply-banner .sub-txt {
    padding: 10px 0 0 0;
    font-size: 0.75em;
    line-height: 1.4em;
  }
  .apply-banner .banner-btn {
    padding-top: 0;
  }
  .apply-banner .banner-btn > a {
    margin: 0 auto;
    width: 80%;
    height: 36px;
    font-size: 0.9375em;
    line-height: 36px;
  }
  #exam-date-list {
    margin: 0;
    padding-bottom: 30px;
  }
  #exam-date-list .notice-txt {
    margin-bottom: 40px;
    font-size: 0.875em;
  }
  #exam-date-list .date-detail .date-title {
    font-size: 1.5em;
  }
  #exam-date-list .date-detail .exam-term {
    font-size: 1.125em;
  }
  #exam-date-list .date-detail .exam-term .term-mark img {
    max-width: 80px;
    height: auto;
  }
  #exam-date-list .date-detail .exam-limit .limit-mark img {
    max-width: 80px;
    height: auto;
  }
  #working {
    margin: 0;
  }
  #working .tab-list {
    display: none;
  }
  #working .main {
    margin: 0;
    padding: 0;
    background: none;
  }
  #working .main .is-show {
    display: none;
  }
  #working .main .content {
    display: block;
    margin-bottom: 30px;
    padding: 0 0 20px 0;
    background: #f5f1df;
  }
  #working .main .content .content-title {
    display: block;
    margin: 0 0 20px 0;
    padding: 20px;
    font-size: 1.25em;
    color: #722c00;
    font-weight: 500;
    background: #f0e4e4;
  }
  #working .main .content .explain {
    margin: 0 10px;
    padding: 10px;
    font-size: 0.875em;
    color: #722c00;
    line-height: 1.6em;
    background: #fff;
  }
  #working .main .content .explain > p {
    margin-top: 10px;
    font-size: 0.9375em;
    color: #722c00;
    line-height: 1.6em;
  }
  #working .main .content .explain-detail {
    margin: 20px 0 0 0;
  }
  #working .main .content .explain-detail > h3 {
    display: block;
    margin: 10px 0 20px 0;
    font-size: 1.375em;
    color: #722c00;
    font-weight: 500;
    text-align: center;
  }
  #working .main .content .explain-detail > h3:after {
    display: none;
  }
  #working .main .content .explain-detail > p {
    margin: 0 15px;
    margin-bottom: 30px;
    font-size: 0.875em;
    color: #722c00;
    line-height: 1.6em;
  }
  #column .column-cont {
    margin-left: 0;
  }
  #column .column-cont > h3 {
    font-size: 1.125em;
    text-align: center;
  }
  #column .column-cont > p {
    margin-top: 30px;
    padding: 20px;
    font-size: 0.8125em;
    color: #fff;
    line-height: 1.7em;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.6);
  }

  /* 202011追加 */

  /*
  * 資格取得所持者
  *------------------------------------*/
  .shikaku_banner .banner_lead {
    margin: 0 auto;
    width: 96%;
  }

  .shikaku_banner .banner_merit {
    width: 100%;
    height: auto;
  }

  .shikaku_banner .banner_merit .merit02 {
    order: -1;
  }

  .banner_merit .merit_title {
    width: 100%;
    height: 200px;
  }

  .banner_merit .banner_txt {
    padding: 20px 0;
    width: 100%;
  }

  .banner_merit .banner_txt > p {
    padding: 20px;
    width: 90%;
    height: auto;
    font-size: 0.9rem;
    line-height: 1.6rem;
  }

  .shikaku_banner .banner_exp {
    width: 96%;
  }

  .shikaku_banner .banner_exp .example_img {
    width: 100%;
  }

  .shikaku_banner .banner_exp .example_txt {
    margin: 0 auto;
    padding: 20px 0 0 0;
    width: 100%;
  }

  .shikaku_select {
    margin: 0 auto;
    width: 100%;
  }

  .shikaku_select .select_list .shikaku_list {
    margin: 0 0 20px 0;
    width: 96%;
  }

  .shikaku_select .select_list .shikaku_list dd > .shikaku_contents li {
    font-size: 0.9rem;
  }

  .shikaku_select .select_list .shikaku_list dd > .shikaku_contents li label input[type=radio] {
    margin-right: 5px;
  }

  .view_address .view_sample {
    width: 96%;
  }

  .view_address .view_sample .sec_left,
  .view_address .view_sample .sec_right {
    width: 100%;
  }

  .view_address .notice_area {
    margin: 20px auto 30px auto;
    padding: 30px 0;
    width: 96%;
  }


  .view_address .notice_area .notice {
    width: 90%;
  }

  .view_address .notice_area .notice > dd {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.9rem;
    color: #B24507;
    text-align: center;
    line-height: 1.5rem;
  }
}

.submit-btn .submit-txt {
  font-size: 1em;
}

.submit-btn .btn-area {
  text-align: center;
}

.submit-btn .btn-area .bBtnSend {
  width: 60%;
  height: 50px;
  font-size: 1.125em;
}

/*
* Tablet
*--------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    margin: 0 0 50px 0;
    padding: 50px 0 0 0;
    font-size: 1.625em;
  }
  header .exam-list {
    height: 100px;
  }
  header #navToggle {
    display: block;
    height: 100px;
    background: #f8e4e4;
    text-align: center;
    cursor: pointer;
    z-index: 20;
  }
  header #navToggle > span {
    display: block;
    position: absolute;
    width: 40px;
    border-bottom: solid 3px #9d3e00;
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    left: 37%;
  }
  header #navToggle > span:nth-child(1) {
    top: 36px;
  }
  header #navToggle > span:nth-child(2) {
    top: 45px;
  }
  header #navToggle > span:nth-child(3) {
    top: 54px;
  }
  header #navToggle > span:nth-child(4) {
    border: none;
    color: #9d3e00;
    font-size: 14px;
    font-weight: bold;
    top: 60px;
  }
  header #navToggle.active span:nth-child(1) {
    top: 36px;
    left: 37%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  header #navToggle.active span:nth-child(2),
  header #navToggle.active span:nth-child(3) {
    top: 36px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header .globalMenuSp {
    display: block;
    position: fixed;
    top: 106px;
    left: 0;
    width: 100%;
    color: #000;
    text-align: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    background: #fff;
    z-index: 19;
  }
  header .globalMenuSp ul {
    background: #fcf7e4;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  header .globalMenuSp ul li {
    padding: 0;
    width: 100%;
    font-size: 0.875em;
    border-bottom: 1px dotted #333;
  }
  header .globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  header .globalMenuSp ul li a {
    display: block;
    color: #5d2703;
    padding: 1em 0;
  }
  header .globalMenuSp.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  .examNavi {
    left: 10%;
    padding: 0;
    width: 80%;
  }
  .examNavi .list-title {
    display: none;
  }
  .examNavi .accordion2 {
    margin-top: 101px;
    display: block;
    padding: 0 !important;
  }
  .examNavi .accordion2 li {
    margin: 0;
    max-height: 100%;
  }
  .examNavi .accordion2 li p {
    margin: 0 !important;
    padding: 10px;
    text-indent: 0;
    border-radius: 0 !important;
    background: #e2c27b;
    border-bottom: 1px solid #fff;
  }
  .examNavi .accordion2 li .inner {
    display: none;
  }
  .examNavi .accordion2 li .inner li .cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1;
    grid-template-rows: 1;
    -ms-grid-columns: (50%) [2];
    grid-template-columns: repeat(2, 50%);
    margin: 0 !important;
    padding: 0;
    background: #fcf7e4;
  }
  .examNavi .accordion2 li .inner li .cont .nLeft {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .examNavi .accordion2 li .inner li .cont .nRight {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .examNavi .accordion2 li .inner li .cont li {
    text-align: left;
    border-bottom: 1px solid #e5dab2;
    border-right: 1px solid #e5dab2;
  }
  .examNavi .accordion2 li .inner li .cont li > a {
    display: block;
    margin: 0 !important;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    font-size: 0.875em;
    color: #5d2703;
    text-decoration: none;
    line-height: 1.4em;
  }
  /*
	* Top Page
	*--------------------------------------------------------*/
  #summary {
    margin: -60px auto 0 auto;
  }
  #summary > p {
    padding-top: 0;
    font-size: 0.8125em;
  }
  #menu .menu-list {
    text-align: center;
  }
  /*
	* About JSFCA
	*--------------------------------------------------------*/
  #jsfca-summary {
    padding: 30px 0 40px 0;
  }
  /*
	* Test Summary
	*--------------------------------------------------------*/
  #top-txt .top-txt-inner {
    font-size: 0.875em;
  }
  .all-license .category-title {
    margin: 30px 20px 0 20px;
    padding: 10px 0;
    width: 100%;
    font-size: 1.125em;
  }
  /*
	* Apply Flow
	*--------------------------------------------------------*/
  #flow-contents {
    padding-bottom: 0;
  }
  #flow-contents .flow-notice {
    padding: 15px 50px;
    width: 100%;
    font-size: 0.8125em;
  }
  #flow-contents .flow {
    padding: 60px 30px 40px 30px;
    width: 100%;
  }
  #flow-contents .flow:before {
    content: '';
    position: absolute;
    margin-left: -60px;
    top: 100%;
    left: 50%;
    border: 60px solid transparent;
    border-top: 40px solid #fbfced;
  }
  #flow-contents .flow:nth-child(2n + 1):before {
    content: '';
    position: absolute;
    margin-left: -60px;
    top: 100%;
    left: 50%;
    border: 60px solid transparent;
    border-top: 40px solid #fdebe8;
  }
  #flow-contents .flow .flow-title {
    font-size: 1.1875em;
  }
  #flow-contents .flow .flow-title img {
    max-width: 40px;
    height: auto;
  }
  #flow-contents .flow .flow-comment {
    margin: 20px auto 0 auto;
    width: 100%;
    font-size: 0.875em;
    line-height: 1.6em;
  }
  .flow-apply-banner {
    padding: 0 0 20px 0;
    height: auto;
  }
  .flow-apply-banner .main-txt {
    padding: 20px 0 0 0;
    font-size: 1.375em;
    text-align: center;
  }
  .flow-apply-banner .sub-txt {
    padding: 10px 0 0 0;
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .flow-apply-banner .banner-btn > a {
    margin: 0 auto;
    width: 85%;
    height: auto;
    font-size: 0.9375em;
    line-height: auto;
  }
  /*
	* Pay Instruction
	*--------------------------------------------------------*/
  #pay-instruction {
    padding-bottom: 40px;
  }
  #pay-instruction .instruction-area {
    padding: 20px;
    width: 96%;
  }
  #pay-instruction .instruction-area .instruction-txt {
    font-size: 0.875em;
    line-height: 1.6em;
  }
  #pay-instruction .instruction-area .pay-method-img {
    margin-top: 20px;
  }
  /*
	* Certificate System
	*--------------------------------------------------------*/
  #about-certificate {
    padding: 0 0 40px 0;
  }
  #about-certificate .cert-set,
  #about-certificate .cert-system,
  #about-certificate .cert-card {
    padding: 30px;
    height: auto;
    border-radius: 5px;
    background: #f2dfbf;
  }
  #about-certificate .cert-set .summary-title,
  #about-certificate .cert-system .summary-title,
  #about-certificate .cert-card .summary-title {
    padding: 0 0 0 15px;
    font-size: 1.375em;
    color: #b44702;
    font-weight: 500;
    border-left: 5px solid #b44702;
  }
  #about-certificate .cert-set .cert-img,
  #about-certificate .cert-system .cert-img,
  #about-certificate .cert-card .cert-img {
    margin: 30px 0 0 0;
    padding: 0;
    text-align: center;
  }
  #about-certificate .cert-set > .summary-txt,
  #about-certificate .cert-system > .summary-txt,
  #about-certificate .cert-card > .summary-txt {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 0.875em;
    color: #572200;
    line-height: 1.8em;
    border-top: 1px solid #b44702;
  }
  /*
	* Certificate School
	*--------------------------------------------------------*/
  #cert-school-summary {
    padding: 0;
  }
  #cert-school-summary .cert-summary .summary-txt {
    font-size: 0.875em;
    line-height: 1.6em;
  }
  #cert-school-summary .cert-rule-title {
    margin: 30px 0 20px 0;
    font-size: 1.25em;
  }
  #cert-school-summary .rule-list {
    margin: 30px 0;
  }
  #cert-school-summary .rule-list > li {
    padding: 15px 20px 15px 50px;
    font-size: 0.8125em;
  }
  #cert-school-summary .rule-list > li img {
    margin: -3px 12px 0 -36px;
  }
  .cert-entry {
    padding-bottom: 30px;
  }
  .cert-entry .explain-txt {
    margin-bottom: 20px;
    font-size: 0.875em;
    line-height: 1.6em;
  }
  .cert-entry .cert-entry-form {
    display: none;
  }
  .cert-entry .cert-entry-form-sp tr th {
    padding: 15px 0;
    width: 100%;
    font-size: 0.875em;
  }
  .cert-entry .cert-entry-form-sp tr th .title-inner {
    margin-left: 20px;
    padding: 5px 0 5px 15px;
    border-left: 4px solid #c37111;
  }
  .cert-entry .cert-entry-form-sp tr th .title-inner img {
    margin: -3px 10px 0 0;
    vertical-align: middle;
  }
  .cert-entry .cert-entry-form-sp tr:nth-child(2n + 1) th {
    background-color: #e6b36d;
  }
  .cert-entry .cert-entry-form-sp tr td {
    padding: 15px 30px;
    width: 100%;
    font-size: 1em;
    color: #572200;
    text-align: left;
    line-height: 1.6em;
    background-color: #ffebc9;
  }
  .cert-entry .cert-entry-form-sp tr td .input-comment {
    display: block;
    padding-bottom: 5px;
    font-size: 0.875em;
  }
  .submit-btn {
    padding: 30px;
  }
  .submit-btn .submit-txt {
    margin-bottom: 30px;
    font-size: 0.875em;
    line-height: 1.6em;
  }
  .submit-btn .btn-area > button {
    width: 60%;
    height: 50px;
  }
  .about-cert {
    padding: 30px;
    background: #faf6f2;
  }
  .about-cert > dl dd {
    margin-bottom: 15px;
    padding-left: 30px;
    font-size: 0.875em;
    color: #572200;
    line-height: 1.6em;
  }
  .about-cert > dl dd img {
    margin: -3px 10px 0 -28px;
    vertical-align: middle;
  }
  .about-cert > dl dd:last-child {
    margin-bottom: 0;
  }
  /*
	* Pass Member
	*--------------------------------------------------------*/
  #pass-intro .intro-txt {
    padding: 20px;
  }
  #pass-intro .intro-txt > p {
    font-size: 0.875em;
    line-height: 1.6em;
  }
  .pass-certification {
    padding: 0 0 40px 0;
    background: #f7ede1;
  }
  .pass-certification .cert-explain {
    padding: 0 30px 30px 30px;
    font-size: 0.875em;
  }
  .pass-certification .area-set,
  .pass-certification .cert-cat-1,
  .pass-certification .cert-cat-2 {
    padding-top: 30px;
    border-radius: 0;
  }
  .pass-certification .area-set > .title,
  .pass-certification .cert-cat-1 > .title,
  .pass-certification .cert-cat-2 > .title {
    font-size: 1.25em;
  }
  .pass-certification .area-set .fee,
  .pass-certification .cert-cat-1 .fee,
  .pass-certification .cert-cat-2 .fee {
    padding: 15px 0;
    font-size: 1.125em;
  }
  #cert-howto {
    padding: 0 0 40px 0;
  }
  #report {
    padding-bottom: 30px;
    background: #f7ede1;
  }
  #report .report-summary .summary-txt {
    padding: 30px;
    font-size: 0.875em;
  }
  #report .link-attend {
    line-height: 1.6em;
  }
  #report .report-link {
    margin: 40px 0 30px 0;
  }
  #report .report-link > a {
    padding: 15px 0;
    width: 60%;
  }
  /*
	* Contact
	*--------------------------------------------------------*/
  .contact {
    padding-bottom: 50px;
  }
  .contact .contact-summary {
    padding: 20px 30px;
    font-size: 0.875em;
    color: #b44702;
    text-align: left;
    line-height: 1.5em;
  }
  /*
	* Certification Inquiry
	*--------------------------------------------------------*/
  /*
	* Change
	*--------------------------------------------------------*/
  /*
	* Privacy Policy
	*--------------------------------------------------------*/
  #privacy-summary > .summary-txt {
    padding: 25px;
    font-size: 0.875em;
  }
  #privacy-contents > dl dt {
    font-size: 1em;
  }
  #privacy-contents > dl dd {
    font-size: 0.875em;
  }
  /*
	* Law
	*--------------------------------------------------------*/
  #law .law-tbl tr th {
    font-size: 0.875em;
  }
  #law .law-tbl tr td {
    padding: 15px 30px;
    font-size: 0.875em;
  }
  #law .law-comment > dl dt {
    font-size: 0.875em;
  }
  #law .law-comment > dl dd {
    font-size: 0.8125em;
  }
  #law .law-comment .law-date {
    margin-top: 15px;
    padding: 20px 30px 0 30px;
    font-size: 0.8125em;
  }
  /*
	* Drink
	*--------------------------------------------------------*/
  .license-exam-list {
    margin-top: 0;
  }
  /*
	* Coffee
	*--------------------------------------------------------*/
  .page-link-menu {
    display: none;
  }
  #category-link {
    display: none;
  }
  #about {
    margin-top: 0;
  }
  #about .coffee-summary .h3-set,
  #about .coffee-summary .h3-left,
  #about .coffee-summary .h3-right {
    font-size: 1.625em;
  }
  #about .coffee-summary > p {
    font-size: 0.8125em;
  }
  #about .img-set-md,
  #about .about-img,
  #about .about-work-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #about .about-img,
  #about .about-work-img {
    height: 200px;
  }
  #about-exam .exam-set,
  #about-exam .exam-summary,
  #about-exam .exam-level,
  #about-exam .exam-detail {
    padding: 20px;
    height: auto;
  }
  #about-exam .exam-set .summary-title,
  #about-exam .exam-summary .summary-title,
  #about-exam .exam-level .summary-title,
  #about-exam .exam-detail .summary-title {
    text-align: center;
  }
  #about-exam .exam-set > .summary-txt,
  #about-exam .exam-summary > .summary-txt,
  #about-exam .exam-level > .summary-txt,
  #about-exam .exam-detail > .summary-txt {
    padding: 0 30px;
  }
  #about-exam .exam-set .exam-img,
  #about-exam .exam-summary .exam-img,
  #about-exam .exam-level .exam-img,
  #about-exam .exam-detail .exam-img {
    position: static;
    margin: 20px;
    text-align: center;
  }
  .apply-banner {
    margin-top: 0;
    padding: 0;
    height: 140px;
  }
  .apply-banner .main-txt {
    padding: 40px 0 0 0;
    font-size: 1.125em;
    text-align: center;
  }
  .apply-banner .sub-txt {
    padding: 10px 0 0 0;
    font-size: 0.75em;
    line-height: 1.4em;
  }
  .apply-banner .banner-btn {
    padding-top: 50px;
  }
  .apply-banner .banner-btn > a {
    margin: 0 auto;
    width: 90%;
    height: 45px;
    font-size: 0.9375em;
    line-height: 45px;
  }
  #exam-date-list {
    margin: 0;
    padding-bottom: 30px;
  }
  #exam-date-list .notice-txt {
    margin-bottom: 40px;
    font-size: 0.875em;
  }
  #exam-date-list .date-detail:nth-child(5),
  #exam-date-list .date-detail:nth-child(6),
  #exam-date-list .date-detail:nth-child(9) {
    background: #fff0f0;
  }
  #exam-date-list .date-detail:nth-child(7) {
    background: #fafafa;
  }
  #exam-date-list .date-detail .date-title {
    font-size: 1.5em;
  }
  #exam-date-list .date-detail .exam-term {
    font-size: 1.125em;
  }
  #exam-date-list .date-detail .exam-term .term-mark img {
    max-width: 80px;
    height: auto;
  }
  #exam-date-list .date-detail .exam-limit .limit-mark img {
    max-width: 80px;
    height: auto;
  }
  #working .tab-list .tab {
    font-size: 0.9rem;
  }
  #working .main .is-show {
    display: block;
  }
  #working .main .explain-detail > h3 {
    margin-top: 30px !important;
  }
  #working .main .explain-detail > p {
    margin-bottom: 0 !important;
  }
  #column .column-cont {
    margin-left: 0;
  }
  #column .column-cont > h3 {
    font-size: 1.625em;
    text-align: center;
  }
  #column .column-cont > p {
    margin-top: 30px;
    padding: 20px;
    font-size: 0.875em;
    line-height: 1.8em;
    background: rgba(0, 0, 0, 0.6);
  }
}

/*
* PC Small
*--------------------------------------------------------*/

/**
 * Article page
 */
.t_article {
}
.post__container {
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 20px 60px;
  width: 100%;
}
.article__mv {
  background: url(images/bg_post.jpg) no-repeat top center;
  background-size: cover;
  margin-bottom: 30px;
}
.article__mv .post__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
  padding-bottom: 0;
}
.mv_eng {
  color: white;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 2rem;
  position: relative;
  text-transform: uppercase;
}
.mv_eng:after {
  border-bottom: 3px solid white;
  content: '';
  position: absolute;
  bottom: -1rem;
  left: 1.5rem;
  width: 3rem;
}
.mv_ttl {
  color: white !important;
  font-size: 2rem;
  font-weight: 700;
}
/* .post__container h3 {
  align-items: center;
  font-size: 1.5rem;
  display: flex;
  margin: 30px auto 10px;
  position: relative;
}
.post__container h3:before {
  background: #333;
  content: '';
  height: 1px;
  margin-right: 1rem;
  width: 1rem;
} */

.cf::after {
	content: "";
	display: table;
	clear: both;
}

.post_list {
	background-color: #f8faec;
}

.post__container .post_list {
	margin: 0 -15px;
}

.post_list h3,
.license-exam-list h3 {
	background-color: #830e0f;
	color: #fff;
	font-size: 24px;
	margin-bottom: 30px;
	padding: 10px 20px;
	text-align: center;
	width: 100%;
}

.post__container .post_list h3::before,
.license-exam-list h3::before {
	display: none;
}

.postlist_inner ul li {
	float: left;
	background-color: #f2dfbf;
	margin: 0 1% 30px;
	width: 48%;
}

.postlist_inner ul li a {
	color: #151515;
	display: block;
	padding: 20px;
}

.postlist_right .postlist_title {
	border-bottom: 1px dashed #b44702;
	color: #b44702;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 10px;
}

.postlist_right .postlist_content {
	font-size: 14px;
	padding-top: 10px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
	.post_list {
		padding: 10px 30px 0;
	}
	.postlist_inner ul li {
		float: none;
		width: 100%;
	}
}

.method-list {
  margin: 0 auto;
  padding: 2em 0 7em;
  width: 870px;
}
.method-list li {
  position: relative;
  padding: 1.5em;
  display: flex;
  background: #fdebe8;
  margin-bottom: 5em;
}
.method-list li::after {
  position: absolute;
  content: url(images/img_down.png);
  top: 100%;
  margin-top: 1.5em;
  left: 50%;
  transform: translateX(-50%);
}
.method-list li:last-child::after {
  display: none;
}
.method-list .method-num {
  font-size: 20px;
  width: 2.5em;
  height: 2.5em;
  background: #d5397b;
  border-radius: 10px;
  margin-right: 1em;
  line-height: 2.5;
  text-align: center;
  color: #fff;
  flex-shrink: 0;
}
.method-list .method-cont {
  width: calc(100% - 70px);
}
.method-list .method-ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.5;
  color: #d5397b;
}
.method-list .method-desc {
  line-height: 2;
  padding: 1em 10px 1em 0;
}
.method-list .method-desc .red {
	color: #d5397b;
}

.method-list .method-img img {
  height: auto;
  max-width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .method-list {
    padding: 1em 0 5em;
    width: 100%;
  }
  .method-list li {
    flex-wrap: wrap;
    padding: 1em;
  }
  .method-list .method-ttl::after {
    width: calc(100% + 70px);
  }
  .method-list .method-img {
    margin: 0 auto;
  }
}


/*
* 202108追加
*----------------------------*/

/* 講座動画 */
.yt_video {
  margin: 40px auto;
  padding: 0;
}

.multi_yt_video {
  margin: 40px auto;
  padding: 0;
  width: 84%;
}

.yt_video .vd_youtube {
  margin: 0 auto;
  padding: 0;
  width: 80%;
}

.yt_video .vd_youtube .video_area_title,
.multi_yt_video .vd_youtube_title {
  position: relative;
  margin-bottom: 30px;
  padding: 0 0 10px 0;
  font-size: 1.4rem;
  /* font-weight: bold; */
  font-weight: normal;
  color: #792112;
  line-height: 2rem;
  text-align: center;
}

.yt_video .vd_youtube .video_area_title::before,
.multi_yt_video .vd_youtube_title::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 3px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #b44702;
  border-radius: 2px;
}

.yt_video dl.vd_youtube .video_area_title > br,
.multi_yt_video .vd_youtube_title > br {
	display: none;
}

.yt_video .vd_youtube dd {
  margin: 0 auto;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  border: 1px solid #ddd;
  background: #fafafa;
}

.multi_yt_video .video_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 15px;
  width: 100%;
  border: 1px solid #ddd;
  background: #fafafa;
}

.multi_yt_video .video_contents .video_body {
  margin: 0;
  padding: 0;
  width: calc(98% / 2);
}

/* おすすめコラム */
.recommend_column {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 80%;
}

.recommend_column .rec_title {
  position: relative;
  padding: 0 65px;
  text-align: center;
}

.recommend_column .rec_title::before {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background: #b1b1b1;
}

.recommend_column .rec_title span {
  position: relative;
  padding: 0 1em;
  font-size: 1.5rem;
  font-weight: bold;
  color: #b8481c;
  background: #fff;
}

.recommend_column .rec_list {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
}

.recommend_column .rec_list .list_contents {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.recommend_column .rec_list .list_contents li {
  position: relative;
  margin: 0;
  padding: 0 0 0 25px;
  width: 100%;
  background-image: url('images/rec_column_head.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
}

.recommend_column .rec_list .list_contents li + li {
  margin-top: 13px;
}

.recommend_column .rec_list .list_contents li > a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  color: #a1440d;
  /* font-weight: bold; */
  line-height: 1.6rem;
}

.recommend_column .rec_list .list_contents li > a:hover {
  color: #752d17;
  text-decoration: underline;
}

/*
* コラム記事
*--------------------------------*/
.article__mv {
  margin-bottom: 10px;
}

.t_article {
  margin: 0 auto 70px auto;
  padding: 0;
}

.t_article .breadcrumb {
  margin-top: 0;
  background-color: #fff;
  font-size: 0.9rem;
}

.t_article .post__container {
  padding: 0;
}

/* コラムタイトル */
/* .t_article h1 {
  position: relative;
  margin: 20px auto 0 auto;
  padding: 1.2rem 2.5rem;
  width: 100%;
  font-size: 2.2rem;
  color: #101f40;
  text-align: left;
  border: 2px solid #101f40;
}

.t_article h1::before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  content: '';
  border: 2px dotted #101f40;
} */

/* セクションタイトル見出し */
.t_article .section_midashi {
  position: relative;
  margin: 40px 0 0 0;
  padding: 10px 15px 10px 95px;
  width: 100%;
  font-size: 1.8rem;
  font-weight: normal;
  color: #b44b4c;
  background: #eff0f3;
  display: flex;
  align-items: center;
  text-align: left;
}

.t_article .section_midashi::before {
  content: attr(data-number);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 40px;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 100%;
  font-size: 2rem;
  color: #fff;
  background: #b44b4c;
}

/* セクションサブ見出し */
.t_article .section_sub_midashi {
  position: relative;
  margin: 30px auto 15px auto;
  padding: 8px 20px 10px 110px;
  width: 98%;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.9rem;
  border: 1px solid #f0dfe0;
}

.t_article .section_sub_midashi > span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 3px 0;
  width: 80px;
  height: 100%;
  font-size: 1.3rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background: #ca7c7d;
  display: flex;
  justify-content: center;
  align-items: center;
}

.t_article .section_sub_midashi > span::after {
  position: absolute;
  content: attr(sub-number);
  top: calc(50% - 8px);
  right: -12px;
  width: 0;
  height: 0;
  border-width: 8px 0 8px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #ca7c7d;
}

/* セクション内小見出し */
.t_article .section_komidashi {
  position: relative;
  margin: 30px auto 20px auto;
  padding: 0 0 15px 0;
  width: 98%;
  font-size: 1.1rem;
  text-indent: 35px;
  color: #000;
  background-image: repeating-linear-gradient(90deg, #b6b6b6 0, #b6b6b6 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-position: center bottom;
}

.t_article .section_komidashi::before {
  position: absolute;
  top: 0.3em;
  left: 1%;
  z-index: 2;
  content: '';
  width: 13px;
  height: 13px;
  background-color: #101f40;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* セクションリード文 */
.t_article .section_lead {
  margin: 20px auto;
  padding: 20px 30px;
  width: 100%;
  font-size: 1rem;
  line-height: 1.7rem;
  background: #f5eeee;
}

/* コラムイメージ */
.t_article .column_img {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 360px;
  overflow: hidden;
}

.t_article .column_img > img {
  object-fit: cover;
  width: 100%;
  height: 360px;
}


/**
* 202110追記
**/
.t_article .column_head_img {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 450px;
  overflow: hidden;
}

.t_article .column_head_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.t_article .kyozai_cont {
  margin: 20px auto;
  padding: 30px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
  line-height: 1.8rem;
  border: 1px solid #ccc;
}

.t_article .contents_txt .txt_bold {
  font-weight: bold;
}

.t_article .shikaku_intro {
  margin: 40px auto;
  padding: 0;
  width: 60%;
  background: #fcf5f5;
  border: 1px solid #daabab;
  /* border-radius: 5px; */
}

.t_article .shikaku_intro > a {
  display: block;
  margin: 0;
  padding: 20px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.t_article .shikaku_intro > a:hover {
  background: #ebd3d3;
  transition: all 0.3s;
}

.t_article .shikaku_intro > a .intro_img {
  margin: 0;
  padding: 0;
  width: 30%;
  height: 130px;
  overflow: hidden;
}

.t_article .shikaku_intro > a .intro_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.t_article .shikaku_intro > a .intro_detail {
  margin: 0;
  padding: 0;
  width: 65%;
}

.t_article .shikaku_intro > a .intro_detail .detail_cont {
  margin: 0;
  padding: 0;
  width: 100%;
}

.t_article .shikaku_intro > a .intro_detail .detail_cont > dt {
  margin: 0;
  padding: 5px 10px;
  width: 260px;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  background: #d38282;
  border-radius: 4px;
}

.t_article .shikaku_intro > a .intro_detail .detail_cont > .shikaku_name {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #bb4b4b;
  line-height: 1.6rem;
}

.t_article .shikaku_intro > a .intro_detail .detail_cont > .shikaku_link_txt {
  position: relative;
  /* margin: 30px 0 0 36%; */
  margin: 30px 0 0 0;
  padding: 10px 15px;
  /* width: 260px; */
  width: 100%;
  font-size: 1rem;
  color: #a02b2b;
  text-align: center;
  border: 1px solid #d38282;
  border-radius: 5px;
  /* background: #f3e0e0; */
}

.t_article .shikaku_intro > a .intro_detail .detail_cont > .shikaku_link_txt::after {
  content: url('images/apply_btn_arrow.png');
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}

.t_article .shikaku_kouza {
  margin: 20px auto;
  padding: 20px 40px;
  width: 96%;
  border: 1px solid #ddadad;
  border-radius: 4px;
}

.t_article .shikaku_kouza > dt {
  position: relative;
  margin: 0;
  padding: 0 0 0 25px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #af2f2f;
}

.t_article .shikaku_kouza > dt::before {
  content: url('images/apply_btn_arrow.png');
  position: absolute;
  top: 2%;
  left: 0;
}

.t_article .shikaku_kouza > dd {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
}

.t_article .kouza_contents {
  margin: 30px auto;
  padding: 0;
  width: 94%;
}

.t_article .kouza_contents th {
  margin: 0;
  padding: 10px 0 10px 40px;
  width: 30%;
  font-size: 1rem;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}

.t_article .kouza_contents td {
  margin: 0;
  padding: 10px;
  width: 35%;
  border-right: 1px solid #ccc;
}

.t_article .kouza_contents_2column {
  margin: 30px auto;
  padding: 0;
  width: 94%;
}

.t_article .kouza_contents_2column th {
  margin: 0;
  padding: 10px 30px;
  width: 30%;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}

.t_article .kouza_contents_2column td {
  margin: 0;
  padding: 10px;
  width: 70%;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: left;
  border-right: 1px solid #ccc;
}

.t_article .mokuhyo_contents {
  margin: 0 auto;
  padding: 0;
  width: 94%;
}

.t_article .mokuhyo_contents tr:last-child th {
  border-bottom: 1px solid #ccc;
}

.t_article .mokuhyo_contents th {
  margin: 0;
  padding: 10px 20px;
  width: 60%;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: left;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ccc;
}

.t_article .mokuhyo_contents td {
  margin: 0;
  padding: 10px 20px;
  width: 40%;
  font-size: 1rem;
  line-height: 1.6rem;
  border-right: 1px solid #ccc;
}

.t_article .article_source {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 94%;
  font-size: 1rem;
  text-align: right;
}

.t_article .shikaku_list_tbl {
  margin: 0 auto;
  padding: 0;
  width: 94%;
  border-left: 1px solid #ccc;
}

.t_article .shikaku_list_tbl th {
  margin: 0;
  padding: 8px 0;
  width: calc(100% / 3);
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
}

.t_article .shikaku_list_tbl td {
  margin: 0;
  padding: 10px 15px;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: left;
  border-right: 1px solid #ccc;
}

.t_article .equal_tbl_4cl {
  margin: 0 auto;
  padding: 0;
  width: 94%;
  border-left: 1px solid #ccc;
}

.t_article .equal_tbl_4cl th {
  margin: 0;
  padding: 8px 0;
  width: calc(100% / 4);
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
}

.t_article .equal_tbl_4cl td {
  margin: 0;
  padding: 10px 15px;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: left;
  border-right: 1px solid #ccc;
}

/* 202208追記 */

.t_article .column_tbl {
	margin: 0 auto;
	padding: 0;
	border: 1px solid #ddd;
}

.t_article .column_tbl caption {
	caption-side: top;
	margin: 0;
	padding: 15px 20px;
	width: 100%;
	font-size: 1.1rem;
	color: #fff;
	background: #c76e69;
}


.t_article .column_tbl th {
	font-size: 1rem;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}

/* 2カラム */
.t_article .column_tbl.cl-2 {
	width: 70%;
}

.t_article .column_tbl.cl-2 th {
	width: 30%;
	line-height: 1.4rem;
}

.t_article .column_tbl.cl-2 td {
	padding: 10px 15px;
	width: 70%;
	text-align: left;
}

.t_article .column_tbl.cl-2 td.txt_center {
	text-align: center;
}


/* no-left-th */
.t_article .column_tbl.cl-2.no-left-th th,
.t_article .column_tbl.cl-2.no-left-th td {
	width: 50%;
}

.t_article .column_tbl.cl-2.no-left-th td {
	border-left: 1px solid #ddd;
}

/* 3カラム */
.t_article .column_tbl.cl-3 {
	margin: 30px auto;
	padding: 0;
	width: 90%;
	border: 1px solid #ddd;
}

.t_article .column_tbl.cl-3 caption {
	caption-side: top;
	margin: 0;
	padding: 15px 20px;
	width: 100%;
	font-size: 1.1rem;
	color: #fff;
	background: #c76e69;
}

.t_article .column_tbl.cl-3 tr:last-child th {
	border-bottom: none;
}

.t_article .column_tbl.cl-3 th {
	margin: 0;
	padding: 10px 0;
	width: 20%;
	font-size: 1rem;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.t_article .column_tbl.cl-3 td {
	margin: 0;
	padding: 10px;
	width: 40%;
	text-align: left;
}

.t_article .column_tbl.cl-3 td + td {
	border-left: 1px solid #ddd;
}

.t_article .column_tbl.cl-3 td.txt_center {
	text-align: center;
}


/* no-left-th */
.t_article .column_tbl.cl-3.no-left-th th,
.t_article .column_tbl.cl-3.no-left-th td {
	width: calc(100% / 3);
}

.t_article .column_tbl.cl-3.no-left-th td {
	border-left: 1px solid #ddd;
}


/* 4カラム（2サブカラム） */
.t_article .column_tbl.cl-4 {
	width: 90%;
}

.t_article .column_tbl.sub-2 .main_th {
	width: 20%;
}

.t_article .column_tbl.sub-2 .sub_th,
.t_article .column_tbl.sub-2 .sub_th2 {
	width: 10%;
}

.t_article .column_tbl.sub-2 td {
	padding: 10px 1%;
	width: 60%;
	text-align: left;
}

/* 試験概要テーブル */
.t_article .shiken_summary_tbl {
	margin: 30px auto;
	padding: 0;
	width: 70%;
	border: 1px solid #ddd;
}

.t_article .shiken_summary_tbl tr:last-child th {
	border-bottom: none;
}

.t_article .shiken_summary_tbl caption {
	caption-side: top;
	margin: 0;
	padding: 15px 20px;
	width: 100%;
	font-size: 1.1rem;
	color: #fff;
	background: #c76e69;
}

.t_article .shiken_summary_tbl th {
	margin: 0;
	padding: 10px 0;
	width: 30%;
	font-size: 1rem;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.t_article .shiken_summary_tbl td {
	margin: 0;
	padding: 10px;
	width: 70%;
	text-align: left;
}


/* 講座概要テーブル */
.t_article .kouza_summary_tbl {
	margin: 30px auto;
	padding: 0;
	width: 90%;
	border: 1px solid #ddd;
}

.t_article .kouza_summary_tbl caption {
	caption-side: top;
	margin: 0;
	padding: 15px 20px;
	width: 100%;
	font-size: 1.1rem;
	color: #fff;
	background: #c76e69;
}

.t_article .kouza_summary_tbl tr:last-child th {
	border-bottom: none;
}

.t_article .kouza_summary_tbl th {
	margin: 0;
	padding: 10px 0;
	width: 30%;
	font-size: 1rem;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.t_article .kouza_summary_tbl td {
	margin: 0;
	padding: 10px;
	width: 30%;
}

.t_article .kouza_summary_tbl td + td {
	border-left: 1px solid #ddd;
}

.t_article .quote {
	margin: -15px auto 30px auto;
	padding: 0;
	width: 100%;
	font-size: 0.9rem;
	color: #333;
	text-align: center;
	line-height: 1.4rem;
}

.t_article .quote > a {
	color: #830e0f;
}

/* 4カラム */
.t_article .kouza_summary_tbl.cl-4 th {
	width: 20%;
}

.t_article .kouza_summary_tbl.cl-4 td {
	width: calc(80% / 3);
}




@media screen and (max-width: 480px) {

  a {
    word-break: break-all;
  }

  .t_article .column_head_img {
    height: 300px;
  }

  .t_article .column_img {
    height: 280px;
  }

  .t_article .kouza_contents_2column {
    width: 96%;
    border-left: 1px solid #ccc;
  }

  .t_article .kouza_contents_2column th {
    display: block;
    padding: 10px 15px;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .t_article .kouza_contents_2column td {
    display: block;
    width: 100%;
    font-size: 0.9rem;
  }

  .t_article .mokuhyo_contents {
    width: 96%;
  }

  .t_article .mokuhyo_contents th {
    display: block;
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  .t_article .mokuhyo_contents td {
    display: block;
    width: 100%;
    font-size: 0.9rem;
    border-left: 1px solid #ccc;
  }

  .t_article .article_source {
    font-size: 0.9rem;
  }

  .t_article .shikaku_list_tbl {
    width: 96%;
  }

  .t_article .shikaku_list_tbl th {
    font-size: 0.9rem;
  }

  .t_article .shikaku_list_tbl td {
    padding: 10px;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  .t_article .equal_tbl_4cl {
    width: 96%;
  }

  .t_article .equal_tbl_4cl th {
    font-size: 0.9rem;
  }

  .t_article .equal_tbl_4cl td {
    padding: 5px;
    font-size: 0.9rem;
    line-height: 1.2rem;
  }

  .t_article .shikaku_kouza {
    padding: 20px;
  }

  .t_article .shikaku_kouza > dt::before {
    content: url('images/apply_btn_arrow.png');
    position: absolute;
    top: 2%;
    left: 0;
  } */

  .t_article .shikaku_kouza > dd {
    font-size: 0.9rem;
  }

  .t_article .kouza_contents {
    width: 96%;
    border-left: 1px solid #ccc;
  }

  .t_article .kouza_contents tr:last-child th {
    border-bottom: 1px solid #ccc;
  }

  .t_article .kouza_contents th {
    padding: 10px;
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.4rem;
  }

  .t_article .kouza_contents td {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  .t_article .shikaku_intro {
    margin: 30px auto;
    width: 96%;
  }

  .t_article .shikaku_intro > a {
    padding: 10px;
  }

  .t_article .shikaku_intro > a .intro_img {
    width: 100%;
  }

  .t_article .shikaku_intro > a .intro_detail {
    margin: 15px 0 0 0;
    width: 100%;
  }

  .t_article .shikaku_intro > a .intro_detail .detail_cont .shikaku_name {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .t_article .kyozai_cont {
    padding: 15px;
    width: 96%;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }

/* 202208追記 */
.t_article .column_tbl caption {
	padding: 10px;
	font-size: 1rem;
}

/* 2カラム */
.t_article .column_tbl.cl-2 {
	width: 96%;
}

.t_article .column_tbl.cl-2 th {
	display: block;
	width: 100%;
}

.t_article .column_tbl.cl-2 td {
	display: block;
	padding: 10px;
	width: 100%;
}

/* no-left-th */
.t_article .column_tbl.cl-2.no-left-th th,
.t_article .column_tbl.cl-2.no-left-th td {
	display: block;
	width: 100%;
}

.t_article .column_tbl.cl-2.no-left-th td {
	border-left: none;
}

.t_article .column_tbl.cl-2.no-left-th tr.disp_none {
	display: none;
}

.t_article .column_tbl.cl-2.no-left-th td:before {
	content: attr(data-label)"";
	display: block;
	margin: 0;
	width: 100%;
	font-weight: bold;
	text-align: center;
	white-space: pre;
	background: #f9f7dd;
}



/* 3カラム */
.t_article .column_tbl.cl-3 {
	width: 96%;
}

.t_article .column_tbl.cl-3 caption {
	padding: 10px;
	font-size: 1rem;
}

.t_article .column_tbl.cl-3 th {
	display: block;
	width: 100%;
}

.t_article .column_tbl.cl-3 td {
	display: block;
	width: 100%;
}

.t_article .column_tbl.cl-3 td + td {
	border-left: none;
}

.t_article .column_tbl.cl-3 tr.disp_none {
	display: none;
}

.t_article .column_tbl.cl-3 td:before {
	content: attr(data-label)"";
	display: block;
	margin: 0;
	width: 100%;
	font-weight: bold;
	text-align: center;
	white-space: pre;
	background: #f9f7dd;
}

/* no-left-th */
.t_article .column_tbl.cl-3.no-left-th th,
.t_article .column_tbl.cl-3.no-left-th td {
	display: block;
	width: 100%;
}

.t_article .column_tbl.cl-3.no-left-th td {
	border-left: none;
}


/* 4カラム（2サブカラム） */
.t_article .column_tbl.cl-4 {
	width: 96%;
}

.t_article .column_tbl.sub-2 .main_th {
	display: block;
	width: 100%;
}

.t_article .column_tbl.sub-2 .sub_th,
.t_article .column_tbl.sub-2 .sub_th2 {
	display: block;
	width: 100%;
}

.t_article .column_tbl.sub-2 td {
	display: block;
	width: 100%;
}

/* 試験概要テーブル */
.t_article .shiken_summary_tbl {
	width: 96%;
}

.t_article .shiken_summary_tbl caption {
	padding: 10px;
	font-size: 1rem;
}

.t_article .shiken_summary_tbl tr.disp_none {
	display: none;
}

.t_article .shiken_summary_tbl th {
	display: block;
	width: 100%;
	border: none;
}

.t_article .shiken_summary_tbl td {
	display: block;
	width: 100%;
	border: none;
}

/* 講座概要テーブル */
.t_article .kouza_summary_tbl {
	width: 96%;
}

.t_article .kouza_summary_tbl caption {
	padding: 10px;
	font-size: 1rem;
}

.t_article .kouza_summary_tbl th {
	display: block;
	width: 100%;
}

.t_article .kouza_summary_tbl td {
	display: block;
	width: 100%;
}

.t_article .kouza_summary_tbl td + td {
	border-left: none;
}

.t_article .kouza_summary_tbl tr.disp_none {
	display: none;
}

.t_article .kouza_summary_tbl td:before {
	content: attr(data-label)"";
	display: block;
	margin: 0;
	width: 100%;
	font-weight: bold;
	text-align: center;
	white-space: pre;
	background: #f9f7dd;
}

/* 4カラム */
.t_article .kouza_summary_tbl.cl-4 th {
	display: block;
	width: 100%;
}

.t_article .kouza_summary_tbl.cl-4 td {
	display: block;
	width: 100%;
}



/* 202208追記ここまで */

}

/** // 202110追記 **/


/* コラムヘッドセパレートライン */
.t_article .head_separate {
  height: 6px;
	border-width: 0;
	background-color: #fff;
	background-image: -webkit-linear-gradient(135deg,
	#b44b4c 0px,#b44b4c 2px, transparent 2px, transparent 4px,
	#b44b4c 4px, #b44b4c 6px, transparent 6px, transparent);
	background-image: linear-gradient(-45deg,
	#b44b4c 0px, #b44b4c 2px, transparent 2px, transparent 4px,
	#b44b4c 4px, #b44b4c 6px, transparent 6px, transparent);
	background-size: 6px 6px;
}

/* コンテンツテキスト共通 */
.t_article p {
  display: block;
  margin: 20px auto;
  width: 98%;
  font-size: 1rem;
  line-height: 2rem;
}

/* コンテンツリード文 */
.t_article .contents_lead {
  padding: 0;
}

/* .t_article .contents_txt, */
.t_article ol {
	margin: 0 auto;
	width: 98%;
	list-style: decimal;
	list-style-position: inside;
}

.t_article table {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  border-top: 1px solid #ddd;
}

.t_article table th {
  margin: 0;
  padding: 8px 0;
  text-align: center;
  background: #eeeeee;
  border-right: 1px solid #ccc;
}

.t_article table td {
  margin: 0;
  padding: 10px 0;
  width: 20%;
  text-align: center;
  line-height: 1.6rem;
  vertical-align: middle;
  background: #fafafa;
  border-bottom: 1px solid #ddd;
}

.t_article .w60 {
  width: 60%;
}

.t_article .t-left td {
  padding: 0 3%;
  text-align: left;
}

.t_article .td-v-line {
  border-right: 1px solid #eee;
}

.t_article .td-v-line td {
  border-left: 1px solid #eee;
}

.t_article .cl-6 td {
  width: calc(100% / 6);
}

.t_article .cl-8 td {
  width: calc(100% / 8);
}

/* コラム目次 */
.page_index {
  margin: 20px auto;
  padding: 0 40px 20px 40px;
  width: 100%;
  border: 2px solid #e7cecf;
}

.page_index > dt {
  margin: 0 auto;
  padding: 6px 0 10px 0;
  width: 20%;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  background: #b44b4c;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.page_index > dd {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}

.page_index > dd ul.index_link {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.page_index > dd ul.index_link li > a {
  color: #333;
  text-decoration: none;
}

.page_index > dd ul.index_link li > a:hover {
  color: #b44b4c;
  text-decoration: underline;
}

.page_index > dd ul.index_link .level_1 {
  margin: 20px 0 15px 0;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
}

.page_index > dd ul.index_link .level_2 {
  margin: 0 0 0 20px;
  padding: 0;
  width: 100%;
  font-size: 1rem;
}

.page_index > dd ul.index_link .level_2 + .level_2 {
  margin-top: 10px;
}

/*
* 関連記事を見る
*----------------------------------*/
.related_column {
  margin: 30px auto 50px auto;
  padding: 40px 30px 20px 30px;
  width: 1080px;
  background: #f5eeee;
}

.related_column .related_title {
  margin: 0 auto;
  padding: 8px 0 12px 0;
  width: 100%;
  font-size: 1.6rem;
  color: #9b4143;
  text-align: center;
  border-top: 2px dotted #ca7c7d;
  border-bottom: 2px dotted #ca7c7d;
}

.related_column .related_column_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
}

.related_column .related_column_list::after {
  content: '';
  width: calc(96% / 3);
  height: 0;
}

.related_column .related_column_list li {
  margin: 0 0 20px 0;
  padding: 0;
  width: calc(96% / 3);
  border: 1px solid #eee;
  background: #fff;
}

.related_column .related_column_list li > a {
  display: block;
  margin: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
}

.related_column .related_column_list li > a:hover {
  background: #e4caca;
  transition: all 0.3s;
  text-decoration: none;
}

.related_column .related_column_list li > a .column_list {
  margin: 0;
  padding: 0;
  width: 100%;
}

.related_column .related_column_list li > a .column_list .column_title {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #9b4143;
  line-height: 1.6rem;
}

.related_column .related_column_list li > a .column_list .column_image {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.related_column .related_column_list li > a .column_list .column_image > img {
  object-fit: cover;
  width: 100%;
  height: 100px;
}

.related_column .related_column_list li > a .column_list .column_summary {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4rem;
}

/**
* 資格監修
*----------------------------------------------*/
#supervision {
  background: #fffff1;
}

#supervision .section_inner {
  margin: 0 auto;
  padding: 60px 0 30px 0;
  width: 1140px;
}

#supervision .section_inner .supervision_title {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  font-size: 2rem;
  color: #8d4a14;
  text-align: center;
  line-height: 3rem;
  letter-spacing: 0.2rem;
  border: 1px solid #dcd7b8;
  background: #f8f6e7;
}

#supervision .section_inner .supervision_title::before {
  background: none;
}

#supervision .section_inner .supervision_title > span {
  color: #b92828;
}

#supervision .section_inner .supervision_summary {
  margin: 30px auto 0 auto;
  padding: 30px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  line-height: 2rem;
  background: #f8f6e7;
}

#supervision .section_inner .supervision_person {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#supervision .section_inner .supervision_person > li {
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
}

#supervision .section_inner .supervision_person > li:first-of-type {
  margin-right: 20px;
}

#supervision .section_inner .supervision_person > li .person_detail {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#supervision .section_inner .supervision_person > li .person_detail > dt {
  margin: 0;
  padding: 15px 0;
  width: 100%;
  font-size: 1.6rem;
  color: #b15500;
  text-align: center;
  background: #e0dcbe;
}

#supervision .section_inner .supervision_person > li .person_detail > dd {
  margin: 0;
  padding: 20px;
  width: 100%;
  min-height: 310px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #f8f6e7;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo {
  margin: 0;
  padding: 0;
  width: 35%;
  height: 220px;
  overflow: hidden;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo > a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo > a:hover {
  transform: scale(1.2);
  transition: all 0.5s ease;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo > a > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .detail {
  margin: 0;
  padding: 0;
  width: 63%;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .detail > p {
  margin: 0;
  padding: 0 0 0 10px;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.5rem;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .detail > p + p {
  margin-top: 1rem;
}

/**
* 資格の監修
*----------------------------------------------*/
#shikaku_supervision {
  margin: 0;
  padding: 0;
}

#shikaku_supervision .section_inner {
  margin: 0 auto 60px auto;
  padding: 20px;
  width: 1200px;
  border: 1px solid #e7c495;
  border-radius: 6px;
}

#shikaku_supervision .section_inner .supervision_person {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#shikaku_supervision .section_inner .supervision_person > li {
  margin: 0;
  padding: 30px 40px;
  width: 100%;
  background: #f8f3eb;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#shikaku_supervision .section_inner .supervision_person > li .person_photo {
  margin: 0;
  padding: 0;
  width: 20%;
  height: 220px;
  overflow: hidden;
}

#shikaku_supervision .section_inner .supervision_person > li .person_photo > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#shikaku_supervision .section_inner .supervision_person > li .detail {
  margin: 0;
  padding: 0;
  width: 75%;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dt {
  margin: 0;
  padding: 0 0 0 15px;
  width: 100%;
  font-size: 1.6rem;
  color: #91481d;
  border-left: 10px solid #91481d;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dd {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dd > p {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6rem;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dd > p + p {
  margin-top: 1rem;
}


/* 202207追記 */

/* INFORMATION */
*[data-info="info"] {
	background: #005c80;
}

*[data-info="shikaku"] {
	background: #c38b36;
}

*[data-info="press"] {
	background: #b556ba;
}

.information_title {
	margin: 0;
	padding: 30px 0 0 0;
}


.information_area {
	margin: 0 auto;
	padding: 0;
	width: 1010px;
}

/* .info_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 70px auto 50px auto;
	padding: 0;
}

.info_area .info_list {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	width: calc(98% / 3);
	border: 1px solid #ccc;
	background: #ebe2d1;
}

.info_area .info_list .date_cat {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 15px 15px 8px 15px;
	width: 100%;
}

.info_area .info_list .date_cat .date_area {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 50%;
	font-size: 0.9rem;
	color: #333;
}

.info_area .info_list .date_cat .cat_area {
	margin: 0;
	padding: 5px 0;
	width: 50%;
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
}

.info_area .info_list .info_title {
	margin: 0;
	padding: 15px;
	width: 100%;
}

.info_area .info_list .info_title > a {
	font-size: 1rem;
	color: #333;
	line-height: 1.6rem;
}

.info_area .info_list .info_title .new_mark {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 10px;
	font-size: 0.8rem;
	color: #fff;
	background: red;
}

.info_area .info_all_link {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 100%;
}

.info_area .info_all_link > a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	width: 300px;
	height: 40px;
	font-size: 1rem;
	color: #fff;
	background: #b4ad8e;
	border-radius: 4px;
}

.info_area .info_all_link > a:hover {
	background: #98906d;
	text-decoration: none;
	transition: all 0.3s;
} */

.info_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 70px auto 50px auto;
	padding: 30px;
	box-sizing: border-box;
	background: #ebe2d1;
}

.info_area .info_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

.info_area .info_list .date_cat {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	width: 25%;
}

.info_area .info_list .date_cat .date_area {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 50%;
	font-size: 1rem;
	color: #333;
}

.info_area .info_list .date_cat .cat_area {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 20px;
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
}

.info_area .info_list .info_title {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 15px;
	width: 75%;
}

.info_area .info_list .info_title > a {
	font-size: 1rem;
	color: #333;
	line-height: 1.6rem;
}

.info_area .info_list .info_title .new_mark {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 10px;
	font-size: 0.8rem;
	color: #fff;
	background: red;
}

.info_area .info_all_link {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 100%;
}

.info_area .info_all_link > a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	width: 300px;
	height: 40px;
	font-size: 1rem;
	color: #fff;
	background: #b4ad8e;
	border-radius: 4px;
}

.info_area .info_all_link > a:hover {
	background: #98906d;
	text-decoration: none;
	transition: all 0.3s;
}


/* INFORMATION一覧 */
.information_list_area {
	margin: 0 auto 60px auto;
	padding: 0;
	width: 1030px;
	border: 1px solid #ddd;
}

.information_list_area .category_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	padding: 20px;
	width: 1030px;
	border-bottom: 1px solid #ddd;
	/* background: #fafafa; */
}

.information_list_area .category_list > li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: calc(100% / 5);
	height: 50px;
	font-size: 1rem;
	color: #333;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.information_list_area .category_list > li + li {
	margin-left: 10px;
}

.information_list_area .category_list > li.isActive {
	color: #fff;
	background: #4a7bab;
}


.information_list_area .information_list {
	/* margin: 60px auto 0 auto; */
	margin: 0 auto;
	padding: 20px 30px;
	width: 100%;
	background: #fbfbfb;
	/* border: 1px solid #ddd;
	background: #F3EBDD; */
}

.information_list_area .information_list > li {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

.information_list_area .information_list > li:last-child {
	border-bottom: none;
}

.information_list_area .information_list > li .info_cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0;
	padding: 0;
	width: 100%;
}

.information_list_area .information_list > li .info_cont .info_date {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 12%;
	font-size: 1rem;
	font-weight: normal;
	color: #333;
}

.information_list_area .information_list > li .info_cont .info_category {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 16%;
}

.information_list_area .information_list > li .info_cont .info_category .category_label {
	margin: 0;
	padding: 4px 15px;
	width: 140px;
	font-size: 0.82rem;
	color: #fff;
	text-align: center;
}

.information_list_area .information_list > li .info_cont .info_title {
	margin: 0;
	padding: 0;
	width: 72%;
}

.information_list_area .information_list > li .info_cont .info_title > a {
	font-size: 1rem;
	color: #333;
	text-align: left;
	line-height: 1.6rem;
}

.information_list_area .information_list > li .info_cont .info_title > a:hover {
	color: #888;
	transition: all 0.3s;
}


.information_list_area .information_list > li .info_cont .info_title .new_mark {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 4px 15px;
	font-size: 0.8rem;
	color: #fff;
	background: red;
}


/* INFORMATION詳細 */
.information_detail_area {
	margin: 50px auto;
	padding: 0;
	width: 1010px;
}

/* .information_detail_area .news_title_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8px auto 0 auto;
	padding: 0;
	width: 100%;
	background: #c3daf1;
	border-left: 8px solid #356493;
} */

.information_detail_area .news_title {
	margin: 0 auto;
	padding: 20px;
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	color: #204d7a;
	text-align: left;
	line-height: 2.4rem;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 3px solid #9F4945;
	border-radius: 5px;
}

.information_detail_area .news_title::before {
	margin: 0;
	padding: 0;
	background: none;
}

.information_detail_area .date_cat_area {
	/* position: relative; */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px auto;
	padding: 0;
	width: 94%;
}

.information_detail_area .date_cat_area .news_category {
	/* position: absolute;
	left: 0; */
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	width: 50%;
}

.information_detail_area .date_cat_area .news_category .category_label {
	display: block;
	margin: 0;
	padding: 6px 0;
	width: 35%;
	font-size: 0.9rem;
	color: #fff;
	text-align: center;
}

.information_detail_area .date_cat_area .news_postdate {
	/* position: absolute;
	right: 0; */
	margin: 0;
	padding: 0;
	width: 50%;
	font-size: 1rem;
	text-align: right;
}

.news_contents {
	margin: 30px auto 0 auto;
	padding: 30px;
	width: 100%;
	font-size: 1rem;
	color: #333;
	line-height: 1.2rem;
	background: #fbfbfb;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.news_contents > a {
	color: #134881;
	text-decoration: underline;
}

.news_list_back {
	display: flex;
	justify-content: center;
	margin: 40px auto;
	padding: 0;
	width: 100%;
}

.news_list_back > a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 14px 0;
	width: 180px;
	font-size: 1rem;
	color: #fff;
	background: #d66c66;
	border-radius: 5px;
}

.news_list_back > a:hover {
	background: #a5514d;
	text-decoration: none;
	transition: all 0.3s;
}


/* 202207追記ここまで */




/* スマートフォン */
@media screen and (max-width: 480px) {

  .t_article .breadcrumb {
    margin: 0 auto;
    padding: 0 0 8px 0;
    width: 96%;
    font-size: 0.9rem;
    display: block;
    overflow: scroll;
    white-space: nowrap;
  }

  .t_article .breadcrumb li {
    display: inline-block;
  }

	.yt_video {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 100%;
	}

  .multi_yt_video {
    margin: 30px auto 0 auto;
    padding: 0;
    width: 100%;
  }


  .yt_video .vd_youtube {
    width: 100%;
  }

	.yt_video dl.vd_youtube .video_area_title,
  .multi_yt_video .vd_youtube_title {
	padding: 0 0 5px 0;
	font-size: 1.1rem;
	text-align: center;
	}

	.yt_video dl.vd_youtube .video_area_title > br,
  .multi_yt_video .vd_youtube_title > br {
		display: block;
	}

	.yt_video dl.vd_youtube dd {
	position: relative;
	margin: 10px 0;
	padding: 53% 0 15px 0;
	}

  .multi_yt_video .video_contents {
    padding: 0;
    border: none;
    background: none;
  }

  .multi_yt_video .video_contents .video_body {
    position: relative;
    margin: 0;
    padding: 53% 0 15px 0;
    width: 100%;
  }

  .multi_yt_video .video_contents .video_body:nth-of-type(1) {
    margin-bottom: 10px;
  }

	.yt_video dl.vd_youtube dd > iframe,
  .multi_yt_video .video_body > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

  /* おすすめコラム */
  .recommend_column {
    margin: 0 auto 30px auto;
    width: 98%;
  }

  .recommend_column .rec_title {
    padding: 0 35px;
  }

  .recommend_column .rec_title span {
    font-size: 1.3rem;
  }

  .recommend_column .rec_list {
    margin: 25px auto 30px auto;
  }

  .recommend_column .rec_list .list_contents li {
    background-position: left 4px;
  }

  .recommend_column .rec_list .list_contents li + li {
    margin-top: 5px;
  }

  .recommend_column .rec_list .list_contents li > a {
    padding: 0;
    font-size: 0.9rem;
    font-weight: bold;
  }

  /* コラム */
  .t_article {
    padding-top: 0;
    width: 96%;
  }

  /* セクションタイトル見出し */
  .t_article .section_midashi {
    margin: 20px 0 0 0;
    padding: 3px 15px 6px 95px;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .t_article .section_midashi::before {
    font-size: 1.5rem;
  }

  /* セクションサブ見出し */
  .t_article .section_sub_midashi {
    margin: 20px auto;
    padding: 5px 15px 5px 100px;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .t_article .section_sub_midashi > span {
    width: 70px;
    font-size: 1.2rem;
  }

  /* セクション内小見出し */
  .t_article .section_komidashi {
    margin: 0 auto;
    padding: 0 0 12px 0;
    font-size: 1rem;
    text-indent: 24px;
  }

  .t_article .section_komidashi::before {
    top: 0.2rem;
  }

  /* セクションリード文 */
  .t_article .section_lead {
    margin: 15px auto;
    padding: 15px;
    width: 98%;
    font-size: 0.9rem;
  }

  /* コンテンツテキスト共通 */
  .t_article p {
    margin: 15px auto;
    width: 96%;
    font-size: 0.9rem;
    line-height: 1.6rem;
  }

  /* コラム目次 */
  .page_index {
    padding: 0 20px 20px 20px;
    width: 96%;
  }

  .page_index > dt {
    padding: 6px 0 8px 0;
    width: 60%;
    font-size: 1rem;
  }

  .page_index > dd ul.index_link .level_1 {
    margin: 5px 0 15px 0;
    font-size: 1rem;
  }

    .page_index > dd ul.index_link .level_1:nth-of-type(2n) {
      margin-top: 20px;
    }

  .page_index > dd ul.index_link .level_2 {
    padding-right: 20px;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  /*
  * 関連コラム
  */
  .related_column {
    margin: 30px auto 0 auto;
    padding: 20px 15px;
    width: 96%;
  }

  .related_column .related_title {
    padding: 3px 0;
    font-size: 1.4rem;
  }

  .related_column .related_column_list {
    margin-top: 30px;
  }

  .related_column .related_column_list li {
    margin: 0 0 10px 0;
    width: 100%;
  }

  /* おすすめコラム */
  .recommend_column {
    width: 98%;
  }

  .recommend_column .rec_list {
    margin: 15px auto 0 auto;
  }

  .recommend_column .rec_list .list_contents li {
    background-position: left 1px;
  }

  .recommend_column .rec_list .list_contents li + li {
    /* margin-top: 10px; */
    margin-top: 5px;
  }

  .recommend_column .rec_list .list_contents li > a {
    padding: 0;
    font-size: 0.9rem;
    font-weight: bold;
  }

  /**
* 資格監修
*----------------------------------------------*/
  #supervision .section_inner {
    margin: 0 auto;
    padding: 60px 0 30px 0;
    width: 94%;
  }

  #supervision .section_inner .supervision_title {
    padding: 15px;
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0;
  }
  #supervision .section_inner .supervision_summary {
    margin-top: 10px;
    width: 100%;
  }
  #supervision .section_inner .supervision_person {
    margin: 20px auto 0 auto;
    flex-wrap: wrap;
  }
  #supervision .section_inner .supervision_person > li {
    margin: 0 auto 10px auto;
    width: 100%;
  }

  #supervision .section_inner .supervision_person > li:first-of-type {
    margin-right: 0;
  }

  #supervision .section_inner .supervision_person > li .person_detail > dd {
    padding: 20px 15px;
  }

  #supervision .section_inner .supervision_person > li .person_detail > dd .person_photo {
    margin: 0 auto;
    width: 60%;
  }

  #supervision .section_inner .supervision_person > li .person_detail > dd .detail {
    margin: 20px 0 0 0;
    width: 100%;
  }


  /**
* 資格の監修
*----------------------------------------------*/
  #shikaku_supervision .section_inner {
    padding: 0 10px 10px;
  }
  #shikaku_supervision .section_inner .supervision_person {
    margin: 10px auto 0 auto;
  }
  #shikaku_supervision .section_inner .supervision_person > li {
    padding: 25px 15px;
  }
  #shikaku_supervision .section_inner .supervision_person > li .person_photo {
    margin: 0 auto;
    width: 60%;
    height: 220px;
  }
  #shikaku_supervision .section_inner .supervision_person > li .detail {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  #shikaku_supervision .section_inner .supervision_person > li .detail > dd > p {
    font-size: 0.9rem;
  }


/* 202207追記 */

/* INFORMATION */
.information_area {
	width: 96%;
}

/* .info_area {
	margin: 40px auto 30px auto;
}

.info_area .info_list {
	width: 100%;
}

.info_area .info_list .date_cat {
	padding: 10px 15px 0 15px;
} */

.info_area {
	margin: 40px auto 30px auto;
	padding: 10px 10px 20px 10px;
}

.info_area .info_list {
	width: 100%;
}

.info_area .info_list .date_cat {
	padding: 10px 15px 0 15px;
	width: 100%;
}

.info_area .info_list .info_title {
	display: block;
	margin: 0;
	padding: 10px 15px;
	width: 100%;
}

.info_area .info_list .info_title > a {
	font-size: 0.9rem;
}


/* INFORMATION一覧 */
.information_list_area {
	width: 96%;
}

.information_list_area .category_list {
	justify-content: space-between;
	padding: 10px 10px 0 10px;
	width: 100%;
	border-bottom: none;
}

.information_list_area .category_list > li {
	margin-bottom: 10px;
	width: calc(98% / 2);
	height: 40px;
}

.information_list_area .category_list > li + li {
	margin-left: 0;
}


.information_list_area .information_list {
	margin: 0 auto;
	padding: 10px 15px;
}

.information_list_area .information_list > li .info_cont .info_date {
	width: 35%;
	font-size: 1rem;
}

.information_list_area .information_list > li .info_cont .info_category {
	width: 65%;
}

.information_list_area .information_list > li .info_cont .info_title {
	margin-top: 15px;
	width: 100%;
}

.information_list_area .information_list > li .info_cont .info_title > a {
	font-size: 0.9rem;
}


.information_list_area .information_list > li .info_cont .info_title .new_mark {
	font-size: 0.8rem;
}


/* INFORMATION詳細 */
.information_detail_area {
	width: 96%;
}

.information_detail_area .news_title {
	padding: 10px 15px;
	font-size: 1.3rem;
	line-height: 1.8rem;
}

.information_detail_area .date_cat_area .news_category .category_label {
	width: 90%;
}

.information_detail_area .date_cat_area .news_postdate {
	display: flex;
	align-items: center;
	justify-content: right;
	font-size: 0.9rem;
}

.news_contents {
	padding: 20px 15px;
	font-size: 0.9rem;
}

.news_list_back > a {
	width: 60%;
	font-size: 0.9rem;
}

/* 202207追記ここまで */

}


/* 202211追記 */

/** 資格概要テーブル（新） **/
.shikaku_tbl {
	margin: 30px 0 30px 1% !important;
	padding: 0;
	width: 70% !important;
	border: 1px solid #ccc;
	table-layout: fixed;
}

.shikaku_tbl caption {
	margin: 0;
	padding: 10px 20px;
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	line-height: 1.5rem;
	background: #B87573;
	caption-side: top;
}

.shikaku_tbl tr:last-child th,
.shikaku_tbl tr:last-child td {
	border-bottom: none;
}

.shikaku_tbl th {
	margin: 0;
	padding: 7px 0;
	width: 25% !important;
	font-size: 15px;
	color: #000;
	line-height: 1.6rem;
	vertical-align: middle;
	background: #f1f1f1;
	border-bottom: 1px solid #fff;
}

.shikaku_tbl td {
	margin: 0;
	padding: 7px 10px !important;
	width: 75% !important;
	font-size: 15px;
	color: #333;
	text-align: left !important;
	line-height: 1.7rem;
	border-bottom: 1px solid #ddd;
	word-wrap: break-word;
}

/* 資格概要テーブル（新）・3カラム */
.shikaku_tbl.column_3 {
	width: 98% !important;
}

.shikaku_tbl.column_3 thead th {
	margin: 0;
	padding: 13px 0;
	font-size: 15px;
	color: #000;
	vertical-align: middle;
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.shikaku_tbl.column_3 thead .th_head {
	width: 20% !important;
	border-left: 1px solid #ccc;
}

.shikaku_tbl.column_3 thead .th_col {
	width: 40% !important;
}

.shikaku_tbl.column_3 tbody .td_head {
	font-weight: bold;
	text-align: center !important;
	vertical-align: middle;
	background: #f1f1f1;
}

.shikaku_tbl.column_3 tbody .td_col {
	border-left: 1px solid #ddd;
}

/* 資格概要テーブル（新）・4カラム */
.shikaku_tbl.column_4 {
	width: 100% !important;
}

.shikaku_tbl.column_4 thead th {
	margin: 0;
	padding: 7px 0;
	width: 25% !important;
	font-size: 15px;
	color: #000;
	vertical-align: middle;
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.shikaku_tbl.column_4 thead .th_head {
	border-left: 1px solid #ccc;
}


.shikaku_tbl.column_4 tbody .td_head {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}

.shikaku_tbl.column_4 tbody .td_col {
	border-left: 1px solid #ddd;
}

/* 資格概要テーブル（新）・5カラム */
.shikaku_tbl.column_5 {
	width: 100% !important;
}

.shikaku_tbl.column_5 thead th {
	margin: 0;
	padding: 7px 0;
	width: 20% !important;
	font-size: 15px;
	color: #000;
	vertical-align: middle;
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.shikaku_tbl.column_5 thead .th_head {
	border-left: 1px solid #ccc;
}


.shikaku_tbl.column_5 tbody .td_head {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}

.shikaku_tbl.column_5 tbody .td_col {
	border-left: 1px solid #ddd;
}

/* 資格概要テーブル（新）・6カラム */
.shikaku_tbl.column_6 {
	width: 100% !important;
}

.shikaku_tbl.column_6 thead th {
	margin: 0;
	padding: 7px 0;
	font-size: 15px;
	color: #000;
	vertical-align: middle;
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.shikaku_tbl.column_6 thead .th_head {
	width: 10% !important;
	border-left: 1px solid #ccc;
}

.shikaku_tbl.column_6 thead .th_col {
	width: 15% !important;
}


.shikaku_tbl.column_6 tbody .td_head {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}

.shikaku_tbl.column_6 tbody .td_col {
	border-left: 1px solid #ddd;
}


/* 資格概要テーブル・参照付きテーブル */
.shikaku_tbl_quote {
	margin: 30px 0 30px 1% !important;
	padding: 0;
	width: 70% !important;
	border-top: 1px solid #ccc;
}

.shikaku_tbl_quote caption {
	margin: 0;
	padding: 10px 20px;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	background: #B87573;
	caption-side: top;
}

.shikaku_tbl_quote tbody tr:last-child th,
.shikaku_tbl_quote tbody tr:last-child td {
	border-bottom: 1px solid #ccc;
}

.shikaku_tbl_quote thead th {
	margin: 0;
	padding: 7px 0;
	width: 25%;
	font-size: 15px;
	color: #000;
	vertical-align: middle;
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.shikaku_tbl_quote thead .th_head {
	border-left: 1px solid #ccc;
}

.shikaku_tbl_quote tbody th {
	margin: 0;
	padding: 7px 0;
	width: 25%;
	font-size: 16px;
	color: #000;
	line-height: 1.6rem;
	vertical-align: middle;
	background: #f1f1f1;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #ccc;
}

.shikaku_tbl_quote tbody td {
	margin: 0;
	padding: 7px 10px;
	width: 75%;
	font-size: 15px;
	color: #333;
	text-align: left;
	line-height: 1.7rem;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ccc;
}

.shikaku_tbl_quote tfoot td {
	padding-top: 8px;
	font-size: 14px;
	text-align: right;
	background: none;
	border-bottom: none;
}

.shikaku_tbl_quote tfoot td > a {
	display: inline;
	color: #20608a;
}

/* 資格概要テーブル・参照付きテーブル・3カラム */
.shikaku_tbl_quote.column_3 {
	width: 100% !important;
}

.shikaku_tbl_quote.column_3 thead th {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.shikaku_tbl_quote.column_3 th + th {
	border-left: 1px solid #ccc;
}


.shikaku_tbl_quote.column_3 thead .th_head,
.shikaku_tbl_quote.column_3 tbody th {
	width: 20%;
}

.shikaku_tbl_quote.column_3 thead .th_col,
.shikaku_tbl_quote.column_3 tbody td {
	width: 40%;
}

.shikaku_tbl_quote.column_3 td + td {
	border-left: 1px solid #ddd;
}

.shikaku_tbl_quote.column_3 .td_head {
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}

.shikaku_tbl_quote.column_3 .td_col {
	text-align: center;
}

.shikaku_tbl_quote.column_3 tfoot td {
	width: 100% !important;
	text-align: right;
}

/* 資格概要テーブル・参照付きテーブル・4カラム */
.shikaku_tbl_quote.column_4 {
	width: 100% !important;
}

.shikaku_tbl_quote.column_4 thead th {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.shikaku_tbl_quote.column_4 th + th {
	border-left: 1px solid #ccc;
}


.shikaku_tbl_quote.column_4 thead .th_head,
.shikaku_tbl_quote.column_4 tbody th {
	width: 15%;
}

.shikaku_tbl_quote.column_4 thead .th_col,
.shikaku_tbl_quote.column_4 tbody td {
	width: 25%;
}

.shikaku_tbl_quote.column_4 td + td {
	border-left: 1px solid #ddd;
}

.shikaku_tbl_quote.column_4 .td_head {
	text-align: center;
	vertical-align: middle;
	background: #f1f1f1;
}

.shikaku_tbl_quote.column_4 .td_col {
	text-align: center;
}


/* テキスト中央配置 */
.shikaku_tbl.txt_center tbody td,
.shikaku_tbl_quote.txt_center tbody td {
	text-align: center !important;
}

/* 囲みテキスト */
.kakomi_txt {
	margin: 30px 0;
	padding: 15px;
	width: 90%;
	font-size: 16px;
	line-height: 1.7rem !important;
	border: 1px solid #ccc;
}


@media screen and (max-width: 480px) {

	/** 資格概要テーブル（新） **/
	.shikaku_tbl {
		margin: 20px auto;
		width: 98% !important;
	}

	.shikaku_tbl th,
	.shikaku_tbl td {
		display: block;
	}

	.shikaku_tbl th {
		width: 100% !important;
	}

	.shikaku_tbl td {
		width: 100% !important;
	}

	/* 資格概要テーブル（新）・3カラム */
	.shikaku_tbl.column_3 {
		width: 98%;
	}

	.shikaku_tbl.column_3 thead {
		display: none;
	}

	.shikaku_tbl.column_3 tbody td {
		padding-left: 7px !important;
		padding-right: 7px !important;
	}

	.shikaku_tbl.column_3 tbody .td_col:before {
		content: attr(data-label)"";
		display: block;
		margin: 0 0 8px 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}

	/* 資格概要テーブル（新）・4カラム */
	.shikaku_tbl.column_4 thead {
		display: none;
	}

	.shikaku_tbl.column_4 tbody .td_col:before {
		content: attr(data-label)"";
		display: block;
		margin: 0 0 8px 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}

	/* 資格概要テーブル（新）・5カラム */
	.shikaku_tbl.column_5 thead {
		display: none;
	}

	.shikaku_tbl.column_5 tbody .td_col:before {
		content: attr(data-label)"";
		display: block;
		margin: 0 0 8px 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}

	/* 資格概要テーブル（新）・6カラム */
	.shikaku_tbl.column_6 thead {
		display: none;
	}

	.shikaku_tbl.column_6 tbody .td_col:before {
		content: attr(data-label)"";
		display: block;
		margin: 0 0 8px 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}

	/* 資格概要テーブル・参照付きテーブル */
	.shikaku_tbl_quote {
		margin: 20px auto;
		width: 98% !important;
	}

	.shikaku_tbl_quote th,
	.shikaku_tbl_quote td {
		display: block;
	}

	.shikaku_tbl_quote thead {
		display: none;
	}

	.shikaku_tbl_quote tbody tr:last-child th,
	.shikaku_tbl_quote tbody tr:last-child td {
		border-bottom: 1px solid #ccc;
	}

	.shikaku_tbl_quote tbody th {
		width: 100%;
		border-right: 1px solid #ccc;
	}

	.shikaku_tbl_quote tbody td {
		width: 100%;
		border-left: 1px solid #ccc;
	}

	.shikaku_tbl_quote tfoot td {
		width: 100%;
	}

	/* 資格概要テーブル・参照付きテーブル・3カラム */
	.shikaku_tbl_quote.column_3 {
		width: 98%;
	}

	.shikaku_tbl_quote.column_3 thead {
		display: none;
	}

	.shikaku_tbl_quote.column_3 thead th,
	.shikaku_tbl_quote.column_3 tbody td {
		display: block;
	}

	.shikaku_tbl_quote.column_3 thead .th_head,
	.shikaku_tbl_quote.column_3 tbody th {
		width: 100%;
	}

	.shikaku_tbl_quote.column_3 thead .th_col,
	.shikaku_tbl_quote.column_3 tbody td {
		width: 100%;
	}

	.shikaku_tbl_quote.column_3 tbody td {
		border-left: 1px solid #ccc;
	}

	.shikaku_tbl_quote.column_3 .td_col {
		padding: 10px;
	}

	.shikaku_tbl_quote.column_3 tbody td:before {
		content: attr(data-label)"";
		display: block;
		margin: 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}

	/* 資格概要テーブル・参照付きテーブル・4カラム */
	.shikaku_tbl_quote.column_4 {
		width: 98%;
	}

	.shikaku_tbl_quote.column_4 thead {
		display: none;
	}

	.shikaku_tbl_quote.column_4 thead th,
	.shikaku_tbl_quote.column_4 tbody td {
		display: block;
	}

	.shikaku_tbl_quote.column_4 thead .th_head,
	.shikaku_tbl_quote.column_4 tbody th {
		width: 100%;
	}

	.shikaku_tbl_quote.column_4 thead .th_col,
	.shikaku_tbl_quote.column_4 tbody td {
		width: 100%;
	}

	.shikaku_tbl_quote.column_4 tbody td {
		border-left: 1px solid #ccc;
	}

	.shikaku_tbl_quote.column_4 .td_col {
		padding: 10px;
	}

	.shikaku_tbl_quote.column_4 tbody td:before {
		content: attr(data-label)"";
		display: block;
		margin: 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}

}

/* 202211追記ここまで */


/*
* 講座サイトリンク
*==============================================================*/
/* 202301追加 */

.kouza_link_area {
	margin: 30px auto 50px auto;
	padding: 0;
	width: 100%;
}

.kouza_link_area .section_inner {
	margin: 0 auto;
	padding: 0;
	width: 1140px;
}

.kouza_link_area .section_inner > h3 {
	margin: 0;
	padding: 12px 0;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #A75B5A;
}

.kouza_link_area .section_inner .link_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 20px 30px;
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
}

.kouza_link_area .section_inner .link_area .sara_area {
	margin: 0;
	padding: 0;
	width: 48%;
	border: 1px solid #ddd;
}

.kouza_link_area .section_inner .link_area .ryo_area {
	margin: 0;
	padding: 0;
	width: 48%;
	border: 1px solid #ddd;
}

.kouza_link_area .section_inner .link_area .sara_area .kouza_name,
.kouza_link_area .section_inner .link_area .ryo_area .kouza_name {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.kouza_link_area .section_inner .link_area .sara_area .kouza_name {
	background: #e669c3;
}

.kouza_link_area .section_inner .link_area .ryo_area .kouza_name {
	background: #205893;
}

.kouza_link_area .section_inner .link_area .sara_area .kouza_link,
.kouza_link_area .section_inner .link_area .ryo_area .kouza_link {
	margin: 0;
	padding: 0;
	width: 100%;
}

.kouza_link_area .section_inner .link_area .sara_area .kouza_link > a,
.kouza_link_area .section_inner .link_area .ryo_area .kouza_link > a {
	display: block;
	margin: 0;
	padding: 15px 10px;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #1948a0;
	text-align: center;
}

.kouza_link_area .section_inner .link_area .sara_area .kouza_link > a:hover,
.kouza_link_area .section_inner .link_area .ryo_area .kouza_link > a:hover {
	color: #fff;
	background: #6492c3;
	transition: all 0.3s;
}

/* スマートフォン */
@media screen and (max-width: 480px) {

	.kouza_link_area {
		margin: 0 auto 50px auto;
	}

	.kouza_link_area .section_inner {
		width: 96%;
	}

	.kouza_link_area .section_inner .link_area {
		padding: 15px;
	}

	.kouza_link_area .section_inner .link_area .sara_area {
		margin-bottom: 20px;
		width: 100%;
	}

	.kouza_link_area .section_inner .link_area .ryo_area {
		width: 100%;
	}

	.kouza_link_area .section_inner .link_area .sara_area .kouza_name,
	.kouza_link_area .section_inner .link_area .ryo_area .kouza_name {
		font-size: 14px;
	}

	.kouza_link_area .section_inner .link_area .sara_area .kouza_link > a,
	.kouza_link_area .section_inner .link_area .ryo_area .kouza_link > a {
		font-size: 14px;
	}

}


/*
* 人気資格ランキング
*/
.page_main_visual {
	position: relative;
	margin: 0 calc(50% - 50vw);
	padding: 0;
	width: calc(100% + 37px);
	height: 400px;
	overflow: hidden;
	border-top: 1px solid #fff;
}

.page_main_visual > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.page_title {
	position: absolute;
	top: 37%;
	left: 0;
	padding: 40px 0 0 60px;
	width: 100%;
	height: 130px;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	line-height: 1.8rem;
	background: rgba(75, 51, 6, 0.4);
 }

.page_title .sub-title {
	font-size: 1rem;
}

/*
* 人気資格ランキングTOP25
*==============================================================*/
.ranking_preface {
	margin: 30px auto;
	padding: 20px;
	width: 84%;
	font-size: 16px;
	line-height: 1.6rem;
	background: #fbe0e1;
	border-radius: 4px;
}

.ranking_afterwords {
	margin: 30px auto;
	padding: 20px;
	width: 84%;
	font-size: 16px;
	line-height: 1.6rem;
	background: #dcedfb;
	border-radius: 4px;
}

/* ランキングメニュー */
.ranking_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px auto;
	padding: 0;
	width: 84%;
}

.ranking_menu li {
	margin: 0;
	padding: 0;
	width: calc(100% / 2);
}

.ranking_menu li + li {
	border-left: 1px solid #fff;
}

.ranking_menu li > a {
	display: block;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
  text-decoration: none;
	background: #a0363b;
}

.ranking_menu li > a:hover {
	background: #c85056;
	transition: all 0.3s;
}

.ranking_menu li > a.current {
	background: #ec535a;
}


/* ランキングコンテンツ */
.ranking_list {
	margin: 20px auto;
	padding: 0;
	width: 84%;
	border: 1px solid #ddd;
}

.ranking_list:last-of-type {
	margin-bottom: 40px;
}


.ranking_list .shikaku_name {
	position: relative;
	margin: 0;
	padding: 15px 10px 15px 90px;
	width: 100%;
	font-size: 20px;
	color: #fff;
	background: #b14146;
}

.ranking_list .shikaku_name span {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 70px;
	height: 100%;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	background: #c40c15;
}

.ranking_list .shikaku_detail {
	margin: 0;
	padding: 10px;
	width: 100%;
}

.ranking_list .shikaku_detail .detail_cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img {
	margin: 0;
	padding: 0;
	width: 20%;
	background: #f6f6f6;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img .img_cont {
	margin: 5px auto 0 auto;
	padding: 0;
	width: 96%;
	height: 200px;
	overflow: hidden;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img .img_cont > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img .shikaku_link {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 90%;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img .shikaku_link > a {
	display: block;
	margin: 0;
	padding: 8px 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
  text-decoration: none;
	background: #c26065;
	border-radius: 5px;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img .shikaku_link > a:hover {
	background: #a0363b;
	transition: all 0.3s;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_txt {
	margin: 0;
	padding: 0;
	width: 78%;
	font-size: 15px;
	color: #333;
	line-height: 1.4rem;
}


/*
* 202302追記
*--------------*/

/* 1位〜10位 */
.rank_list.rank1-10 {
	margin: 0 auto 20px auto;
	padding: 0;
	/* width: 1200px; */
	width: 84%;
	border: 3px solid #E5CB3B;
	border-radius: 4px;
}

.rank_list.rank1-10 .title_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 20px 40px 15px 40px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.rank_list.rank1-10 .title_area .rank_num_area {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.rank_list.rank1-10 .title_area .rank_num_area .rank_num {
	position: absolute;
	top: 70%;
	left: 44%;
	transform: translate(-44%, -70%);
	font-size: 2.3rem;
	font-weight: bold;
	color: #fff;
}

.rank_list.rank1-10 .title_area .rank01 {
	background-image: url('images/ranking/rank_trophy_1.svg');
}

.rank_list.rank1-10 .title_area .rank02 {
	background-image: url('images/ranking/rank_trophy_2.svg');
}

.rank_list.rank1-10 .title_area .rank03 {
	background-image: url('images/ranking/rank_trophy_3.svg');
}

.rank_list.rank1-10 .title_area .rank04 {
	background-image: url('images/ranking/rank_trophy_4.svg');
}

.rank_list.rank1-10 .title_area .shikaku_title {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: calc(100% - 120px);
	height: 80px;
	font-size: 2.3rem;
	font-weight: bold;
	color: #a90f0f;
}

.rank_list.rank1-10 dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px auto 20px auto;
	padding: 0;
	width: 100%;
}

.rank_list.rank1-10 dd .txt_area {
	margin: 0 0 0 40px;
	padding: 20px;
	width: 64%;
	background: #f7f6f6;
}

.rank_list.rank1-10 dd .txt_area .summary {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1rem;
	font-weight: bold;
	color: #d2691e;
	line-height: 1.6rem;
}

.rank_list.rank1-10 dd .txt_area .recommend_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px auto 0 auto;
	padding: 0;
	width: 100%;
	/* background: #fff;
	border: 1px solid #BEA13D;
	border-radius: 5px; */
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend,
.rank_list.rank1-10 dd .txt_area .recommend_area .working {
	margin: 0;
	padding: 0 0 15px 0;
	width: 49%;
	background: #fff;
	border: 1px solid #BEA13D;
	border-radius: 5px;
}


.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 35px;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	background: #d2691e;
	overflow: hidden;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title::before,
.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title::after,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title::before,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title::after {
    content: "";
    position: absolute;
    width: 40%;
    height: 100%;
    top: 0;
	background-color: #fff;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title::after,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title::after {
	left: -30%;
	transform: skewX(16deg);
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title::before,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title::before {
	right: -30%;
	transform: skewX(-16deg);
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_cont,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_cont {
	margin: 15px auto 0 auto;
	padding: 0 30px;
	width: 100%;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_cont .cont_list,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_cont .cont_list {
	margin: 0;
	padding: 0;
	width: 100%;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_cont .cont_list > li,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_cont .cont_list > li {
	margin: 0 0 7px 15px;
	padding: 0;
	width: 100%;
	font-size: 0.9rem;
	font-weight: bold;
	color: #444;
	line-height: 1.2rem;
	list-style-type: disc;
	list-style-position: outside;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_cont .cont_list > li:last-child,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_cont .cont_list > li:last-child {
	margin-bottom: 0;
}

.rank_list.rank1-10 dd .txt_area .recommend_afterwords {
	margin: 15px auto 0 auto;
	padding: 20px;
	width: 100%;
	font-size: 0.9rem;
	color: #000;
	line-height: 1.5rem;
	background: #F9FCE7;
}

.rank_list.rank1-10 dd .photo_link_area {
	margin: 0;
	padding: 0 40px 0 0;
	width: calc(100% - (66% + 40px));
}

.rank_list.rank1-10 dd .photo_link_area .shikaku_photo {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 320px;
}

.rank_list.rank1-10 dd .photo_link_area .shikaku_photo > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.rank_list.rank1-10 dd .photo_link_area .detail_link {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 100%;
}

.rank_list.rank1-10 dd .photo_link_area .detail_link > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #2E7D9A;
	border-radius: 5px;
}

.rank_list.rank1-10 dd .photo_link_area .detail_link > a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('images/ranking/detail_link_arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.rank_list.rank1-10 dd .photo_link_area .detail_link > a:hover {
	background: #20657e;
	transition: all 0.3s;
}

.rank_list.rank1-10 .detail_link_sp {
	display: none;
}


/* 11位〜25位 */
.rank_list.rank11-25 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0;
	/* width: 1200px; */
	width: 84%;
}

.rank_list.rank11-25 .area_left,
.rank_list.rank11-25 .area_right {
	margin: 0 0 20px 0;
	padding: 0;
	width: 49%;
	border: 3px solid #87cefa;
	border-radius: 4px;
}

.rank_list.rank11-25 .area_left .title_area,
.rank_list.rank11-25 .area_right .title_area {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
	padding: 5px 20px 5px 20px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.rank_list.rank11-25 .area_left .title_area .rank_num_area,
.rank_list.rank11-25 .area_right .title_area .rank_num_area {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.rank_list.rank11-25 .area_left .title_area .rank_num_area .rank_num,
.rank_list.rank11-25 .area_right .title_area .rank_num_area .rank_num {
	position: absolute;
	top: 47%;
	left: 20%;
	transform: translate(-20%, -47%);
	font-size: 2.3rem;
	font-weight: bold;
	color: #fff;
}

.rank_list.rank11-25 .area_left .title_area .rank_num_area .small_txt,
.rank_list.rank11-25 .area_right .title_area .rank_num_area .small_txt {
	position: absolute;
	top: 60%;
	left: 70%;
	transform: translate(-70%, -60%);
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
}

.rank_list.rank11-25 .area_left .title_area .rank21,
.rank_list.rank11-25 .area_right .title_area .rank21 {
	background-image: url('images/ranking/rank_trophy_21.svg');
}

.rank_list.rank11-25 .area_left .title_area .shikaku_title,
.rank_list.rank11-25 .area_right .title_area .shikaku_title {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: calc(100% - 120px);
	height: 70px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #3268af;
}

.rank_list.rank11-25 .area_left dd,
.rank_list.rank11-25 .area_right dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px auto 15px auto;
	padding: 0;
	width: 100%;
}

.rank_list.rank11-25 .area_left dd .txt_area,
.rank_list.rank11-25 .area_right dd .txt_area {
	margin: 0 0 0 20px;
	padding: 20px;
	width: 54%;
	background: #f7f6f6;
}

.rank_list.rank11-25 .area_left dd .txt_area .summary,
.rank_list.rank11-25 .area_right dd .txt_area .summary {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 0.95rem;
	font-weight: bold;
	color: #ac8426;
	line-height: 1.6rem;
}

.rank_list.rank11-25 .area_left dd .detail_link,
.rank_list.rank11-25 .area_right dd .detail_link {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 100%;
}

.rank_list.rank11-25 .area_left dd .detail_link > a,
.rank_list.rank11-25 .area_right dd .detail_link > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #2E7D9A;
	border-radius: 5px;
}

.rank_list.rank11-25 .area_left dd .detail_link > a::after,
.rank_list.rank11-25 .area_right dd .detail_link > a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url('images/ranking/detail_link_arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.rank_list.rank11-25 .area_left dd .detail_link > a:hover,
.rank_list.rank11-25 .area_right dd .detail_link > a:hover {
	background: #20657e;
	transition: all 0.3s;
}

.rank_list.rank11-25 .area_left dd .shikaku_photo,
.rank_list.rank11-25 .area_right dd .shikaku_photo {
	margin: 0;
	padding: 0 20px 0 0;
	width: calc(100% - (56% + 20px));
	height: 200px;
}

.rank_list.rank11-25 .area_left dd .shikaku_photo > img,
.rank_list.rank11-25 .area_right dd .shikaku_photo > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.rank_list.rank11-25 .area_left .detail_link_sp,
.rank_list.rank11-25 .area_right .detail_link_sp {
	display: none;
}


/** スマートフォン **/
@media screen and (max-width: 480px) {

.page_main_visual {
	height: 200px;
	width: calc(100% + 30px);
}

.page_title {
	top: 0;
	left: 0;
	padding: 40px 0 0 0;
	height: 200px;
	text-indent: 0;
	text-align: center;
	line-height: 280px;
	font-size: 1.5rem;
	text-align: center;
	line-height: 2rem;
}

/* ランキングリストエリア */
.ranking_preface,
.ranking_afterwords {
	margin: 20px auto;
	width: 100%;
	font-size: 14px;
	line-height: 1.4rem;
}

/* ランキングメニュー */
.ranking_menu {
	margin: 20px auto;
	width: 100%;
	justify-content: flex-start;
}

.ranking_menu li {
	margin: 0 0 1px 0;
	width: calc(100% / 2);
}

/* ランキングコンテンツ */
.ranking_list {
	width: 100%;
}

.ranking_list .shikaku_name {
	padding: 15px 10px 15px 70px;
	font-size: 18px;
	line-height: 1.6rem;
}

.ranking_list .shikaku_name span {
	width: 15%;
	font-size: 30px;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img {
	width: 100%;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img .img_cont {
	height: 140px;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_img .shikaku_link {
	margin: 15px auto 0 auto;
	width: 96%;
}

.ranking_list .shikaku_detail .detail_cont .shikaku_txt {
	margin: 15px auto 0 auto;
	width: 96%;
	font-size: 14px;
}


/*
* 202302追記
*--------------*/

/* 1位〜10位 */
.rank_list.rank1-10 {
	width: 96%;
}

.rank_list.rank1-10 .title_area {
	padding: 5px 15px 15px 15px;
}

.rank_list.rank1-10 .title_area .rank_num_area {
	width: 100%;
	height: 70px;
	background-position: center;
}

.rank_list.rank1-10 .title_area .rank_num_area .rank_num {
	left: 50%;
	transform: translate(-50%, -75%);
	font-size: 1.7rem;
}

.rank_list.rank1-10 .title_area .shikaku_title {
	margin: 15px 0 0 0;
	width: 100%;
	height: auto;
	font-size: 1.2rem;
	line-height: 1.5rem;
	justify-content: center;
}

.rank_list.rank1-10 dd {
	margin: 15px auto 0 auto;
	flex-direction: column-reverse;
}

.rank_list.rank1-10 dd .txt_area {
	margin: 0 auto;
	padding: 15px 5px;
	width: 96%;
}

.rank_list.rank1-10 dd .txt_area .summary {
	padding: 0 10px;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.rank_list.rank1-10 dd .txt_area .recommend_area {
	margin: 15px auto 0 auto;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend,
.rank_list.rank1-10 dd .txt_area .recommend_area .working {
	margin: 0 auto 15px auto;
	padding: 0;
	width: 100%;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .working {
	margin-bottom: 0;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title {
	height: 30px;
	font-size: 0.9rem;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title::before,
.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_title::after,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title::before,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_title::after {
	width: 40%;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_cont,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_cont {
	margin: 10px auto 0 auto;
	padding: 0 30px 15px 30px;
	width: 100%;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_cont .cont_list,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_cont .cont_list {
	margin: 0;
	padding: 0;
	width: 100%;
}

.rank_list.rank1-10 dd .txt_area .recommend_area .recommend .recommend_cont .cont_list > li,
.rank_list.rank1-10 dd .txt_area .recommend_area .working .working_cont .cont_list > li {
	margin: 0 0 7px 15px;
	padding: 0;
	width: 100%;
	font-size: 0.9rem;
	font-weight: bold;
	color: #444;
	line-height: 1.2rem;
	list-style-type: disc;
	list-style-position: outside;
}

.rank_list.rank1-10 dd .txt_area .recommend_afterwords {
	margin: 10px auto 5px auto;
	padding: 15px;
}

.rank_list.rank1-10 dd .photo_link_area {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 96%;
}

.rank_list.rank1-10 dd .photo_link_area .shikaku_photo {
	height: 160px;
}

.rank_list.rank1-10 dd .photo_link_area .shikaku_photo > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.rank_list.rank1-10 dd .photo_link_area .detail_link {
	display: none;
}



/* 11位〜25位 */
.rank_list.rank11-25 {
	width: 96%;
}

.rank_list.rank11-25 .area_left,
.rank_list.rank11-25 .area_right {
	width: 100%;
}

.rank_list.rank11-25 .area_left .title_area,
.rank_list.rank11-25 .area_right .title_area {
	padding: 5px 10px 5px 0;
}

.rank_list.rank11-25 .area_left .title_area .rank_num_area,
.rank_list.rank11-25 .area_right .title_area .rank_num_area {
	width: 70px;
	height: 50px;
}

.rank_list.rank11-25 .area_left .title_area .rank_num_area .rank_num,
.rank_list.rank11-25 .area_right .title_area .rank_num_area .rank_num {
	font-size: 1.6rem;
}

.rank_list.rank11-25 .area_left .title_area .rank_num_area .small_txt,
.rank_list.rank11-25 .area_right .title_area .rank_num_area .small_txt {
	font-size: 0.9rem;
}

.rank_list.rank11-25 .area_left .title_area .shikaku_title,
.rank_list.rank11-25 .area_right .title_area .shikaku_title {
	width: calc(100% - 80px);
	height: 50px;
	font-size: 1.1rem;
	line-height: 1.4rem;
}

.rank_list.rank11-25 .area_left dd,
.rank_list.rank11-25 .area_right dd {
	margin: 20px auto 10px auto;
	flex-direction: column-reverse;
}

.rank_list.rank11-25 .area_left dd .txt_area,
.rank_list.rank11-25 .area_right dd .txt_area {
	margin: 0 auto;
	padding: 15px 5px;
	width: 96%;
}

.rank_list.rank11-25 .area_left dd .txt_area .summary,
.rank_list.rank11-25 .area_right dd .txt_area .summary {
	padding: 0 10px;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.rank_list.rank11-25 .area_left dd .detail_link,
.rank_list.rank11-25 .area_right dd .detail_link {
	display: none;
}

.rank_list.rank11-25 .area_left dd .shikaku_photo,
.rank_list.rank11-25 .area_right dd .shikaku_photo {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 92%;
	height: 160px;
}

/* スマホ共通離隔リンクボタン */
.rank_list.rank1-10 .detail_link_sp,
.rank_list.rank11-25 .area_left .detail_link_sp,
.rank_list.rank11-25 .area_right .detail_link_sp {
	display: block;
	margin: 5px auto 10px auto;
	padding: 0;
	width: 92%;
}

.rank_list.rank1-10 .detail_link_sp > a,
.rank_list.rank11-25 .area_left .detail_link_sp > a,
.rank_list.rank11-25 .area_right .detail_link_sp > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 45px;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #2E7D9A;
	border-radius: 5px;
}

.rank_list.rank1-10 .detail_link_sp > a::after,
.rank_list.rank11-25 .area_left .detail_link_sp > a::after,
.rank_list.rank11-25 .area_right .detail_link_sp > a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('images/ranking/detail_link_arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}


}

/*
* トップページ資格一覧
*==============================================================*/
.shikaku_list {
	margin: 0 auto;
	padding: 20px 30px;
	width: 100%;
	/* background: #fff; */
	background: #FFFFF5;
}

.shikaku_list li {
	margin: 0 0 15px 0;
	width: 100%;
}

.shikaku_list li > a {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #333;
	text-decoration: none;
}

.shikaku_list li > a:hover {
	color: #005c80;
	transition: all 0.3s;
}

.arrow-right {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px 0 0;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg);
}

@media screen and (max-width: 480px) {

.container-fluid {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.license-exam-list {
	margin: 0;
	padding: 0;
	width: 100%;
}

.license-exam-list .list-wrap {
	width: 100%;
}

.shikaku_list {
	padding: 20px 15px;
}

.shikaku_list li > a {
	font-size: 14px;
}

}
/* 202301追加ここまで */


/* 202304追加 */
.faq_area {
	margin: 50px auto;
	padding: 0;
	width: 100%;
}

.faq_area .section_inner {
	margin: 0 auto;
	padding: 0;
	width: 1140px;
}

.faq_question {
	margin:0 auto 40px;
	padding: 10px 0 10px 70px;
	font-size: 1.1rem;
	text-align: left;
	line-height: 1.6;
	box-sizing: border-box;
	background:#f7f7f7 url('images/faq/icon_question.svg') 10px center no-repeat;
	background-size: 45px;
}

.faq_answer {
	display: flex;
	align-items: center;
	margin: 0 auto 40px;
	padding: 0 0 0 70px;
	width: 94%;
	min-height: 50px;
	font-size: 1rem;
	text-align: left;
	line-height: 1.6rem;
	background: url('images/faq/icon_answer.svg') left center no-repeat;
	background-size: 45px;
}

@media screen and (max-width: 480px) {

	.faq_area .section_inner {
		width: 96%;
	}

}
/* // 202304追加ここまで */

/**
* 404エラーページ
*----------------------------------------------*/
#error_page {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 50px auto;
	padding: 40px;
	width: 70%;
	background: #fafafa;
	border-radius: 10px;
}

#error_page .msg_area {
	margin: 0;
	padding: 0;
	width: 60%;
}

#error_page .msg_area .error_title {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1.5rem;
	color: #000;
	line-height: 2.2rem;
}

#error_page .msg_area .link_msg {
	margin: 50px 0 0 0;
	padding: 0;
	width: 100%;
}

#error_page .msg_area .link_msg > dt {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1rem;
	color: #000;
}

#error_page .msg_area .link_msg > dd {
	margin: 8px 0 0 0;
	padding: 0;
	width: 100%;
}

#error_page .msg_area .link_msg > dd > a {
	font-size: 1rem;
	color: #1e59bf;
	text-decoration: none;
}

#error_page .msg_area .link_msg > dd > a:hover {
	color: #ac2b11;
	text-decoration: underline;
	transition: all 0.3s;
}


#error_page .msg_area .error_msg {
	margin: 30px 0 0 0;
	padding: 0;
	width: 100%;
	font-size: 1rem;
	color: #333;
	line-height: 1.6rem;
}

#error_page .illust_area {
	margin: 0;
	padding: 0;
	width: 35%;
	height: 260px;
	overflow: hidden;
	text-align: center;
}

#error_page .illust_area > img {
	width: auto;
	height: 100%;
}

@media screen and (max-width: 480px) {

#error_page {
	margin: 30px auto 0 auto;
	padding: 20px;
	width: 96%;
}

#error_page .msg_area {
	width: 100%;
}

#error_page .msg_area .link_msg {
	margin: 30px 0 0 0;
}

#error_page .illust_area {
	margin: 20px 0 0 0;
	width: 100%;
	height: 180px;
}

}