@charset "utf-8";

/*
 * CSS Document
 * Name : シニア福祉アドバイザー / style.css
 * Production Date : 2020.1.27
 * Update :
 * Lust Updated :
 * Author : 一般社団法人シニア福祉相談士検定協会 / ds Jam - a.koga
 * Version : v 1.0
 * Bootstrap 3 = none
 * container width = - 1024 / 1023 - 768 / 767 - 500 / 499 - 320
*/

/*
@media screen and (max-width:px) {}
@media screen and (max-width:px) {}
@media screen and (max-width:px) {}
@media screen and (max-width:px) {}
*/

/* =============================================================================
	Reset
============================================================================= */
html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup,
mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre,
ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav,
header, hgroup, footer, img, figure, figcaption, address, time, audio, video,
canvas, iframe, details, summary, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
* {font-family: inherit; font-size: inherit; line-height: inherit;}
a, a:visited, a:hover {
	color: inherit;
	text-decoration: none;
}

article, aside, footer, header, nav, section, main {display: block;}
* {box-sizing: border-box;}
*:before, *:after {box-sizing: inherit;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}
img, video {max-width: 100%;}
img {border-style: none; vertical-align: bottom;}
blockquote, q {quotes: none;}
blockquote:after, blockquote:before, q:after, q:before {content: ""; content:none;}

[hidden] {display: none !important;}
[disabled] {cursor: not-allowed;}
:focus:not(:focus-visible) {outline: none;}

/*スクリーンリーダー専用のユーティリティ*/
.sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    left: -9999px;
    top: -9999px;
}


/* =============================================================================
	 Basic
============================================================================= */
body, button, input, select, textarea {
	font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", 'ヒラギノ角ゴ Pro', "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-size: 100%;
	font-weight: 400;
	text-align: justify;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	color: #303030;
}

a:hover, a:active, a:focus {outline: 0;}
a:hover, a:active {color: #13904d;}



/* =============================================================================
	Common 共通項目
============================================================================= */
/* additional font 追加フォントなど ------------------------------------------ */
.font-serif {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

.secCnt-ttl {
	color: #777;
	font-size: calc(.8em + .5vw);/*20px*/
	line-height: 1.3;
	padding-bottom: .25em;
	border-bottom: 2px solid #5bac2c;
	text-align: center;
	margin-bottom: .35em;
}
.sec-dscp {
	font-size: calc(.75em + .25vw);/*.9375em*/
	line-height: 1.8;
}
.secCnt-link {
	font-size: calc(.75em + .25vw);/*.9375em*/
	text-align: right;
}

.bold {
	color: #777;
	font-weight: bold;
	font-size: 1.07em;
}
.bold-2 {
	color: #666;
	font-weight: bolder;
	font-size: 1em;
}

.red {color: #ea0000;}
a.redbrown {color: #c1272d;}

.caution {
	font-size: calc(.7em + .25vw);
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: .5em;
}

.card-caption {font-size: calc(.7em + .25vw);}


.item-ttl {
	padding-left: .35em;
	border-left: 6px solid #f4ac38;
	color: #444;
	font-size: calc(.9em + .5vw);/*20px*/
	line-height: 1.4;
	margin-bottom: .5em;
}


@media screen and (max-width: 1023px) {
	.secCnt-ttl {
		font-size: 1.1875em;
		letter-spacing: -.05em;
	}
	.sec-dscp {font-size: .9375em;}
	.secCnt-link {font-size: .9375em;}
	.item-ttl {font-size: 1.125em;}
	.caution {font-size: .875em;}
}

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

@media screen and (max-width: 479px) {
	.secCnt-ttl {font-size: 1.125em;}
	.sec-dscp {
		line-height: 1.6;
		font-size: .875em;
	}
	.item-ttl {font-size: 1.0625em;}
	.caution {font-size: .8125em;}
}


/* レイアウト関連 ----------------------------------------------------------- */
.wrap {overflow: hidden;}
.both:after {clear: both;}
.inner {
	margin: 0 auto;
	width: calc(85% + .5vw);
	min-width: 992px;
	max-width: 1088px;
	height: auto;
}

@media screen and (max-width: 1023px) {
	.inner {
		margin: 0 auto;
		width: calc(100% - 32px);
		min-width: inherit;
		max-width: inherit;
		height: auto;
	}
}


/* space　setting */
.sec-marrinBtm {margin-bottom: calc(2.75em + .5vw);}
.mgnbtm-10 {margin-bottom: 10px;}

@media screen and (max-width: 479px) {
	.sec-marrinBtm {margin-bottom: calc(2em + .5vw);}
}



/* sec-titlebar */
.sec-titlebar {
	height: 76px;
	margin-bottom: 24px;/*24px*/
	display: flex;
	align-items: center;
}
.secTtl-mark {
	float: left;
	width: 76px;
	z-index: 100;
}
.secTtl-mark::after {
	content: " ";
	display: block;
	clear: both;
}
.secTtl-txt {
	margin-left: -.5em;
	border-bottom: 1px solid #73bb4a;
}
.secTtl-txt p {
	font-size: 24px;
	line-height: 1;
	padding: 0 .5em .225em .75em;
}


@media screen and (max-width: 1023px) {
	.sec-titlebar {
		height: 68px;
		margin-bottom: 22px;
	}
	.secTtl-mark {width: 68px;}
}

@media screen and (max-width: 767px) {
	.sec-titlebar {
		height: 64px;
		margin-bottom: 20px;
	}
	.secTtl-mark {width: 64px;}
	.secTtl-txt p {
		text-align: left;
		font-size: 21px;
		line-height: 1.2;
		letter-spacing: -.05em;
		padding-bottom: .15em;
	}
}

@media screen and (max-width: 479px) {
	.secTtl-txt {
		margin-left: -.75em;
		padding-left: 0.15em;
	}
	.secTtl-txt p {font-size: 19px}
}



/* section contents flex */
.secCnt-2pieces {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


@media screen and (max-width: 767px) {
	.secCnt-2pieces {display: block;}
}



/* display : flex 設定 */
.flx-sb {
	display: flex;
	justify-content: space-between;
}
.flx-end {
	display: flex;
	justify-content: flex-end;
}
.flx-sbc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}




/* 表示・非表示設定 */
.pc-visible {}
.sm-visible {}

.pc-hidden {display: none;}



/* button ----------------------------------------------------------------- */
a.btn {
	display: block;
	width: auto;
	height: auto;
	padding: 5px 0;
	border-radius: 3px;
	font-size: calc(.7em + .35vw);/*16px*/
	line-height: inherit;
	text-decoration: none;
}
a.btn:visited {color: #fff;}
a.btn:hover {
	color: #fff;
	opacity: .9;
	text-shadow: 1px 1px 2px #bbb;
}
a.btn.link-txt {
	color: #c1272d;
	text-align: right;
}
a.btn.under-txt {
	font-size: 1.05em;
	color: #333;
	line-height: 1;
	text-align: left;
	text-decoration: none;
}
a.btn.link-txt:hover {
	text-decoration: underline;
}


@media screen and (max-width: 767px) {
	a.btn {font-size: 16px;}
	a.btn.link-txt, a.btn.under-txt {font-size: .9375em;}
	a.btn.under-txt {letter-spacing: -.03em;}
}

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



/*============================================================================
	header & navigation
=========================================================================== */
.top-line {
	width: 100%;
	height: 6px;
	background-color: #b6dba1;
	margin-bottom: 10px;
}

#top-head .flex-spbtal {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(1em + .25vw)
}
#top-head .top-logo {width: 26%;}
#top-head .fl-r {width: 72%;}

.fl-r .org-name .sm-visible {display: none;}
.fl-r .org-name .pc-visible {
	text-align: right;
	font-size: calc(.8em + .25vw);
	line-height: 1;
	margin-top: .45em;
	margin-bottom: .65em;
}

nav .menu ul, nav .sub-menu ul {
	display: flex;
	justify-content: flex-end;
	font-size: calc(.7em + .25vw);
	margin-bottom: .4em;
}
nav .menu ul li.sm-visible {display: none;}
nav .menu ul li {
	margin-left: calc(2.25em + .25vw);
	line-height: 1.4;
	text-align: center;
}
nav .sub-menu ul li {margin-left: calc(1.75em + .25vw);}
nav .menu ul li:hover a, nav .sub-menu ul li:hover a {
	color: #3a8c00;
	font-weight: bold;
	text-decoration: underline;
}
nav .menu ul li.active a, nav .sub-menu ul li.active a {color: #3a8c00;}


@media screen and (max-width: 1023px) {
	#top-head {position: relative;}
	#top-head .flex-spbtal {display: block;}
	#top-head .top-logo {width: 32%;}
	.sub-menu.pc-visible {display: none;}
	#top-head .fl-r {
		width: calc(100% - 30px);
		position: absolute;
		top: 0;
		margin-left: auto;
		margin-right: auto;
	}
	nav .menu ul, nav .menu ul li.sm-visible {display: block;}
	nav .menu ul {}
	nav .menu ul li {margin-left: 0;}

	/* nav menu */
	nav .menu {
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0%;
		background: rgba(255, 255, 255, 0.9);
		color: #000;
		text-align: center;
		width: 100%;
		transform: translateY(-100%);
		transition: all 0.6s;
	}
	nav .menu ul {
		width: 100%;
		margin: 0 auto;
		padding: 0
	}
	nav .menu ul li {
		font-size: calc(.85em + .25vw);
		list-style-type: none;
		padding: 0;
		width: 100%;
		border-bottom: 1px dotted #333;
	}
	nav .menu ul li:first-child {border-top: 1px dotted #333;}
	nav .menu ul li:last-child {padding-bottom: 0;}
	nav .menu ul li a {
		display: block;
		color: #000;
		padding: 1em 0;
	}

	/* トグルボタンが押されたときに付与するクラス */
	nav .menu.active {transform: translateY(25%);}

	/* toggle */
	.toggle {
		display: block;
		position: absolute;
		right: 0px;
		top: calc(2em + .5vw);
		width: 45px;
		height: 45px;
		cursor: pointer;
		z-index: 999;
	}
	.toggle span {
		display: block;
		position: absolute;
		width: 33px;
		border-bottom: solid 3px #3a9812;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 6px;
	}
	.toggle span:nth-child(1) {top: 10px;}
	.toggle span:nth-child(2) {top: 20px;}
	.toggle span:nth-child(3) {top: 30px;}

	/* 最初のspanをマイナス45度に */
	.toggle.active span:nth-child(1) {
		top: 18px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* 2番目と3番目のspanを45度に */
	.toggle.active span:nth-child(2),
	.toggle.active span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@media screen and (max-width: 767px) {
	#top-head .fl-r .org-name .pc-visible {display: none;}
	#top-head .fl-r .org-name .sm-visible {
		margin-top: 6px;
		display: block;
		font-size: calc(.8em + .25vw);
		line-height: 1.4;
		width: 12em;
		float: right;
	}
	#top-head .top-logo {width: 42%;}
	.toggle {top: calc(3em + .5vw);}
	nav .menu.active {transform: translateY(25%);}
}

@media screen and (max-width: 599px) {
	.top-line {margin-bottom: 6px;}
	#top-head .top-logo {width: 48%;}
	.toggle {top: calc(2.75em + .5vw);}
	nav .menu.active {transform: translateY(25%);}
}

@media screen and (max-width: 479px) {
	#top-head .fl-r .org-name .sm-visible {display: none;}
	#top-head .top-logo {width: calc(62% + 5vw);}
	.toggle {top: calc(.5em + 2.5vw);}
}



/*============================================================================
	footer
=========================================================================== */
/* lp-link -------------------------------------------------------------- */
.lp-link {
	display: flex;
	justify-content: space-between;
	margin-bottom: calc(2em + .5vw);
}
.lplink-item {
	width: 48.5%;
}
.lplink-item a {display: block;}
.lplink-item:first-child a {border: 3px solid #00a99d;}
.lplink-item:last-child a {border: 3px solid #0060b0;}


@media screen and (max-width: 800px) {
	.lplink-item {width: 49%;}
	.lplink-item a img {display: none;}
	.lplink-item a.eE-bnr {
		width: 100%;
		height: 0;
		padding-top: 63.5135%;
		background: url(../img/common/sm-eE-bnr-img.jpg) no-repeat center top;
		background-size: cover;
	}
	.lplink-item a.mMaga-bnr {
		width: 100%;
		height: 0;
		padding-top: 63.5135%;
		background: url(../img/common/sm-mailMagazin-img.jpg) no-repeat center top;
		background-size: cover;
	}
}

@media screen and (max-width: 479px) {
	.lp-link {
		display: block;
		margin-bottom: 24px;
	}
	.lplink-item {
		margin: 0 auto;
		width: 100%;
	}
	.lplink-item:first-child {margin-bottom: 12px;}
	.lplink-item a.eE-bnr {
		width: 100%;
		height: 0;
		padding-top: 50%;
		background: url(../img/common/eE-bnr-image.jpg) no-repeat center top;
		background-size: cover;
	}
	.lplink-item a.mMaga-bnr {
		width: 100%;
		height: 0;
		padding-top: 50%;
		background: url(../img/common/mailMagazin-img.jpg) no-repeat center top;
		background-size: cover;
	}
}



/* pglink-erea -------------------------------------------------------------- */
.pglink-erea {
	padding: calc(2.5em + .5vw) 0px calc((2.5em + .5vw) - (1.5em + .5vw));
	background-color: #efefdd;
}
.pglink-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pglink-list li {
	width: 23.5%;
	padding: 22px calc(.7em + .35vw) 8px;
	background-color: #fff;
	margin-bottom: calc(1.5em + .5vw);
	border: 1px solid #ccc;
}
.pglink-list li .secCnt-ttl {
	line-height: 1.3;
	margin-bottom: 12px;
}
.pglink-list li .btn.link-txt {padding-top: 10px;}

.pglink-list li.active {
	background-color: rgba(255, 255, 255, 0.7);
}
.pglink-list li.active .btn.link-txt {color: #888;}


@media screen and (max-width: 800px) {
	.pglink-erea {padding: 34px 0 18px}
	.pglink-list li {
		width: 49%;
		margin-bottom: 14px;
	}
}

@media screen and (max-width: 479px) {
	.pglink-erea {padding: 25px 0 15px;}
	.pglink-list {display: block;}
	.pglink-list li {
		width: 100%;
		padding: 14px 15px 6px;
	}
	.pglink-list li .secCnt-ttl {font-size: 1.125em}
}



/* pglink-erea -------------------------------------------------------------- */
.external-link {
	width: 100%;
	height: auto;
	padding: calc((.8em + .5vw) * 1.4) 0px;
	background-color: #d3e0e2;
}

.sbj-list {margin-bottom: calc((.8em + .5vw) * 1.3);}
.sbj-list .secCnt-2pieces {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


/* sbjlink extlink */
.sbjlink-ttl, .extlink-ttl {
	font-size: calc(1.125em + .25vw);/*22px*/
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sbjlink-ttl:after {
	border-top: 1px solid #777;
	content: "";
	width: calc(100% - 6.5em);
}
.extlink-ttl:after {
	border-top: 1px solid #777;
	content: "";
	width: calc(100% - 7.5em);
}

.sbj-item {width: 48.5%;}
.sbj-item img {margin-bottom: 6px;}
.sbj-item.sbj-child img {border: 3px solid #f7931e;}
.sbj-item.sbj-cli img {border: 3px solid #005ca2;}


@media screen and (max-width: 767px) {
	.sbjlink-ttl, .extlink-ttl {margin-bottom: 4px;}
	.sbj-item a img {display: none;}
	.sbj-item a.btn.child-img {
		width: 100%;
		height: 0;
		padding-top: 73.4767%;
		background: url(../img/common/sm-child-ftExt-img.jpg) no-repeat center top;
		background-size: cover;
		border: 3px solid #f7931e;
		margin-bottom: 6px;
	}
	.sbj-item a.btn.cli-img {
		width: 100%;
		height: 0;
		padding-top: 73.4767%;
		background: url(../img/common/sm-nrpa-banner.jpg) no-repeat center top;
		background-size: cover;
		border: 3px solid #0068a6;
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 479px) {
	.external-link {padding: 15px 0 10px;}
	.sbj-list .secCnt-2pieces {display: block;}
	.sbj-item {width: 100%;}
	.sbj-item.sbj-child {margin-bottom: 12px;}
	.sbjlink-ttl, .extlink-ttl {font-size: 1.125em;}
	.sbj-item a.btn.child-img,
	.sbj-item a.btn.cli-img {display: none;}
	.sbj-item > a.btn.under-txt {
		width: 100%;
		height: auto;
		padding: 4px 10px;
		background-color: rgba(255, 255, 255, 0.3);
		border: 2px solid #fff;
		text-align: center;
		font-size: 1.125em;
		line-height: 1.3;
		font-weight: bold;
	}
	.sbj-item.sbj-child > a.btn.under-txt {color: #ef4100;}
	.sbj-item.sbj-cli > a.btn.under-txt {color: #005eab;}
	.sbj-item a .pc-hidden {
		display: block;
		padding-top: 2px;
		text-align: justify;
		font-size: .777778em;
		font-weight: normal;
		color: #333;
	}
	.sbj-item > a.btn.under-txt:hover {background-color: rgba(255, 255, 255, 0.8);}
}


.sec-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.ext-item {width: 23.5%;}
.ext-item img {
	margin-bottom: 6px;
	border: 3px solid #fff;
}


@media screen and (max-width: 767px) {
	.sec-flex {flex-wrap: wrap;}
	.ext-item {
		width: 48.5%;
		margin-bottom: 6px;
	}
	.ext-item img {margin-bottom: 4px;}
}

@media screen and (max-width: 479px) {
	.sec-flex {display: block;}
	.ext-item {
		width: 100%;
		margin-bottom: 10px;
	}
	a.btn.ikiiki-img, a.btn.clinic-img,
	a.btn.gs-img, a.btn.renge-img {display: none;}
	.ext-item > a.btn.under-txt {
		width: 100%;
		height: auto;
		padding: 5px 10px;
		background-color: rgba(255, 255, 255, 0.3);
		border: 2px solid #fff;
		text-align: center;
		font-size: 1.125em;
		line-height: 1.3;
		font-weight: bold;
	}
	.ext-item.ext-ikiiki > a.btn.under-txt {color: #187a3b;}
	.ext-item.ext-clinic > a.btn.under-txt {color: #0c5bb3;}
	.ext-item.ext-grnstf > a.btn.under-txt {color: #237f2d;}
	.ext-item.ext-renge > a.btn.under-txt {color: #43930d;}
	.ext-item > a .pc-hidden {
		display: block;
		padding-top: 2px;
		font-size: .777778em;
		font-weight: normal;
		color: #333;
		padding-bottom: 3px;
	}
}




/* org-memo ----------------------------------------------------------------- */
.org-memo {
	width: 100%;
	height: auto;
	padding: calc(.8em + .5vw) 0px;
	background-color: #333;
}
.org-memo p {
	text-align: center;
	color: #fff;
	line-height: 1.5
}
.test-name {
	font-size: calc(1.25em + .25vw);
	line-height: 1;
	margin-bottom: .25em;
}
.test-name>a:hover {color: #fff;}
.org-memo .org-frame-line {
	margin: 0 auto 6px;
	width: 70%;
	height: 1px;
	background: linear-gradient(to right, #666666, #ffffff, #666666);
	background: -webkit-linear-gradient(left, #666666, #ffffff, #666666);
}
.org-memo .org-name {
	font-size: calc(.9375em + .25vw);
	margin-bottom: 4px;
}
.org-memo .org-address,
.org-memo .tel-fax {font-size: calc(.75em + .25vw);}
.org-memo .email {
	font-size: calc(.8125em + .25vw);
	margin-bottom: 6px;
}
.org-memo .email a:hover {
	color: #fff;
	text-decoration: underline;
}
.org-memo .copyright {font-size: calc(.5625em + .25vw);}


@media screen and (max-width: 767px) {
	.org-memo {padding: 10px 0;}
	.test-name {font-size: 1.25em;}
	.org-memo .org-frame-line {width: 85%;}
	.org-memo .org-name {font-size: 1em;}
	.org-memo .org-address,
	.org-memo .tel-fax {font-size: .75em;}
	.org-memo .copyright {font-size: .6875em;}
}

@media screen and (max-width: 479px) {
	.test-name {font-size: 1.125em;}
	.org-memo .org-frame-line {
		margin-left: -5px;
		width: calc(100% + 10px);
	}
	.org-memo .org-name {
		font-size: .875em;
		margin-bottom: 2px;
	}
	.org-memo .org-address,
	.org-memo .tel-fax {font-size: .6875em;}
	.org-memo .email {font-size: .8125em;}
	.org-memo .org-address span {display: block;}
	.org-memo .copyright {font-size: .625em;}
}



/* =============================================================================
	index - home トップページ
============================================================================= */
.home-hiddn {display: none;}

/* top image erea --------------------------------------------------------- */
.topImage-erea, .pTopImg-erea {
	position: relative;
	width: 100%;
	height: auto;
}
.topImage-erea .top-img,
.pTopImg-erea .top-img {
	width: 78.5%;
	margin-left: 21.5%;
}
.topImage-erea .topImage-copy,
.pTopImg-erea .topImage-copy {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.topImage-copy .topImage-ttl,
.pTopImg-erea .topImage-ttl {
	font-size: calc(1.25em + .75vw);
	color: #006900;
}
.topImage-copy .topImage-txt,
.pTopImg-erea .topImage-txt {
	font-size: calc(.875em + .25vw);
	color: #444;
	line-height: 1.7;
}
.topImage-copy .topImage-txt-sm499-under,
.pTopImg-erea .topImage-txt-sm499-under {display: none;}


@media screen and (max-width: 1023px) {
	.topImage-copy .topImage-ttl,
	.pTopImg-erea .topImage-ttl {font-size: calc(1.1em + .75vw);}
	.topImage-copy .topImage-txt,
	.pTopImg-erea .topImage-txt {font-size: calc(.875em + .25vw);}
}

@media screen and (max-width: 767px) {
	.topImage-copy .topImage-ttl,
	.pTopImg-erea .topImage-ttl {font-size: calc(1.0em + .75vw);}
	.topImage-copy .topImage-txt,
	.pTopImg-erea .topImage-txt {
		font-size: .875em;
		line-height: 1.6;
	}
}

@media screen and (max-width: 599px) {
	.topImage-erea .inner,
	.pTopImg-erea .inner {
		width: calc(100% + 30px);
		margin-left: -15px;
	}
	.topImage-erea, .topImage-erea .topImage-copy,
	.pTopImg-erea, .pTopImg-erea .topImage-copy {position: static;}
	.topImage-erea .top-img, .pTopImg-erea .top-img {
		width: 100%;
		margin-left: 0;
	}
	.topImage-erea .topImage-copy,
	.pTopImg-erea .topImage-copy {
		transform:none;
		width: 100%;
		height: auto;
		background: #f4f4d7;
	}
	.topImage-copy .topImage-ttl,
	.pTopImg-erea .topImage-ttl {
		padding: 1vw 15px 0;
		text-align: center;
	}
	.topImage-copy .topImage-txt,
	.pTopImg-erea .topImage-txt {display: none;}
	.topImage-copy .topImage-txt-sm499-under,
	.pTopImg-erea .topImage-txt-sm499-under {
		display: block;
		padding: 0 30px 1.5vw;
		font-size: .875em;
		line-height: 1.6;
	}
}

@media screen and (max-width: 549px) {
	.topImage-erea .top-img img {
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: 100% 0;
	}
	.pTopImg-erea .top-img img {
		width: 100%;
		height: 158px;
		object-fit: cover;
		object-position: 100% 0;
	}
}

@media screen and (max-width: 479px) {
	.topImage-copy .topImage-ttl,
	.pTopImg-erea .topImage-ttl {
		padding: 1vw 30px 0;
		font-size: 1.1875em;
		letter-spacing: -.05em;
	}
	.topImage-copy .topImage-txt-sm499-under,
	.pTopImg-erea .topImage-txt-sm499-under {
		padding: 0 30px 2vw;
		line-height: 1.5;
	}
}




/* main-contents ================================================ */
/* info-erea ---------------------------------------------------- */
/* sec-titlebar infoTtl-txt */
.infoTtl-txt {}
.infoTtl-txt .eng-ttl {
	font-size: calc(1.45em + .5vw);
	padding: 0 .5em .15em;
	line-height: 1;
	border-bottom: 2px solid #9ccae5;
	margin-left: -3px;
}
.infoTtl-txt .wa-ttl {
	font-size: calc(.9375em + .25vw);/* 1.125em 18px */
	text-align: center;
}


@media screen and (max-width: 767px) {
	.infoTtl-txt .eng-ttl {font-size: 28px;}
	.infoTtl-txt .wa-ttl {font-size: 18px;}
}

@media screen and (max-width: 479px) {
	.infoTtl-txt .eng-ttl {font-size: 24px;}
	.infoTtl-txt .wa-ttl {font-size: 16px;}
}



/* info-erea contents */
.info-erea .secCnt-2flex {
	display: flex;
	justify-content: space-between;
}
.secCnt-2flex .info-l, .secCnt-2flex .info-r {
	width: 49%;
	height: auto;
	padding: 12px calc(18px + .5vw) 15px;/* 30px */
}
.secCnt-2flex .info-l {background: #ebf5eb;}
.secCnt-2flex .info-r {background: #e1f2ff;}



/* notice-info */
.notice-info .noticeInfo-ttl {
	text-align: center;
	line-height: 1.4;
	font-size: 1.125em;
	font-weight: bold;
	color: #ea3c00;
	margin-bottom: .5em;
}
.notice-info .noticeInfo-dscp {
	font-size: .9375em;
	margin-bottom: 1.25em;
}
.notice-info .noticeInfo-dscp a {
	text-decoration: underline;
	color: #0b63b0;
}
.notice-info .noticeInfo-dscp a:hover {
	font-weight: bold;
}

/* 2023/6/15追加 */
.notice-info .dividing-line {
	border-top: 2px dotted #000;
	margin-bottom: 1.25em;
}


@media screen and (max-width: 767px) {
	.notice-info .noticeInfo-ttl {
		font-size: 1.0625em;
		letter-spacing: .075em;
	}
	.notice-info .noticeInfo-dscp {
		font-size: .875em;
		line-height: 1.6;
	}
}

/* testInfo & infoBox */
.infoBox-ttl {
	margin: 0	auto 10px;
	width: calc(165px + 1vw);/*178px*/
}
.test-info, .infoBox {
	background: #fff;
	padding: 15px calc(.75em + .5vw) 10px;
}
.test-info {margin-bottom: calc(.9375em + .25vw);}


/* testInfo */
.test-info .testNum-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: .4em .6em .3em;
	background: #217eb4;
	line-height: 1;
	color: #fff;
	font-size: calc(1.125em + .25vw);/*22px*/
	margin-bottom: .45em;
}
.testNum-bar .test-year {font-size: .8636em;}

.day-region {
	display: flex;
	justify-content: center;
	align-items: baseline;
	line-height: 1;
	margin-bottom: .36em;
}
.day-region .date {
	color: #e41c24;
	font-size: calc(.8em + .5vw);/*20px*/
	font-weight: bold;
}
.day-region .date span {font-size: calc((.8em + .5vw) * 1.4); /*28px*/}
.day-region .place {
	font-size: calc(.75em + .4vw);/*17px*/
	padding-top: .2em;
}
.day-region .place span {font-size: calc((.8em + .5vw) * .8);}

.reserve-btn {
	display: block;
	margin: 14px auto 12px;
	width: 70%;
	background: #c1272d;
	text-align: center;
	color: #fff;
	font-size: calc(.6875em + .5vw);
	line-height: 2.3;
}
.testBtn-links .btn.link-txt {
	text-align: right;
}


@media screen and (max-width: 767px) {
	.info-erea .secCnt-2flex {display: block;}
	.secCnt-2flex .info-l, .secCnt-2flex .info-r {width: 100%;}
	.secCnt-2flex .info-l {margin-bottom: 20px;}
	.infoBox-ttl {width: calc(150px + 1vw);}

	.test-info {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.test-info .testNum-bar {
		flex-direction: column;
		padding-bottom: 6px;
		margin-bottom: 0;
		width: 5.5em;
		text-align: center;
	}
	.testNum-bar .test-num {
		font-size: 20px;
		line-height: 1.3;
		margin-bottom: 4px;
	}
	.testNum-bar .test-year {
		font-size: 18px;
		line-height: 1.5;
	}
	.test-day {width: calc(100% - 6.5em);}

	.day-region {
		justify-content: flex-start;
		margin-left: 1em
	}
	.day-region .date {font-size: 1.125em;}
	.day-region .date span {font-size: calc(1.125em * 1.4);}
	.day-region .place {font-size: 1em;}
	.day-region .place span {display: none;}

	.reserve-btn {
		width: 60%;
		font-size: 16px;
		line-height: 2.3;
	}

}

@media screen and (max-width: 479px) {
	.test-info {display: block;}
	.test-info .testNum-bar {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction:row;
		padding: 4px 8px 2px;
		margin-bottom: 6px;
	}
	.test-day {
		width: 100%;
		text-align: center;
	}
	.day-region {
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}

	.reserve-btn {
		width: 100%;
		line-height: 2.2;
		margin-bottom: 6px;
	}
/* 	.testBtn-links {display: block;} */
	.testBtn-links > .btn.link-txt {text-align: center;}
}



/* Info-news */
.Info-news {
	padding: calc(.6em + .4vw) 0 calc(.2em + .25vw);
	border-bottom: 2px dotted #aaa;
}
.news-1 {padding-top: 0;}
.news-3 {
	padding-bottom: 0;
	border-bottom: none;
}
.news-ttl {
	margin-top: calc((.75em + .4vw) * -.25);
	font-size: calc(.75em + .4vw);/*17px*/
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
.news-ttl:first-letter {color: #b00e0e;}
.news-dscp {
	padding-left: calc(.75em + .4vw);
	font-size: calc(.7em + .35vw);/*16px*/
	line-height: 1.5;
}
.Info-news .btn {
	line-height: 1;
	font-size: calc(.7em + .35vw);/*16px*/
	text-align: right;
}


@media screen and (max-width: 767px) {
	.news-ttl {
		font-size: 17px;
		margin-bottom: 4px;
	}
	.news-dscp {
		padding-left: 17px;
		font-size: 15px;
	}
	.Info-news .btn {font-size: 16px;}
}


@media screen and (max-width: 479px) {
	.news-ttl {
		font-size: 16px;
		margin-bottom: 4px;
	}
	.news-dscp {
		padding-left: 16px;
		font-size: 14px;
	}
	.Info-news .btn {font-size: 15px;}
}




/* about-sect ------------------------------------------------- */
/* about-sect contents */
.about-sect .secCnt-l {
	width: 40%;
	margin-left: 8.1%;
}
.about-sect .secCnt-2pieces .secCnt-r {width: 46.875%;}


@media screen and (max-width: 800px) {
	.about-sect .secCnt-l {
		margin-left: 0;
		width: 44%;
	}
	.about-sect .secCnt-2pieces .secCnt-r {width: 51%;}
}


@media screen and (max-width: 767px) {
	.about-sect .secCnt-2pieces {
		display: flex;
		flex-direction: column-reverse;
	}
	.about-sect .secCnt-l,
	.about-sect .secCnt-2pieces .secCnt-r  {
		margin: 0 auto 14px;
		width: calc(100% - (100px + 1vw));
	}
	.about-sect .secCnt-l {margin-bottom: 0;}
}


@media screen and (max-width: 479px) {
	.about-sect .secCnt-l,
	.about-sect .secCnt-2pieces .secCnt-r {
		width: 100%;
		margin-bottom: 10px;
	}
	.about-sect .secCnt-l {margin-bottom: 0;}
}


/* eE-sect ------------------------------------------------- */
.eEsecTtl-txt {
	margin-left: -.5em;
	border-bottom: 1px solid #ff7b45;
}
.eEsecTtl-txt p {
	font-size: calc(1.1em + .5vw);
	line-height: 1;
	padding: 0 .5em .225em .75em;
}


/* eE-sect contents */
.eE-sect .secCnt-l {
	width: 47%;
}
.eE-sect .secCnt-2pieces .secCnt-r {
	width: 42%;
	margin-right: 4.75%;
	line-height: 1.8;
}



@media screen and (max-width: 800px) {
	.eE-sect .secCnt-l {width: 50%;}
	.eE-sect .secCnt-2pieces .secCnt-r {
		margin-right: 0;
		width: 46%;
	}
}

@media screen and (max-width: 767px) {
	.eEsecTtl-txt p {font-size: 24px;}
	.eE-sect .secCnt-l,
	.eE-sect .secCnt-2pieces .secCnt-r {
		margin: 0 auto 14px;
		width: calc(100% - 140px);
	}
}

@media screen and (max-width: 479px) {
	.eEsecTtl-txt p {
		text-align: left;
		font-size: 21px;
		line-height: 1.1;
		letter-spacing: -.05em;
		padding: 0 .5em .225em .5em;
	}
	.eE-sect .secCnt-l,
	.eE-sect .secCnt-2pieces .secCnt-r {
		width: 100%;
		margin-bottom: 10px;
	}
}


/* other-sect ------------------------------------------------- */
/* other-sect background */
.other-sect {
	margin-top: calc(3.75em + .5vw);
	margin-bottom: calc(3.75em + .5vw);
	padding: calc(30px + .75vw) 0;
	background: #d6ece1;
}


@media screen and (max-width: 767px) {
	.other-sect {
		margin-top: 0;
		padding: 30px 0;
	}
}

@media screen and (max-width: 479px) {
	.other-sect {padding: 25px 0;}
}


/* other-sect title contents */
.other-sect .secCnt-3pieces {
	display: flex;
	justify-content: space-between;
	align-self: flex-start | flex-end | flex-start;
}
.other-sect .secCnt-3pieces .secCnt {
	width: 30.5%;
	height: calc(30.5% * 1.46);
	background: #fff;
	border: 3px solid #fff;
}
.other-sect .secCnt-3pieces .secCnt:first-child,
.other-sect .secCnt-3pieces .secCnt:last-child {margin-top: calc(30px + .75vw);}/*42px*/

.secCnt .secCnt-item {padding: 15px 15px 0px;}


@media screen and (max-width: 767px) {
	.other-sect .secCnt-3pieces {display: block;}
	.other-sect .secCnt-3pieces .secCnt {
		margin: 20px auto 0;
		width: 100%;/*calc(100% - 30px)*/
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.other-sect .secCnt-3pieces .secCnt:first-child {margin-top: 0;}
	.other-sect .secCnt-3pieces .secCnt:last-child {margin-top: 20px;}
	.secCnt .secCnt-img {width: 40%;}
	.secCnt .secCnt-item {width: 60%;}
}

@media screen and (max-width: 479px) {
	.other-sect.sec-marrinBtm {margin-bottom: calc(2em + .5vw);}
	.other-sect .secCnt-3pieces .secCnt {display: block;}
	.secCnt .secCnt-item {padding-top: 10px;}
	.secCnt .secCnt-img {display: none;}
	.secCnt .secCnt-item {width: 100%;}
}


/* mailMagazin ------------------------------------------------- */
.mailMagazin-sect.sec-marrinBtm {margin-bottom: calc(4em + .5vw);}

@media screen and (max-width: 479px) {
	.mailMagazin-sect.sec-marrinBtm {margin-bottom: calc(2.5em + .5vw);}
}



/* mailMagazin titlebar */
.mMaga-ttlMark {
	width: calc(70px + 1.25vw);
	transform: rotate(-15deg);
	z-index: 100;
}
.mMagaTtl-txt .english-ttl {
	font-size: calc(1.5em + .5vw);
	line-height: 1;
	padding: 0 .35em .2em;
	border-bottom: 1px solid #318fc9;
}
.mMagaTtl-txt .wa-ttl {
	font-size: calc(.8em + .5vw);
	line-height: 1;
	padding-top: .3em;
	text-align: center;
}


@media screen and (max-width: 767px) {
	.mMaga-ttlMark {width: 74px;}
	.mMagaTtl-txt .english-ttl {font-size: 28px;}
	.mMagaTtl-txt .wa-ttl {font-size: 18px;}
}

@media screen and (max-width: 479px) {
	.mailMagazin-sect .sec-titlebar {margin-bottom: 20px;}
	.mMaga-ttlMark {width: 67px;}
	.mMagaTtl-txt .english-ttl {font-size: 24px;}
	.mMagaTtl-txt .wa-ttl {font-size: 16px;}
}


/* mailMagazin contents */
.mMaga-flex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}
.mMaga-flex .mMaga-img {width: 52%;}
.mMaga-flex .mMaga-img img {border: 4px solid #0060b0;}
.mMaga-flex .mMaga-txt {
	margin-left: 5%;
	width: 38%;
}
.mMaga-txt .secDscp-ttl {
	font-size: calc(.75em + .4vw);/*17px*/
	font-weight: bold;
	color: #0060b0;
}


@media screen and (max-width: 800px) {
	.mMaga-flex .mMaga-img {width: 56%;}
	.mMaga-flex .mMaga-txt {
		margin-left: 0;
		width: 40%;
	}
}

@media screen and (max-width: 767px) {
	.mMaga-flex {display: block;}
	.mMaga-flex .mMaga-img,
	.mMaga-flex .mMaga-txt {
		margin: 0 auto;
		width: calc(100% - (80px + 1vw));
	}
	.mMaga-flex .mMaga-img {margin-bottom: 10px;}
	.mMaga-txt .secDscp-ttl {font-size: 18px;}
}

@media screen and (max-width: 479px) {
	.mMaga-flex .mMaga-img,
	.mMaga-flex .mMaga-txt {width: 100%;}
	.mMaga-txt .secDscp-ttl {
		font-size: 16px;
		letter-spacing: -.045em;
	}
}




/* =============================================================================
	about シニア福祉アドバイザーとは
============================================================================= */
/* about-01 ---------------------------------------------------------------- */
.about-01 .secCnt-2pieces,
.about-02 .secCnt-2pieces {
	align-items: flex-start;
}
.about-01 .item-l {
	width: 41.67%;
	height: auto;
	margin-left: 3.73%;
}
.about-01 .item-r {width: 48.6%;}

.about-01 .item-l .aboutImg-01 {
	width: 70%;
	margin-top: 18px;
	margin-left: 30%;
}
.about-01 .item-r .aboutFig-01 {
	width: 85%;
	margin-bottom: 22px;
}


@media screen and (max-width: 767px) {
	.about-01 .secCnt-2pieces,
	.about-02 .secCnt-2pieces {display: block;}

	.about-01 .item-l, .about-01 .item-r {
		width: 94%;
		margin-left: 6%;
	}
	.about-01 .item-l .aboutImg-01 {
		margin: 14px auto 30px;
		width: 55%;
	}

	.about-01 .item-r {}
	.about-01 .item-r .aboutFig-01 {display: none;}
	.about-01 .item-r .pc-hidden {
		display: block;
		margin: 0 auto 12px;
		width: 90%;
	}
}

@media screen and (max-width: 499px) {
	.about-01 .item-l, .about-01 .item-r {
		width: 100%;
		margin-left: 0;
	}
	.about-01 .item-l .aboutImg-01 {width: 70%;}
	.about-01 .item-r .pc-hidden img {display: none;}
	.about-01 .item-r .pc-hidden {width: 90%;}
	.about-01 .item-r .pc-hidden div {
		width: 100%;
		height: 0;
		padding-top: 49.69697%;
		background: url(../img/about/about-01b.jpg) no-repeat center top;
		background-size: cover;
	}
}

@media screen and (max-width: 425px) {
	.about-01 .item-r .pc-hidden {width: 100%;}
}


/* about-02 --------------------------------------------------------------- */
.about-02 .ab02-flex-1 .item-l {
	width: 48.6%;
	margin-left: 3.73%;
}
.about-02 .ab02-flex-1 .item-r {
	width: 43.4%;
	height: auto;
	margin-top: calc((.8em + .5vw) * 2.1);
}
.about-02 .ab02-flex-1 .item-r img {border: 1px solid #aaa;}

.about-02 .ab02-flex-2 .item-l {width: 46.875%;}
.about-02 .ab02-flex-2 .item-r {
	width: 41.67%;
	margin-right: 6.7%;
}

ol.dscp-list {margin: 12px 0;}
ol.dscp-list li {
	font-size: .9375em;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.6;
}


@media screen and (max-width: 767px) {
	.about-02 .ab02-flex-1 .item-l,
	.about-02 .ab02-flex-1 .item-r,
	.about-02 .ab02-flex-2 .item-r {
		width: 94%;
		margin-left: 6%;
	}
	.about-02 .ab02-flex-2 .item-l {display: none;}
	.about-02 .ab02-flex-2 .item-r .pc-hidden {
		display: block;
		margin: 0 auto 12px;
		width: 85%;
	}
	ol.dscp-list {margin: 8px 0;}
	ol.dscp-list li {font-size: .875em;}
}

@media screen and (max-width: 499px) {
	.about-02 .ab02-flex-1 .item-l,
	.about-02 .ab02-flex-1 .item-r,
	.about-02 .ab02-flex-2 .item-r {
		width: 100%;
		margin-left: 0;
	}
	.about-02 .ab02-flex-2 .item-r .pc-hidden {width: 100%;}
}



/* =============================================================================
	recommend こんな方におすすめ
============================================================================= */
.flx-wrp {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fwrp-item {
	width: 30%;
	height: auto;
}
.fwrp-img {margin-bottom: 10px;}

.fwrp-item.wrp-02, .fwrp-item.wrp-08 {
	margin-top: calc(2.0em + .5vw);
}
.fwrp-item.wrp-03, .fwrp-item.wrp-09 {
	margin-top: calc((2.0em + .5vw) * 2);
}
.fwrp-item.wrp-04 {
	margin-top: calc((2.0em + .5vw) * -1);
}
.fwrp-item.wrp-06 {
	margin-top: calc(2.0em + .5vw);
}


@media screen and (max-width: 767px) {
	.flx-wrp {display: block;}
	.fwrp-item {
		width: 100%;
		padding: 10px 15px;
		border: 1px solid #ccc;
		display: flex;
	}
	.fwrp-item.wrp-01, .fwrp-item.wrp-02, .fwrp-item.wrp-03, .fwrp-item.wrp-04,
	.fwrp-item.wrp-05, .fwrp-item.wrp-06, .fwrp-item.wrp-07, .fwrp-item.wrp-08,
	.fwrp-item.wrp-09 {margin-top: 20px;}
	.fwrp-item .fwrp-img {
		width: 40%;
		margin-top: .3em;
		margin-right: 4%;
	}
	.fwrp-item div {width: 55%;}
	.fwrp-item .sec-dscp {line-height: 1.6;}
}

@media screen and (max-width: 499px) {
	.fwrp-item {flex-direction: column;}
	.fwrp-item .fwrp-img, .fwrp-item div {width: 100%;}
}


.rcmnd-02 .secCnt-ttl {
	line-height: 1;
	margin-top: .65em;
}
.rcmnd-02 .secCnt-ttl .sign {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: calc(.8em + .5vw);
	height: calc(.8em + .5vw);
	margin-bottom: .3em;
}


@media screen and (max-width: 767px) {
	.rcmnd-02 .secCnt-ttl {margin-top: .25em;}
}

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




/* =============================================================================
	flow 資格取得までの流れ
============================================================================= */
/* flow-info -----------------------------------------------------------------*/
.info-box {
	margin-left: auto;
	margin-right: auto;
	padding: 14px 30px 14px;
	background-color: #ebf5eb;
	width: 70%;
}
.infoBox-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 18px;
}
.infoBox-flex .infoBox-l,
.infoBox-flex .infoBox-r {
	width: 48%;
	height: auto;
	padding: 14px 14px 11px;;
	background-color: #fff;
}
.infoBox-flex .testNum-bar {
	background-color: #217eb4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .4em .6em .3em;
	line-height: 1;
	color: #fff;
	font-size: calc(1.125em + .25vw);/*22px*/
	margin-bottom: .6em;
}
.infoBox-flex .testNum-bar .test-year {font-size: .8636em;}
.infoBox-btn {
	margin: 0 auto;
	width: 50%;
}
.infoBox-btn .reserve-btn {
	margin-bottom: 0;
	font-size: 18px;
}


@media screen and (max-width: 1023px) {
	.flow .day-region {
		display: block;
		text-align: center;
	}
	.flow .day-region .date, .flow .day-region .place {font-size: 1.1875em;}
}

@media screen and (max-width:839px) {
	.flow .info-box {width: 100%;}
}

@media screen and (max-width: 767px) {
	.flow .info-box {
		padding: 10px 18px 14px;
	}
	.flow .infoBox-flex {display: block;}
	.flow .infoBox-flex .infoBox-l, .flow .infoBox-flex .infoBox-r {width: 100%;}
	.flow .infoBox-flex .infoBox-l {margin-bottom: 18px;}
	.flow .testNum-bar {padding: 5px 10px;}
	.flow .test-num {margin-bottom: 0;}
	.flow .test-day {width: 100%;}
	.flow .day-region .date, .flow .day-region .place {
		width: 100%;
		display: block;
		text-align: center;
	}
	.flow .day-region .place span {display: inline-block;}
	.infoBox-btn {width: 70%;}
}

@media screen and (max-width: 479px) {
	.infoBox-btn {width: 100%;}
}



/* flow-01 --------------------------------------------------------------------*/
/* flwItem-01 */
.flwItem-01 {
	width: 90%;
	margin-left: 5%;
}
.flwItem-01.secCnt-2pieces {align-items: flex-start;}
.flwItem-01 .item-l {width: 28%;}
.flwItem-01 .item-r {width: 68%;}

.flwItem-01 .nTxtImg-flow img {border: 1px solid #aaa;}

.item-num {
	font-size: calc(1.125em + .25vw);/*22px*/
	line-height: 1.3;
	display: flex;
	align-items: center;
	margin-bottom: 14px;
}
.item-num img {
	width: 42px;
	margin-right: .75em;
}


@media screen and (max-width: 1023px) {
	.flwItem-01 {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.flwItem-01 {width: 100%;}
	.flwItem-01.secCnt-2pieces {display: block;}
	.flwItem-01 .item-l, .flwItem-01 .item-r {width: 100%;}
	.flwItem-01 .item-l img {
		margin: 0 auto;
		display: block;
		width: 40%;
		margin-bottom: 18px;
	}
	.item-num img {width: 38px;}
}

@media screen and (max-width: 479px) {
	.flwItem-01 .item-l img {width: 60%;}
	.item-num img {width: 32px;}
}

@media screen and (max-width: 374px) {
	.flwItem-01 .item-l img {width: 70%;}
}



.textBuy {
	margin-top: 10px;
	margin-bottom: 12px;
}
.textBuy .textBuy-ttl {
	font-size: calc(.9375em + .25vw);/* 1.125em 18px */
}
.textBuy .textBuy-ttl:before {
	content: "●";
	color: #ff9356;
}
.textBy-list {
	margin-left: calc(.9375em + .25vw);/* 1.125em 18px */
	font-size: 1em;
}
.textBy-list li.price span {
	font-size: 1.125em;
	font-weight: bold;
	color: #555;
}


@media screen and (max-width: 1023px) {
	.txtBy-tbl .txtBy-tbl-l, .txtBy-tbl .txtBy-tbl-r {font-size: .9375em;}
	.textBy-list li.price span {font-size: calc(.9375em * 1.125);}
}

@media screen and (max-width: 767px) {
	.textBy-list {
		display: flex;
		flex-wrap: wrap;
		margin-left: 0;
	}
	.textBy-list li:nth-child(odd) {
		width: 20em;
		line-height: 1.5;
	}
}

@media screen and (max-width: 599px) {
	.textBuy {
		margin: 10px auto 12px;
		width: 20em;
	}
	.textBy-list {
		display: block;
		font-size: .9375em;
	}
	.textBy-list li {width: 100%;}
}

.buy-btn {
	display: flex;
	justify-content: space-between;
}
.buy-btn .btn {
	font-size: calc(.9375em + .25vw);/* 1.125em 18px */
	color: #fff;
	text-align: center;
	text-decoration: none;
	width: 48%;
}
.buy-btn .amazon-btn {
	background-color: #0071bc;
}
.buy-btn .kyokai-btn {background-color: #269f94;}
.buy-btn .btn:hover {opacity: .9;}


@media screen and (max-width: 599px) {
	.buy-btn .btn {width: 48.5%;}
}



/* flwItem-02 / flwItem-03 */
.flwItem-02, .flwItem-03 {width: 80%;}
.flwItem-02	{
	margin-left: auto;
	margin-right: auto;
}
.flwItem-03 {margin-left: 20%;}

.flwItem-02.secCnt-2pieces, .flwItem-03.secCnt-2pieces {align-items: flex-start;}
.flwItem-02 .item-l, .flwItem-03 .item-l {width: 52%;}
.flwItem-02 .item-r, .flwItem-03 .item-r {
	width: 43%;
	position: relative;
	top: 64px;
}


.item-r-img {position: relative;}
.item-r-img .itemImg-ttl img{
	position: absolute;
	top: 50;
	left: 50;
	transform: translateY(-50%) translateX(-50%);
	width: 95%;
}


@media screen and (max-width: 767px) {
	.flwItem-02.secCnt-2pieces {display: block;}
	.flwItem-02 .item-l, .flwItem-03 .item-l,
	.flwItem-02 .item-r, .flwItem-03 .item-r {width: 100%; top: 0;}
	.flwItem-02 .item-l, .flwItem-03 .item-l {margin-bottom: 14px;}
	.flwItem-02 .item-r img, .flwItem-03 .item-r img {
		display: block;
		margin: 0 auto;
		width: 70%;
	}
}

@media screen and (max-width: 599px) {
	.flwItem-02, .flwItem-03 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (max-width: 479px) {
	.flwItem-02 .item-r img, .flwItem-03 .item-r img {
		width: 90%;
	}
}




/* flow-02 --------------------------------------------------------------------*/
/* sec-intro */
.sec-intro {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-around;
	align-items: flex-start;
}
.sec-intro .intro-img {
	width: 47%;
	margin-top: calc((.75em + .25vw) * .4);
}
.sec-intro .sec-dscp {width: 49%;}


@media screen and (max-width: 767px) {
	.sec-intro {
		display: block;
		margin-bottom: 24px;
	}
	.sec-intro .intro-img, .sec-intro .sec-dscp {width: 100%;}
	.sec-intro .intro-img {margin-bottom: 12px;}
	.sec-intro .intro-img img {
		display: block;
		margin: 0 auto;
		width: 80%;
	}
	.sec-intro .sec-dscp {margin-bottom: 0;}
}

@media screen and (max-width: 479px) {
	.sec-intro .intro-img img {width: 100%;}
}


/* flw2Item-01 */
.flw2Item-01.secCnt-2pieces {align-items: flex-start;}
.flw2Item-01 .item-l {width: 49%;}
.flw2Item-01 .item-r {width: 47%;}

.flw2Item-01 .item-r .info-box {
	margin: 0;
	width: 100%;
	padding: 12px 24px 15px;
}
.flw2Item-01 .infoBox-flex {display: block;}
.flw2Item-01 .infoBox-flex .infoBox-l,
.flw2Item-01 .infoBox-flex .infoBox-r {
	width: 100%;
	margin-bottom: 12px;
	padding: 12px 12px 5px;
}
.flw2Item-01 .infoBox-flex .infoBox-l .testNum-bar,
.flw2Item-01 .infoBox-flex .infoBox-r .testNum-bar {
	margin-bottom: .3em;
}
.flw2Item-01 .info-box .infoBox-btn {width: 100%;}
.flw2Item-01 .info-box .infoBox-btn a.reserve-btn {
	font-size: 1em;
}


@media screen and (max-width: 767px) {
	.flw2Item-01.secCnt-2pieces {display: block:}
	.flw2Item-01 .item-l {width: 100%;}
	.flw2Item-01 .item-r {display: none;}
}

@media screen and (max-width: 479px) {
	.flw2Item-01 .item-r {width: 100%;}
}


/* flw2Item-02 */
.flw2Item-02.secCnt-2pieces {
	width: 90%;
	margin-left: 10%;
	align-items: flex-start;
}
.flw2Item-02 .item-l {width: 50%}
.flw2Item-02 .item-r {
	width: 46%;
	margin-top: 62px;
}


@media screen and (max-width: 767px) {
	.flw2Item-02.secCnt-2pieces {
		display: block;
		margin-left: 0;
		width: 100%;
	}
	.flw2Item-02 .item-l, .flw2Item-02 .item-r {width: 100%; margin-top: 0;}
	.flw2Item-02 .item-r img {
		display: block;
		margin: 22px auto 0;
		width: 80%;
	}
}

@media screen and (max-width: 479px) {
	.flw2Item-02 .item-r img {width: 100%;}
}


/* flw2Item-03 */
.flw2Item-03 {width: 90%;}
.flw2Item-03 .item-r.secCnt-2pieces {align-items: flex-start;}
.flw2Item-03 .item-r .itm-l-l {
	width: 54%;
	margin-bottom: 3rem;
}
.flw2Item-03 .item-r .itm-r-r {width: 42%;}

.price-box {
	margin: .5rem 0;
	padding: .33em 1em;
	border: 1px solid #aaa;
}
.price-txt {
	margin: 0;
	padding: 0;
	font-size: .9375rem;
	line-height: 1.3;
}
.amount {
	color: #444;
	font-size: 1.0625rem;
	font-weight: bold;
}
.price-box .caution {margin-top: .25em;}


.flw2Item-03 ol.docu-list {
	margin: .5rem 0;
	padding: .33em 1em;
	border: 1px solid #aaa;
}
.flw2Item-03 ol.docu-list li {
	color: #444;
	font-weight: bold;
}
.flw2Item-03 ol.docu-list span {
	color: #333;
	font-weight: normal;
}

@media screen and (max-width: 480px) {
	.flw2Item-03 ol.docu-list span {
		display: block;
		padding-left: 1em;
		line-height: 1.4;
	}
}

.flw2Item-03 .item-box {
	padding: 12px 14px;
	background-color: #eeeeee;
	margin-bottom: 16px;
	line-height: 1.6;
}
.flw2Item-03 .item-box.item-box-2 {margin-bottom: 24px;}
.flw2Item-03 .item-box dt {
	color: #666;
	font-size: 1.0625rem;
	font-weight: bold;
}
.flw2Item-03 .item-box dd {
	margin-left: 1.0em;
	font-size: 1rem;
}

/* appForm-dlBtn-area */
.appForm-dlBtn-area .area-title {
	width: 100%;
	border-radius: 18px 18px 0px 0px;
	background-color: #f1610e;
	text-align: center;
	line-height: 2;
	font-size: 1.125rem;
	color: #fff;
	margin-bottom: 8px;
}
.appForm-dlBtn-area .sec-dscp {
	font-size: .875rem;
	line-height: 1.5;
	margin-bottom: 12px;
}
.appForm-dlBtn-area .btn {
	width: 100%;
	line-height: 1.8;
	text-align: center;
	color: #fff;
	font-size: 1rem;
	border-radius: 8px;
}
.appForm-dlBtn-area .btn:hover {
	font-size: 1.0625rem;
	font-weight: normal;
}
.appForm-dlBtn-area .dl-PDF {
	background-color: #00b231;
	margin-bottom: 12px;
}
.appForm-dlBtn-area .dl-PDF:hover {background-color: #00932b;}
.appForm-dlBtn-area .dl-word {
	background-color: #1397ee;
	margin-bottom: 12px;
}
.appForm-dlBtn-area .dl-word:hover {background-color: #127dc4;}
.appForm-dlBtn-area .dl-excel {background-color: #b49e10;}
.appForm-dlBtn-area .dl-excel:hover {background-color: #9d8800;}


@media screen and (max-width: 767px) {
	.flw2Item-03 {width: 100%;}
	.flw2Item-03 .item-r.secCnt-2pieces {display: block;}
	.flw2Item-03 .item-r .itm-l-l {margin-bottom: 1rem;}
	.flw2Item-03 .item-r .itm-l-l, .flw2Item-03 .item-r .itm-r-r {width: 100%;}
	.flw2Item-03 .item-box.item-box-1 {
		margin-top: 18px;
	}
}

/* 価格改定のお知らせ 2023/6/16追加 */
.priceRevision-attention-wrapper {
	text-align: center;
	margin-top: 8px;
}
.priceRevision-attention {
	display: inline-block;
	font-size: 1rem;
	color: #ed1c24;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
}

.priceRevision-attention:hover {
	text-decoration: underline;
}

.priceRevision-attention::before {
	content: '〈';
	position: absolute;
	top: 0;
	left: -16px;
}

.priceRevision-attention::after {
	content: '〉';
	position: absolute;
	top: 0;
	right: -16px;
}

.priceRevision-attention .br-sp {
	display: none;
}

@media (max-width: 800px) {
	.priceRevision-attention {
		display: block;
		color: #fff;
		background: #ed1c24;
		padding: 8px;
		margin-top: 8px;
	}

	.priceRevision-attention:hover {
		text-decoration: none;
		opacity: .8;
	}

	.priceRevision-attention::before {
		display: none;
	}

	.priceRevision-attention::after {
		display: none;
	}

	.priceRevision-attention .br-sp {
		display: block;
	}
}

@media (max-width: 500px) {

	.priceRevision-attention {
		padding: 8px 0;
	}
}

@media (max-width: 374px) {
	.priceRevision-attention {
		font-size: .9375rem;
	}
}




/* flex-3p / flw2Item-04, flw2Item-05, flw2Item-06 */
.flex-3p {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.5rem
}
.flex-3p .f3p-item {width: 30%;}
.flex-3p .flw2Item-04, .flex-3p .flw2Item-05 {margin-right: 5%;}
.flex-3p .flw2Item-05 {margin-top: calc(2.25em + .5vw);}
.flex-3p .flw2Item-06 {margin-top: calc((2.25em + .5vw) * 2);}


@media screen and (max-width: 767px) {
	.flex-3p {display: block;}
	.flex-3p .f3p-item {width: 100%;}
	.flex-3p .flw2Item-04, .flex-3p .flw2Item-05, .flex-3p .flw2Item-06 {
		margin-top: calc(2.25em + .5vw);
	}
}



/* flw2Item-07 */
.flw2Item-07 .secCnt-2pieces {
	justify-content: flex-start;
	align-items: flex-start;
}
.flw2Item-07 .secCnt-2pieces .item-l {
	width: 45.6%;
	margin-right: 4%;
}
.flw2Item-07 .secCnt-2pieces .item-r {width: 21%;}


@media screen and (max-width: 767px) {
	.flw2Item-07 {margin-top: calc(2.25em + .5vw);}
	.flw2Item-07 .secCnt-2pieces {display: block;}
	.flw2Item-07 .secCnt-2pieces .item-l,
	.flw2Item-07 .secCnt-2pieces .item-r {
		width: 100%;
		margin-right: 0;
	}
	.flw2Item-07 .secCnt-2pieces .item-r {
		margin: 18px auto 0;
		width: 50%;
	}
}

@media screen and (max-width: 479px) {
	.flw2Item-07 .secCnt-2pieces .item-r {width: 70%;}
}



/* =============================================================================
	textbook 公式テキストについて
============================================================================= */
.textbook .item-ttl {
	padding-left: 1em;
	border-left: none;
	text-indent: -1em;
}
.textbook .item-ttl::before {
	content: "■";
	color: #2693a1;
}
/* txtbk-01 ------------------------------------------------------------------*/
.txtbk-01 .txtbk-flx {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.txtbk-flx.secCnt-2pieces {align-items: flex-start;}

.txtbk-01 .txtbk-flx .item-l {
	width: 40%;
	margin-right: 4%;
}
.txtbk-01 .txt-img img {
	border: 1px solid #aaa;
}
.txtbk-01 .txtbk-flx .item-r {
	width: 56%;
	margin-top: calc((.75em + .25vw) * .4 * -1);
}


@media screen and (max-width: 1023px) {
	.txtbk-01 .txtbk-flx {width: 100%;}
	.txtbk-01 .txtbk-flx .item-l {width: 35%;}
	.txtbk-01 .txtbk-flx .item-r {width: 61%;}
	.textBuy {}
}


@media screen and (max-width: 767px) {
	.txtbk-01 .txtbk-flx {width: 100%;}
	.txtbk-flx.secCnt-2pieces {
		display: block;
	}
}



/* txtbk-02 ------------------------------------------------------------------*/
/* item-01 */
.txtbk-02 .item-01 {}
.txtbk-02 .txtbk-flx {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.txtbk-02 .txtbk-flx .item-l {
	width: 73%;
	height: auto;
}
.txtbk-02 .txtbk-flx .item-r {width: 25%;}

.txtbk-02 .btn.dl-btn.seigoFDF {
	margin: 0 auto;
	width: 60%;
	padding: 6px 15px;
	background-color: #007cc4;
	color: #fff;
	font-size: 1.125em;
	text-align: center;
	border-radius: 22px
}


@media screen and (max-width: 1023px) {
	.txtbk-02 .txtbk-flx.secCnt-2pieces {
		display: block;
	}
	.txtbk-02 .txtbk-flx .item-l {
		width: 100%;
		margin-bottom: 18px;
	}
	.txtbk-02 .txtbk-flx .item-r {
		margin: 0 auto;
		width: 80%;
		height: auto;
	}
	.txtbk-02 .txtbk-flx .item-r div img {display: none;}
	.txtbk-02 .txtbk-flx .item-r .txtbkImg-02 div {
		width: 100%;
		height: 0;
		padding-top: 25.3164%;
		background: url(../img/textbook/txtbkImg-2-sm.jpg) no-repeat center center;
		background-size: cover;
	}
}

@media screen and (max-width: 479px) {
	.txtbk-02 .txtbk-flx .item-r {width: 100%;}
}



/* table */
.txtbk-tbl {
	line-height: 1.6;
	margin-bottom: 8px;
}
.txtbk-tbl tr {border-bottom: 3px solid #fff;}
.txtbk-tbl th {border-right: 3px solid #fff;}
.txtbk-tbl th.th-1 {
	padding: 0 1em;
	background-color: #a5a5a5;
	color: #fff;
}
.txtbk-tbl th.th-2 {
	font-size: .9375em;
	padding: 0 1em;
	background-color: #e0e0e0;
	color: #555;
}
.txtbk-tbl td {
	font-size: .9375em;
	padding: .5em 1em;
	background-color: #efefef;
}


@media screen and (max-width: 767px) {
	.txtbk-tbl {display: none;}
	.txtbk-contents.pc-hidden {
		display: block;
	}
	.txtbk-contents .curclm {
		margin-left: 1.5em;
		font-size: .9375em;
		line-height: 1.6;
		margin-bottom: .5em;
	}
	.txtbk-contents .curclm dd {
		margin-left: 4.5em;
	}
}

@media screen and (max-width: 479px) {
	.txtbk-contents .curclm {
		margin-left: 0;
		font-size: .875em;
	}
	.txtbk-contents .curclm dd {
		margin-left: 0.85em;
		padding-left: 4.1em;
		text-indent: -4.1em;
	}
}


/* item-02 */
.txtbk-02 .item-02 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.txtbk-02 .item-02 .item-l {
	width: 41%;
	position: relative;
}
.txtbk-02 .item-02 .item-l div {border: 1px solid #ccc;}
.txtbk-02 .item-02 .item-l .dl-btn {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  width: 95%;
  background-color: #318fc9;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.8;
  text-align: center;
  border-radius: 1.1em;
}
.txtbk-02 .item-02 .item-l .dl-btn:hover {opacity: .9;}
.txtbk-02 .item-02 .item-r {
	width: 55%;
}


@media screen and (max-width: 1023px) {
	.txtbk-02 .item-02 .txtbk-flx.secCnt-2pieces {
		display: flex;
		justify-content: space-between;
	}
	.txtbk-02 .item-02 {width: 100%;}
	.txtbk-02 .item-02 .item-l {}
}

@media screen and (max-width: 767px) {
	.txtbk-02 .item-02 .item-l .dl-btn {font-size: 1em;}
}

@media screen and (max-width: 599px) {
	.txtbk-02 .item-02 .txtbk-flx.secCnt-2pieces {display: block;}
	.txtbk-02 .item-02 .item-l {
		margin: 0 auto;
		width: 70%;
		margin-bottom: 14px;
	}
	.txtbk-02 .item-02 .item-r {width: 100%;}
}
@media screen and (max-width: 475px) {
	.txtbk-02 .item-02 .item-l {width: 90%;}
}


/* =============================================================================
	co-org 企業・団体の方へ
============================================================================= */
/* coOrg-01 ------------------------------------------------------------------*/
.coOrg-01 .coOrg-flex {
	align-items: flex-start;
	width: 85%;
	margin-left: 4%;
}
.coOrg-01 .coOrg-flex .item-l {width: 36%;}
.coOrg-01 .coOrg-flex .item-r {
	width: 60%;
	margin-top: calc((.8em + .5vw) * .2 * -1);
}
.sec-dscp.mgnBtm {margin-bottom: 8px;}


@media screen and (max-width: 1023px) {
	.coOrg-01 .coOrg-flex {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.coOrg-01 .coOrg-flex {display: block;}
	.coOrg-01 .coOrg-flex .item-l {display: none;}
	.coOrg-01 .coOrg-flex .item-r {width: 100%;}
	.coOrg-01 .coOrg-flex .item-l img {
		margin: 14px auto 0;
		width: 55%;
	}
}

@media screen and (max-width: 479px) {
	.coOrg-01 .coOrg-flex .item-l img {width: 80%;}
}



/* coOrg-02 ------------------------------------------------------------------*/
.coOrgSec-inner {
	width: 96%;
	margin-left: 4%;
}
.coOrg-02 .coOrg-flex {
	flex-direction: row-reverse;
	align-items: flex-start;
}
.coOrg-02 .coOrg-flex .item-l {
	width: 53%;
	margin-top: calc((.75em + .25vw) * .4);
}
.coOrg-02 .coOrg-flex .item-r {width: 44%;}
.coOrgSec-inner .pdfDl-btn {
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	background-color: #237bb8;
	color: #fff;
	text-align: center;
	font-size: 1.125em;
}


@media screen and (max-width: 1023px) {
	.coOrgSec-inner {
		width: 100%;
		margin-left: 0;
	}
	.coOrg-02 .coOrg-flex .item-l {width: 35%;}
	.coOrg-02 .coOrg-flex .item-l img {display: none;}
	.coOrg-02 .coOrg-flex .item-l div {
		width: 100%;
		height: 0;
		padding-top: 68.718%;
		background: url(../img/co-org/co-org-img-1-sm.jpg) no-repeat center top;
		background-size: cover;
	}
	.coOrg-02 .coOrg-flex .item-r {width: 62%;}
}

@media screen and (max-width: 767px) {
	.coOrg-02 .coOrg-flex {display: block;}
	.coOrg-02 .coOrg-flex .item-l,
	.coOrg-02 .coOrg-flex .item-r {width: 100%;}
	.coOrg-02 .coOrg-flex .item-l div {
		background: none;
		padding-top: 0;
		width: 100;
		height: auto;
	}
	.coOrg-02 .coOrg-flex .item-l img {
		display: block;
		margin: 18px auto 14px;
		width: 85%;
	}
	.coOrgSec-inner .pdfDl-btn {
		width: 70%;
		font-size: 1em;
	}
}

@media screen and (max-width: 479px) {
	.coOrg-02 .coOrg-flex .item-l img {width: 100%;}
	.coOrgSec-inner .pdfDl-btn {
		width: 100%;
		font-size: .9375em;
	}
}



/* coOrg-03 ------------------------------------------------------------------*/
.coOrgSec-inner.mgnBtm {margin-bottom: 20px;}
.coOrgSec-inner.mgntop {margin-top: 20px;}


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

}


/* coOrg-04 ------------------------------------------------------------------*/
.coOrg-04 .sec-dscp.wigth-limit {width: 75%;}

.coOrg-04 .coOrg-flex {
	align-items: flex-start;
}
.coOrg-04 .coOrgSec-inner .item-l {width: 60%;}
.coOrg-04 .coOrgSec-inner .item-r {width: 35%;}
.coOrg-04 .coOrgSec-inner .item-r a.btn {
	margin-top: .4em;
	padding: .75rem 1.5rem;
	width: 100%;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.info-tel .infoTel-txt {
	font-size: 1.125rem;
	line-height: 2;
}
.info-tel .infoTel-txt span {color: #c20000}
.info-tel .tel-num {
	font-size: 1.5rem;
	line-height: 1;
	font-weight: bold;
	color: #777;
}

.how-apply, .apply-txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.apply-txt {align-items: flex-start;}
.how-apply .apply-box {
	width: 22%;
	padding: 10px;
	background-color: #c8e6ff;
	margin-bottom: 12px;
}
.how-apply .apply-box p {
	font-size: 1.125em;
	line-height: 1.5;
	text-align: center;
}

.how-apply .apply-arrow {
	width: 0;
  height: 0;
  border-left: 30px solid #ff9356;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}

.apply-txt li {width: 22%;}


@media screen and (max-width: 1023px) {
	.coOrg-04 .sec-dscp.wigth-limit {width: 90%;}
	.how-apply .apply-box p {font-size: 1.0625em;}
	.how-apply .apply-arrow {
		width: 0;
	  height: 0;
	  border-left: 25px solid #ff9356;
	  border-top: 25px solid transparent;
	  border-bottom: 25px solid transparent;
	}
}

@media screen and (max-width: 767px) {
	.coOrg-01 .item-r .sm-img.pc-hidden {
		display: block;
		margin: .5rem auto 1rem;
		width: 60%;
	}
	.coOrg-04 .sec-dscp.wigth-limit {width: 100%;}
	.coOrg-04 .coOrgSec-inner div {display: none;}
	.coOrg-04 .how-appTxt.pc-hidden {display: block;}
	.how-appTxt li .app-ttl {
		margin: 14px 0 6px;
		color: #777;
		font-size: 1.0625em;
		font-weight: bold;
		line-height: 1.6;
	}
	.how-appTxt li .app-ttl img {
		width: 28px;
		margin-right: .5em;
	}
	.how-appTxt li .sec-dscp {margin-left: 2.5em;}
}

@media screen and (max-width: 600px) {
	.coOrg-01 .item-r .sm-img.pc-hidden {width: 70%;}
}

@media screen and (max-width: 480px) {
	.coOrg-01 .item-r .sm-img.pc-hidden {
		width: 80%;
		margin-bottom: .75rem;
	}
}

@media screen and (max-width: 375px) {
	.coOrg-01 .item-r .sm-img.pc-hidden {width: 100%;}
}



/* =============================================================================
	license 認定者の皆さまへ
============================================================================= */
/* lcns-01 -------------------------------------------------------------------*/
.lcns-01 .lcnsSec-inner {
	width: 96%;
	margin-left: 4%;
}
.lcns-01 .lcns-flex.secCnt-2pieces {
	flex-direction: row-reverse;
}
.lcns-01 .item-l {width: 33%}
.lcns-01 .item-r {width: 63%;}
.lcns-01 .item-l div {border: 1px solid #ccc;}


/* btn-erea */
.btn-erea {
	width: 96%;
	margin-top: 20px;
	margin-left: 4%;
	display: flex;
	justify-content: center;
}
.btn-erea .wSheet-btn, .btn-erea .enquiry-btn {
	margin: 0 15px;
	width: 35%;
	background-color: #237bb8;
	font-size: 1.125em;
	text-align: center;
	color: #fff;
}


@media screen and (max-width: 1023px) {
	.lcns-01 .lcns-flex.secCnt-2pieces {
		align-items: flex-start;
	}
	.lcns-01 .item-l {
		width: 40%;
		margin-top: calc((.75em + .25vw) * .4);
	}
	.lcns-01 .item-r {width: 57%;}
	.btn-erea .wSheet-btn, .btn-erea .enquiry-btn {
		width: 42%;
		font-size: 1.0625em;
	}
}

@media screen and (max-width: 767px) {
	.lcns-01 .lcnsSec-inner {
		width: 100%;
		margin-left: 0;
	}
	.lcns-01 .lcns-flex.secCnt-2pieces {
		display: block;
	}
	.lcns-01 .item-l, .lcns-01 .item-r {width: 100%;}
	.lcns-01 .item-l {margin-bottom: 16px;}
	.lcns-01 .item-l div {
		margin: 0 auto;
		width: 60%;
	}
	.btn-erea {
		width: 100%;
		margin-left: 0;
		justify-content: space-between;
	}
	.btn-erea .wSheet-btn, .btn-erea .enquiry-btn {
		margin: 0;
		width: 48.5%;
		font-size: 1em;
	}
}

@media screen and (max-width: 499px) {
	.lcns-01 .item-l div {width: 90%;}
	.btn-erea {display: block;}
	.btn-erea .wSheet-btn, .btn-erea .enquiry-btn {
		margin: 0 auto;
		width: 100%;
		font-size: .9375em;
	}
	.btn-erea .wSheet-btn {margin-bottom: .75em;}
}



/* lcns-02 / lcns-03 -----------------------------------------------------------*/
.lcns-02 .lcns-flex.secCnt-2pieces,
.lcns-03 .lcns-flex.secCnt-2pieces {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	align-items: flex-start;
}
.lcns-02 .lcns-flex.secCnt-2pieces .item-l,
.lcns-03 .lcns-flex.secCnt-2pieces .item-l,
.lcns-02 .lcns-flex.secCnt-2pieces .item-r,
.lcns-03 .lcns-flex.secCnt-2pieces .item-r {width: 47%;}


/* lcns-02 only */
/* .lcns-02 .lcns-flex.secCnt-2pieces .item-r {margin-top: calc(3.75em + .5vw);} */
.lcns-02 .item-img {margin-bottom: 14px;}
.lcns-list {
	font-size: .9375em;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.6;
	margin-bottom: 12px;
}
.case-btn {
	margin: 0 auto;
	width: 90%;
}
.case-btn .caseApp-btn {
	margin: 20px auto;
	width: 40%;
	background-color: #237bb8;
	font-size: 1.125em;
	text-align: center;
	color: #fff;
}


@media screen and (max-width: 1023px) {
	.case-btn .caseApp-btn {
		width: 60%;
		font-size: 1.0625em;
	}
}

@media screen and (max-width: 767px) {
	.lcns-02 .lcns-flex.secCnt-2pieces,
	.lcns-03 .lcns-flex.secCnt-2pieces {
		display: block;
		width: 100%;
	}
	.lcns-02 .lcns-flex.secCnt-2pieces .item-l,
	.lcns-02 .lcns-flex.secCnt-2pieces .item-r,
	.lcns-03 .lcns-flex.secCnt-2pieces .item-l,
	.lcns-03 .lcns-flex.secCnt-2pieces .item-r {
		width: 100%;
		position: relative;
	}
/*
	.lcns-02 .lcns-flex.secCnt-2pieces .item-r,
	.lcns-03 .lcns-flex.secCnt-2pieces .item-r {margin-top: 2em;}
*/
	.lcns-02 .lcns-flex.secCnt-2pieces .item-l .item-ttl,
	.lcns-02 .lcns-flex.secCnt-2pieces .item-r .item-ttl {
		position: absolute;
		top: 0;
	}
	.lcns-02 .lcns-flex.secCnt-2pieces .item-l .item-img,
	.lcns-02 .lcns-flex.secCnt-2pieces .item-r .item-img {
		margin: 0 auto .75em;
		padding-top: 2.5em;
		width: 70%;
	}
	.case-btn .caseApp-btn {width: 80%;}
}

@media screen and (max-width: 499px) {
	.lcns-02 .lcns-flex.secCnt-2pieces .item-l .item-img,
	.lcns-02 .lcns-flex.secCnt-2pieces .item-r .item-img {
		width: 100%;
		padding-top: 2em;
	}
	.lcns-02 .lcns-flex.secCnt-2pieces .item-r,
	.lcns-03 .lcns-flex.secCnt-2pieces .item-r {margin-top: 1.5em;}
	.case-btn {width: 100%;}
	.case-btn .caseApp-btn {
		width: 100%;
		font-size: .9375em;
	}
}


/* lcns-03 only */
.btn.cardUpdate-btn {
	margin: 20px auto;
	width: 80%;
	background-color: #f48611;
	color: #fff;
	font-size: 1.125em;
	text-align: center;
}



@media screen and (max-width: 1023px) {
	.btn.cardUpdate-btn {
		width: 100%;
		font-size: 1.0625em;
	}
}

@media screen and (max-width: 767px) {
	.btn.cardUpdate-btn {width: 70%;}
}

@media screen and (max-width: 499px) {
	.btn.cardUpdate-btn {
		width: 100%;
		font-size: .9375em;
	}
}


/* =============================================================================
	faq よくあるご質問
============================================================================= */
/* faq-link ------------------------------------------------------------------*/
ul.faq-link {
	margin: -14px auto calc((3.75em + .5vw) * .5);
	padding: .25em 0;
	width: 70%;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
ul.faq-link li {margin: .25em 1em;}
ul.faq-link li::before {
	content: "■";
	font-size: .875em;
	padding-right: .15em;
	margin-bottom: .0625em;
	color: #777;
}
ul.faq-link li:hover::before {color: #b7282c;}
ul.faq-link li a:hover {
	color: #b7282c;
	text-decoration: underline;
}


@media screen and (max-width: 1023px) {
	ul.faq-link {width: 75%;}
}

@media screen and (max-width: 767px) {
	ul.faq-link {
		width: 100%;
		font-size: .9375em;
		line-height: 1.6;
		margin: -14px auto 36px;
	}
}


.faq-flex.secCnt-2pieces {
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	align-items: flex-start;
}
.faq-flex.secCnt-2pieces .item-l {width: 19%;}
.faq-flex.secCnt-2pieces .item-r {width: 77%;}


.faqPart-ttl {
	padding: 1.4em .5em;
	background-color: #26ac94;
	color: #fff;
	font-size: calc(1.125em + .25vw);/*22px*/
	line-height: 1.4;
	text-align: center;
	border-radius: 8px;
}


@media screen and (max-width: 1023px) {
	.faqPart-ttl {font-size: 1.25em;}
}

@media screen and (max-width: 767px) {
	.faq-part {margin-bottom: 36px;}
	.faq-flex.secCnt-2pieces {
		display: block;
	}
	.faq-flex.secCnt-2pieces .item-l,
	.faq-flex.secCnt-2pieces .item-r {
		width: 100%;
	}
	.faqPart-ttl {
		padding: .5em 0;
		width: 100%;
		font-size: 1.1875em;
		margin-bottom: 0;
	}
}


/*ボックス全体*/
.item-r.accbox {
	margin: 2em 0;
	padding: 0;
	max-width: 830px;/*最大幅*/
}


@media screen and (max-width: 767px) {
	.item-r.accbox {margin: 1.5em 0;}
}


/*ラベル*/
.item-r.accbox label {
	display: block;
	padding : .35em .75em;
	color :#555;
	font-size: 1.0625em;
	font-weight: bold;
	border-top: 2px dotted #aaa;
	border-bottom: 1px solid #c0c0c0;
	cursor :pointer;
	transition: all 0.5s;
}
.item-r.accbox label img {
	width: 1.5em;
	margin-right: .25em;
	margin-bottom: .1em;
}
.item-r.accbox label:hover {text-decoration: underline;}
.item-r.accbox input {display: none;}	/*チェックは隠す*/

/*anserを非表示にしておく*/
.item-r.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	padding: .25em .75em;
	margin-bottom: 1.1em;
	border-bottom: 2px dotted #aaa;
}

/*クリックでanser表示*/
.cssacc:checked + .accshow {
	height: auto;
	padding: .25em .75em;
	opacity: 1;
}

.accshow a {
	text-decoration: underline;
	color: #00569d;
}
.accshow a:hover {
	color: #064d86;
	font-weight: bold;
	cursor: pointer;
}

.link-flex {
	display: flex;
	justify-content: space-around;
}
.link-flex .link-l, .link-flex .link-r {
	display: block;
}


@media screen and (max-width: 1023px) {
	.item-r.accbox label {font-size: 1em;}
}

@media screen and (max-width: 767px) {
	.item-r.accbox label {
		padding-left: 2.4em;
		text-indent: -1.75em;
	}
	.item-r.accbox label img {width: 1.4em;}
	.item-r.accbox .accshow {
		padding: .5em .75em;
		margin-bottom: .8em;
	}
	.item-r.accbox .accshow .sec-dscp {
		font-size: .9375em;
		line-height: 1.6;
	}
}


@media screen and (max-width: 479px) {
	.item-r.accbox label {font-size: .9375em;}
	.item-r.accbox .accshow .sec-dscp {font-size: .875em;}
}




/* =============================================================================
	overview 法人概要
============================================================================= */
/* overV-01 ------------------------------------------------------------------*/
.overV-flex.secCnt-2pieces {
	align-items: flex-start;
	margin-left: auto;
	margin-right: auto;
	width: 92%;
}
.overV-flex.secCnt-2pieces .item-l {width: 10%;}
.overV-flex.secCnt-2pieces .item-r {width: 89%}

.overV-01 .item-ttl {
	padding: 0;
	border-left: none;
}
.overV-01 .item-ttl::before {
	content: "■";
	color: #39b54a;
}


@media screen and (max-width: 1023px) {
	.overV-flex.secCnt-2pieces {width: 100%;}
}

@media screen and (max-width: 767px) {
	.overV-flex.secCnt-2pieces {display: block;}
	.overV-flex.secCnt-2pieces .item-l,
	.overV-flex.secCnt-2pieces .item-r {width: 100%}
}


.overV-tbl {
	width: 100%;
	font-size: 1em;
	line-height: 1.6;
}
.overV-tbl tr {border-bottom: 3px solid #fff;}
.overV-tbl tr th {
	width: 8.5em;
	padding: .5em 2em;
	background-color: #d9d9d9;
	font-weight: normal;
	border-right: 3px solid #fff;
}
.overV-tbl tr td {
	padding: .75em 1.5em;
	background-color: #e9e9e9;
	font-size: .9375em;
}
.overV-tbl dl dt::before {
	content: "●";
	font-size: .86667em;
	margin-bottom: .066667em;
	padding-right: .13333em;
	color: #777;
}
.overV-tbl dl dd {padding-left: 1em;}
.overV-tbl dl dd a {text-decoration: underline;}
.overV-tbl dl dd a:hover {color: #0071bc;}


@media screen and (max-width: 1023px) {
	.overV-tbl .secCnt-2pieces {display: block;}
}

@media screen and (max-width: 767px) {
	.overV-tbl {font-size: .9375em;}
	.overV-tbl tr td {line-height: 1.6;}
	.overV-tbl tr th {
		width: 7.25em;
		padding: .5em 1.5em;
	}
	.overV-tbl tr td {padding: .75em 1.25em;}
}

@media screen and (max-width: 479px) {
	.overV-tbl {display: none;}
	.overV-contents.pc-hidden {display: block;}
	.overV-contents {line-height: 1.6;}
	.overV-contents dl {margin-bottom: .25em;}
	.OVcolumn dt {font-size: .9375em;}
	.OVcolumn dt::before {
		content: "●";
		font-size: .86667em;
		padding-right: .2em;
	}
	.OVcolumn dd {
		font-size: .875em;
		margin-bottom: .4em;
	}
	.OVcolumn dd ol {
		margin-left: 1em;
	}
	.OVcolumn dd ol li a {text-decoration: underline;}
	.OVcolumn dd ol li a:hover {color: #0071bc;}
}



/* overV-02 / overV-03 -------------------------------------------------------*/
.overV-02 .contets, .overV-03 .contets {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
}
.overV-02 .contets .right-align,
.overV-03 .contets .right-align {
	margin-left: 11%;
	width: 89%
}
.right-align .sec-dscp {margin-bottom: 16px;}

.iso-btl {
	width: 100%;
	font-size: 1em;
	line-height: 1.6;
}
.iso-btl tr {border-bottom: 3px solid #fff;}
.iso-btl th {
	width: 9.5em;
	padding: .5em 2em;
	background-color: #d9d9d9;
	font-weight: normal;
	border-right: 3px solid #fff;
}
.iso-btl td {
	padding: .75em 1.5em;
	background-color: #e9e9e9;
	font-size: .9375em;
}
.iso-btl td img {
	width: 240px;
}


@media screen and (max-width: 1023px) {
	.overV-02 .contets, .overV-03 .contets {width: 100%;}
}

@media screen and (max-width: 767px) {
	.overV-02 .contets .right-align,
	.overV-03 .contets .right-align {
		width: 100%;
		margin-left: 0;
	}
	.right-align .sec-dscp {line-height: 1.6;}
	.iso-btl {font-size: .9375em;}
	.iso-btl th {
		width: 8.25em;
		padding: .5em 1.5em;
	}
	.iso-btl td {padding: .75em 1.25em;}
}

@media screen and (max-width: 479px) {
	.iso-btl {display: none;}
	.iso-contents.pc-hidden {display: block;}
	.iso-contents {line-height: 1.6;}
	.iso-contents dl {margin-bottom: .25em;}
	.iso-contents dt {font-size: .9375em;}
	.iso-contents dt::before {
		content: "●";
		font-size: .86667em;
		padding-right: .2em;
	}
	.iso-contents dd {
		font-size: .875em;
		margin-bottom: .4em;
	}
	.iso-contents dd img {
		display: block;
		margin: .25em 0 .5em;
		width: 80%;
		border: 1px solid #ccc;
	}
}


/* overV-03 ------------------------------------------------------------------*/
.security {
	padding: 14px 22px;
	border: 1px solid #aaa;
}
.security ol.security-list {
	list-style-type: decimal;
	font-size: .9375em;
	padding-left: 1.5em;
}
.security ol.security-list li {margin-bottom: .35em;}
.security ol.security-list li:last-child {margin-bottom: 0;}

/* 2022/10/03 追加 */
.security-author {
	text-align: right;
	margin-top: 24px;
}
.security-author_date {
	margin-right: 220px;
}
.security-author_name {
	margin-right: 130px;
}


@media screen and (max-width: 767px) {
	.security {line-height: 1.6;}
}

@media screen and (max-width: 479px) {
	.security {padding: 10px 16px;}
	.security ol.security-list {font-size: .875em;}

	/* 2022/10/03 追加 */
	.security-author {
		text-align: left;
		font-size: 14px;
	}
	.security-author_date {
		margin-right: 0;
	}
	.security-author_name {
		margin-right: 0;
	}
}



/* =========================================================================
	page top button
========================================================================= */
#p-top_btn {
	display: block;
	position: fixed;
	right: 1px;
	bottom: 1px;
	width: 62px;
	height: 62px;
	background-color: rgba(153,153,153,0.9);
	border-radius: 50%;
	-moz-border-radius: 6px;
	border: 1px solid #fff;
	z-index: 20;
}
#p-top_btn span {
	display: block;
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 10px;
}
#p-top_btn:hover {
	opacity: .8;
}

@media screen and (max-width:767px) {
	#p-top_btn {
		width: 42px;
		height: 42px;
	}
	#p-top_btn span {
		width: 28px;
		height: auto;
		margin: -2px 6px;
	}
}