@charset "utf-8";

/*
 * CSS Document
 * Name : nrpa-kentei | index.php / index-style.css
 * Production Date : 2023.02.28
 * container width = 
 			1920 / 1600 / 1440 / 1366 / 1280 / 1080=1024 / 960 / 800-768 / 600 / 500-480 / 425-320
*/


/* =============================================================================
	.top-slider slick-slider
============================================================================= */
.top-slider {
	margin-top: 110px;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	padding-bottom: 110px;
}

.slide-items-M, .slide-items-S {display: none;}
.slideItem-L {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 2560px;
	height: auto;
}
.slide-items-L .slide-img {
	position: relative;
	width: 100%;
	height: auto;
}
.slide-items-L .bg-img {
	width: 100%;
	height: auto;
}
.slide-items-L .vect-s {display: none;}
.slide-items-L .vect-a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

@media screen and (max-width:1280px) {
	.slide-items-L .vect-a {display: none;}
	.slide-items-L .vect-s {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
}

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

@media screen and (max-width:960px) {
	.slide-items-L {display: none;}
	.slide-items-M {display: block;}
	.slide-items-M .slide-img {
		position: relative;
		width: 100%;
		height: auto;
	}
	.slide-items-M .vect-s {display: none;}
	.slide-items-M .vect-a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:800px) {
	.top-slider {padding-bottom: 60px;}
	.slide-items-M .vect-a {display: none;}
	.slide-items-M .vect-s {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:500px) {
	.top-slider {padding-bottom: 50px;}
	.slide-items-M {display: none;}
	.slide-items-S {display: block;}
	.slide-items-S .slide-img {
		position: relative;
		width: 100%;
		height: auto;
	}
	.slide-items-S .vect-s {display: none;}
	.slide-items-S .vect-a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:480px) {.top-slider {margin-top: 64px;}}

@media screen and (max-width:375px) {
	.top-slider {padding-bottom: 45px;}
	.slide-items-S .vect-a {display: none;}
	.slide-items-S .vect-s {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
}

/* Slick Slider Button 設定 */
.slick-dots li button:before {
  font-size: 12px;
  top: 16px;
}

@media screen and (max-width:960px) {
	.slick-dots li button:before {
	  font-size: 11px;
	  top: 14px;
	}
}

@media screen and (max-width:500px) {
	.slick-dots li button:before {
	  font-size: 9px;
	  top: 10px;
	}
}


/* =============================================================================
	 notice-area section 告知
============================================================================= */
.announc-flex {
	margin: 0 auto;
	width: 90%;
	max-width: 800px;
	display: flex;
	justify-content: center;
}
.announc-contents {text-align: center;}
.announc-title {
	color: red;
	font-size: 2.5rem;
	line-height: 1.25;
	margin-bottom: .25em;
}
.announc-title span {
	display: block;
	font-size: 2.125rem;
	font-weight: bold;
}
.announc-title .blk-sm,
.announc-title span .blk-sm {display: none;}

/*
.announc-title-2 {
	color: #0051c0;
	font-size: 2.0rem;
	line-height: 1.4;
	padding-top: .15em;
	margin-bottom: .35em;
}
*/

.announc-text {
	font-size: 1.125rem;
	line-height: 1.6;
}
.announc-text a {color: red;}
.announc-text a:hover {
	text-decoration: underline;
	font-weight: bold;
}
.anncBox-l, .anncBox-r {
	width: 1.25rem;
	height: auto;
}
.anncBox-l {
	margin-right: 1rem;
	border-top: 10px solid #fa8f00;
	border-left: 10px solid #fa8f00;
	border-bottom: 10px solid #fa8f00;
}
.anncBox-r {
	margin-left: 1rem;
	border-top: 10px solid #fa8f00;
	border-right: 10px solid #fa8f00;
	border-bottom: 10px solid #fa8f00;
}

@media screen and (max-width:1440px) {
	.announc-title {font-size: 2.375rem;}
	.announc-title span {font-size: 1.75rem;}
	.announc-text {font-size: 1.25rem;}
}
@media screen and (max-width:1280px) {
	.announc-title {
		font-size: 2.25rem;
		margin-bottom: .25em;
	}
	.announc-title span {font-size: 1.6875rem;}
	.announc-text {font-size: 1.1875rem;}
}
@media screen and (max-width:1080px) {
	.announc-title {font-size: 2.125rem;}
	.announc-title span {font-size: 1.625rem;}
	.announc-text {font-size: 1.125rem;}
}
@media screen and (max-width:800px) {
	.announc-title span {font-size: 1.5625rem;}
	.announc-text {font-size: 1.0625rem;}
}
@media screen and (max-width:640px) {
	.announc-title {
		font-size: 2.0rem;
		letter-spacing: -.05em;
	}
	.announc-title span {font-size: 1.5rem;}
}
@media screen and (max-width:480px) {
	.announc-flex {width: calc(100% - 30px);}
	.anncBox-l, .anncBox-r {width: 2.0rem;}
	.anncBox-l {margin-right: .75rem;}
	.anncBox-r {margin-left: .75rem;}
	.announc-title br {display: block;}
	.announc-text {
		text-align: justify;
		font-size: 1rem;
	}
	.announc-text br,
	.announc-text br:first-child {display: none;}
}
@media screen and (max-width:425px) {
	.announc-title {font-size: 1.9375rem;}
	.announc-title span {font-size: 1.4375rem;}
	.anncBox-l {
		margin-right: 8px;
		border-top: 8px solid #fa8f00;
		border-left: 8px solid #fa8f00;
		border-bottom: 8px solid #fa8f00;
	}
	.anncBox-r {
		margin-left: 8px;
		border-top: 8px solid #fa8f00;
		border-right: 8px solid #fa8f00;
		border-bottom: 8px solid #fa8f00;
	}
}
@media screen and (max-width:375px) {
	.announc-title {letter-spacing: 0;}
	.announc-title .blk-sm,
	.announc-title span .blk-sm {display: block;}
}


/* =============================================================================
	 section .what 介護離職とは
============================================================================= */
.what {
	margin-left: auto;
	margin-right: auto;
	width: 36rem;
	text-align: center;
}
.what-title {
	font-size: 1.75rem;
	color: #5f7683;
	line-height: 1.5;
}
.what-txt-L {
	margin: 0 auto;
	padding-top: .5rem;
	border-top: 1px solid #128fe8;
	font-size: 1.125rem;
	line-height: 2;
}
.what-txt-S {display: none;}

@media screen and (max-width:1440px) {
	.what {
		margin-left: auto;
		margin-right: auto;
		width: 34rem;
	}
	.what-title {font-size: 1.5rem;}
	.what-txt-L {font-size: 1.0625rem;}
}

@media screen and (max-width:1024px) {
	.what {
		margin-left: auto;
		margin-right: auto;
		width: 32rem;
	}
	.what-title {font-size: 1.375rem;}
	.what-txt-L {font-size: 0.9375rem;}
}

@media screen and (max-width:800px) {
	.what {
		margin-bottom: 60px;
		width: 30rem;
	}
	.what-title {font-size: 1.3125rem;}
}

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

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

@media screen and (max-width:375px) {
	.what-txt-S {line-height: 1.7;}
}



/* =============================================================================
	 sect-Title / セクションタイトル
============================================================================= */
.sect-Title {
	display: flex;
	align-items: center;
	margin-left: 3%;
	margin-bottom: 24px;
}
.ttl-mark {
	width: 82px;
	height: auto;
}
.ttl-txt {line-height: 1;}
.sect-Title-wa {
	padding: 0px 8px 6px 10px;
	font-size: 1.75rem;
	margin-bottom: 8px;
	border-bottom: 2px solid #aaa;
}
.sect-Title-wa.font-white {border-color: #fff;} 
.sect-Title-eng {
	padding-left: 10px;
	text-align: center;
	font-size: 1.1875rem;
	font-style: italic;
	border-bottom: none;
}

@media screen and (max-width:1080px) {
	.ttl-mark {width: 72px;}
	.sect-Title-wa {font-size: 1.625rem;}
	.sect-Title-eng {font-size: 1.125rem;}
}

@media screen and (max-width:800px) {
	.sect-Title-wa {font-size: 1.5625rem;}
}

@media screen and (max-width:600px) {
	.sect-Title {
		margin-left: 4.5%;
		width: 89%;
	}
	.ttl-mark {display: none;}
	.ttl-txt {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.sect-Title-wa {
		font-size: 1.5rem;
		letter-spacing: -0.025em;
	}
	.sect-Title-eng {text-align: center;}
	.flow .sect-Title {
		margin-left: auto;
		margin-right: auto;
	}
	.flow .sect-Title .ttl-txt {margin-right: 26%;}
}

@media screen and (max-width:480px) {
	.sect-Title {display: block;}
	.sect-Title-wa {
		font-size: 1.3125rem;
		line-height: 1.4;
	}
	.sect-Title-eng {font-size: 1rem;}
}




/* =============================================================================
	 section #about-sec
============================================================================= */
.sect-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sectBody-text {
	width: 63%;
	height: auto;
	margin-right: 2rem;
}
.right-img-L {
	width: calc(37% - 2rem);
	height: auto;
}

.right-img-S.why-images {display: none;}
.why-images .whyImg-LL-1 {
	width: 100%;
	height: 0;
	padding-top: 40%;
	background: url(../img/front/why-img-1.jpg) center center no-repeat;
	background-size: cover;
	margin: 1rem 0 0;
}
.why-images .whyImg-LL-2 {
	width: 100%;
	height: 0;
	padding-top: 40%;
	background: url(../img/front/why-img-2.jpg) center center no-repeat;
	background-size: cover;
}

#about-sec .page-link {margin-right: 1.5rem}

@media screen and (max-width:1600px) {
	.why-images .whyImg-LL-1,
	.why-images .whyImg-LL-2 {padding-top: 50%;}
}

@media screen and (max-width:1440px) {
	.why-images .whyImg-LL-1,
	.why-images .whyImg-LL-2 {padding-top: 64%;}
}

@media screen and (max-width:1366px) {
	.why-images .whyImg-LL-1,
	.why-images .whyImg-LL-2 {padding-top: 66.75%;}
}

@media screen and (max-width:1280px) {
	.sectBody-text {width: 58%;}
	.right-img-L {width: calc(42% - 2rem);}
	.why-images .whyImg-LL-1 {
		padding-top: 64%;
		background: url(../img/front/why-img-1.jpg) right bottom no-repeat;
		background-size: 108% auto;
		margin-bottom: 2rem;
	}
	.why-images .whyImg-LL-2 {
		padding-top: 64%;
		background: url(../img/front/why-img-2.jpg) left bottom no-repeat;
		background-size: 108% auto;
	}
}

@media screen and (max-width:1080px) {
	.sectBody-text {width: 56%;}
	.right-img-L {width: calc(44% - 2rem);}
	.why-images .whyImg-LL-1 {
		padding-top: 66.75%;
		background: url(../img/front/why-img-1.jpg) right bottom no-repeat;
		background-size: 112% auto;
		margin-bottom: 2rem;
	}
	.why-images .whyImg-LL-2 {
		padding-top: 66.75%;
		background: url(../img/front/why-img-2.jpg) left bottom no-repeat;
		background-size: 112% auto;
	}
}

@media screen and (max-width:800px) {
	.sect-body {display: block;}
	.right-img-L {display: none;}
	#about-sec .sectBody-text {width: 90%;}
	#about-sec .sectBody-text .sectBody-item:nth-child(2) {width: 93%;}
	#about-sec .sectBody-text .sectBody-item:nth-child(3) {width: 84%;}
	.right-img-S.why-images {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}
	.whyImg-M-1 {
		width: 90%;
		height: 0;
		padding-top: 55%;
		background: url(../img/front/why-img-1.jpg) bottom center no-repeat;
		background-size: cover;
		margin: 1rem 0;
	}
	.whyImg-M-2 {
		width: 100%;
		height: 0;
		padding-top: 63%;
		background: url(../img/front/why-img-2.jpg) left bottom no-repeat;
		background-size: 110% auto;
		margin: 1rem 0;
	}
}

@media screen and (max-width:600px) {
	#about-sec .sectBody-text {width: 88%;}
	#about-sec .sectBody-text .sectBody-item:nth-child(2) {width: 96%;}
	#about-sec .sectBody-text .sectBody-item:nth-child(3) {width: 91%;}
	.right-img-S.why-images {width: 75%;}
}

@media screen and (max-width:480px) {
	#about-sec .sectBody-text {width: 91%;}
	#about-sec .sectBody-text .sectBody-item:nth-child(2) {width: 96%;}
	#about-sec .sectBody-text .sectBody-item:nth-child(3) {width: 91%;}
	.right-img-S.why-images {width: 85%;}
}

@media screen and (max-width:380px) {
	#about-sec .sectBody-text .sectBody-item:nth-child(3) {width: 90%;}
	.right-img-S.why-images {width: 95%;}
	.whyImg-M-1 {background-size: 110% auto;}
	.whyImg-M-2 {
		width: 95%;
		background-size: 115% auto;
	}
}




/* =============================================================================
	 section #recmnd-sec
============================================================================= */
#recmnd-sec .pSec-left-content .topBody-txt {
	width: 48%;
	height: auto;
	margin-right: 1.5rem;
}
#recmnd-sec .pSec-right-content .topBody-txt {
	width: 48%;
	height: auto;
	margin-left: 1.5rem;
}

#recmnd-sec .left-img-S.recImg-S,
#recmnd-sec .right-img-S.recImg-S {display: none;}

#recmnd-sec .left-img-L.recImg-L,
#recmnd-sec .right-img-L.recImg-L {
	margin-top: 5px;
	width: calc(52% - 1.5rem);
	height: auto;
}
.recImg-1 {
	width: 100%;
	height: 0;
	padding-top: 32%;
	background: url(../img/front/recImg-1.jpg) top center no-repeat;
	background-size: cover;
}
.recImg-2 {
	width: 100%;
	height: 0;
	padding-top: 32%;
	background: url(../img/front/recImg-2.jpg) top center no-repeat;
	background-size: cover;
}

@media screen and (max-width:1440px) {
	.recImg-L .recImg-1, .recImg-L .recImg-2 {padding-top: 35%;}
}

@media screen and (max-width:1366px) {
	.recImg-L .recImg-1, .recImg-L .recImg-2 {padding-top: 40%;}
}

@media screen and (max-width:1280px) {
	.recImg-L .recImg-1, .recImg-L .recImg-2 {padding-top: 45%;}
}

@media screen and (max-width:1080px) {
/*
	.body-upper .pSec-left-content,
	.body-under .pSec-right-content {margin-left: calc(92px + 3%);}
*/
	.recImg-L .recImg-1, .recImg-L .recImg-2 {padding-top: 55%;}
}

@media screen and (max-width:1024px) {
/*
	.body-upper .pSec-left-content,
	.body-under .pSec-right-content {margin-left: calc(36px + 3%);}
*/
}

@media screen and (max-width:960px) {
	#recmnd-sec .body-flex-left,
	#recmnd-sec .body-flex-right {align-items: center; }
}

@media screen and (max-width:800px) {
	.left-img-L.recImg-L, .right-img-L.recImg-L {display: none;}
	#recmnd-sec .left-img-S.recImg-S,
	#recmnd-sec .right-img-S.recImg-S {display: block;}
	#recmnd-sec .pSec-left-content .topBody-txt,
	#recmnd-sec .pSec-right-content .topBody-txt {width: 90%;}
	#recmnd-sec .pSec-right-content .topBody-txt {margin-left: 10%;}
	.left-img-S.recImg-S, .right-img-S.recImg-S {
		margin: 1rem auto;
		width: 70%;
	}
	.recImg-1 {padding-top: 50%;}
	.recImg-2 {
		padding-top: 50%;
		background-size: 110% auto;
	}
}

@media screen and (max-width:600px) {
	#recmnd-sec .pSec-right-content .topBody-txt {margin-left: 9%;}
	.left-img-S.recImg-S, .right-img-S.recImg-S {width: 100%;}
	.recImg-1 {padding-top: 45%;}
	.recImg-2 {
		padding-top: 45%;
		background-size: cover;
	}
}


/* =============================================================================
	 section #textbooks-sec
============================================================================= */
#textbooks-sec .sect-contents {padding-bottom: 0;}
.sect-contents.textbook-contents {padding-top: 0;}

.kaigo-course, .seido-course {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 87%;
	height: auto;
}

.book-contents {
	position: relative;
	z-index: 5;
	margin-left: auto;
	margin-right: auto;
	width: 88%;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.seido-course .book-contents {margin-bottom: 0;}

.book-img-L {
	width: 25%;
	height: auto;
	margin-top: 3px;
	margin-bottom: 6px;
}
.book-img-S {display: none;}

.bookInfo-body {
	width: 72%;
	height: auto;
}

.bookImg-1 {
	width: 100%;
	height: 0;
	padding-top: 141%;
	background: url(../img/front/kaigo_hyou-1.jpg) top center no-repeat;
	background-size: cover;
	border: 1px solid #aaa;
	box-shadow: 4px 4px 6px #aaa
}
.bookImg-2 {
	width: 100%;
	height: 0;
	padding-top: 141%;
	background: url(../img/front/seido_hyo-1.jpg) top center no-repeat;
	background-size: cover;
	border: 1px solid #aaa;
	box-shadow: 4px 4px 6px #aaa
}

.book-name {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.book-name .partName {
	font-size: 1.5rem;
	font-weight: bold;
}

.body-textImg {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.body-textImg .bodyText {
	width: 45%;
	height: auto;
}
.body-textImg .bodyImg {
	padding-top: 4px;
	width: 51%;
	height: auto;
}

.bookKaigo-img {
	width: 100%;
	height: 0;
	padding-top: 66.666%;
	background: url(../img/front/careIns-img.jpg) top center no-repeat;
	background-size: cover;
}
.bookSeido-img {
	width: 100%;
	height: 0;
	padding-top: 66.666%;
	background: url(../img/front/WLblnc-img.jpg) top center no-repeat;
	background-size: cover;
}

.method-price {margin-bottom: 1.5rem;}
.method-price .price {
	display: block;
	font-size: 1rem;
}

.page-link.bookKaigo-link,
.page-link.bookSeido-link {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}
.amazonKaigo-button {margin-top: 2.5rem;}

.notice-flex {
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}
.notice-flex .issue-info {
	width: 100%;
	padding: .75rem 1.125rem;
	background-color: #ed1c24;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.6;
	text-align: center;
	border-radius: .75rem;
	margin-right: 1rem;
}

@media screen and (max-width:1600px) {
	.page-link.bookKaigo-link, .page-link.bookSeido-link {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
}

@media screen and (max-width:1440px) {
	.page-link.bookKaigo-link {margin-bottom: 1.5rem;}
	.page-link.bookSeido-link {margin-bottom: 1rem;}
	.method-price {margin-bottom: 0rem;}
	.amazonKaigo-button {margin-top: 1.5rem;}
	.seido-course .method-price {margin-bottom: 1.5rem;}
}

@media screen and (max-width:1366px) {
	.bookTtl-area > .body-title {margin-bottom: 0rem;}
	.bookTtl-area > .book-name {margin-bottom: 0.5rem;}
	.body-textImg {align-items: center;}
	.body-textImg .bodyText {width: 48%;}
	.body-textImg .bodyImg {
		padding-top: 0;
		width: 49%;
	}
	.method-price {
		font-size: .875rem;
		line-height: 1.5;
	}
	.page-link.bookKaigo-link, .page-link.bookSeido-link {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.method-price .price {font-size: .9375rem;}
	.amazonKaigo-button {margin-top: 1rem;}
	.seido-course .method-price {margin-bottom: 1rem;}
}

@media screen and (max-width:1280px) {
	.book-img-L {width: 27%;}
	.bookInfo-body {width: 70%;}
	.page-link.bookKaigo-link, .page-link.bookSeido-link {
		margin-top: 0;
		margin-bottom: .5rem;
	}
}

@media screen and (max-width:1080px) {
	.book-img-L {width: 25%;}
	.bookInfo-body {width: 72%;}
	.body-textImg {display: block;}
	.body-textImg .bodyText {width: 100%;}
	.body-textImg .bodyImg {display: none;}
	.bookTtl-area .book-name {font-size: 1.125rem;}
	.book-name .partName {font-size: 1.375rem;}
	.method-price {margin-bottom: .25rem;}
	.method-price .price {
		display: inline;
		padding-left: 1em;
	}
	.notice-flex .issue-info {padding: .5rem 1rem;}
	.page-link.bookKaigo-link, .page-link.bookSeido-link {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
}

@media screen and (max-width:960px) {
	.book-img-L {width: calc(33% - 1.5rem);}
	.bookInfo-body {
		margin-left: 1.5rem;
		width: 67%;
	}
}

@media screen and (max-width:800px) {
	.book-img-L {display: none;}
	.book-contents {width: 96%;}
	.bookInfo-body {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	.bookTtl-area {
		padding-left: 8%;
		text-align: center;
	}
	.book-img-S {
		display: block;
		margin: .75rem auto 1.25rem;
		width: 35%;
	}
	.body-textImg {
		padding-right: 8%;
	}
}

@media screen and (max-width:600px) {
	.bookInfo-body {width: 100%;}
	.bookTtl-area .body-title {
		line-height: 1.4;
		margin-bottom: .5rem;
	}
	.book-name {line-height: 1.5}
	.book-name .partName {display: block;}
	.book-img-S {
		width: 45%;
		margin-left: 30%;
		margin-right: 25%
	}
	.body-textImg {
		padding-right: 6%;
	}
}

@media screen and (max-width:480px) {
	.book-img-S {
		width: 55%;
		margin-left: 25%;
		margin-right: 20%
	}
	.method-price {
		margin-top: .75rem;
		margin-left: auto;
		margin-right: auto;
		width: 14.1em;
	}
	.method-price .price {
		display: block;
		padding-left: 0;
	}
	.amazonKaigo-button {margin-top: .5rem;}
}



/* =============================================================================
	 section ＃flow-sec
============================================================================= */
#flow-sec {
	position: relative;
	width: 100%;
	height: auto;
}

#flow-sec .sectBody-text {
	width: 50%;
	height: auto;
	margin-right: 2rem;
}

.right-img-L.flowImages-L {
	width: calc(50% - 2rem);
	display: flex;
}
.img-flowLeft, .img-flowRight {width: 50%;}
.flowImg-L-1 {
	margin-top: -2rem;
	width: 100%;
	height: 0;
	padding-top: 71.2329%;
	background: url(../img/front/flowImg-1.jpg) center center no-repeat;
	background-size: cover;
}
.flowImg-L-2 {
	margin-top: -2rem;
	width: 100%;
	height: 0;
	padding-top: 71.2329%;
	background: url(../img/front/flowImg-2.jpg) center center no-repeat;
	background-size: cover;
}

@media screen and (max-width:1366px) {
	#flow-sec .sectBody-text {width: 70%;}
	.right-img-L.flowImages-L {
		width: calc(30% - 2rem);
		display: block;
	}
	.img-flowLeft, .img-flowRight {width: 100%;}
	.flowImg-L-1 {padding-top: 64%;}
	.flowImg-L-2 {
		padding-top: 64%;
		margin-top: .5rem;
	}
}

@media screen and (max-width:1280px) {
	#flow-sec .sectBody-text {width: 65%;}
	.right-img-L.flowImages-L {
		width: calc(35% - 2rem);
		margin-top: 1.75rem;
	}
	.flowImg-L-1, .flowImg-L-2 {padding-top: 66%;}
}

@media screen and (max-width:1080px) {
	#flow-sec .sectBody-text {width: 60%;}
	.right-img-L.flowImages-L {width: calc(40% - 2rem);}
	.flowImg-L-1, .flowImg-L-2 {padding-top: 63%;}
}

@media screen and (max-width:960px) {
	.flowImg-L-1, .flowImg-L-2 {padding-top: 71.2329%;}
}

@media screen and (max-width:800px) {
	.right-img-L.flowImages-L {display: none;}
	.flowImages-S {
		display: flex;
		margin: -.5rem auto 1.5rem;
		width: 80%;
		height: auto;
	}
	.flowImg-S-1, .flowImg-S-2 {width: 50%}
	.flowImg-S-1 div {
		width: 100%;
		height: 0;
		padding-top: 65%;
		background: url(../img/front/flowImg-1.jpg) center center no-repeat;
		background-size: cover;
	}
	.flowImg-S-2 div {
		width: 100%;
		height: 0;
		padding-top: 65%;
		background: url(../img/front/flowImg-2.jpg) center center no-repeat;
		background-size: cover;
	}
	#flow-sec .sectBody-text {width: 90%;}
	.sectBody-text .sectBody-item:nth-child(3) {width: 95%;}
	.sectBody-text .sectBody-item:nth-child(4) {width: 90%;}
}

@media screen and (max-width:600px) {
	.flowImages-S {width: 90%;}
	.flowImg-S-1 div, .flowImg-S-2 div {padding-top: 71.2329%;}
}

@media screen and (max-width:480px) {
	.flowImages-S {width: 100%;}
	.sectBody-text .sectBody-item:nth-child(3) {width: 98%;}
	.sectBody-text .sectBody-item:nth-child(4) {width: 96%;}
}



/* =============================================================================
	 section ＃Ee-system
============================================================================= */
#Ee-system .body-flex-right {
	align-items: center;
}

.left-img-L.EeSysImg-L {
	width: calc(45% - 2rem);
	height: auto;
	display: flex;
}
.sectBody-text.EeSys-text {
	margin-right: 0;
	margin-left: 2rem;
	width: 55%;
	height: auto;
}
.EeImg-1, .EeImg-2 {width: 50%;}
.EeSys-img-1 {
	width: 100%;
	height: 0;
	padding-top: 75.757576%;
	background: url(../img/front/EeSys-img-1.jpg) center center no-repeat;
	background-size: cover;
}
.EeSys-img-2 {
	width: 100%;
	height: 0;
	padding-top: 75.757576%;
	background: url(../img/front/EeSys-img-2.jpg) center center no-repeat;
	background-size: cover;
}

@media screen and (max-width:1440px) {
	.left-img-L.EeSysImg-L {
		width: calc(38% - 2rem);
		display: block;
	}
	.sectBody-text.EeSys-text {width: 62%;}
	.EeImg-1 {margin-bottom: .5rem;}
	.EeImg-1, .EeImg-2 {width: 100%;}
	.EeSys-img-1 {
		width: 100%;
		height: 0;
		padding-top: 38%;
		background: url(../img/front/EeSysImg-L-1.jpg) center center no-repeat;
		background-size: cover;
	}
	.EeSys-img-2 {
		width: 100%;
		height: 0;
		padding-top: 38%;
		background: url(../img/front/EeSysImg-L-2.jpg) center center no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:1366px) {
	.EeSys-img-1, .EeSys-img-2 {padding-top: 40%;}
}

@media screen and (max-width:1280px) {
	.EeSys-img-1, .EeSys-img-2 {padding-top: 46%;}
}

@media screen and (max-width:1080px) {
	.left-img-L.EeSysImg-L {width: calc(42% - 2rem);}
	.sectBody-text.EeSys-text {width: 58%;}
	.EeSys-img-1, .EeSys-img-2 {padding-top: 52%;}
}

@media screen and (max-width:960px) {
	.left-img-L.EeSysImg-L {width: calc(50% - 1.5rem);}
	.sectBody-text.EeSys-text {width: 50%;}
}

@media screen and (max-width:800px) {
	.left-img-L.EeSysImg-L {display: none;}
	#Ee-system .body-flex-right {display: block;}
	.sectBody-text.EeSys-text {
		margin-left: 7%;
		margin-right: 3%;
		width: auto;
	}
	.sectBody-text .sectBody-item:nth-child(1) {
		margin-left: 7%;
		width: 93%;
	}
	.sectBody-text .sectBody-item:nth-child(2) {width: 100%;}
	.EeImg-S-1, .EeImg-S-2 {
		display: block;
		margin: 1rem auto;
		width: 66%;
	}
	.EeImg-S-2 {margin-bottom: 0.25rem;}
	.EeSysImg-S-1 {
		width: 100%;
		height: 0;
		padding-top: 42%;
		background: url(../img/front/EeSysImg-L-1.jpg) center center no-repeat;
		background-size: cover;
	}
	.EeSysImg-S-2 {
		width: 100%;
		height: 0;
		padding-top: 42%;
		background: url(../img/front/EeSysImg-L-2.jpg) center center no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:600px) {
	.sectBody-text.EeSys-text {
		margin-left: 13%;
		margin-right: 0;
	}
	.EeImg-S-1, .EeImg-S-2 {width: 76%;}
}

@media screen and (max-width:480px) {
	.EeImg-S-1, .EeImg-S-2 {width: 100%;}
}


/* =============================================================================
	 section .other-theme .bg-cream  /  #sect-8
============================================================================= */
.themeItem {
	margin-left: calc(92px + 3%);
	margin-right: calc(92px + 3%);
	padding: 60px 0;
	display: flex;
	justify-content: center;
}

.item-box {
	margin-right: 5%;
	width: 30%;
	height: auto;
	background: #fff;
	padding: 18px 24px 14px;
	border-radius: 20px;
	box-shadow: 3px 3px 8px #999;
}
.item-box:nth-child(3) {margin-right: 0;}
.item-image {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}


/* .itemTitle-wa ----------------------------------- */
.item-title {margin-bottom: 14px;}
.itemTitle-wa {
	text-align: center;
	font-size: 1.625rem;
	line-height: 1;
	padding-bottom: 7px;
	border-bottom: 1px solid #167cca;
}
.itemTitle-eng {
	text-align: center;
	font-size: 1.1875rem;
	font-style: italic;
}

@media screen and (max-width:1080px) {
	.item-title {margin-bottom: 10px;}
	.itemTitle-wa {font-size: 1.5rem;}
	.itemTitle-eng {font-size: 1.0625rem;}
}


.forOrg {
	width: 100%;
	height: 0;
	padding-top: 55%;
	background: url(../img/front/forOrg.jpg) center center no-repeat;
	background-size: cover;
}
.toCertifiers {
	width: 100%;
	height: 0;
	padding-top: 55%;
	background: url(../img/front/to-Certifiers.jpg) top center no-repeat;
	background-size: cover;
}
.FAQ {
	width: 100%;
	height: 0;
	padding-top: 55%;
	background: url(../img/front/FAQ.jpg) top center no-repeat;
	background-size: cover;
}

@media screen and (max-width:1440px) {
	.themeItem {
		margin-left: 5%;
		margin-right: 5%;
	}
	.item-box {
		width: 31%;
		margin-right: 3.5%;
	}
}

@media screen and (max-width:1280px) {
	.themeItem {
		margin-left: 3.5%;
		margin-right: 3.5%;
	}
	.item-box {
		width: 31.3%;
		margin-right: 3.05%;
	}
}

@media screen and (max-width:1080px) {
	.themeItem {
		margin-left: 3%;
		margin-right: 3%;
	}
	.item-image {margin-bottom: .75rem;}
}

@media screen and (max-width:960px) {
	.themeItem {
		margin-left: 10%;
		margin-right: 10%;
		display: block;
	}
	.item-box {
		width: 100%;
		margin-bottom: 2.25rem;
	}
	.item-box:nth-child(3) {margin-bottom: 0;}
	.itemBox-body {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.item-image {width: 45%;}
	.item-text {
		margin-top: -5px;
		width: calc(55% - 24px);
	}
}

@media screen and (max-width:800px) {
	.themeItem {
		margin-left: 4.5%;
		margin-right: 4.5%;
	}
	.item-image {width: 50%;}
	.item-text {
		margin-top: -5px;
		width: calc(50% - 24px);
	}
}

@media screen and (max-width:600px) {
	.themeItem {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	.itemBox-body {display: block;}
	.item-image {
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		margin-bottom: 1rem;
	}
	.item-text {width: 100%;}
}



/* =============================================================================
	 section .emailMagazine  /  #sect-9
============================================================================= */
.sect-contents.mlMaga-content {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 768px;
}
.mlMaga-Title {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.75rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mlMaga-mark {
	width: 15%;
	height: auto;
}
.mlMaga-body {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1.75rem;
}
.presentPDF-sm {display: none;}
.presentPDF {
	width: 25%;
	height: auto;
	margin-right: 1.5rem;
}
.pdf-image {
	width: 100%;
	height: 0;
	padding-top: 141.4%;
	background: url(../img/front/tokuten1-h1.jpg) top center no-repeat;
	background-size: cover;
	border: 1px solid #aaa;
}
.mlMagaBody-text {
	margin-top: -5px;
	width: calc(75% - 1.5rem);
}

.mlM-form-area {}
.form-p {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: .5rem
}

.mlMaga-form {display: flex;}
.mlMaga-form input[type="email"] {
	display: block;
	margin: 0;
	padding: .5rem .75rem 0;
	width: calc(80% + 1px);
	font-size: 1.5rem;
	line-height: 3.5rem;
	border: 4px solid #ff7800;
	vertical-align: bottom;
	border-radius: 12px 0 0 12px;
}
.mlMaga-form input[type="submit"] {
	display: block;
	cursor: pointer;
	margin-left: -1px;
	padding: .25rem 0;
	background-color: #ff7800;
	width: 20%;
	color: #fff;
	font-size: 1.25rem;
	text-align: center;
	border-radius: 0 12px 12px 0;
}
.mlMaga-form input[type="submit"]:hover {
	font-weight: bold;
	background-color: rgba(255, 120, 0, 0.9);
}

@media screen and (max-width:800px) {
	.sect-contents.mlMaga-content {
		margin-left: 4.5%;
		margin-right: 4.5%;
		width: 91%;
	}
	.mlM-form-area {
		margin-left: auto;
		margin-right: auto;
	}
	.form-p {font-size: .9375rem;}
}

@media screen and (max-width:600px) {
	.mlMaga-mark {display: none;}
	.mlMaga-Title .sect-Title-wa {text-align: center;}
	.presentPDF {
		width: 45%;
		height: auto;
		margin-right: 1.0rem;
	}
	.mlMagaBody-text {
		margin-top: -5px;
		width: calc(55% - 1.0rem);
	}
}

@media screen and (max-width:500px) {
	.mlMaga-body {display: block;}
	.presentPDF {display: none;}
	.mlMagaBody-text {width: 100%;}
	.mlMagaBody-text .body-text:first-child {margin-bottom: .5rem;}
	.presentPDF-sm {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 40%;
		margin-bottom: 1rem;
	}
	.mlMaga-form {display: block;}
	.mlMaga-form input[type="email"] {
		padding: .5rem .75rem 0;
		width: 100%;
		font-size: 1.25rem;
		line-height: 3rem;
		border-radius: 12px 12px 0px 0px;
		margin-bottom: .25rem;
	}
	.mlMaga-form input[type="submit"] {
		margin-left: 0px;
		padding: .5rem 0;
		width: 100%;
		font-size: 1.25rem;
		font-weight: bold;
		border-radius: 0px 0px 12px 12px;
	}
}

@media screen and (max-width:425px) {
	.presentPDF-sm {width: 52%;}
}

@media screen and (max-width:380px) {
	.presentPDF-sm {width: 60%;}
}

