@charset "UTF-8";
/*
.watchmeister {
	background: hsla(0,0%,0%,0.05);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
スマホだけ
@media only screen and (max-width: 768px) {
	.watchmeister {
		width: 50%;
	}
}
パソコンだけ
@media only screen and (min-width: 769px) {
	.watchmeister {
		width: 50%;
	}
}
*/



/*-------------------------
いわて機械時計士技能評価
ページ全体の枠
-------------------------*/
.watchmeister_section {
	background: #FFF url(../img/watchmeister/img_001_sp.jpg) no-repeat right top 17rem;
	background-size: 90% auto;
	padding: 4rem 3rem 0;
}
.watchmeister_section * {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
    letter-spacing: 0.1rem;
	line-height: 2;
	text-align: left;
}
@media only screen and (min-width: 769px) {
	.watchmeister_section {
		background: #FFF url(../img/watchmeister/img_001_pc.jpg) no-repeat right top;
		background-size: 70% auto;
		padding: 10rem 16rem;
	}
	.watchmeister_section * {
		font-size: 2rem;
	}
}


/* ページタイトル・導入部分 */
.watchmeister_section > h2 {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
	font-size: 2.4rem;
	font-weight: 500;
	padding: 0 0 2rem;
}
.watchmeister_section > h2 span {
	color: var(--blue1);
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	display: block;
}
@media only screen and (min-width: 769px) {
	.watchmeister_section > h2 {
		font-size: 7rem;
		padding: 0 0 4rem;
	}
	.watchmeister_section > h2 span {
		font-size: 1.6rem;
	}
}
.watchmeister_section > p {
	margin: 0 0 12rem;
}
.watchmeister_section > p br {
	display: none;
}
@media only screen and (min-width: 769px) {
	.watchmeister_section > p br {
		display: block;
	}
}


/* 受験案内のボックス */
.box_div {
	background: #FFF;
	border: 1px solid var(--blue1);
	border-radius: 2rem;
	margin: 0 0 6rem;
	padding: 2rem;
	font-weight: bold;
}
@media only screen and (min-width: 769px) {
	.box_div {
		margin: 0 0 9rem;
		padding: 4rem;
		border-radius: 3rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
	}
	.box_div div {
		width: 45%;
	}
}
.box_div div.div1 h3 {
    position: relative;
	margin: 0 0 1.5rem;
	padding: 0 0 0 2.5rem;
	font-size: 2rem;
}
.box_div div.div1 h3::before {
    content: "";
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 0.8rem solid var(--blue1);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 1.1rem;
}
.box_div div.div1 p {
	margin: 0 0 1.5rem;
	line-height: 2;
}
.box_div div.div1 p span {
	font-size: 1rem;
	font-weight: normal;
    display: inline-block;
}
@media only screen and (min-width: 769px) {
	.box_div div.div1 h3 {
		font-size: 4rem;
		padding: 0 0 0 5rem;
	}
	.box_div div.div1 h3::before {
		width: 4rem;
		height: 4rem;
		border: 1.8rem solid var(--blue1);
		top: 2.2rem;
	}
	.box_div div.div1 p {
		font-size: 3rem;
	}
	.box_div div.div1 p span {
		font-size: 2rem;
	}
}
.box_div div.div2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}
.box_div div.div2 p {
	border: 1px solid var(--blue1);
	border-radius: 1rem;
	margin: 0 0 1rem;
	padding: 1rem 0;
}
.box_div div.div2 p:nth-child(1) {
	background: var(--blue1);
	width: 100%;
}
.box_div div.div2 p:nth-child(2) ,
.box_div div.div2 p:nth-child(3) {
	width: 46%;
}
.box_div div.div2 p a {
    display: block;
	margin: 0;
	padding: 0;
	color: var(--blue1);
	text-decoration: none;
	font-size: 1rem;
	text-align: center;
}
.box_div div.div2 p:nth-child(1) a {
	color: #FFF;
	font-size: 2rem;
}
.box_div div.div2 p:nth-child(2) a {
    position: relative;
}
.box_div div.div2 p:nth-child(2) a::before {
    content: "";
    display: inline-block;
    width: 2.5rem;
    height: 1.5rem;
	background: #FFF url(../img/watchmeister/btn_001.png) no-repeat left bottom;
	background-size: auto 1.5rem;
	margin: 0 0 -0.5rem;
}
.box_div div.div2 p:nth-child(3) a {
    position: relative;
}
.box_div div.div2 p:nth-child(3) a::before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1.5rem;
	background: #FFF url(../img/watchmeister/btn_002.png) no-repeat left bottom;
	background-size: auto 1.5rem;
	margin: 0 0 -0.25rem;
}
@media only screen and (min-width: 769px) {
	.box_div div.div2 p {
		border-radius: 2rem;
		margin: 0 0 2rem;
		padding: 0;
	}
	.box_div div.div2 p:nth-child(2) ,
	.box_div div.div2 p:nth-child(3) {
		width: 48%;
	}
	.box_div div.div2 p a {
		font-size: 2.5rem;
		padding: 2rem 0;
	}
	.box_div div.div2 p:nth-child(1) a {
		font-size: 3rem;
	}
	.box_div div.div2 p:nth-child(2) a::before {
		width: 4rem;
		height: 2.5rem;
		background-size: auto 2.5rem;
	}
	.box_div div.div2 p:nth-child(3) a::before {
		width: 3rem;
		height: 2.5rem;
		background-size: auto 2.5rem;
	}
}


/*-------------------------
タブ切り替えボタン
-------------------------*/
.tab_ul {
	background: hsla(0,0%,0%,0.05);
	background: none;
	margin: 0 -3rem;
	padding: 0 3rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
.tab_ul li {
	background: hsla(0,0%,0%,0.05);
	background: none;
	width: 33.33%;
	text-align: center;
	color: #777;
}



.tab_ul li h4 {
	position: relative; /* ※線を絶対配置するための必須項目 */
	display: inline-block;
	padding: 0 1rem 1rem;
	color: #777;
	font-size: 1.5rem;
}
.tab_ul li h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.3rem;
	background: var(--blue1); /* 青色 */
	
	/* アニメーションの仕掛け部分 */
	transform: scaleX(0); /* 最初は幅をゼロにして隠しておく */
	transform-origin: right bottom; /* マウスを外した時、「右側」に向かって縮んで消えるようにする */
	transition: transform .4s ease-out; /* 0.4秒かけて滑らかに変形させる */
}

/* ★修正箇所：li.on の時の ::after も線を100%表示する */
.tab_ul li h4:hover::after,
.tab_ul li.on h4::after {
	transform: scaleX(1); /* 幅を100%（元のサイズ）に戻す */
	transform-origin: left bottom; /* 伸びる時の起点を「左側」にする（＝左から右へ伸びる） */
}

.tab_ul li h4:hover {
	cursor: pointer;
}

/* ★修正箇所：border-bottomを削除し、文字色を変えるだけにします */
.tab_ul li.on h4 {
	color: var(--blue1);
}

@media only screen and (min-width: 769px) {
	.tab_ul {
		margin: 0 -16rem;
		padding: 0 16rem;
	}
	.tab_ul li h4 {
		font-size: 3.5rem;
	}
}


/* タブ切り替えの連動ボックス */
div.section_tab123 {
	background: linear-gradient(to bottom, #F7F9FC 5%, #FFF 10%);	
	margin: 0 -3rem;
}
.section_tab1 ,
.section_tab2 ,
.section_tab3 {
	display: none;
	margin: 0;
	padding: 6rem 3rem;
}
.section_tab1.open ,
.section_tab2.open ,
.section_tab3.open {
	display: block;
}
@media only screen and (min-width: 769px) {
	div.section_tab123 {
		background: linear-gradient(to bottom, #F7F9FC 5%, #FFF 10%);	
		margin: 0 -16rem;
	}
	.section_tab1 ,
	.section_tab2 ,
	.section_tab3 {
		margin: 0;
		padding: 9rem 16rem;
	}
}






.p-recruittop__recruit_ul {
	background: none;
	margin: 0 0 4rem;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.p-recruittop__recruit_ul li:empty {
	display: none;
}
.p-recruittop__recruit_ul li {
	background: none;
	margin: 0;
	padding: 4rem 0 3.6rem;
	width: 50%;
	max-width: 72.5rem;
	text-align: center;
}
.p-recruittop__recruit_ul li span {
	background: none;
	margin: 0;
	padding: 0 2rem .6rem;
	display: inline-block;
	font-size: 2.5rem;
	position: relative;
	color: #999 !important;
	transition: color .3s ease;
}

.p-recruittop__recruit_ul li span:empty {
	display: none;
}
.p-recruittop__recruit_ul li span::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.2rem;
	background: var(--blue1);
	transform: scaleX(0);
	transform-origin: right bottom;
	transition: transform .4s ease-out;
}
.p-recruittop__recruit_ul li span i {
	text-decoration: none;
	font-style: normal;
}
.p-recruittop__recruit_ul li span i:empty {
	display: none;
}
.p-recruittop__recruit_ul li span:not(:has(i)) {
	display: none;
}
.p-recruittop__recruit_ul li:has(span i:empty) {
	display: none;
}
@media only screen and(min-width:769px) {
	.p-recruittop__recruit_ul li span::after {
		height: 0.6rem;
	}
}

.p-recruittop__recruit_ul li:hover span::after ,
.p-recruittop__recruit_ul li.on span::after {
	transform: scaleX(1);
	transform-origin: left bottom;
}
.p-recruittop__recruit_ul li.on span {
	 background: none !important;
	-webkit-text-fill-color: initial !important;
	color: var(--blue1) !important;
}
.p-recruittop__recruit_box {
	margin: 0;
	padding: 0;
}








/*-------------------------
タブ内エリア／募集要項
-------------------------*/
.section_tab1 > h5 {
	color: var(--blue1);
	font-size: 1.5rem;
	margin: 0 0 2rem;
}
.section_tab1 > p {
	padding: 0 0 1.5rem 0;
}
.section_tab1 > p.copy {
	line-height: 2;
	margin: 0 0 4rem;
}
.section_tab1 > h6 {
    position: relative;
	margin: 0 0 1.5rem;
	padding: 0 0 0 3rem;
	font-size: 1.5rem;
}
.section_tab1 > h6::before {
    content: "";
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 0.8rem solid var(--blue1);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.5rem;
}
.section_tab1 > h6 br.sp_onry {
    display: block;
}
@media only screen and (min-width: 769px) {
	.section_tab1 h5 {
		font-size: 4.5rem;
		font-weight: normal;
		padding: 0 64rem 0 16rem;
	}
	.section_tab1 > p {
		padding: 0 0 3rem 4.5rem;
	}
	.section_tab1 > p.copy {
		padding: 0 64rem 0 16rem;
		margin: 0 0 8rem;
	}
	.section_tab1 > h6 {
		font-size: 3rem;
		padding: 0 0 0 4.5rem;
	}
	.section_tab1 > h6::before {
		width: 3rem;
		height: 3rem;
		border: 1.2rem solid var(--blue1);
		top: 1.8rem;
	}
	.section_tab1 > h6 br.sp_onry {
		display: none;
	}
}
/* 表のスタイル、スマホとパソコン別 */
@media only screen and (max-width: 768px) {/*スマホ*/
	.table_a01.pc {
	    display: none;
	}
	.table_a01.sp {
	    display: table;
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0 0 4rem;
		padding: 0;
		width: 100%;
	}
	.table_a01.sp tr th {
		background: #EBF4FF;
		padding: 1rem 0;
		text-align: center;
		border-top: 1px solid var(--blue1);
		border-bottom: 1px solid var(--blue1);
		font-size: 1.5rem;
	}
	.table_a01.sp tr td {
		background: #FFF;
		padding: 1.5rem 0.5rem;
		text-align: center;
		border-top: 1px solid var(--blue1);
		border-bottom: 1px solid var(--blue1);
	}
	.table_a01.sp tr td.left {
		padding: 1.5rem 1rem;
		text-align: left;
	}
}
@media only screen and (min-width: 769px) {/*パソコン*/
	.table_a01.sp {
	    display: none;
	}
	.table_a01.pc {
	    display: table;
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0 16rem 4rem;
		padding: 0;
		width: 128rem;
	}
	.table_a01.pc tr th {
		background: #EBF4FF;
		padding: 2rem 0;
		border-top: 1px solid var(--blue1);
		border-bottom: 1px solid var(--blue1);
		color: var(--blue1);
		width: auto;
	}
	.table_a01.pc tr th:nth-child(1) {
		padding: 2rem 0 2rem 16rem;
		width: 40%;
	}
	.table_a01.pc tr td {
		background: #FFF;
		padding: 2rem 0;
		border-top: 1px solid var(--blue1);
		border-bottom: 1px solid var(--blue1);
		width: auto;
	}
	.table_a01.pc tr td:nth-child(1) {
		padding: 2rem 0 2rem 16rem;
		font-size: 3rem;
		font-weight: bold;
		width: auto;
	}
}



/* 試験実施概要 */
.section_tab1_div1 {
	background: #F7F9FC url(../img/watchmeister/img_002.jpg) no-repeat left bottom;
	background-size: 100% auto;
	margin: 4rem -3rem 0;
	padding: 4rem 3rem 26rem;
}
@media only screen and (min-width: 769px) {/*パソコン*/
	.section_tab1_div1 {
		margin: 8rem -16rem 0;
		padding: 8rem 16rem 64rem;
	}
}
.section_tab1_div1 > h5 {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
	font-size: 2.4rem;
	font-weight: 500;
	padding: 0 0 4rem;
}
.section_tab1_div1 > h5 span {
	color: var(--blue1);
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	display: block;
	font-weight: 500;
}
@media only screen and (min-width: 769px) {
	.section_tab1_div1 > h5 {
		font-size: 8rem;
		font-weight: normal;
		padding: 0 0 8rem;
	}
	.section_tab1_div1 > h5 span {
		font-size: 1.6rem;
	}
}
.section_tab1_div1 h6 {
	font-size: 1.5rem;
	font-weight: 500;
	padding: 0 0 1.5rem;
}
.section_tab1_div1_div {
	padding: 0 0 4rem;
}
@media only screen and (min-width: 769px) {
	.section_tab1_div1 h6 {
		font-size: 3rem;
		padding: 0 0 3rem;
	}
	.section_tab1_div1_div {
		padding: 0 0 8rem;
	}
	.section_tab1_div1_div table {
		margin: 0 16rem 2rem;
	}
	.section_tab1_div1_div p {
		margin: 0 16rem 2rem;
	}
}
/* 白い表のスタイル */
.table_a02 {
    display: none;
    border-collapse: separate; 
    border-spacing: 0;
    margin: 0 0 2rem;
    border: 1px solid #EEE;
    border-radius: 1rem;
    background: #FFF;
    width: 100%;
    overflow: hidden;
}
.table_a02 tr th ,
.table_a02 tr td {
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}
.table_a02 tr:last-child th ,
.table_a02 tr:last-child td {
    border-bottom: none;
}
.table_a02 tr th:last-child ,
.table_a02 tr td:last-child {
    border-right: none;
}
@media only screen and (max-width: 768px) { /*スマホ*/
    .table_a02.sp {
        display: table;
    }
    .table_a02.sp tr th ,
    .table_a02.sp tr td {
        text-align: center;
        padding: 1rem 0;
    }
}
@media only screen and (min-width: 769px) {/*パソコン*/
	.table_a02.pc {
		display: table;
    	width: 128rem;
		border-radius: 2rem;
	}
	.table_a02.pc tr th {
		font-size: 3rem;
		width: 50%;
		padding: 4rem 2rem 4rem 6rem;
	}
	.table_a02.pc tr td {
		width: 50%;
		padding: 4rem 2rem 4rem 6rem;
	}
	.p_sp {
		display: none;
	}
}


/* 横2カラム組み */
@media only screen and (min-width: 769px) {
	.section_tab1_div1_box {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
	}
	.section_tab1_div1_box_right {
		width: 50%;
	}
	.section_tab1_div1_box_left {
		width: 50%;
	}
}
.dl_right {
	background: #FFF;
	border: 1px solid #EEE;
	border-radius: 1rem;
	padding: 3rem 3rem 0;
	margin: 0 0 4rem;
}
.dl_right dt {
    position: relative;
	margin: 0;
	padding: 0 0 0 3rem;
	font-size: 1.5rem;
	font-weight: 500;
}
.dl_right dt::before {
    content: "";
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 0.8rem solid var(--blue1);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.5rem;
}
.dl_right dd {
	color: var(--blue1);
	border-bottom: 1px solid #EEE;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	font-size: 1.5rem;
}
.dl_right dd:last-child {
	border-bottom: none;
}
@media only screen and (min-width: 769px) {
	.dl_right {
		border: 2px solid #EEE;
		border-radius: 2rem;
		padding: 6rem 6rem 0;
	}
	.dl_right dt {
		font-size: 3rem;
		margin: 0 0 0;
		padding: 0 0 0 4.5rem;
	}
	.dl_right dt::before {
		width: 2.8rem;
		height: 2.8rem;
		border: 1.1rem solid var(--blue1);
		top: 1.6rem;
	}
	.dl_right dd {
		font-size: 3rem;
		border-bottom: 2px solid #EEE;
		margin: 0 0 3rem;
		padding: 0 0 3rem;
	}
}
.section_tab1_div1_box_left h7 {
    position: relative;
	margin: 0;
	padding: 0 0 0 3rem;
	font-size: 1.5rem;
	font-weight: 500;
}
.section_tab1_div1_box_left h7::before {
    content: "";
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 0.8rem solid var(--blue1);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.2rem;
}
@media only screen and (min-width: 769px) {
	.section_tab1_div1_box_left h7 {
		font-size: 3rem;
		margin: 0 0 0;
		padding: 0 0 0 4.5rem;
	}
	.section_tab1_div1_box_left h7::before {
		width: 2.8rem;
		height: 2.8rem;
		border: 1.1rem solid var(--blue1);
		top: 0.8rem;
	}
}





/* 受検申請書類のご請求 */
.section_tab1_div2 {
	background: hsla(0,0%,0%,0.05);
	background: none;
	margin: 6rem 0 0;
	padding: 0;
}
.section_tab1_div2 > h5 {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
	font-size: 2.4rem;
	font-weight: normal;
	padding: 0 0 3rem;
	line-height: 1.8;
}
.section_tab1_div2 > h5 span {
	color: var(--blue1);
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.9rem;
	font-weight: 500;
	display: block;
}
.section_tab1_div2 > p br {
	display: none;
}
@media only screen and (min-width: 769px) {
	.section_tab1_div2 {
		margin: 12rem 0;
	}
	.section_tab1_div2 > h5 {
		font-size: 7.5rem;
		padding: 0 0 6rem;
	}
	.section_tab1_div2 > h5 span {
		font-size: 1.6rem;
	}
	.section_tab1_div2 > p br {
		display: block;
	}
}

/* 受験申込のボタングループ */
.section_tab1_div2_box1 {
	margin: 6rem 0;
}
a.btn_1 {
	display: block;
	margin: 0 0 2rem;
	padding: 2rem 0;
	background: var(--blue1);
	border-radius: 1rem;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	line-height: 1;
	text-decoration: none;
}
a.btn_1 span {
	font-size: 1rem;
}
@media only screen and (min-width: 769px) {
	.section_tab1_div2_box1 {
		margin: 6rem 16rem;
	}
	a.btn_1 {
		margin: 0 0 4rem;
		padding: 8rem 0;
		font-size: 4rem;
	}
	a.btn_1 span {
		font-size: 2rem;
	}
}
.section_tab1_div2_box1 h7 {
	font-size: 2rem;
	font-weight: 500;
}
.section_tab1_div2_box1 ul {
	margin: 0 0 2rem;
}
.section_tab1_div2_box1 ul li {
}

/* 下部のグループ */
.section_tab1_div2_box2 {
	padding: 0 0 4rem;
}
.section_tab1_div2_box2 h6 {
    position: relative;
	margin: 0 0 1rem;
	padding: 0 0 0 3rem;
	font-size: 1.5rem;
	font-weight: 500;
}
.section_tab1_div2_box2 h6::before {
    content: "";
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 0.8rem solid var(--blue1);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.5rem;
}
.section_tab1_div2_box2 h6 br.sp_onry {
    display: block;
}
@media only screen and (min-width: 769px) {
	.section_tab1_div2_box2 {
		padding: 0 0 8rem;
	}
	.section_tab1_div2_box2 h6 {
		font-size: 3rem;
		margin: 0 0 2rem;
		padding: 0 0 0 4.5rem;
	}
	.section_tab1_div2_box2 h6::before {
		width: 3rem;
		height: 3rem;
		border: 1.1rem solid var(--blue1);
		top: 1.5rem;
	}
	.section_tab1_div2_box2 h6 br.sp_onry {
		display: none;
	}
}
p.table_1 {
	padding: 1.5rem 0;
	background: #EBF4FF;
	border-top: 1px solid var(--blue1);
	border-bottom: 1px solid var(--blue1);
	text-align: center;
}
p.table_2 {
	padding: 1.5rem 0;
	background: #FFF;
	border-bottom: 1px solid var(--blue1);
	text-align: center;
}
@media only screen and (min-width: 769px) {
	p.table_1 {
		margin: 0 16rem;
		padding: 3rem 0;
		border-top: 2px solid var(--blue1);
		border-bottom: 2px solid var(--blue1);
	}
	p.table_2 {
		margin: 0 16rem 6rem;
		padding: 3rem 0;
		border-bottom: 2px solid var(--blue1);
	}
}
a.btn_2 {
	display: block;
	border: 1px solid var(--blue1);
	border-radius: 1rem;
	margin: 2rem 0;
	padding: 2rem 2rem;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
	position: relative;
}
a.btn_2::before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
	background: #FFF url(../img/watchmeister/btn_002.png) no-repeat right bottom;
	background-size: auto 2rem;
	margin: 0 0 -0.25rem;
	position: absolute;
	right: 2rem;
	top: 4rem;
}
@media only screen and (min-width: 769px) {
	a.btn_2 {
		border: 2px solid var(--blue1);
		margin: 2rem 48rem 6rem;
		padding: 6rem 6rem;
		font-size: 4rem;
	}
	a.btn_2::before {
		width: 4rem;
		height: 4rem;
		background-size: auto 4rem;
		right: 6rem;
		top: 10rem;
	}
	br.br_pc_none {
		display: none;
	}
	p.p_tyui {
		margin: 0 30rem;
	}
}







/*-------------------------
タブ内エリア／Q&A
-------------------------*/
.section_tab2 {
}
.section_tab2 > h5 {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
	font-size: 2.4rem;
	font-weight: normal;
	padding: 0 0 3rem;
	line-height: 1.8;
}
.section_tab2 > h5 span {
	color: var(--blue1);
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.9rem;
	font-weight: 500;
	display: block;
}
@media only screen and (min-width: 769px) {
	.section_tab2 > h5 {
		font-size: 7.5rem;
		padding: 0 0 6rem;
	}
	.section_tab2 > h5 span {
		font-size: 1.6rem;
	}
}
.qa_box {
	border: 1px solid #EEE;
	border-radius: 1rem;
	margin: 0 0 2rem;
	padding: 2rem 2rem 0;
}
.qa_box h6 {
	margin: 0;
	padding: 0 4.5rem 2rem 6.5rem;
	position: relative;
	line-height: 1.8;
}
.qa_box h6 span {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
    display: block;
	position: absolute;
	left: 0;
	top: -1.6rem;
	font-size: 2.8rem;
	font-weight: normal;
}
.qa_box h6::after {
    content: "\ff0b";
    display: inline-block;
    width: 3rem;
    height: 3rem;
	color: var(--blue1);
	position: absolute;
	right: 0;
	top: -1.6rem;
	font-size: 3rem;
	font-weight: normal;
}
.qa_box h6.is-open::after {
    content: "\ff0d"; /* 中身をマイナス－ */
}
.qa_box p {
	border-top: 1px solid #EEE;
	padding: 2rem 0;
}
.qa_box p.none {
    display: none;
}
@media only screen and (min-width: 769px) {
	.qa_box {
		border: 2px solid #EEE;
		border-radius: 2rem;
		margin: 0 16rem 6rem;
		padding: 6rem 6rem 0;
	}
	.qa_box h6 {
		padding: 0 5rem 6rem 16rem;
		font-size: 2.8rem;
		font-weight: normal;
		cursor: pointer;
	}
	.qa_box h6 span {
		top: -3.4rem;
		font-size: 6rem;
	}
	.qa_box h6::after {
		width: 5rem;
		height: 5rem;
		right: -0.5rem;
		top: -2.5rem;
		font-size: 5rem;
	}
	.qa_box p {
		border-top: 2px solid #EEE;
		padding: 6rem;
	}
}








/*-------------------------
タブ内エリア／合格者
-------------------------*/
.section_tab3 {
}

/* 20xx年度のボックス */
.box_20xx.close {
  display: none;
}
.box_20xx.open {
  display: block;
}
.box_20xx > h5 {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
	font-size: 2.4rem;
	font-weight: normal;
	padding: 0 0 3rem;
	line-height: 1.8;
}
@media only screen and (min-width: 769px) {
	.box_20xx > h5 {
		font-size: 7.5rem;
		padding: 0 0 6rem;
	}
}

/* 合格者の見出し */
.section_tab3 h6 {
    position: relative;
	margin: 0 0 1rem;
	padding: 0 0 0 3rem;
	font-size: 1.5rem;
	font-weight: 500;
}
.section_tab3 h6::before {
    content: "";
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 0.8rem solid var(--blue1);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.5rem;
}
.section_tab3 h6 span {
    display: none;
}
@media only screen and (min-width: 769px) {
	.section_tab3 h6 {
		font-size: 3rem;
		margin: 0 0 2rem;
		padding: 0 0 0 4.5rem;
	}
	.section_tab3 h6::before {
		width: 3rem;
		height: 3rem;
		border: 1.1rem solid var(--blue1);
		top: 1.5rem;
	}
	.section_tab3 h6 span {
		display: inline-block;
	}
}
.section_tab3 h7 {
	color: var(--blue1);
}
/* 合格者の表 */
.section_tab3 .table_a01 {
	margin: 0 0 6rem;
}
@media only screen and (min-width: 769px) {
	.section_tab3 .table_a01 {
		margin: 0 16rem 10rem;
	}
}



/* 過去の合格者はこちら */
.section_tab3 .p_h8 {
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	color: var(--blue1);
	margin: 0 0 2rem;
}
@media only screen and (min-width: 769px) {
	.section_tab3 .p_h8 {
		font-size: 3rem;
		margin: 0 0 6rem;
	}
}
/* 過去の年度リスト */
@media only screen and (max-width: 768px) {/*スマホ*/
.section_tab3 ul {
	border-top: 1px solid #EEE;
}
.section_tab3 ul li {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
	text-align: center;
	border-bottom: 1px solid #EEE;
	padding: 1rem;
}
.section_tab3 ul li.current {
	position: relative;
}
.section_tab3 ul li.current::before {
    content: "";
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 0.8rem solid var(--blue1);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 2rem;
}
.section_tab3 ul li a {
	color: #777;
	text-decoration: none;
	font-size: 2rem;
}
.section_tab3 ul li.current a {
	color: var(--blue1);
}
}
@media only screen and (min-width: 769px) {/*パソコン*/
.section_tab3 ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
.section_tab3 ul li {
    font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
    width: 20%;
	text-align: center;
	margin: 0 0 4rem;
	cursor: pointer;
}
.section_tab3 ul li::before {
    content: "";
    width: 4rem;
    height: 2rem;
    display: inline-block;
}
.section_tab3 ul li.current {
}
.section_tab3 ul li.current::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    border: 1rem solid var(--blue1);
    border-radius: 50%;
    display: inline-block;
	margin: 0 1.5rem 0 0;
}
.section_tab3 ul li a {
	color: #777;
	text-decoration: none;
	font-size: 3.5rem;
}
.section_tab3 ul li.current a {
	color: var(--blue1);
}
}