@charset "utf-8";

/*
 * CSS Document
 * Name : 介護離職防止アドバイザー検定（nrpa-kentei） / reset-common.css
 * Production Date : 2023.02.25
 * Update : 2023.02.28
 * Lust Updated : 
 * Author : 一般社団法人シニア福祉相談士検定協会 / ds Jam - A Koga
 * Version : v 1.0
 * container width = 
 			1920 / 1600 / 1440 / 1366 / 1280 / 1080=1024 / 960 / 800-768 / 600 / 500-480 / 425-320
*/


/* =============================================================================
	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;
}


/* Form Reset =============================================================== */
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: inherit;
	background: none;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	font-size: 1rem;
	color: inherit;
	padding: 0;
}
input::placeholder {
	position: relative;
	top: -.25em;
}
label {cursor: pointer;}

/* スピンボタン非表示 chrome,safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
/*-webkit-appearance: none;
margin: 0;*/
display: none;
}

/* スピンボタン非表示(firefox) */
input[type="number"], input[type="month"],
input[type="datetime-local"], input[type="week"],
input[type="time"], input[type="date"] {-moz-appearance: textfield;}

/* クリアボタン非表示 */
input[type="date"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button,
input[type="week"]::-webkit-clear-button {-webkit-appearance: none;}



/* =============================================================================
	Basic 基本項設定
============================================================================= */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Font Basic Setting 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Basic Font - ゴシック体 ============================== */
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.7;
	-webkit-text-size-adjust: 100%;
	color: #282525;
}

/* .font-serif - 明朝体指定クラス ======================= */
.font-serif {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

/* Font Color ======================================== */
.font-gray0 {color: #3f4144;}
.font-gray1 {color: #5e6366;}
.font-gray2 {color: #848484;}
.font-blue0 {color: #005ca2;}
.font-blue1 {color: #0085c7;}
.font-green {color: #008441;}
.font-orange {color: #e94d00;}
.font-red {color: #ff0000;}
.font-deepred {color: #c1272d;}
.font-white {color: #fff;}

/* Font Weight ====================================== */
.bold {font-weight: bold;}


/* Font Size ======================================== */
/* Top Page */
.body-title {
	font-size: 1.375rem;
	line-height: 1.5;
	margin-bottom: .5rem;
}
.body-text {
	font-size: .9375rem;
	line-height: 1.8;
}

@media screen and (max-width:1080px) {
	.body-title {font-size: 1.25rem;}
	.body-title.font-serif {
		font-size: 1.3125rem;
		letter-spacing: -.015em;
	}
}

@media screen and (max-width:800px) {
	.body-text {font-size: .875rem;}
}

@media screen and (max-width:600px) {
	.body-title.font-serif {font-size: 1.25rem;}
}

@media screen and (max-width:600px) {
	.body-title.font-serif {
		font-size: 1.125rem;
		letter-spacing: -.025em;
	}
}


/*  */







/* =============================================================================
	 header & navumenu ヘッダー & ナビメニュー
============================================================================= */
.header-sm {display: none;}
.header-pc {
	width: 100%;
	height: auto;
	padding: 16px 0;
	background-color: rgba(255, 255, 255, .95);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	overflow-x: hidden;
}
.headerPC {
	padding: 1rem 2.625rem;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow-x: hidden;
}

/* ヘッダーロゴマーク 設定 */
.headerPC .logoMark {
	width: 220px;
	height: auto;
}

/* メインメニュー設定 */
.mainMenu-pc {
	display: flex;
	align-items: center;
}
.mainMenu-pc li {
	margin-left: 2em;
	color: #212121;
	font-size: .875rem;
	line-height: 1.4;
	text-align: center;
}
.mainMenu-pc li:first-child {margin-left: 0;}
.mainMenu-pc li.active {
	color: #006fc7;
	font-weight: bold;
}


/* PC ハンバーガーメニュー設定 ----------------------------------- */
.subMenu-toggle {
	width: 28px;
	height: 24px;
}
.pc-toggle {
	background-color: transparent; /*buttonタグデフォルトスタイルを打ち消し*/
  border-color: transparent; /*buttonタグデフォルトスタイルを打ち消し*/
  z-index: 1100;
}
.subMenu-toggle span {
	width: 100%;
  height: 2px;
  background-color: #342e2e;
  position: relative;
  transition: ease .4s; /*ハンバーガーメニュークリック時の三本線の動きを遅延*/
  display: block;
}
.subMenu-toggle span:nth-child(1) {top: 0;}
.subMenu-toggle span:nth-child(2) {margin: 9px 0;}
.subMenu-toggle span:nth-child(3) {bottom: 0;}

/* PC ハンバーガー Open時 */
.subMenu-toggle.open {
	transform: translateX(0);
}
.subMenu-toggle.open span:nth-child(1) {
	top: 50%;
	transform: translate(0%, -50%) rotate(45deg);
}
.subMenu-toggle.open span:nth-child(2) {
	top: 50%;
	transform: translate(0%, -50%) rotate(45deg);
	opacity: 0;
}
.subMenu-toggle.open span:nth-child(3) {
	top: -10px;
	transform: translate(0%, -50%) rotate(-45deg);
}


/* Toggle Open => .subMenu-content 設定 ------------------------------- */
.subMenu-content {
	position: fixed;
	top: 76px;
	right: 0;
	width: 20%;
	transform: translateX(100%);
	transition: all 0.6s;
	padding-top: 8px;
	padding-bottom: 8px;
	height: auto;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 12px 0px 0px 12px;
}
.subMenu-content ul li {
	padding: .5rem 0 .5rem 1.25rem;
	font-size: .875rem;
	border-top: 2px dotted #aaa;
}
.subMenu-content ul li:last-child {border-bottom: 2px dotted #aaa;}
.subMenu-content ul li a:hover {
	color: #006ec6;
	font-weight: bold;
}
.subMenu-content ul li a span {color: #00a1e2;}
.subMenu-content ul li a:hover span {color: #c1272d;}

.subMenu-content ul li.active a {
	color: #006fc7;
	font-weight: bold;
}
.subMenu-content ul li.active a span {color: #c1272d;}


/* subMenu-content Show 設定 */
.subMenu-content.show {
	transform: translateX(0%);
	transition:ease .5s;
}


/* SM用ヘッダー設定 ========================================================== */
@media screen and (max-width:1080px) {
	.header-pc {display: none;}
	.header-sm {
		display: block;
		width: 100%;
		height: auto;
		padding: 10px 0 9px;
		background-color: rgba(255, 255, 255, .95);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}
	.headerSM {
		padding: .75rem 1.75rem;
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.headerSM .logoMark {
		width: 184px;
		height: auto;
	}
	
	/* SM ハンバーガーメニュー設定 -------------------------- */
	.mainMenu-toggle {
		width: 26px;
		height: 22px;
	}
	.sm-toggle {
		background-color: transparent; /*デフォルトスタイルを打ち消し*/
	  border-color: transparent; /*デフォルトスタイルを打ち消し*/
	  z-index: 1100;
	}
	.mainMenu-toggle span {
		width: 100%;
	  height: 2px;
	  background-color: #342e2e;
	  position: relative;
	  transition: ease .4s; /*ハンバーガーメニュークリック時の三本線の動きを遅延*/
	  display: block;
	}
	.mainMenu-toggle span:nth-child(1) {top: 0;}
	.mainMenu-toggle span:nth-child(2) {margin: 8px 0;}
	.mainMenu-toggle span:nth-child(3) {bottom: 0;}
	
	/* SM ハンバーガー Open時設定 ---------------------------- */
	.mainMenu-toggle.open {transform: translateX(0);}
	.mainMenu-toggle.open span:nth-child(1) {
		top: 50%;
		transform: translate(0%, -50%) rotate(45deg);
	}
	.mainMenu-toggle.open span:nth-child(2) {
		top: 50%;
		transform: translate(0%, -50%) rotate(45deg);
		opacity: 0;
	}
	.mainMenu-toggle.open span:nth-child(3) {
		top: -10px;
		transform: translate(0%, -50%) rotate(-45deg);
	}
	
	/* Toggle Open時 => .mainMenu-content 設定 */
	.mainMenu-contents {
		position: fixed;
		top: 61.25px;
		right: 0;
		transform: translateX(100%);
		transition: all 0.6s;
		padding: 12px 0;
		width: 17rem;;
		height: auto;
		background-color: rgba(255, 255, 255, 1);
		border-radius: 10px 0px 0px 10px;
	}
	.mainMenu-contents ul li {
		padding: .75rem 1rem;
		font-size: .875rem;
		border-top: 2px dotted #aaa;
	}
	.mainMenu-contents ul li.active {
		background-color: #ebffee;
	}
	.mainMenu-contents ul li:last-child {border-bottom: 2px dotted #aaa;}
	.mainMenu-contents ul li a:hover {
		color: #006ec6;
		font-weight: bold;
	}
	.mainMenu-contents ul li.active a {
		color: #005ca2;
		font-weight: bold;
	}

	.mainMenu-contents ul li a span {color: #00a1e2;}
	.mainMenu-contents ul li a:hover span {color: #c1272d;}
	.mainMenu-contents ul li.active a span {color: #c1272d;}
	
	/* mainMenu-contents Show時設定 */
	.mainMenu-contents.show {
		transform: translateX(0%);
		transition:ease .5s;
	}
}

@media screen and (max-width:480px) {
	.header-sm {padding: 6px 0 5px;}
	.headerSM {padding: .625rem 1rem;}
	
	/* headerSM設定 ====================== */
	.headerSM .logoMark {
		width: 164px;
		height: auto;
	}
	
	/* Toggle Open時 => .mainMenu-content */
	.mainMenu-contents {top: 53.4px;}
}



/* =============================================================================
	 レイアウト関連 共通項目
============================================================================= */
/* Section Basic 設定 =============================== */
.section {
	width: 100%;
	height: auto;
	overflow-x: hidden;
}
.section {margin-bottom: 100px;}
@media screen and (max-width:1280px) {.section {margin-bottom: 80px;}}
@media screen and (max-width:1024px) {.section {margin-bottom: 60px;}}
@media screen and (max-width:600px) {.section {margin-bottom: 50px;}}
@media screen and (max-width:480px) {.section {margin-bottom: 40px;}}

.sect-contents {
	padding: 40px 0 46px;
	position: relative;
	z-index: 5;
}
@media screen and (max-width:960px) {.sect-contents {padding: 38px 0 42px;}}
@media screen and (max-width:800px) {.sect-contents {padding: 36px 0 40px;}}
@media screen and (max-width:600px) {.sect-contents {padding: 34px 0 38px;}}
@media screen and (max-width:480px) {.sect-contents {padding: 32px 0 36px;}}


/* Section Inner Contents Space 設定 =============== */
/* margin */
.p-top-1 {margin-top: .5rem;}
.p-top-2 {margin-top: 1rem;}
.p-top-3 {margin-top: 1.5rem;}
.p-top-4 {margin-top: 2rem;}

.p-bottom-1 {margin-bottom: .5rem;}
.p-bottom-2 {margin-bottom: 1rem;}
.p-bottom-3 {margin-bottom: 1.5rem;}
.p-bottom-4 {margin-bottom: 2rem;}
.p-bottom-5 {margin-bottom: 2.5rem;}

.upperSpace-1 {margin-top: .5rem;}
.upperSpace-2 {margin-top: 1rem;}
.upperSpace-3 {margin-top: 1.5rem;}
.upperSpace-4 {margin-top: 2rem;}
.upperSpace-5 {margin-top: 2.5rem;}

.magn-btm-0 {margin-bottom: .25rem;}
.magn-btm-1 {margin-bottom: .5rem;}
.magn-btm-2 {margin-bottom: .75rem;}
.magn-btm-3 {margin-bottom: 1rem;}
.magn-btm-4 {margin-bottom: 1.25rem;}
.magn-btm-5 {margin-bottom: 1.5rem;}
.magn-btm-6 {margin-bottom: 1.75rem;}
.magn-btm-7 {margin-bottom: 2rem;}
.magn-btm-8 {margin-bottom: 2.25rem;}
.magn-btm-9 {margin-bottom: 2.5rem;}
.magn-btm-10 {margin-bottom: 3rem;}
.magn-btm-11 {margin-bottom: 3.5rem;}
.magn-btm-12 {margin-bottom: 4rem;}

/* padding */
.magn-be-40 {margin: auto 40px;}
.padng-v40 {padding: 40px 0;}
.padng-v28 {padding: 28px 0;}
.padng-v26-32 {padding: 26px 0 32px;}


/* Section BackGground 設定 ========================= */
.bg-white {background-color: #fff;}
.bg-blue1 {background: #008acf;}
.bg-blue2 {background: #006dac;}
.bg-blue3 {background: #e2f4fa;}
.bg-green {background: #e3f4e5;}
.bg-orange {background: #fceee1;}
.bg-cream {background-color: #fcf6e1;}
.bg-cream1 {background-color: #fffff8;}
.bg-normalGreen {background: #009e41;}
.bg-normalOrange {background: #ec6c00;}


/* Section -> Body Space 設置 ====================== */
.basicLR-space {margin: 0 3%;}
.bodyLeft-margin {margin-left: 3%;}
.bodyRight-margin {margin-right: 3%;} 
.bodyLeft-space {margin-left: calc(92px + 3%);}
.bodyRight-space {margin-right: calc(92px + 3%);}
.bodyLR-space {
	margin-left: calc(92px + 3%);
	margin-right: calc(92px + 3%);
}

@media screen and (max-width:1024px) {
	.basicLR-space {margin: 0 3%;}
	.bodyLeft-space {margin-left: calc(3% + 36px);}
	.bodyRight-space {margin-right: calc(3% + 36px);}
	.bodyLR-space {
		margin-left: 3%;
		margin-right: 3%;
	}
}



@media screen and (max-width:600px) {
	.bodyLeft-space {margin-left: 4.5%;}
	.bodyRight-space {margin-right: 4.5%;}
}



/* a Link | Button | input 設定 ============================================= */
/* page Link ====================================== */
.page-link {
	text-align: right;
	font-size: .9375rem;
	line-height: 1;
}
.page-link a {
	padding-bottom: 2px;
	border-bottom: 1px solid #212121;
}
.page-link a.font-white {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.page-link a:hover {
	font-weight: bold;
	border-bottom: 2px solid #212121;
}
.page-link a.font-white:hover {
	font-weight: bold;
	border-bottom: 2px solid #fff;
}

@media screen and (max-width:800px) {
	.page-link {font-size: .875rem;}
}


/* click-here Link ================================= */
.click-here {
	margin-top: .5rem;
	line-height: 1;
}
.click-here .forPC {
	font-size: .875rem;
	text-align: right;
}
.click-here .forSM {display: none;}

@media screen and (max-width:800px) {
	.click-here .forPC {display: none;}
	.click-here .forSM {
		display: block;
		font-size: .8125rem;
		text-align: right;
	}
}


/* button Link ==================================== */
/* Amazon Button 設定  */
a.amazonKaigo-btn {
	display: block;
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 1.125rem;
	line-height: 3rem;
	text-align: center;
	background-color: #009e41;
	border-radius: 6px;
}
a.amazonKaigo-btn:hover {
	font-weight: bold;
	color: #fff;
	background-color: #008a3a;
}
a.amazonKaigo-btn:active, a.amazonKaigo-btn:visited {color: #fff;}

a.amazonSeido-btn {
	display: block;
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 1.125rem;
	line-height: 3rem;
	text-align: center;
	background-color: #ed6c00;
	border-radius: 6px;
}
a.amazonSeido-btn:hover {
	font-weight: bold;
	color: #fff;
	background-color: #dc5310;
}
a.amazonSeido-btn:active, a.amazonSeido-btn:visited {color: #fff;}

a.contactLink-btn {
	display: block;
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 1.125rem;
	line-height: 3rem;
	text-align: center;
	background-color: #0071bc;
	border-radius: 6px;
}
a.contactLink-btn:hover {
	font-weight: bold;
	color: #fff;
	background-color: #0067ac;
}
a.contactLink-btn:active, a.contactLink-btn:visited {color: #fff;}


/* attention ※注意書き設定 ==================================================== */
.attention-txt {
	font-size: .875rem;
	line-height: 1.7;
	padding-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width:480px) {
	.attention-txt {
		font-size: .8125rem;
		line-height: 1.5;
	}
}




/* =============================================================================
	 Background Parallelogram 設定
============================================================================= */
/* outside-bgParallelogram-L ======================= */
.about-sec {
	position: relative;
	width: 100%;
	height: auto;
	overflow-x: hidden;
}
.outside-bgParallelogram-L {
	position: absolute;
	top: 0;
	left: -15%;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 2rem 0;
	transform: skewX(-12deg);
	border-radius: 0px 40px 40px 0px;
	z-index: 1;
	overflow-x: hidden;
}
.outside-bgParallelogram-L.back-img {
	position: absolute;
	top: 0;
	left: -15%;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 2rem 0;
	transform: skewX(-12deg);
	border-radius: 0px 40px 40px 0px;
	z-index: 1;
	overflow-x: hidden;
	background: url(../img/front/flow-backImg.jpg) top right no-repeat;
	background-size: cover;
}

@media screen and (max-width:960px) {
	.outside-bgParallelogram-L, .outside-bgParallelogram-L.back-img {
		width: 105%;
		transform: skewX(-8deg);
	}
}

@media screen and (max-width:800px) {
	.outside-bgParallelogram-L{
		transform: skewX(-6deg);
	}
	.outside-bgParallelogram-L.back-img {
		left: -12%;
		width: 105%;
		transform: skewX(-6deg);
	}
}

@media screen and (max-width:600px) {
	.outside-bgParallelogram-L, .outside-bgParallelogram-L.back-img {
		transform: skewX(-3deg);
	}
}

@media screen and (max-width:480px) {
	.outside-bgParallelogram-L, .outside-bgParallelogram-L.back-img {
		width: 107%;
		transform: skewX(-1.5deg);
	}
}



/* 左側から | 右側から | 中心の平行四辺形 ============== */
.body-upper, .body-under {position: relative;}
.bgParal-left {
	position: absolute;
	transform: skewX(-12deg);
	border-radius: 30px;
	top: 0;
	left: -10%;
	bottom: 0;
	width: 85%;
	height: auto;
	z-index: 1;
}
.bgParal-right {
	position: absolute;
	transform: skewX(-12deg);
	border-radius: 30px;
	top: 0;
	right: -10%;
	bottom: 0;
	width: 85%;
	height: auto;
	z-index: 1;
}
.bgParal-center {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	transform: skewX(-12deg);
	border-radius: 30px;
}

@media screen and (max-width:960px) {
	.bgParal-left {
		left: -15%;
		width: 95%;
		transform: skewX(-8deg);
	}
	.bgParal-right {
		right: -15%;
		width: 95%;
		transform: skewX(-8deg);
	}
	.bgParal-center {transform: skewX(-8deg);}
}

@media screen and (max-width:800px) {
	.bgParal-left {
		left: -15%;
		width: 108%;
		transform: skewX(-6deg);
	}
	.bgParal-right {
		right: -15%;
		width: 108%;
		transform: skewX(-6deg);
	}
	.bgParal-center {transform: skewX(-6deg);}
}

@media screen and (max-width:600px) {
	.bgParal-left {transform: skewX(-4deg);}
	.bgParal-right {transform: skewX(-4deg);}
	.bgParal-center {transform: skewX(-4deg);}
}

@media screen and (max-width:480px) {
	.bgParal-left {transform: skewX(-2deg);}
	.bgParal-right {transform: skewX(-2deg);}
	.bgParal-center {transform: skewX(-2deg);}
}



/* =============================================================================
	 section contents / セクション内コンテンツ
============================================================================= */
/* pSec-left-content / pSec-right-content =================================== */
.pSec-left-content, .pSec-right-content {
	position: relative;
	z-index: 5;
}

.body-flex-left {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.body-flex-right {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

@media screen and (max-width:1080px) {
	.body-flex-left, .body-flex-right {
		margin-left: 4.5%;
		margin-right: 4.5%;
	}
}

@media screen and (max-width:800px) {
	.body-flex-left, .body-flex-right {display: block;} 
}


/* body-flex text & image size 設定 ========================================== */
.body-flex-left .pbody-txt {
	width: 62.684%;
	height: auto;
	margin-right: 1.5rem;
}
.body-flex-right .pbody-txt {
	width: 56.8%;
	height: auto;
	margin-left: 1.5rem;
}

.left-img-S, .right-img-S {
	display: none;
}
.left-img-L {
	margin-top: .25rem;
	width: 30%;
	height: auto;
}
.right-img-L {
	margin-top: .25rem;
	width: 33%;
	height: auto;
}

@media screen and (max-width:1440px) {
	.left-img-L {margin-top: 2.8rem;}
	.right-img-L {margin-top: 3rem;}
}

@media screen and (max-width:1366px) {
	.body-flex-left, .body-flex-right {justify-content: space-between;}
	.body-flex-left .pbody-txt {
		width: 56.8%;
		margin-right: 0;
	}
	.body-flex-right .pbody-txt {
		width: 56.8%;
		margin-left: 0;
	}
	.left-img-L, .right-img-L {width: calc(43.2% - 1.5rem);}
}

@media screen and (max-width:800px) {
	.body-flex-left .pbody-txt {
		margin-right: 8%;
		width: 92%;
	}
	.body-flex-right .pbody-txt {
		margin-left: 10%;
		width: 90%;
	}
	.left-img-L, .right-img-L {display: none;}
	.left-img-S, .right-img-S {
		display: block;
		margin: 14px auto;
		width: 60%;
		height: auto;
	}
}

@media screen and (max-width:600px) {
	.left-img-S, .right-img-S {width: 70%;}
}

@media screen and (max-width:500px) {
	.left-img-S, .right-img-S {width: 80%;}
	.body-flex-left .pbody-txt {
		margin-right: 10%;
		width: 90%;
	}
	.body-flex-right .pbody-txt {
		margin-left: 12%;
		width: 88%;
	}
}

@media screen and (max-width:400px) {
	.left-img-S, .right-img-S {width: 100%;}
}



/* =============================================================================
	 section .sec-info
============================================================================= */
.top-info {
	padding: 50px 0;
	background-color: #f6f6ee;
}
.sec-ttl {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: flex-end;
	line-height: 1.0;
	margin-bottom: 40px;
}
.japan-ttl {
	font-size: 1.75rem;
	color: #005ca2;
}
.english-ttl {
	padding-left: .75rem;
	font-size: 1.25rem;
	color: #566671;
	font-style: italic;
	font-weight: normal;
	letter-spacing: .1rem;
}
.top-info .btn {
	display: block;
	padding-top: 3px;
	color:#005fff;
	text-decoration: underline;
	text-align: right;
}

@media screen and (max-width:1080px) {
	.sec-info {padding: 40px 0;}
	.sec-ttl {margin-bottom: 32px;}
	.japan-ttl {font-size: 1.625rem;}
	.english-ttl {font-size: 1.25rem;}
}

@media screen and (max-width:800px) {
	.sec-info {padding: 36px 0;}
	.japan-ttl {font-size: 1.5rem;}
}

@media screen and (max-width:600px) {
	.sec-info {padding: 34px 0;}
	.sec-ttl {margin-bottom: 30px;}
	.japan-ttl {font-size: 1.375rem;}
	.english-ttl {font-size: 1.125rem;}
}

@media screen and (max-width:500px) {
	.sec-info {padding: 32px 0;}
	.japan-ttl {font-size: 1.3125rem;}
	.english-ttl {font-size: 1rem;}
}


.contents-wrap {
	margin: 0 auto;
	width: 75%;
	height: auto;
}

@media screen and (max-width:1080px) {
	.contents-wrap {width: 85%;}
}

@media screen and (max-width:800px) {
	.contents-wrap {
		width: calc(100% - 3.5rem);
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width:600px) {
	.contents-wrap {width: calc(100% - 3rem);}
}

@media screen and (max-width:480px) {
	.contents-wrap {width: calc(100% - 2rem);}
}

.info-contents {margin-bottom: 10px;}
.info-contents li {
	padding: 1.5rem 0 1.4rem;
	width: 100%;
	border-top: 1px solid #aaa;
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	line-height: 1.6;
}
.info-contents li:last-child {border-bottom: 1px solid #aaa;}

.info-contents li .category-date {
	display: inline-flex;
	align-items: center;
}
.info-contents li .category-date .sort-news,
.info-contents li .category-date .sort-eLearning,
.info-contents li .category-date .sort-test,
.info-contents li .category-date .sort-caution {
	display: block;
	width: 5.5rem;
	height: 26px;
	padding: 3px 0 0;
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.7;
	color: #fff;
	text-align: center;
	margin-right: 1.25rem;
}
.info-contents li .category-date .date {
	display: block;
	width: 8.5rem;
	color: #666;
	font-size: .9375rem;
	margin-right: 1.25rem;
}

.info-contents li .category-date .sort-news {background-color: #0084e1;}
.info-contents li .category-date .sort-eLearning {background-color: #f47b00;}
.info-contents li .category-date .sort-test {background-color: #00ac32;}
.info-contents li .category-date .sort-caution {background-color: #d40000;}

.info-contents li .info-text {
	width: auto;
	font-size: .9375rem;
}

@media screen and (max-width:800px) {
	.info-contents {margin-bottom: 36px;}
	.info-contents li {
		display: block;
		padding: 1rem 0 .75rem;
	}
	.info-contents li .category-date {margin-bottom: .25rem;}
	.info-contents li .info-text {margin-left: 6.75rem}
}

@media screen and (max-width:600px) {
	.info-contents li .category-date {margin-bottom: .65rem;}
	.info-contents li .info-text {margin-left: .9375rem;}
}

@media screen and (max-width:500px) {
	.info-contents li .category-date {
		font-size: .875rem;
		margin-bottom: .5rem;
	}
	.info-contents li .category-date .sort-news,
	.info-contents li .category-date .sort-eLearning,
	.info-contents li .category-date .sort-test,
	.info-contents li .category-date .sort-caution {font-size: .75rem}
	.info-contents li .info-text {font-size: .875rem;}
}

a.newslist-btn {
	display: block;
	margin: 0 auto;
	padding: 1rem 0;
	width: 14rem;
	height: auto;
	color: #fff;
	background-color: #7f9ba8;
	border: 1px solid #96a4ab;
	text-align: center;
}
a.newslist-btn:hover {
	background-color: #9ea5a9;
	font-weight: bold;
/* 	color: #807e7e; */
}
a.newslist-btn:active, a.newslist-btn:visited {color: #fff;}

@media screen and (max-width:480px) {
	a.newslist-btn {
		padding: .75rem 0;
		width: 13rem;
	}
}



/* =============================================================================
	 test-info.php  
============================================================================= */
.testInfo-wrap {
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 7%);
	max-width: 960px;
	border: 2px solid #ccc;
	border-radius: 24px;
}

/* test-info タイトル ---------------------------- */
.testInfo-title {
	display: flex;
	justify-content: center;
	align-items: center;
}
.tstIfTtl-img {
	width: 2.625rem;
	height: auto;
	margin-right: .5rem;
}
.tstIfTtl-text {
	font-size: 1.75rem;
	color: #6d6666;
}
.testInfo-body {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.testInfo-kaijyo, .testInfo-EeSystem {
	width: 47%;
}
.testInfo-dotline {
	width: auto;
	height: auto;
	border-left: 3px dotted #aaa;
}


.testInfo-bodyTtl {
	font-size: 1.1875rem;
	text-align: center;
	line-height: 1.4;
	margin-bottom: .5rem;
}
.testInfo-bodyTxt {font-size: .9375rem;}

.testInfo-EeSystem .page-link {margin-top: .75rem;}

@media screen and (max-width:800px) {
	.testInfo-wrap {
		width: calc(100% - 12%);
		max-width: inherit;
		padding: 20px 26px 26px;
	}
	.tstIfTtl-img {width: 2.625rem;}
	.tstIfTtl-text {font-size: 1.5rem;}
	.testInfo-body {display: block;}
	.testInfo-body.magn-be-40 {
		margin-left: 0;
		margin-right: 0;
	}
	.testInfo-kaijyo, .testInfo-EeSystem {width: 100%;}
	.testInfo-dotline {
		width: 100%;
		height: 1rem;
		border-left: none;
		border-bottom: 3px dotted #aaa;
		margin-bottom: 1rem;
	}
	.testInfo-bodyTtl {font-size: 1.125rem;}
	.testInfo-bodyTxt {font-size: .875rem;}
	.testInfo-EeSystem .page-link {font-size: .875rem;}
}

@media screen and (max-width:500px) {
	.testInfo-wrap {padding: 18px 24px 24px;}
	.testInfo-title.magn-btm-5 {margin-bottom: 1rem;}
	.tstIfTtl-img {width: 2.5rem;}
	.tstIfTtl-text {font-size: 1.375rem;}
	.testInfo-bodyTtl {
		font-size: 1.0625rem;
		text-align: justify;
		padding-left: 1em;
		text-indent: -1em;
	}
	.testInfo-bodyTtl::before {
		content: "■";
		color: inherit;
	}
}

@media screen and (max-width:380px) {
	.tstIfTtl-img {width: 2.375rem;}
	.tstIfTtl-text {font-size: 1.3125rem;}
}



/* =============================================================================
	 Footer  
============================================================================= */
.footer {
	width: 100%;
	height: auto;
	overflow-x: hidden;
}
.arrange-ftrItems {
	padding: 44px 0 40px;
	width: 100%;
	height: auto;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.fooerMenu {
	font-size: .9375rem;
	line-height: 2.625;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.ftrMenu-1 {
	width: 16rem;
	margin-right: 2rem;
}
.ftrMenu-2 {width: 11rem;}

.ftrMenu-1 li span, .ftrMenu-2 li span,
.other-tests ul li span {
	font-size: .9375rem;
	margin-right: -.25rem;
}

.ftrMenu-1 li a:hover, .ftrMenu-2 li a:hover,
.other-tests ul li a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.ftrMenu-1 li.active a, .ftrMenu-2 li.active a {font-weight: bold;}
.ftrMenu-1 li.active span, .ftrMenu-2 li.active span {
	color: #ff4100;
	text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff;
} 

.dott-line {
	margin: 0 4rem;
	height: 234px;
	border-left: 3px dotted #fff;
}

.other-tests {margin-bottom: 2rem;}
.otherTests-title {
	font-size: 1.0625rem;
	border-bottom: 1px solid #fff;
	margin-bottom: .75rem;
}
.other-tests ul {
	font-size: .9375rem;
	line-height: 2.625;
}

.org-name {font-size: 1rem;}
.addressTel {
	font-size: .875rem;
	line-height: 1.5;
}

@media screen and (max-width:960px) {
	.arrange-ftrItems {
		display: block;
		padding: 42px 0 36px;
	}
	.dott-line {display: none;}
	.fooerMenu {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		justify-content: center;
		padding-bottom: 1rem;
		border-bottom: 3px dotted #fff;
	}
	.other {
		margin: 0 10%;
		padding: 1.5rem 1rem 0 1rem;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.other-tests {margin-bottom: 0;}
	.orgName {margin-left: 0rem;}
}

@media screen and (max-width:800px) {
	.arrange-ftrItems {padding: 40px 0 32px;}
	.other {align-items: flex-start;}
	.orgName {text-align: center;}
	.org-name {
		line-height: 1.4;
		margin-bottom: 4px;
	}
	.org-name span {
		display: block;
	}
	.addressTel {font-size: .8125rem;}
	.addressTel span {display: block;}
}

@media screen and (max-width:600px) {
	.fooerMenu {width: 90%;}
	.other {
		display: block;
		padding-bottom: 0;
	}
	.other-tests {margin-bottom: 2rem;}
	.org-name span, .addressTel span {display: inline;}
}

@media screen and (max-width:480px) {
	.fooerMenu {
		display: block;
		margin: 0 auto;
	}
	.ftrMenu-1, .ftrMenu-2 {
		margin: 0 auto;
		padding: 0;
		width: 220px;
	}
	
	.other {
		margin-left: auto;
		margin-right: auto;
		padding: 1.5rem 0 0;
		width: 90%;
	}
	.org-name {font-size: .9375rem;}
}



/* copyright ======================================= */
.copyright {
	width: 100%;
	height: auto;
	padding: .5rem 0;
	background-color: #3f536e;
}
.copyright-text {
	color: #fff;
	text-align: center;
	font-size: .875rem;
}

@media screen and (max-width:540px) {
	.copyright-text {
		margin-left: 1rem;
		margin-right: 1rem;
	}
}


/* =============================================================================
	 UnderPages Common 下層ページ共通項目
============================================================================= */
/* 	pageLayout Common ======================================================= */
/* top-image layout ======================== */
.topImg-area {
	margin-top: 110px;
	width: 100%;
	height: auto;
	position: relative;
	overflow-x: hidden;
}
.topImg-base {
	width: 100%;
	height: auto;
} 
.topImg-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

@media screen and (max-width:1080px) {.topImg-area {margin-top: 82px;}}

@media screen and (max-width:480px) {.topImg-area {margin-top: 66px;}}


/* section title 設定 ======================================================== */
.pSec-title {
	margin-left: auto;
	margin-right: auto;
	width: 27rem;
	text-align: center;
	line-height: 1;
}
.pSec-title-wa {
	padding-bottom: 6px;
	font-size: 1.75rem;
	margin-bottom: 8px;
	border-bottom: 2px solid #aaa;
}
.pSec-title-eng {
	text-align: center;
	font-size: 1.1875rem;
	font-style: italic;
	border-bottom: none;
}

@media screen and (max-width:1080px) {
	.pSec-title {width: 25rem;}
	.pSec-title-wa {font-size: 1.625rem;}
	.pSec-title-eng {font-size: 1.125rem;}
}

@media screen and (max-width:800px) {
	.pSec-title-wa {font-size: 1.5rem;}
}

@media screen and (max-width:600px) {
	.pSec-title-wa {font-size: 1.375rem;}
}

@media screen and (max-width:480px) {
	.pSec-title {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	.pSec-title-wa {
		font-size: 1.3125rem;
		line-height: 1.2;
		margin-bottom: 6px;
	}
	.pSec-title-eng {
		font-size: 1rem;
		letter-spacing: -0.01em;
	}
}


/* section body title & text 設定 ============================================ */
.pbody-title {
	margin-top: .25rem;
	font-size: 1.375rem;
	line-height: 1.0;
	margin-bottom: 1rem;
	vertical-align: bottom;
}
.pbody-title span {
	display: inline-block;
	width: .5rem;
	height: 1.375rem;
	margin-right: .5rem;
	vertical-align: bottom;
}

@media screen and (max-width:800px) {
	.pbody-title {
		font-size: 1.25rem;
	}
	.pbody-title span {
		height: 1.25rem;
	}
}

@media screen and (max-width:500px) {
	.pbody-title {
		font-size: 1.125rem;
		line-height: 1.5;
		padding-left: 1em;
		text-indent: -1em;
	}
	.pbody-title span {
		height: 1.125rem;
		vertical-align: text-bottom;
	}
}

/* pbody-title span color ----------------- */
.bg-dgreen {background-color: #009245;}
.bg-dblue {background-color: #0071bc;}
.bg-dorange {background-color: #ec6c00;}




/* page layout ============================================================== */
/* Section BackGground 設定 ------------------------------------------------- */
.with-back {
	position: relative;
	width: 100%;
	height: auto;
}




/* ============================================================================
	section page-what 設定
============================================================================ */
.page-what {
	margin-left: auto;
	margin-right: auto;
	width: 36rem;
	text-align: center;
}
.whatCopy {}
.pWhat-title {
	font-size: 1.75rem;
	color: #5f7683;
	line-height: 1.5;
}
.pWhat-txt-L {
	margin: 0 auto;
	padding-top: .5rem;
	border-top: 1px solid #128fe8;
	font-size: 1rem;
	line-height: 2;
}
.pWhat-txt-S {display: none;}

@media screen and (max-width:1440px) {
	.pWhat-title {font-size: 1.5rem;}
}

@media screen and (max-width:1024px) {
	.pWhat-title {font-size: 1.375rem;}
	.pWhat-txt-L {font-size: .9375rem;}
}

@media screen and (max-width:800px) {
	.pWhat-title {font-size: 1.3125rem;}
}

@media screen and (max-width:600px) {
	.page-what {
		width: calc(100% - 4rem);
	}
	.pWhat-txt-L {display: none;}
	.pWhat-txt-S {
		display: block;
		text-align: justify;
		font-size: .9375rem;
		line-height: 1.8;
		padding-top: 5px;
		border-top: 1px solid #128fe8;
	}
}

@media screen and (max-width:500px) {
	.pWhat-title {font-size: 1.25rem;}
}



/* =========================================================================
	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);
/* 	opacity: 0; */
	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;
	}
}