@charset "utf-8";
/***************************************************
information
  filename : private.css;
***************************************************/

/* ** private_custom start ** */
/****************** カスタムcss ******************/

/************ 共通設定 ************/

/*----------- フォント装飾 -----------*/
::-webkit-scrollbar{width: 1.2rem;}
::-webkit-scrollbar-track{background-color: #ccc;}
::-webkit-scrollbar-thumb{background-color: var(--DezBase-cr);border-radius:1.0rem;}
.fontudpgothic {font-family: "biz-udpgothic", sans-serif;font-weight: 400;font-style: normal;}
.fontudpgothicB {font-family: "biz-udpgothic", sans-serif;font-weight: 700;font-style: normal;}
.fonthan-sans {font-family: "source-han-sans-japanese", sans-serif;font-weight: 400;font-style: normal;letter-spacing: .03em;}
.fonthan-sansB {font-family: "source-han-sans-japanese", sans-serif;font-weight: 700;font-style: normal;}
.fonthan-udpmincho {font-family: "biz-udpmincho", sans-serif;font-weight: 400;font-style: normal;}

span.FontB {font-weight: bold;}
span.FontBG {background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #fffd50 60%, #fffd50 100%);}
span.FontCrY {color: #ffc000;}
span.FontCrB {color: #28d6fb;}
span.FontCrR {color: var(--DezBase-cr-r);}
span.FontCrA {color: #005ab7;}
span.FontCrG {color: var(--DezBase-cr);}
span.TxtSsl {font-size: clamp(1.5rem, 1.5vw, 1.5rem);}
span.TxtSml {font-size: clamp(2.0rem, 2.5vw, 2.5rem);}

/*----------- 要素flexレイアウト設定 -----------*/
.DispFlex {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.DispFlex.DispFlexFst {-webkit-justify-content: flex-start;justify-content: flex-start;}
.FlexWrap {flex-wrap: wrap;}
.DispFlexGap {gap: 1.0rem 1.0rem;}
.DispFlexGapW {gap: 2.5rem 2.5rem;}

@media screen and (max-width: 1200px) {
	.DispFlexGapW {gap: 1.5rem 1.5rem;}
}
/*----------- ボタン装飾 -----------*/

/* 個別設定(基本ボタン) */
.usrCtmBt a {
	width: 70%;
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;
	padding: 2.0rem;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	color: #fff;
	border: inhelit;
	box-shadow: inhelit;
	background: var(--DezBase-cr);
	text-align: left;
	z-index: 10;
}
.usrCtmBt a.next::after {border-left-color: var(--sbmNxBt-txt);}
.usrCtmBt.ltb a {margin-left: auto;}
.usrCtmBt.ctb a {margin-left: auto;margin-right: auto;}
.usrCtmBt.sizs a {
	margin: 0.5rem auto;
	padding: 1.0rem 0.5rem;
	font-size: clamp(1.4rem, 1.41vw, 1.4rem);
	text-align: center;
}
@media screen and (max-width: 600px) {
	.usrCtmBt a {width: 100%;}
	.usrCtmBt.ltb a {margin-left: auto;margin-right: auto;}
}
/*--- ボタンエリア設定 ---*/
.strengthblckMainBt {width: 60%;padding: 2.0rem 0 5.0rem 0;}
@media screen and (max-width: 800px) {
	.strengthblckMainBt {width: 100%;margin: 0 auto;padding: 2.0rem 0;}
}
/* 個別設定(角丸ボタン) */
.usrCtmRBt.BtM a,
.usrCtmRBt.BtM span {border-radius: 10.5rem;}
.usrCtmRBt a {
	width: 100%;
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;
	padding: 4.0rem 1.0rem;
	font-size: clamp(1.6rem, 2.0vw, 2.4rem);
	font-weight: bold;
	color: #fff;
	border: inhelit;
	box-shadow: inhelit;
	background: var(--DezBase-cr);
	text-align: center;
	z-index: 10;
}
.usrCtmRBt a.next::after {border-left-color: var(--sbmNxBt-txt);}

.btdezpt01 .NewOrdBt,
.btdezpt01 .BackListBt,
.btdezpt01 .EditDetBt,
.btdezpt01 .EditOnBt,
.btdezpt01 .EditOffBt,
.btdezpt01 .OutLinkBt,
.btdezpt01 .CopyLinkBt {
    padding: 2.5rem 0;
    font-size: clamp(1.4rem, 1.4vw, 1.6rem);
    color: #fff;
}

@media screen and (max-width: 800px) {
	.usrCtmRBt a {padding: 3.0rem 1.0rem;}
}
/*----------- ヘッダー装飾 -----------*/
/* 基本変更 */
#header.headDez02 .scroll-Fixed {padding-bottom: 6.5rem;}
.scroll-Fixed .scrFixed {height: 6.5rem;}

@media screen and (max-width: 600px) {
	.scroll-Fixed {padding-bottom: 5.5rem;}
}
/* ヘッダーお問い合わせボタン */
.contactNavi {display: flex;}
.cnaviArea {width: max-content;margin: 1.2rem 0;padding: 0;font-size:0;}
.drawer .cnaviArea {width: 100%;}

.mnavitype03 .mnaviArea .LoginNavi a,
.mnavitype03 .mnaviArea .LinkNavi a {
	width: 120px;
	display: block;
	text-align: center;
	margin: 0 0.2rem;
	padding: 0.8rem 0.5rem;
	border-radius: 0.2em;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em; /* 角丸 */
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	border: 1px solid #fff;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.mnaviArea span.mnaviUTxt {color: #fff;}
.mnaviArea li a:hover {text-decoration: none;filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.mnavitype03 .memInfoBox {padding: 1.0rem 1.0rem 0 0;}
.member_info .member_info_thumbnail,
.member_info_pd .member_info_thumbnail {width: 35px;height: 30px;}

#header.headDez02 .scroll-Fixed p.logo,
#header.headDez02 .scroll-Fixed p.sub_logo {padding: 1.0rem 0 0 0;max-height: 80px;width: 160px;}
#header .gnavis a {font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: bold;}

/* スマホヘッダー */
#spheaderMenu.spheadDez02 p.logo,
#spheaderMenu.spheadDez02 p.sub_logo {padding: 1.0rem 0 0 0;max-width: 150px;}

@media screen and (max-width: 600px) {
	.scroll-Fixed .scrFixed .ptLayoutInn {height: 5.0rem;}
	#spheaderMenu.spheadDez02 .scroll-Fixed {padding-bottom: 6.5rem;}
}
#headerSub {border-bottom: 1px solid #000;}

/*----------- ヘッダー装飾 -----------*/

/*----------- フッター調整 -----------*/

/* 会社名表示箇所 */
address {color: #000;}
#footer .fnavi a:before {top: 0.8rem;}
#spfooter.spfootDez02 .corpName {width: 90%;}
#spfooter.spfootDez02 .corpName img {width: 60%;margin: 0 auto;}

/* フッターリンク箇所 */
.appLinkArea {
	padding: 2.0rem 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.appLinkAreaInn {width: 98%;margin: 0 auto;}
.appLinkBox {
	width: 49.5%;
	height: 450px;
	border: 1px solid #bcbcbc; /* ボーダー指定 */
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
	text-shadow: var(--app-articleArea-txtsd);
}
/* 	外部リンク共通 */
/* 	マベリカ */
.appLinkBox.maverica {
	background: url(../../../images/site_rnr/maverica_main_bg.jpg) -350px -30px no-repeat #fff;
	background-size: auto 750px;
	padding: 5.0rem 0.5rem;
}
.maverica .appLinkBoxInn {text-align: right;}
.maverica span {color: #196566;}
.maverica .appLinkTi {padding-top: 2.0rem;font-size: clamp(3.5rem, 4.0vw, 6.5rem);line-height: 1.2;text-align: right;}
.maverica .appLinkSub {padding: 0 1.5rem;font-size: clamp(1.6rem, 1.8vw, 3.0rem);line-height: 1.4;font-weight: bold;}
.maverica .appLinkLogo {padding: 7.0rem 5.5rem 0 0;}
.maverica .appLinkLogo img {width: 200px;}

/* 	コアブロ */
.appLinkBox.coreblo {
	background: url(../../../images/site_rnr/coreblo_main_bg.jpg) -250px -80px no-repeat #fff;
	background-size: auto 850px;
	padding: 5.0rem 3.0rem;
}
.coreblo .appLinkBoxInn {text-align: left;}
.coreblo span {color: #00a1c3;}
.coreblo .appLinkSup {padding-top: 1.0rem;font-size: clamp(1.4rem, 1.6vw, 1.6rem);line-height: 1.6;font-weight: bold;}
.coreblo .appLinkSub {padding: 0;font-size: clamp(2.6rem, 2.8vw, 3.5rem);line-height: 1.4;font-weight: bold;}
.coreblo .appLinkTi {padding: 0;font-size: clamp(4.5rem, 6.0vw, 6.5rem);line-height: 1.2;}
.coreblo .appLinkTxt {padding: 2.0rem 1.5rem;font-size: clamp(1.4rem, 1.4vw, 1.4rem);line-height: 1.8;font-weight: bold;}
.coreblo .appLinkLogo {padding: 1.5rem 0.5rem 0 0.5rem;}
.coreblo .appLinkLogo img {width: 200px;}

/* 	本プラ */
.appLinkBox.honpra {
	background: url(../../../images/site_rnr/honpra_main_bg.png) -350px -100px no-repeat #fff;
	background-size: auto 550px;
	padding: 4.0rem 3.0rem;
}
.honpra .appLinkBoxInn {text-align: left;}
.honpra span {color: var(--DezBase-cr-r);}
.honpra .appLinkSup {padding-top: 3.0rem;font-size: clamp(1.6rem, 1.6vw, 1.6rem);line-height: 1.6;font-weight: bold;}
.honpra .appLinkSub {padding: 0;font-size: clamp(1.8rem, 2.5vw, 3.0rem);line-height: 1.4;font-weight: bold;}
.honpra .appLinkTi {padding: 0;font-size: clamp(4.0rem, 5.0vw, 6.5rem);line-height: 1.2;}
.honpra .appLinkTxt {padding: 2.0rem 1.5rem;font-size: clamp(1.4rem, 1.4vw, 1.4rem);line-height: 1.8;font-weight: bold;}
.honpra .appLinkLogo {padding: 5.5rem 1.5rem 0 1.5rem;}
.honpra .appLinkLogo img {width: 200px;}

@media screen and (max-width: 1500px) {
	.appLinkBox.maverica {background-position: -380px -30px;}
	.appLinkBox.coreblo {background-position: -400px -80px;}
	.appLinkBox.honpra {background-position: -500px -100px;}
}
@media screen and (max-width: 1380px) {
	.appLinkBox {height: 420px;}
	.appLinkBox.maverica {background-position: -380px -30px;}
	.appLinkBox.maverica .sp_only {display: block;}
	.maverica .appLinkTi {padding-top: 1.0rem;}
	.maverica .appLinkSub {padding: 2.0rem 1.5rem;font-size: clamp(1.8rem, 1.8vw, 3.0rem);line-height: 1.4;font-weight: bold;}
	.maverica .appLinkLogo {padding: 3.0rem 4.0rem 0 0;}
	.maverica .appLinkLogo img {width: 150px;}
	.appLinkBox.coreblo {background-position: -450px -80px;}
	.coreblo .appLinkLogo img {width: 180px;}
	.appLinkBox.honpra {background-position: -550px -100px;}
	.honpra .appLinkLogo {padding: 4.5rem 0.5rem 0 0.5rem;}
	.honpra .appLinkLogo img {width: 150px;}
}
@media screen and (max-width: 1200px) {
	.appLinkBox {height: 380px;}
	.appLinkBox.maverica {background-size: auto 650px;background-position: -300px -30px;}
	.appLinkBox.coreblo {background-size: auto 830px;background-position: -500px -80px;}
	.coreblo .appLinkLogo {padding: 0 0.5rem 0 0.5rem;}
	.appLinkBox.honpra {background-size: auto 480px;background-position: -480px -80px;}
	.honpra .appLinkTxt {padding: 1.0rem 1.5rem;}
	.honpra .appLinkLogo {padding: 3.2rem 1.0rem 0 1.0rem;}
}
@media screen and (max-width: 1024px) {
	.appLinkBox {height: 320px;}
	.appLinkBox.maverica {background-size: auto 500px;background-position: -250px -30px;}
	.maverica .appLinkLogo {padding: 1.0rem 4.0rem 0 0;}
	.maverica .appLinkLogo img {width: 120px;}
	.appLinkBox.coreblo {background-size: auto 700px;background-position: -400px -60px;padding: 2.5rem 3.0rem;}
	.coreblo .appLinkLogo {padding: 0 0.5rem 0 0.5rem;}
	.coreblo .appLinkLogo img {width: 120px;}
	.coreblo .appLinkTxt {padding: 1.0rem 0.5rem;}
	.appLinkBox.honpra {background-size: auto 410px;background-position: -400px -70px;}
	.honpra .appLinkSup {padding-top: 0.5rem;}
	.honpra .appLinkTxt {padding: 0.5rem 0.5rem;}
	.honpra .appLinkLogo {padding: 3.2rem 1.0rem 0 0.5rem;}
	.honpra .appLinkLogo img {width: 110px;}
}
@media screen and (max-width: 912px) {
	.appLinkBox {width: 100%;height: 320px;}
	.appLinkBox.maverica {background-size: auto 550px;background-position: -250px -30px;}
	.appLinkBox.coreblo {background-size: auto 750px;background-position: -200px -60px;}
	.appLinkBox.honpra {background-size: auto 410px;background-position: -200px -70px;}
	.honpra .appLinkLogo {padding: 4.5rem 1.0rem 0 0.5rem;}
}
@media screen and (max-width: 800px) {
	.appLinkBox {width: 100%;height: 320px;}
}
@media screen and (max-width: 600px) {
	.appLinkBox.maverica {background-position: -300px -30px;}
	.appLinkBox.coreblo {background-position: -450px -60px;}
	.appLinkBox.honpra {background-position: -380px -70px;}
}
@media screen and (max-width: 420px) {
	.appLinkBox {width: 100%;height: 300px;}
	.appLinkBox.maverica {background-position: -300px -30px;}
	.appLinkBox.coreblo {background-position: -550px -60px;}
	.appLinkBox.honpra {background-position: -380px -90px;}
	.honpra .appLinkLogo {padding: 3.5rem 1.0rem 0 0.5rem;}
}

.snsblckArea {background: var(--DezBase-cr);}

/*----------- フッター調整 -----------*/

/*----------- ナビ装飾 -----------*/
.articleBox .ConNaviArea {background: #147f95;}
.articleBox .ConNaviArea nav {width: 60%;margin: 0 auto;padding: 0;}
.articleBox .ConNaviArea nav.szw {width: 90%;}
.articleBox .ConNaviArea ul {
	list-style: none;
	padding: 0;
	font-size: clamp(1.4rem, 1.5vw, 1.5rem);
	line-height: 1.2;
}
.articleBox .ConNaviArea ul.flexNav {
	justify-content: start;
	white-space: nowrap;
	overflow: auto;
}
.articleBox .ConNaviArea li {width: 100%;margin: 0;padding: 1.8rem 0.5rem;text-align: center;color: #fff;}
.articleBox .ConNaviArea ul.flexNav li {padding: 0;}
.articleBox .ConNaviArea li.crt,
.articleBox .ConNaviArea li:hover {background: #fff;color: #147f95;text-decoration: none;cursor: pointer;}
.articleBox .ConNaviArea a {display: block;padding: 1.5rem 2.0rem;}
.articleBox .ConNaviArea a:hover {text-decoration: none;}

@media screen and (max-width: 1400px) {.articleBox .ConNaviArea nav {width: 80%;}}
@media screen and (max-width: 1000px) {.articleBox .ConNaviArea nav {width: 98%;}}

/*----------- ナビ装飾 -----------*/

/*----------- CTAエリア -----------*/

/*--- 枠設定 ---*/
.ctablckArea {
	background: url(../../../images/site_rnr/cta_bg.jpg) center bottom no-repeat #fff; /* 背景色 */
	height: 1000px;
	border-top: 1px solid #999;
}
@media screen and (max-width: 800px) {
	.ctablckArea {height: 800px;background-size: auto 310px;}
}
.ctablckInn {
	width: 80%;
	margin: 0 auto;
	padding-top: 8.0rem;
}
/*--- タイトル設定 ---*/
/* タイトル・テキスト設定 */
.ctablckInn h2.ctaMainTi {padding: 0;font-size: clamp(3.2rem, 4.0vw, 4.5rem);line-height: 1.4;text-align: center;color: var(--DezBase-cr);}
.ctablckInn p.ctaSubTxt {padding: 4.0rem 0;font-size: clamp(1.8rem, 2.2vw, 2.2rem);line-height: 1.6;text-align: center;}

/*--- ボタンエリア設定 ---*/
.ctablckBt {
	width: 500px;
	margin: 0 auto;
	padding-top: 1.0rem;
}
@media screen and (max-width: 1380px) {
	.ctablckInn {width: 90%;}
}
@media screen and (max-width: 800px) {
	.ctablckBt {width: 400px;}
}
@media screen and (max-width: 600px) {
	.ctablckInn {padding-top: 5.0rem;}
	.ctablckBt {width: 100%;}
	.ctablckInn p.ctaSubTxt {padding: 2.0rem 0;}
}
/*----------- CTAエリア -----------*/

/*----------- お知らせ一覧エリア -----------*/

/*--- 枠設定 ---*/
.NewsArea {
	width: 100%;
	margin: 0 auto;
	padding: 4.0rem 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.NewsAreaInn {width: 90%;margin: 0 auto;}

/*--- タイトル設定 ---*/
.NewsAreaTiBox {margin: 0;}
.NewsAreaTiArea {width: 80%;}
.NewsAreaBt {width: 20%;}
.NewsAreaInn p.NewsAreaTiSub {padding: 0;font-size: clamp(1.4rem, 2.0vw, 2.0rem);line-height: 1.2;}
.NewsAreaInn h2.NewsAreaTiMain {padding: 0;font-size: clamp(2.0rem, 3.0vw, 4.0rem);line-height: 1.2;}
.NewsAreaUBt {display: none;}

/*--- 一覧カスタム設定 ---*/
.NewsAreaListBox .conListArea {width: 48%;}
.ListBox.ListType3.liwbg02 dl.clmDetail,
.ListBox.ListType5.liwbg02 .clmDetail {padding: 1.0rem 0;}
.ListType5 .clmDetailCate {width: 22%;}
.ListBox.ListType5 .ListTSgle ul.cateName span.cateIco {font-size: 1.2rem;}
.ListBox.ListType5 ul.cateName span.cateIco {padding: 0.5rem 0.5rem;}
.ListBox.ListType5 ul.cateName li {padding: 0.2rem 0;}
.ListType5 .ListTSgle p.time {padding: 0.5rem 0.5rem;font-size: clamp(1.2rem, 1.2vw, 1.2rem);}
.ListTSgle dd.title_area .ListMainTitle a {font-size: clamp(1.6rem, 1.8vw, 2.0rem);line-height: 1.6;}
.ListTSgle dd.title_area p.txt {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

@media screen and (max-width: 1380px) {.NewsAreaInn {width: 95%;}}
@media screen and (max-width: 1000px) {.NewsAreaListBox .conListArea {width: 100%;}.ListType5 .clmDetailCate {width: 22%;}.ListBox {padding: 0 1.0rem;}}
@media screen and (max-width: 800px) {.NewsAreaTiArea {width: 70%;}.NewsAreaBt {width: 30%;}}

@media screen and (max-width: 450px) {
	.NewsArea {padding: 2.0rem 0;}
	.NewsAreaInn {width: 100%;}
	.NewsAreaTiArea {width: 90%;margin: 0 auto;padding: 0 0 2.0rem 0;}
	.NewsAreaBt {display: none;}
	.ListBox {padding: 0 2.0rem;}
	.NewsAreaUBt {
		width: 80%;
		margin: 0 auto;
		padding: 2.0rem 0;
		display: block;
	}
}
/*----------- お知らせ一覧エリア -----------*/

/*----------- お知らせ記事詳細エリア -----------*/
.conVisual {width: 80%;}
@media screen and (max-width: 450px) {.conVisual {width: 100%;}}

/* お知らせ記事専用css */

/* 枠設定 */
.conInfoBox {width: 100%;margin: 0 auto;padding: 0;}
.articleArea .conInfoBox {width: 960px;margin: 0 auto;padding: 0;}

/* 冒頭概要設定 */
.conInfoOverview {
	margin: 2.0rem auto;
	padding: 3.0rem;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 1.8;
	background: #f7f7f7;
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
	border: 1px solid #d2d2d2;
}
.conInfoMainTi {padding: 4.5rem 0 1.0rem 0;font-size: clamp(2.4rem, 3.0vw, 3.0rem);line-height: 1.6;border-bottom: 1px dotted #333;}
.conInfoSubTi {padding: 2.5rem 0;font-size: clamp(1.8rem, 2.0vw, 2.0rem);line-height: 1.6;}
.conInfoTxt {
	padding: 1.0rem 0;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 2.0;
}
.conInfoImg {width: 100%;padding: 2.5rem 0;text-align: center;}
.conInfoImg img {max-width: 960px;}

@media screen and (max-width: 600px) {
	.conInfoOverview {padding: 2.0rem 1.0rem;}
	.conInfoImg img {width: 100%;}
}
/* 次の記事移動等の設定 */
.basicAreaMainOprtBt {background: var(--DezBase-cr);padding: 1.5rem 0.5rem;}
.NBLinkBt {margin: 0 auto;padding: 1.5rem 0.5rem;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
.DetListBkBt {margin: 0 auto;}
.ListBkBt {padding: 1.5rem 0.5rem;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

@media screen and (max-width: 600px) {
	.basicAreaMainOprtBt {padding: 0.5rem 0.5rem;}
	.NBLink {padding: 0.5rem 0 1.0rem 0;}
	.NBLinkBt {padding: 1.0rem 0.5rem;}
	.DetListBkBt {padding: 0.5rem 0;}
	.ListBkBt {padding: 1.0rem 0.5rem;}
}

/*----------- お知らせ記事詳細エリア -----------*/

/*----------- お問い合わせ詳細エリア -----------*/

.contactBox {
	margin: 4.0rem auto 2.0rem auto;
	padding: 2.0rem 1.5rem;
	border: var(--app-BgBox-brd);
	box-shadow: none;
}
.contactBoxInn {padding: 1.0rem 1.0rem;}
@media screen and (max-width: 600px) {
	.contactBox {margin: 2.0rem auto 2.0rem auto;padding: 0;border: none;}
	.BtM .contactRegBt {padding: 2.0rem 1.0rem;width: 100%;}
}
/* 画面下部の注意書きエリア */
.conInfoArtview {
	margin: 0;
	padding: 2.0rem 25.0rem 2.0rem 35.0rem;
}
@media screen and (max-width: 1600px) {.conInfoArtview {padding: 2.0rem 25.0rem 2.0rem 25.0rem;}}
@media screen and (max-width: 1380px) {.conInfoArtview {padding: 2.0rem 15.0rem 2.0rem 15.0rem;}}
@media screen and (max-width: 900px) {.conInfoArtview {padding: 2.0rem 8.0rem 2.0rem 8.0rem;}}
@media screen and (max-width: 600px) {.conInfoArtview {padding: 2.0rem 1.5rem 2.0rem 1.5rem;}}
.conInfoArtviewInn {
	padding: 2.0rem 2.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	line-height: 1.6;
	color: #fff;
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
	border: 1px solid #fff;
}
.BtM .LoginTopBt {
    margin: 1.2em auto;
    padding: 1.5rem 0;
    width: 300px;
    font-size: clamp(1.4rem, 1.4vw, 1.6rem);
    color: var(--bt-bk-txt);
    background: var(--DezBase-cr);
    border: var(--bt-bk-brd);
    box-shadow: none;
    border-radius: var(--BtM-rod);
    -webkit-border-radius: var(--BtM-rod);
    -moz-border-radius: var(--BtM-rod);
}
/*----------- お問い合わせ詳細エリア -----------*/

/****************** トップページのみ使用箇所設定 ******************/

/*----------- キービジュアル -----------*/
.TopMainArea {
	background: url(../../../images/site_rnr/honpra_main_bg.png) -700px top no-repeat; /* 背景色 */
}
.TopMainArea .ptLayoutInn {width: 80%;margin: 0 auto;}
.TopMainCopyBox {padding-top: 9.0rem;}
.TopMainCopy,
.TopMainSubCopy {margin: 0 auto;line-height: 1.2;text-align: left;}

.TopMainSubCopy,
.TopMainSubTi,
.TopMainCopy {
	padding: 0;
	text-shadow: var(--app-articleArea-txtsd);
}
.TopMainSubCopy {
	padding-left: 3.0rem;
	font-size: clamp(1.8rem, 2.0vw, 2.0rem);
	line-height: 1.4;
}
.TopMainSubTi {font-size: clamp(2.4rem, 4.0vw, 5.5rem);line-height: 1.6;}
.TopMainSubTi span {color: var(--DezBase-cr);}
.TopMainCopy {font-size: clamp(3.0rem, 5.0vw, 6.5rem);line-height: 0.8;}
.TopMainCopy span {font-size: clamp(4.5rem, 8.0vw, 10.0rem);}

@media screen and (max-width: 1700px) {.TopMainArea {background-position: -750px top;}}
@media screen and (max-width: 1600px) {.TopMainArea {background-position: -800px top;}}
@media screen and (max-width: 1500px) {
	.TopMainArea {background-position: -800px top;}
	.TopMainArea .ptLayoutInn {width: 90%;}
}
@media screen and (max-width: 1400px) {.TopMainArea {background-position: -1000px top;}}
@media screen and (max-width: 1300px) {.TopMainArea {background-position: -1100px top;}}
@media screen and (max-width: 1200px) {.TopMainArea {background-position: -1150px top;}}
@media screen and (max-width: 1100px) {.TopMainArea {background-position: -1150px top;background-size: auto 1000px;}}
@media screen and (max-width: 1000px) {.TopMainArea {background-position: -1000px top;background-size: auto 900px;}}
@media screen and (max-width: 900px) {
	.TopMainArea {
		background-position: -1200px 700px;
		background-size: auto 850px;
		height: 1550px;
	}
	.TopMainArea .ptLayoutInn {width: 70%;}
}
@media screen and (max-width: 800px) {
	.TopMainArea {
		background-position: -1150px 400px;
		background-size: auto 800px;
		height: 1150px;
	}
	.TopMainArea .ptLayoutInn {width: 80%;}
}
@media screen and (max-width: 700px) {
	.TopMainArea {
		background-position: -950px 400px;
		background-size: auto 700px;
		height: 1100px;
	}
	.TopMainArea .ptLayoutInn {width: 85%;}
}
@media screen and (max-width: 600px) {
	.TopMainArea {background: url(../../../images/site_rnr/honpra_main_bg_sp.png) center bottom no-repeat;height: 1000px;}
	.TopMainArea .ptLayoutInn {width: 90%;}
	.TopMainCopyBox {padding-top: 5.0rem;}
	.TopMainSubCopy,
	.TopMainSubTi,
	.TopMainCopy {text-align: center;}
	.TopMainSubCopy {padding-left: 0;}
}
@media screen and (max-width: 450px) {
	.TopMainArea {height: 1150px;}
}
/*----------- キービジュアル -----------*/

/*----------- 3つのスライダー -----------*/
.TopMainArea .TopMainSldBox {
	position: relative;
	min-height: 750px;
	width: 100%;
	margin: 0 auto;
}
.TopMainSldBoxInn {
	width: 75%;
	margin: 0 auto;
	padding-top: 4.0rem;
}
.TopMainSldBoxInn .sldBox {width: 600px;margin: 0;padding: 0;}
.TopMainSldItem {width: 100%;margin: 0;padding: 0;}

.SldItemNo span,
.SldItemSub span,
.SldItemTi span,
.SldItemTxt span {color: var(--DezBase-cr);}

.SldItemNo {
	font-size: clamp(13.0rem, 15.0vw, 20.0rem);
	font-weight: bold;
	line-height: 1.0;
	text-shadow: var(--app-articleArea-txtsd);
}
.SldItemNo span {font-size: clamp(6.0rem, 8.0vw, 10.0rem);}
.SldItemSub {
	font-size: clamp(2.5rem, 2.5vw, 3.5rem);
	line-height: 1.4;
	padding: 0.5rem 0;
	text-shadow: var(--app-articleArea-txtsd);
}
.SldItemTi {
	font-size: clamp(3.5rem, 4.0vw, 4.5rem);
	line-height: 1.2;
	padding: 0.5rem 0;
	text-shadow: var(--app-articleArea-txtsd);
}
.SldItemTxt {
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 1.6;
	padding: 1.5rem 0;
	text-shadow: var(--app-articleArea-txtsd);
}
@media screen and (max-width: 1500px) {
	.TopMainSldBoxInn {width: 85%;}
}
@media screen and (max-width: 1100px) {
	.TopMainArea .TopMainSldBox {min-height: 650px;}
	.TopMainSldBoxInn .sldBox {width: 500px;}
}
@media screen and (max-width: 900px) {
	.TopMainSldBoxInn {width: 65%;}
}
@media screen and (max-width: 800px) {
	.TopMainSldBoxInn {width: 75%;}
}
@media screen and (max-width: 700px) {
	.TopMainSldBoxInn {width: 80%;}
}
@media screen and (max-width: 600px) {
	.TopMainSldBoxInn {width: 80%;}
	.TopMainSldBoxInn .sldBox {width: 100%;}
}
@media screen and (max-width: 450px) {
	.TopMainSldBoxInn {width: 75%;padding-top: 2.0rem;}
	.SldItemSub {padding: 1.0rem 0;}
	.SldItemTi {line-height: 1.3;}
}
/*----------- 3つのスライダー -----------*/

/****************** トップページ・第2階層共通使用箇所設定 ******************/

/*----------- 枠の共通設定(前後ボーダーあり) -----------*/
.basicBrdBox {
	width: 100%;
	margin: 0 auto;
	padding: 7.0rem 0;
	border-bottom: 1px solid #999;
}
.basicBrdBox.Tbrd {	border-top: 1px solid #999;}
.basicBrdBox.brdno {border-bottom: none;}

/* 背景画像位置指定（中央背景付き） */
.basicBrdBoxTxtCbg .basicBrdBoxInn {width: 85%;margin: 0 auto;padding: 0;}

/*--- タイトル設定 ---*/
.basicBrdBoxInn h2.basicBrdMainTi,
.basicBrdBoxInn p.basicBrdMainTxt {text-align: left;}
.basicBrdBoxInn h2.basicBrdMainTi.TiCnt {text-align: center;}

/* タイトル・テキスト設定 */
.basicBrdBoxInn .basicBrdMainTi {padding: 0.5rem 0;font-size: clamp(2.2rem, 3.5vw, 3.5rem);line-height: 1.4;}
.basicBrdBoxInn .basicBrdMainSubTi {padding: 1.5rem 0 0 0;font-size: clamp(1.6rem, 2.0vw, 2.0rem);line-height: 1.6;}

/* サブキャプション設定 */
.basicBrdMainSup {
	text-align: left;
	padding: 2.5rem 0;
	font-size: clamp(1.8rem, 2.5vw, 2.5rem);
}
@media screen and (max-width: 1370px) {
	.basicBrdBoxTxtCbg .basicBrdBoxInn {width: 90%;margin: 0 auto;padding: 0;}
}
@media screen and (max-width: 600px) {
	.basicBrdBox {padding: 4.0rem 0;}
	.basicBrdMainSup {padding: 0.5rem 0;}
}
.basicBrdBt {
	width: 50%;
	margin: 0 auto;
	padding: 2.0rem 0;
}
@media screen and (max-width: 600px) {.basicBrdBt {width: 85%;}}

/* テーブル設定 */
.basicBrdBoxInn table {width: 100%;margin: 5.0rem auto;}

/*----------- 枠の共通設定(左右赤色帯あり) -----------*/

.basicBox {position: relative;min-height: 400px;}
.basicArea {background: var(--DezBase-cr);}
.basicAreaPD {padding: 2.0rem 0;}
.basicAreaPDN {padding: 0;}
.basicAreaTiW {
	padding: 4.0rem 8.0rem;
	font-size: clamp(2.5rem, 3.0vw, 4.0rem);
	color: #fff;
}
.basicAreaInn {display: flex;}
.basicAreaInnR {display: flex;justify-content: flex-end;}
.basicAreaMain,
.basicAreaMainR {
	width: 85%;
	background: #fff;
	padding: 0;
}
.basicAreaMainSubTi {
	font-size: clamp(2.0rem, 3.5vw, 3.5rem);
	background: #e8f1f1;
	padding: 5.0rem 8.0rem;
}
.basicAreaMainInn {padding: 5.0rem 8.0rem;}
@media screen and (max-width: 1100px) {
	.basicAreaTiW {padding: 2.0rem 4.0rem;}
	.basicAreaMainSubTi {padding: 2.0rem 4.0rem;}
	.basicAreaMainInn {padding: 2.0rem 4.0rem;}
}
@media screen and (max-width: 800px) {
	.basicAreaMain,
	.basicAreaMainR {width: 95%;}
}
@media screen and (max-width: 600px) {
	.basicAreaTiW {padding: 2.0rem 3.0rem;}
	.basicAreaMainSubTi {padding: 2.0rem 3.0rem;}
	.basicAreaMainInn {padding: 2.0rem 3.0rem;}
	.newsinfoListArea .basicAreaMainInn {padding: 3.0rem 0;}
}
.basicAreaMainSubTiDB {
	font-size: clamp(2.0rem, 3.0vw, 4.0rem);
	background: var(--DezBase-cr);
	padding: 5.0rem 8.0rem;
	color: #fff;
}
@media screen and (max-width: 600px) {
	.basicAreaMainSubTiDB {padding: 3.0rem 2.0rem;}
}
/*--- タイトル設定（共通利用） ---*/

/* アイコン付きタイトル設定 */
.basicSqaTi {padding: 1.0rem 0;display: flex;align-items: center;}
.basicSqaTi span.basicSqaIco {
	width: 63px;
	height: 63px;
	background: url(../../../images/site_rnr/square_ico_bg.png) center top no-repeat;
	background-size: 63px 63px;
	display: block;
	color: #fff;
	text-align: center;
	padding: 1.2rem 0;
	font-size: 2.4rem;
}
.basicSqaTi span.basicSqaTxt {
	display: block;
	padding: 0 1.0rem;
	font-size: clamp(2.0rem, 2.0vw, 3.0rem);
}
/* 本文設定 */
.basicSubTxt {
	padding: 3.0rem 0;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 2.0;
}
/*--- タイトル設定（主にトップページで利用） ---*/
/* サブタイトル設定 */
.basicSubTi {
	padding: 0.5rem 0;
	font-size: clamp(2.5rem, 3.0vw, 4.0rem);
}
/* キャッチコピータイトル設定 */
.basicSubTxt2 {
	padding: 6.0rem 0;
	font-size: clamp(2.5rem, 3.0vw, 3.5rem);
}
@media screen and (max-width: 600px) {
	.basicSubTxt2 {padding: 3.0rem 0;}
	.newsinfoListArea .basicSubTxt {padding: 1.0rem 3.0rem;}
}
/*--- その他タイトルバリエーション ---*/

/* その他1段階目タイトル設定 */
.basicOthTi {
	padding: 6.0rem 0;
	font-size: clamp(2.0rem, 3.0vw, 3.0rem);
}
.basicOthSTi {
	padding: 1.5rem 0;
	font-size: clamp(2.0rem, 2.0vw, 2.0rem);
}
.basicOthSSTi {
	margin-bottom: 2.0rem;
	padding: 4.5rem 0.5rem 1.5rem 0.5rem;
	font-size: clamp(2.0rem, 2.4vw, 2.4rem);
	border-bottom: 1px dotted #999;
	font-weight: bold;
	line-height: 1.6;
}

/* 画像配置設定 */
.basicImgBox {width: 100%;margin: 0 auto;padding: 3.0rem 0;text-align: center;}
.basicImgBox.imglft {text-align: left;}
.basicImgBox img {width: auto;height: auto;}
@media screen and (max-width: 1024px) {.basicImgBox img {width: 70%;height: auto;}}
@media screen and (max-width: 600px) {.basicImgBox img {width: 90%;height: auto;}}
@media screen and (max-width: 1024px) {.basicImgBox.nsze img {width: auto;height: auto;}}
@media screen and (max-width: 600px) {.basicImgBox.nsze img {width: auto;height: auto;}}

/*----------- 第2階層共通箇所 -----------*/

/* 第2階層記事共通設定（枠） */

.basicAreaMainSubTi.lpdW,
.basicAreaMainInn.lpdW {padding: 5.0rem 25.0rem 5.0rem 35.0rem;}
.basicAreaTiW.pdzw {padding-left: 34.0rem;}

@media screen and (max-width: 1600px) {
	.basicAreaMainSubTi.lpdW,
	.basicAreaMainInn.lpdW {padding: 5.0rem 25.0rem 5.0rem 25.0rem;}
	.basicAreaTiW.pdzw {padding-left: 25.0rem;}
}
@media screen and (max-width: 1380px) {
	.basicAreaMainSubTi.lpdW,
	.basicAreaMainInn.lpdW {padding: 3.0rem 15.0rem 3.0rem 15.0rem;}
	.basicAreaTiW.pdzw {padding-left: 25.0rem;}
}
@media screen and (max-width: 1100px) {
	.basicAreaTiW.pdzw {padding-left: 15.0rem;}
}
@media screen and (max-width: 900px) {
	.basicAreaMainSubTi.lpdW,
	.basicAreaMainInn.lpdW {padding: 3.0rem 8.0rem 3.0rem 8.0rem;}
}
@media screen and (max-width: 600px) {
	.basicAreaMainSubTi.lpdW,
	.basicAreaMainInn.lpdW {padding: 2.0rem 3.0rem 2.0rem 3.0rem;}
	.newsinfoListArea .basicAreaMainInn.lpdW {padding: 2.0rem 0;}
	.sec_contact .basicAreaMainInn.lpdW {padding: 2.0rem 1.5rem;}
	.basicAreaTiW.pdzw {padding-left: 4.0rem;}
}
.articleBox table {margin: 3.0rem auto;font-size: 1.4rem;font-weight: normal;}
.articleBox th {padding: 0.8rem;text-align: center;}
.articleBox td {padding: 0.7rem;}
.articleBox td.cnt {text-align: center;}
.articleBox td.rgt {text-align: right;}

/* 第2階層記事内画像配置設定 */

.basicAreaMainBg {height: 200px;padding: 0 8.0rem;}
@media screen and (max-width: 600px) {.basicAreaMainBg {height: 120px;}}

.basicAreaMainBg.aidx01 {background: url(../../../images/site_rnr/aidx_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.aidx01 {background-size: auto 100px;}}

/* 入門編 */
.basicAreaMainBg.Introduction_01 {background: url(../../../images/site_rnr/introduction_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_01 {background-size: auto 130px;}}
.basicAreaMainBg.Introduction_02 {background: url(../../../images/site_rnr/introduction_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_02 {background-size: auto 130px;}}
.basicAreaMainBg.Introduction_03 {background: url(../../../images/site_rnr/introduction_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_03 {background-size: auto 130px;}}
.basicAreaMainBg.Introduction_04 {background: url(../../../images/site_rnr/introduction_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_04 {background-size: auto 130px;}}
.basicAreaMainBg.Introduction_05 {background: url(../../../images/site_rnr/introduction_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_05 {background-size: auto 130px;}}
.basicAreaMainBg.Introduction_06 {background: url(../../../images/site_rnr/introduction_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_06 {background-size: auto 130px;}}
.basicAreaMainBg.Introduction_07 {background: url(../../../images/site_rnr/introduction_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_07 {background-size: auto 130px;}}
.basicAreaMainBg.Introduction_08 {background: url(../../../images/site_rnr/introduction_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.Introduction_08 {background-size: auto 130px;}}

/* 50代基礎編 */
.basicAreaMainBg.r50basic_01 {background: url(../../../images/site_rnr/r50basic_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_01 {background-size: auto 130px;}}
.basicAreaMainBg.r50basic_02 {background: url(../../../images/site_rnr/r50basic_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_02 {background-size: auto 130px;}}
.basicAreaMainBg.r50basic_03 {background: url(../../../images/site_rnr/r50basic_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_03 {background-size: auto 130px;}}
.basicAreaMainBg.r50basic_04 {background: url(../../../images/site_rnr/r50basic_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_04 {background-size: auto 130px;}}
.basicAreaMainBg.r50basic_05 {background: url(../../../images/site_rnr/r50basic_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_05 {background-size: auto 130px;}}
.basicAreaMainBg.r50basic_06 {background: url(../../../images/site_rnr/r50basic_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_06 {background-size: auto 130px;}}
.basicAreaMainBg.r50basic_07 {background: url(../../../images/site_rnr/r50basic_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_07 {background-size: auto 130px;}}
.basicAreaMainBg.r50basic_08 {background: url(../../../images/site_rnr/r50basic_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50basic_08 {background-size: auto 130px;}}

/* 50代実践編 */
.basicAreaMainBg.r50practice_01 {background: url(../../../images/site_rnr/r50practice_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_01 {background-size: auto 130px;}}
.basicAreaMainBg.r50practice_02 {background: url(../../../images/site_rnr/r50practice_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_02 {background-size: auto 130px;}}
.basicAreaMainBg.r50practice_03 {background: url(../../../images/site_rnr/r50practice_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_03 {background-size: auto 130px;}}
.basicAreaMainBg.r50practice_04 {background: url(../../../images/site_rnr/r50practice_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_04 {background-size: auto 130px;}}
.basicAreaMainBg.r50practice_05 {background: url(../../../images/site_rnr/r50practice_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_05 {background-size: auto 130px;}}
.basicAreaMainBg.r50practice_06 {background: url(../../../images/site_rnr/r50practice_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_06 {background-size: auto 130px;}}
.basicAreaMainBg.r50practice_07 {background: url(../../../images/site_rnr/r50practice_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_07 {background-size: auto 130px;}}
.basicAreaMainBg.r50practice_08 {background: url(../../../images/site_rnr/r50practice_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50practice_08 {background-size: auto 130px;}}

/* 50代応用編 */
.basicAreaMainBg.r50application_01 {background: url(../../../images/site_rnr/r50application_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_01 {background-size: auto 130px;}}
.basicAreaMainBg.r50application_02 {background: url(../../../images/site_rnr/r50application_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_02 {background-size: auto 130px;}}
.basicAreaMainBg.r50application_03 {background: url(../../../images/site_rnr/r50application_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_03 {background-size: auto 130px;}}
.basicAreaMainBg.r50application_04 {background: url(../../../images/site_rnr/r50application_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_04 {background-size: auto 130px;}}
.basicAreaMainBg.r50application_05 {background: url(../../../images/site_rnr/r50application_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_05 {background-size: auto 130px;}}
.basicAreaMainBg.r50application_06 {background: url(../../../images/site_rnr/r50application_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_06 {background-size: auto 130px;}}
.basicAreaMainBg.r50application_07 {background: url(../../../images/site_rnr/r50application_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_07 {background-size: auto 130px;}}
.basicAreaMainBg.r50application_08 {background: url(../../../images/site_rnr/r50application_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r50application_08 {background-size: auto 130px;}}

/* 40代基礎編 */
.basicAreaMainBg.r40basic_01 {background: url(../../../images/site_rnr/r40basic_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_01 {background-size: auto 130px;}}
.basicAreaMainBg.r40basic_02 {background: url(../../../images/site_rnr/r40basic_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_02 {background-size: auto 130px;}}
.basicAreaMainBg.r40basic_03 {background: url(../../../images/site_rnr/r40basic_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_03 {background-size: auto 130px;}}
.basicAreaMainBg.r40basic_04 {background: url(../../../images/site_rnr/r40basic_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_04 {background-size: auto 130px;}}
.basicAreaMainBg.r40basic_05 {background: url(../../../images/site_rnr/r40basic_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_05 {background-size: auto 130px;}}
.basicAreaMainBg.r40basic_06 {background: url(../../../images/site_rnr/r40basic_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_06 {background-size: auto 130px;}}
.basicAreaMainBg.r40basic_07 {background: url(../../../images/site_rnr/r40basic_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_07 {background-size: auto 130px;}}
.basicAreaMainBg.r40basic_08 {background: url(../../../images/site_rnr/r40basic_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40basic_08 {background-size: auto 130px;}}

/* 40代実践編 */
.basicAreaMainBg.r40practice_01 {background: url(../../../images/site_rnr/r40practice_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_01 {background-size: auto 130px;}}
.basicAreaMainBg.r40practice_02 {background: url(../../../images/site_rnr/r40practice_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_02 {background-size: auto 130px;}}
.basicAreaMainBg.r40practice_03 {background: url(../../../images/site_rnr/r40practice_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_03 {background-size: auto 130px;}}
.basicAreaMainBg.r40practice_04 {background: url(../../../images/site_rnr/r40practice_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_04 {background-size: auto 130px;}}
.basicAreaMainBg.r40practice_05 {background: url(../../../images/site_rnr/r40practice_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_05 {background-size: auto 130px;}}
.basicAreaMainBg.r40practice_06 {background: url(../../../images/site_rnr/r40practice_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_06 {background-size: auto 130px;}}
.basicAreaMainBg.r40practice_07 {background: url(../../../images/site_rnr/r40practice_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_07 {background-size: auto 130px;}}
.basicAreaMainBg.r40practice_08 {background: url(../../../images/site_rnr/r40practice_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40practice_08 {background-size: auto 130px;}}

/* 40代応用編 */
.basicAreaMainBg.r40application_01 {background: url(../../../images/site_rnr/r40application_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_01 {background-size: auto 130px;}}
.basicAreaMainBg.r40application_02 {background: url(../../../images/site_rnr/r40application_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_02 {background-size: auto 130px;}}
.basicAreaMainBg.r40application_03 {background: url(../../../images/site_rnr/r40application_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_03 {background-size: auto 130px;}}
.basicAreaMainBg.r40application_04 {background: url(../../../images/site_rnr/r40application_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_04 {background-size: auto 130px;}}
.basicAreaMainBg.r40application_05 {background: url(../../../images/site_rnr/r40application_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_05 {background-size: auto 130px;}}
.basicAreaMainBg.r40application_06 {background: url(../../../images/site_rnr/r40application_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_06 {background-size: auto 130px;}}
.basicAreaMainBg.r40application_07 {background: url(../../../images/site_rnr/r40application_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_07 {background-size: auto 130px;}}
.basicAreaMainBg.r40application_08 {background: url(../../../images/site_rnr/r40application_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r40application_08 {background-size: auto 130px;}}

/* 30代基礎編 */
.basicAreaMainBg.r30basic_01 {background: url(../../../images/site_rnr/r30basic_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_01 {background-size: auto 130px;}}
.basicAreaMainBg.r30basic_02 {background: url(../../../images/site_rnr/r30basic_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_02 {background-size: auto 130px;}}
.basicAreaMainBg.r30basic_03 {background: url(../../../images/site_rnr/r30basic_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_03 {background-size: auto 130px;}}
.basicAreaMainBg.r30basic_04 {background: url(../../../images/site_rnr/r30basic_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_04 {background-size: auto 130px;}}
.basicAreaMainBg.r30basic_05 {background: url(../../../images/site_rnr/r30basic_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_05 {background-size: auto 130px;}}
.basicAreaMainBg.r30basic_06 {background: url(../../../images/site_rnr/r30basic_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_06 {background-size: auto 130px;}}
.basicAreaMainBg.r30basic_07 {background: url(../../../images/site_rnr/r30basic_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_07 {background-size: auto 130px;}}
.basicAreaMainBg.r30basic_08 {background: url(../../../images/site_rnr/r30basic_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30basic_08 {background-size: auto 130px;}}

/* 30代実践編 */
.basicAreaMainBg.r30practice_01 {background: url(../../../images/site_rnr/r30practice_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_01 {background-size: auto 130px;}}
.basicAreaMainBg.r30practice_02 {background: url(../../../images/site_rnr/r30practice_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_02 {background-size: auto 130px;}}
.basicAreaMainBg.r30practice_03 {background: url(../../../images/site_rnr/r30practice_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_03 {background-size: auto 130px;}}
.basicAreaMainBg.r30practice_04 {background: url(../../../images/site_rnr/r30practice_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_04 {background-size: auto 130px;}}
.basicAreaMainBg.r30practice_05 {background: url(../../../images/site_rnr/r30practice_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_05 {background-size: auto 130px;}}
.basicAreaMainBg.r30practice_06 {background: url(../../../images/site_rnr/r30practice_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_06 {background-size: auto 130px;}}
.basicAreaMainBg.r30practice_07 {background: url(../../../images/site_rnr/r30practice_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_07 {background-size: auto 130px;}}
.basicAreaMainBg.r30practice_08 {background: url(../../../images/site_rnr/r30practice_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30practice_08 {background-size: auto 130px;}}

/* 30代応用編 */
.basicAreaMainBg.r30application_01 {background: url(../../../images/site_rnr/r30application_img01.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_01 {background-size: auto 130px;}}
.basicAreaMainBg.r30application_02 {background: url(../../../images/site_rnr/r30application_img02.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_02 {background-size: auto 130px;}}
.basicAreaMainBg.r30application_03 {background: url(../../../images/site_rnr/r30application_img03.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_03 {background-size: auto 130px;}}
.basicAreaMainBg.r30application_04 {background: url(../../../images/site_rnr/r30application_img04.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_04 {background-size: auto 130px;}}
.basicAreaMainBg.r30application_05 {background: url(../../../images/site_rnr/r30application_img05.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_05 {background-size: auto 130px;}}
.basicAreaMainBg.r30application_06 {background: url(../../../images/site_rnr/r30application_img06.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_06 {background-size: auto 130px;}}
.basicAreaMainBg.r30application_07 {background: url(../../../images/site_rnr/r30application_img07.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_07 {background-size: auto 130px;}}
.basicAreaMainBg.r30application_08 {background: url(../../../images/site_rnr/r30application_img08.jpg) right center no-repeat;background-size: auto 200px;}
@media screen and (max-width: 600px) {.basicAreaMainBg.r30application_08 {background-size: auto 130px;}}

/*--- 教材箇所共通設定 ---*/
/* コンテンツ画像配置設定 */
.basicBox .conVisualArea {background: #e8f1f1;}
@media screen and (max-width: 450px) {
	.conVisual {
		position: relative;
		width: 100%;
	 	overflow: hidden
	}
	.conVisual img {
		width: 170%;
		max-width: none;
		transform: translateX(-20.4%); 
	}
}
/* コンテンツ文章配置設定（レイ語り） */
.conLecNarration {
	background: #fffff8;
	border-bottom: 1px solid #ceceb5;
}
.conLecCommentary {
	background: #fff;
	border-bottom: 1px solid #ceceb5;
}
.conLecSupplement {
	background: #f9fdfe;
	border-bottom: 1px solid #91a0a4;
}
.conLecNarrationInn,
.conLecCommentaryInn,
.conLecSupplementInn {padding: 5.0rem 25.0rem 5.0rem 35.0rem;}

@media screen and (max-width: 1600px) {
	.conLecNarrationInn,
	.conLecCommentaryInn,
	.conLecSupplementInn {padding: 5.0rem 25.0rem 5.0rem 25.0rem;}
}
@media screen and (max-width: 1380px) {
	.conLecNarrationInn,
	.conLecCommentaryInn,
	.conLecSupplementInn {padding: 3.0rem 15.0rem 3.0rem 15.0rem;}
}
@media screen and (max-width: 900px) {
	.conLecNarrationInn,
	.conLecCommentaryInn,
	.conLecSupplementInn {padding: 3.0rem 8.0rem 3.0rem 8.0rem;}
}
@media screen and (max-width: 600px) {
	.conLecNarrationInn,
	.conLecCommentaryInn,
	.conLecSupplementInn {padding: 2.0rem 3.0rem 2.0rem 3.0rem;}
}
.conLecNarrationCap,
.conLecCommentaryCap {
	padding-top: 5.0rem;
	padding-bottom: 5.0rem;
	padding-left: 10.0rem;
	padding-right: 2.0rem;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	line-height: 1.6;
	background: url(../../../images/site_rnr/ray_photo.png) left center no-repeat;
	background-size: auto 80px;
}
.conLecSupplementCap {
	padding-top: 5.0rem;
	padding-bottom: 5.0rem;
	padding-left: 10.0rem;
	padding-right: 2.0rem;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	line-height: 1.6;
	background: url(../../../images/site_rnr/shinji_photo.png) left center no-repeat;
	background-size: auto 80px;
}

.conLecNarrationTi,
.conLecCommentaryTi,
.conLecSupplementTi {
	padding: 0 0.5rem;
	font-size: clamp(2.5rem, 3.5vw, 4.0rem);
}
.conLecNarrationTi span.fss,
.conLecCommentaryTi span.fss,
.conLecSupplementTi span.fss {font-size: clamp(1.8rem, 2.0vw, 2.0rem);}
.conLecNarrationTxt,
.conLecCommentaryTxt,
.conLecSupplementTxt {
	padding: 3.0rem 0.5rem;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 2.0;
}
.articleBox .conLecNarrationInn ul,
.articleBox .conLecNarrationInn ol,
.articleBox .conLecCommentaryInn ul,
.articleBox .conLecCommentaryInn ol,
.articleBox .conLecSupplementInn ul,
.articleBox .conLecSupplementInn ol,
.examBox .conLecNarrationInn ul,
.examBox .conLecNarrationInn ol,
.examBox .conLecCommentaryInn ul,
.examBox .conLecCommentaryInn ol,
.examBox .conLecSupplementInn ul,
.examBox .conLecSupplementInn ol {
	padding: 0.5rem 0 0.5rem 1.5rem;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 1.6;
}
.conLecSubTi {
	padding: 3.0rem 0.5rem 0.5rem 0.5rem;
	font-size: clamp(2.5rem, 2.8vw, 2.8rem);
	line-height: 1.6;
}
.articleBox table {margin: 2.0rem auto;}
.articleBox th,
.articleBox td {padding: 1.0rem 1.5rem;}

.conLecTxtLftPd {
	padding: 3.0rem 0.5rem 3.0rem 1.5rem;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 2.0;
}
.conLecTxtLftPdInn {
	padding: 0.5rem 0.5rem 0.5rem 2.5rem;
	border-left: 5px solid #eee;
}
.articleBox .conLecTxtLftPdInn ul,
.articleBox .conLecTxtLftPdInn ol,
.examBox .conLecTxtLftPdInn ul,
.examBox .conLecTxtLftPdInn ol {
	margin-left: 1.0rem;
	padding: 0 0 0 2.0rem;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	line-height: 1.6;
}
.conLecTxtLftPdInnTi {
	margin-bottom: 2.0rem;
	padding: 2.5rem 0 1.0rem 1.0rem;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	line-height: 1.2;
	border-bottom: 1px dotted #91a0a4;
}
.conLecTxtLftPdInnTi:first-child {padding: 0.5rem 0 1.0rem 1.0rem;}
.conLecTxtLftPdInnTxt {
	padding: 0 0 1.0rem 1.0rem;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	line-height: 1.2;
}
@media screen and (max-width: 600px) {
	.articleBox .conLecTxtLftPdInn ul,
	.articleBox .conLecTxtLftPdInn ol,
	.examBox .conLecTxtLftPdInn ul,
	.examBox .conLecTxtLftPdInn ol {
		margin-left: 0;
		padding: 0 0 0 1.0rem;
	}
}
/*----------- 第2階層共通箇所 -----------*/

/*----------- 「本業＋α」とは？(トップ) -----------*/

/* ▲背景のタイトル箇所 */
.enlightenmentBox {
	text-align: center;
	background: url(../../../images/site_rnr/whatpoint_bg.jpg) center top no-repeat;
}
.enlightenmentTi {
	padding-top: 28.0rem;
	font-size: clamp(2.0rem, 3.5vw, 4.0rem);
	color: #fff;
	text-align: center;
}
/* メインタイトル箇所 */
.enlightenmentSubTi {
	margin: 0 auto;
	padding-top: 12.0rem;
	font-size: clamp(3.0rem, 4.0vw, 5.0rem);
	line-height: 1.4;
	text-align: center;
}
/* コメント箇所 */
.enlightenmentTxtBox {
	width: 500px;
	margin: 0 auto;
	padding-top: 5.0rem;
	padding-bottom: 10.0rem;
	text-align: left;
	font-size: clamp(1.8rem, 2.0vw, 2.0rem);
	line-height: 1.8;
}
@media screen and (max-width: 600px) {
	.enlightenmentBox {background: url(../../../images/site_rnr/whatpoint_bg_sp.jpg) center top no-repeat;}
	.enlightenmentTi {padding-top: 8.8rem;}
	.enlightenmentSubTi {padding-top: 7.0rem;}
	.enlightenmentTxtBox {width: 75%;padding-top: 3.0rem;}
}
/*----------- 年代別リンク(トップ) -----------*/
.CourseCategoryBox {background: var(--DezBase-cr);}
.CourseCategoryBoxInn {
	width: 60%;
	margin: 0 auto;
	padding: 3.0rem 0;
}
.CourseCategoryItem {
	width: 32%;
	padding: 1.0rem;
	color: #fff;
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
	border: 1px solid #fff;
	text-align: center;
}
.CourseCategoryItemTi {font-size: clamp(2.0rem, 5.0vw, 5.0rem);line-height: 1.0;}
.CourseCategoryItemTi span {font-size: clamp(5.0rem, 12.0vw, 12.0rem);}
.CourseCategoryItemSub {margin-top: 2.0rem;font-size: clamp(1.8rem, 2.0vw, 2.0rem);line-height: 1.0;}

.CourseCategoryItemLink {
	margin-top: 2.0rem;
	padding: 0;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	border: 1px solid #fff;
}
.CourseCategoryItemLink a {display: block;padding: 2.0rem;}
.CourseCategoryItemLink a:hover {
	text-decoration: none;
	filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;
}
.CourseInfoBox {
	margin: 0 auto;
	padding: 3.0rem 0;
	text-align: center;
}
.CourseInfoTi {
	padding: 3.0rem 0;
	font-size: clamp(2.5rem, 3.0vw, 4.0rem);
	line-height: 1.6;
}
.CourseInfoImg {margin: 0 auto;padding: 3.0rem 0;}

@media screen and (max-width: 1400px) {
	.CourseCategoryBoxInn {width: 80%;}
}
@media screen and (max-width: 900px) {
	.CourseCategoryBoxInn {width: 90%;}
	.CourseCategoryItemLink a {padding: 1.5rem 0;}
}
@media screen and (max-width: 600px) {
	.CourseCategoryBoxInn {width: 90%;}
	.CourseCategoryItem {width: 100%;}
	.CourseInfoImg {width: 60%;padding: 2.0rem 0;}
	.CourseInfoImg img {width: 100%;}
}
/*----------- 年代別目次(トップ) -----------*/
.indexLinkTiBox {
	padding: 3.0rem 0;
	background: var(--DezBase-cr);
	text-align: center;
	color: #fff;
}
.indexLinkTi {
	padding: 1.0rem 0;
	font-size: clamp(3.0rem, 4.5vw, 4.5rem);
	line-height: 1.4;
}
.indexLinkSub {
	padding: 1.0rem 0 2.0rem 0;
	font-size: clamp(1.6rem, 2.0vw, 2.0rem);
	line-height: 1.4;
}
/* リンク制御箇所（フッター部リンク） */
.indexLinkBox {padding: 0;border-bottom: var(--indexLinkBox-brd);}
.indexLinkBoxInn {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	border-left: var(--indexLinkBox-brd);
	border-right: var(--indexLinkBox-brd);
}
.indexLinkBoxItem {width: 50%;}
.indexLinkBoxItem.LinkItemL,
.indexLinkBoxItemTiBox {border-right: var(--indexLinkBox-brd);}
.indexLinkBoxItemTiBox {width: 20%;text-align: center;}
.indexLinkBoxItemLinkBox {width: 80%;}
.indexLinkBoxItemTiBox,
.indexLinkBoxItemLinkTi {padding: 1.5rem;}
.indexLinkBoxItemLink {padding: 1.5rem;}
.indexLinkBoxItemLinkTi {border-bottom: var(--indexLinkBox-brd);}


@media screen and (max-width: 1500px) {
	.indexLinkBoxInn {width: 95%;}
	.indexLinkBoxItemTiBox {width: 25%;}
	.indexLinkBoxItemLinkBox {width: 75%;}
}
@media screen and (max-width: 1200px) {
	.indexLinkBoxItemTiBox {width: 30%;}
	.indexLinkBoxItemLinkBox {width: 70%;}
}
@media screen and (max-width: 1100px) {
	.indexLinkBoxInn {width: 98%;}
	.indexLinkBoxItemTiBox {width: 35%;}
	.indexLinkBoxItemLinkBox {width: 65%;}
}
@media screen and (max-width: 700px) {
	.indexLinkBoxInn {border-bottom: var(--indexLinkBox-brd);}
	.indexLinkBox {border-bottom: none;}
	.indexLinkBoxItem {width: 100%;}
	.indexLinkBoxItemTiBox {width: 25%;}
	.indexLinkBoxItemLinkBox {width: 75%;}
	.indexLinkBoxItem.LinkItemL {border-right: none;border-bottom: var(--indexLinkBox-brd);}
}
@media screen and (max-width: 600px) {
	.indexLinkBoxItemTiBox {width: 30%;}
	.indexLinkBoxItemLinkBox {width: 70%;}
}
/* 装飾設定 */

/* 年代タイトル設定 */
.indexLinkBoxItemTi {
	padding: 2.0rem 0 0 0;
	font-size: clamp(3.5rem, 6.0vw, 6.0rem);
	line-height: 1.4;
	text-align: center;
}
.indexLinkBoxItemTi span {
	padding: 0 0.3rem;
	font-size: clamp(2.0rem, 4.0vw, 4.0rem);
	color: var(--DezBase-cr);
}
/* リンクボタン設定 */
.indexLinkBoxItemBt {margin-top: 4.0rem;}
.indexLinkBoxItemBt a,
.indexLinkBoxItemBt span {
	display: block;
	padding: 1.5rem 0;
	background: var(--DezBase-cr);
	color: #fff;
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
}
.indexLinkBoxItemBt a:hover {
	text-decoration: none;
	filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;
}
.indexLinkBoxItemBt span {
	filter: alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;
}
/* 年代ごとの概要設定 */
.indexLinkBoxItemLinkTi {
	padding: 2.0rem;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	background: #f3f3f3;
}
/* リンク箇所設定 */
.indexLinkBoxItemLink ol {
	height: 300px;
	padding-top: 1.0rem;
	overflow: auto;
	overflow-y:scroll;
}
.indexLinkBoxItemLink ol::-webkit-scrollbar{width: 0.5rem;}
.indexLinkBoxItemLink li {padding-top: 0.5rem;padding-bottom: 0.5rem;font-size: clamp(1.6rem, 1.8vw, 1.8rem);line-height: 1.4;}
.indexLinkBoxItemLink h3 {font-weight: normal;}

/* キャプション無し設定 */
.indexLinkCapNo .ItemSubtitle,
.indexLinkCapNo .ItemLinkCap,
.indexLinkCapNo .ItemLinkCapMt {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
	white-space: nowrap;
}
@media screen and (max-width: 600px) {
	.indexLinkBoxItemBt a {padding: 0.8rem 0;}
}
/*----------- 講師紹介 -----------*/
.lecturerinfoBox {
	padding: 3.0rem 0;
	background: var(--DezBase-cr);
}
.lecturerinfoBoxInn {
	margin: 0 auto;
	padding-bottom: 3.0rem;
	text-align: center;
	color: #fff;
}
.lecturerinfoTi {
	padding: 0;
	font-size: clamp(3.0rem, 4.5vw, 4.5rem);
	line-height: 1.4;
}
.lecturerinfoSub {
	padding: 0.5rem 0;
	font-size: clamp(1.6rem, 2.0vw, 2.0rem);
	line-height: 1.4;
}
.lecturerinfoBoxFlex {width: 80%;margin: 0 auto;}
.lecturerinfoBoxFlexInn {
	width: 49%;
	padding: 5.0rem;
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
	background: #fff;
}
.lecturerinfoBoxFlexTxt {
	padding: 0.5rem 0;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	line-height: 1.8;
}
.lecturerPhBox {
	margin: 0 auto;
	padding: 3.0rem 0 1.0rem 0;
	text-align: center;
}
.lecturerPh {margin: 0 auto;padding: 1.0rem 0;}
.lecturerPhTxt {padding: 0.5rem 0;font-size: clamp(1.3rem, 1.4vw, 1.4rem);}

@media screen and (max-width: 1400px) {
	.lecturerinfoBoxFlex {width: 95%;}
	.lecturerinfoBoxFlexInn {padding: 3.0rem 4.0rem;}
}
@media screen and (max-width: 600px) {
	.lecturerinfoBoxFlex {width: 80%;}
	.lecturerinfoBoxFlexInn {width: 100%;}
	.lecturerPhBox {padding: 1.0rem 0 1.0rem 0;}
	.lecturerPh {width: 60%;}
	.lecturerPh img {width: 100%;}
}
/*----------- 講座目次 -----------*/

/* 枠設定 */
.cateDetailBox,
.cateLinkBox {padding: 0;background: #f7f7f7;}
.cateDetailBoxInn,
.cateLinkBoxInn {
	width: 85%;
	margin-left: auto;
	background: #fff;
	border-left: var(--indexLinkBox-brd);
}
.cateLinkBoxInn {border-left: none;}

/* タイトル枠設定 */
.cateDetailTi {width: 20%;padding: 3.0rem 0;border-right: var(--indexLinkBox-brd);}
.cateDetailTxtBox {width: 80%;padding: 1.5rem 2.0rem;background: #f7f7f7;}

/* タイトル設定 */
.cateDetailTiInn {
	padding-top: 2.0rem;
	font-size: clamp(3.5rem, 4.0vw, 5.0rem);
	line-height: 1.4;
	text-align: center;
}
.cateDetailTiInn.szCnt {padding-top: 4.5rem;font-size: clamp(6.5rem, 8.0vw, 13.0rem);line-height: 0.5;}
.cateDetailTiInn span {padding: 0 0.3rem;font-size: clamp(2.0rem, 4.0vw, 6.0rem);color: var(--DezBase-cr);}

/* 説明枠画像設定 */
.cateDetailTxtBoxInn {padding-top: 2.2rem;padding-bottom: 2.2rem;padding-left: 210px;}
.cateDetailTxtBoxInn.introImg {background: url(../../../images/site_rnr/index_img_all.png) left center no-repeat;}
.cateDetailTxtBoxInn.r50Img {background: url(../../../images/site_rnr/index_img_r50.png) left center no-repeat;}
.cateDetailTxtBoxInn.r40Img {background: url(../../../images/site_rnr/index_img_r40.png) left center no-repeat;}
.cateDetailTxtBoxInn.r30Img {background: url(../../../images/site_rnr/index_img_r30.png) left center no-repeat;}

@media screen and (max-width: 1000px) {
	.cateDetailTxtBox {padding: 1.0rem 1.4rem;}
	.cateDetailTxtBoxInn {padding-left: 180px;}
	.cateDetailTxtBoxInn.introImg {background-size: auto 150px;}
}
@media screen and (max-width: 450px) {
	.cateDetailTxtBoxInn {padding: 15.0rem 1.0rem 2.0rem 1.0rem;}
	.cateDetailTxtBoxInn.introImg,
	.cateDetailTxtBoxInn.r50Img,
	.cateDetailTxtBoxInn.r40Img,
	.cateDetailTxtBoxInn.r30Img {background-position: center top;background-size: auto 150px;}
}

/* 概要テキスト設定 */
.cateDetailTxtBoxTi {padding: 0 0 0.5rem 0;font-size: clamp(1.8rem, 2.2vw, 2.5rem);}
.cateDetailTxtBoxTxt {font-size: clamp(1.4rem, 1.6vw, 1.6rem);line-height: 1.6;}

/* 目次専用タブメニュー設定 */
.cateLinkBox .tab-munu > label.tab-munu-bt {
	padding: 1.5rem 0.5rem 1.5rem 0.5rem;
	font-size: clamp(1.8rem, 2.2vw, 2.2rem);
	border-color: var(--tab-munu-tp-ctm-brd) var(--tab-munu-tp-ctm-brd) var(--tab-munu-tp-ctm-brd);
}
.cateLinkBox .tab_dezpt03 .tab-munu {background: var(--tab-munu-tp-ctm-brd);border: 1px solid var(--tab-munu-tp-ctm-brd);}
.cateLinkBox .tab_dezpt03 .tab-munu {border-right: none;}
.cateLinkBox .tab_dezpt03 .tab-munu label.tab-munu-bt:has(:checked),
.cateLinkBox .tab_dezpt03 .tab-munu label.tab-munu-bt.is-active {
	border-color: var(--DezBase-cr) var(--DezBase-cr) var(--DezBase-cr);
	background-color: var(--DezBase-cr);
	color: #fff;
}
/* 目次キャプション設定 */
.cateLinkBoxTxt {
	padding: 3.0rem 5.0rem;
	background: var(--DezBase-cr);
    color: #fff;
	font-size: clamp(1.8rem, 2.0vw, 2.2rem);
	line-height: 1.6;
}
.cateLinkBoxTxtN {padding: 1.0rem;background: var(--DezBase-cr);border-left: var(--indexLinkBox-brd);}

@media screen and (max-width: 450px) {
	.cateLinkBoxTxt {padding: 2.0rem;}
}
.cateLinkBoxTabNo {border-left: var(--indexLinkBox-brd);}
.cateLinkIndex {
	width: 85%;
	margin-left: auto;
	padding: 2.0rem 0;
	border-left: var(--indexLinkBox-brd);
}
.cateLinkIndex ol {padding: 0;}
.cateLinkIndex li {padding: 2.0rem 0;}

@media screen and (max-width: 1400px) {
	.cateDetailBoxInn,
	.cateLinkBoxInn {width: 95%;}
	.cateLinkIndex {width: 90%;}
}
@media screen and (max-width: 1100px) {
	.cateDetailBoxInn,
	.cateLinkBoxInn {width: 98%;}
	.cateLinkIndex {width: 95%;}
}
@media screen and (max-width: 600px) {
	.cateDetailBoxInn,
	.cateLinkBoxInn {width: 98%;}
	.cateLinkIndex {width: 100%;border-left: none;}
	.cateDetailTi {width: 100%;padding: 0.5rem 0;border-right: none;border-bottom: var(--indexLinkBox-brd);}
	.cateDetailTxtBox {width: 100%;padding: 1.0rem 1.5rem;}
	.cateDetailTiInn {padding: 2.0rem 0;}
	.cateDetailTiInn.szCnt {padding-top: 2.5rem;}
}
.cateLinkIndex .ItemLinktitle {
	padding: 1.2rem 2.0rem;
	font-size: clamp(2.0rem, 2.5vw, 2.5rem);
	border-top: var(--indexLinkBox-brd);
	border-bottom: var(--indexLinkBox-brd);
	background: #f7f7f7;
	font-weight: normal;
}
.cateLinkIndex .ItemSubtitle {
	padding: 1.0rem 2.0rem 1.2rem 5.0rem;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	font-weight: normal;
}
.basicAreaMainBgCap {
	padding: 1.0rem 2.0rem 1.2rem;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	font-weight: normal;
	text-align: right;
}
.cateLinkIndex .ItemSubtitle.ItemIntroduction,
.basicAreaMainBgCap.IntroductionCap {
	background: #b6344e;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR50_basic,
.basicAreaMainBgCap.R50_basicCap {
	background: #335c73;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR50_practice,
.basicAreaMainBgCap.R50_practiceCap {
	background: #009d8c;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR50_application,
.basicAreaMainBgCap.R50_applicationCap {
	background: #796d1d;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR40_basic,
.basicAreaMainBgCap.R40_basicCap {
	background: #1e7cc4;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR40_practice,
.basicAreaMainBgCap.R40_practiceCap {
	background: #49701b;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR40_application,
.basicAreaMainBgCap.R40_applicationCap {
	background: #b27824;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR30_basic,
.basicAreaMainBgCap.R30_basicCap {
	background: #3e61d3;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR30_practice,
.basicAreaMainBgCap.R30_practiceCap {
	background: #1b7041;
	color: #fff;
}
.cateLinkIndex .ItemSubtitle.ItemR30_application,
.basicAreaMainBgCap.R30_applicationCap {
	background: #c4572c;
	color: #fff;
}
.cateLinkIndex li p.ItemLinkCap {
	padding-top: 2.0rem;
	padding-bottom: 1.5rem;
	padding-left: 8.0rem;
	padding-right: 2.0rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	line-height: 1.6;
	background: url(../../../images/site_rnr/ray_photo.png) 20px center no-repeat;
	background-size: auto 35px;
}
.cateLinkIndex li p.ItemLinkCapMt {
	padding-top: 1.5rem;
	padding-bottom: 2.0rem;
	padding-left: 8.0rem;
	padding-right: 2.0rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	line-height: 1.6;
	background: url(../../../images/site_rnr/shinji_photo.png) 20px center no-repeat #fcf9ed;
	background-size: auto 35px;
}

/****************** 新規会員登録・マイページ箇所設定 ******************/

/*----------- 共通設定 -----------*/

/* タイトル設定 */
.NewregTi,
.LoginTi {
	margin: var(--app-mainTi-mg);
	padding: var(--app-mainTi-pd);
	text-align: center;
	line-height: 1.0;
	color: var(--app-mainTi-txt);
	font-weight: bold;
	background: var(--app-mainTi-bg);
	border-top: var(--app-mainTi-brd);
	border-bottom: var(--app-mainTi-brd);
}
.NewregTi h1.NewregTiDet,
.NewregTi p.NewregTiDet,
.LoginTi .LoginTiDet {
	font-size: var(--font-mainTi);
	font-weight: bold;
}
/*----------- 共通ナビ設定 -----------*/
.btdezpt02 .DetSubBtArea {background: var(--DezBase-cr);border-bottom: none;}
.btdezpt02 .DetSubBtArea ul {width: 90%;margin: 0 auto;}
.btdezpt02 .DetSubBtArea a,
.btdezpt02 .DetSubBtArea span {color: #fff;}
.btdezpt02 .DetSubBtArea li.crt a {color: #000;background: #fff;}

@media screen and (max-width: 600px) {
	.btdezpt02 .DetSubBtArea ul {width: 95%;}
}

.myPhotoBox {
    background: linear-gradient(180deg, var(--app-ctmf-cr) 0%, var(--app-ctmf-cr) 30%, #fff 30%, #fff 100%);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.slcs.drawer,
.slcs.modal-search,
.mnaviDez {background: var(--DezBase-cr-r);}
.slcs.drawer,
.slcs.modal-search {padding: 1.0rem 1.0rem 10rem 1.0rem;}
.searchBox,
.mypCtmMain,
.mypCtmSub,
.catenavT {
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
	background: #fff;
}
.catenavT {padding: 1.5rem;}

/*----------- 学習のコツ設定 -----------*/

.StudyTipsBox {padding: 3.0rem 2.0rem;}
.StudyTipsBoxInn {
	margin: 10.0rem 0;
	padding: 4.0rem 2.0rem;
}
.StudyTipsBoxInn:first-child {margin-top: 0;}
.StudyTipsBoxInn .StudyTipsTi {
	margin: 0;
	padding: 0 0 3.0rem 0;
	font-size: clamp(3.0rem, 4.5vw, 4.5rem);
}
.StudyTipsBoxInn .StudyTipsTxt {
	margin: 0;
	padding: 1.0rem 0;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 1.8;
}
.StudyTipsFlBoxInn {
	width: 32.5%;
	margin: 0;
	padding: 0;
	border-radius: var(--DezComBox-rod);-webkit-border-radius: var(--DezComBox-rod);-moz-border-radius: var(--DezComBox-rod);
	border: 1px solid #999;
}
.StudyTips04 h2.StudyTipsTi {text-align: center;}
.StudyTips04 .StudyTipsTxt {width: 60%;margin: 0 auto;}
.StudyTips04 .StudyTipsFlBox {width: 100%;margin: 4.0rem auto;}
.StudyTips04 .StudyTiCateTi {
	padding: 1.0rem 2.0rem;
	background: #eee;
	border-bottom: 1px solid #999;
	font-size: clamp(2.0rem, 2.4vw, 2.4rem);
}
.StudyTips04 .StudyTiCateSubTi {padding: 2.0rem 2.5rem;font-size: clamp(1.8rem, 2.0vw, 2.0rem);}
.StudyTiCateTxt {margin: 0;padding: 0.5rem 2.5rem 3.5rem 2.5rem;font-size: clamp(1.4rem, 1.6vw, 1.6rem)line-height: 1.8;}

.StudyTips01 {width: 70%;background: url(../../../images/site_rnr/study_tips_img01.jpg) right center no-repeat;}
.StudyTips02 {width: 100%;padding: 5.0rem 0 5.0rem 48.0rem;background: url(../../../images/site_rnr/study_tips_img02.jpg) left center no-repeat;}
.StudyTips03 {width: 80%;padding: 0 0 0 10.0rem;background: url(../../../images/site_rnr/study_tips_img03.jpg) right center no-repeat;}
.StudyTips05 {width: 100%;padding: 5.0rem 0 5.0rem 40.0rem;background: url(../../../images/site_rnr/study_tips_img05.jpg) left center no-repeat;}
.StudyTips06 {width: 70%;background: url(../../../images/site_rnr/study_tips_img06.jpg) right center no-repeat;}

@media screen and (max-width: 600px) {
	.StudyTipsBox {padding: 0;}
	.StudyTipsBoxInn {
		margin: 5.0rem 0;
		padding: 23.0rem 0 0 0;
	}
	.StudyTipsBoxInn .StudyTipsTi,
	.StudyTipsBoxInn .StudyTipsTxt {width: 85%;margin: 0 auto;padding: 0 0 2.0rem 0;}

	.StudyTips01 {width: 100%;background: url(../../../images/site_rnr/study_tips_img01_sp.jpg) center top no-repeat;background-size: 100% auto;}
	.StudyTips02 {width: 100%;background: url(../../../images/site_rnr/study_tips_img02_sp.jpg) center top no-repeat;background-size: 100% auto;}
	.StudyTips03 {width: 100%;background: url(../../../images/site_rnr/study_tips_img03_sp.jpg) center top no-repeat;background-size: 100% auto;}
	.StudyTips05 {width: 100%;background: url(../../../images/site_rnr/study_tips_img05_sp.jpg) center top no-repeat;background-size: 100% auto;}
	.StudyTips06 {width: 100%;background: url(../../../images/site_rnr/study_tips_img06_sp.jpg) center top no-repeat;background-size: 100% auto;}
	.StudyTipsBoxInn.StudyTips04 {padding: 1.0rem 0 0 0;}
	.StudyTipsFlBoxInn {width: 95%;margin: 0 auto;}
}
/*----------- 講師・メンターからのメッセージ設定 -----------*/

.LecturerMesBox {padding: 3.0rem 2.0rem;}
.LecturerMesInn {
	margin: 10.0rem 0;
	padding: 4.0rem 2.0rem;
}
.LecturerMesInn:first-child {margin-top: 0;}
.LecturerMesInn .LecturerMesSub {
	margin: 0;
	padding: 0 0 0 0.5rem;
	font-size: clamp(1.8rem, 2.0vw, 2.0rem);
}
.LecturerMesInn .LecturerMesTi {
	margin: 0;
	padding: 0 0 3.0rem 0;
	font-size: clamp(3.0rem, 4.5vw, 4.5rem);
}
.LecturerMesInn .LecturerMesTxt {
	margin: 0;
	padding: 1.0rem 0;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 1.8;
}
.LecturerMes01 {width: 80%;background: url(../../../images/site_rnr/lecturer_message_img01.jpg) right center no-repeat;}
.LecturerMes02 {width: 100%;padding: 5.0rem 0 5.0rem 42.0rem;background: url(../../../images/site_rnr/lecturer_message_img02.jpg) left center no-repeat;}

@media screen and (max-width: 600px) {
	.LecturerMesBox {padding: 0;}
	.LecturerMesInn {
		margin: 5.0rem 0;
		padding: 23.0rem 0 0 0;
	}
	.LecturerMesInn .LecturerMesSub,
	.LecturerMesInn .LecturerMesTi,
	.LecturerMesInn .LecturerMesTxt {width: 85%;margin: 0 auto;padding: 0 0 2.0rem 0;}
	.LecturerMesInn .LecturerMesSub {padding: 0 0 0.5rem 0;}
	.LecturerMes01 {width: 100%;background: url(../../../images/site_rnr/lecturer_message_img01_sp.jpg) center top no-repeat;background-size: 100% auto;}
	.LecturerMes02 {width: 100%;background: url(../../../images/site_rnr/lecturer_message_img02_sp.jpg) center top no-repeat;background-size: 100% auto;}
}
/*----------- 掲示版・小テスト設定 -----------*/

.preparationBox {padding: 3.0rem 2.0rem;}
.preparationInn {
	margin: 10.0rem 0;
	padding: 4.0rem 2.0rem;
}
.preparationInn:first-child {margin-top: 0;}
.preparationInn .preparationTi {
	margin: 0;
	padding: 0 0 3.0rem 0;
	font-size: clamp(3.0rem, 4.5vw, 4.5rem);
}
.preparationInn .preparationTxt {
	margin: 0;
	padding: 1.0rem 0;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	line-height: 1.8;
}
.preparation01 {width: 80%;background: url(../../../images/site_rnr/preparation_img01.jpg) right center no-repeat;}
.preparation02 {width: 80%;background: url(../../../images/site_rnr/preparation_img02.jpg) right center no-repeat;}

@media screen and (max-width: 600px) {
	.preparationBox {padding: 0;}
	.preparationInn {
		margin: 5.0rem 0;
		padding: 23.0rem 0 0 0;
	}
	.preparationInn .preparationTi,
	.preparationInn .preparationTxt {width: 85%;margin: 0 auto;padding: 0 0 2.0rem 0;}
	.preparation01 {width: 100%;background: url(../../../images/site_rnr/preparation_img01_sp.jpg) center top no-repeat;background-size: 100% auto;}
	.preparation02 {width: 100%;background: url(../../../images/site_rnr/preparation_img02_sp.jpg) center top no-repeat;background-size: 100% auto;}
}
/* ** private_custom end ** */