<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";

/*------------------------------------------------
layout
-------------------------------------------------*/

.bg_color{
	background: #ddeac6;
	margin-top: -3em!important;
	padding-top: 3em;
		
}

.container
{
	line-height:2rem;
	width:100%;
	margin-bottom: -40px;
}

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

article{
	margin-bottom:-60px;
}



.keyimgBox {
	/* background-color: #aae300; */
	margin-bottom: -1rem;
	/* background: url(/tourokuhanbai/images/index/keyimg_bg.png) center center / cover no-repeat; */
}

@media screen and (max-width:767px) {
.keyimgBox {
	margin-bottom: -1rem;
	}
}

.keyimgBox&gt;div{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}


.keyimgBox&gt;div a img:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

@media screen and (max-width:767px) {
.keyimgBox&gt;div{
	width:100%;
	}
}


article.container .innerBOX
{
	background:#fff;
	box-shadow: 0px 3px 5px 0px rgb(192 215 154);
	padding: 2rem;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 13px;
}

@media screen and (max-width:767px) {
article.container .innerBOX
	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem;
	margin-bottom: 30px !important;
	}
}
/*----------------------
コンバージョンボタン
----------------------*/
.cv_box,
.cv_box_end
{
	padding:2rem 3rem;
	margin-bottom:30px;
	background: #ddeac6;
	/* background: linear-gradient(0deg, #4CAF50 0%, #4CAF50 -46%, rgb(170 227 0) 100%); */
}

.cv_box_end
{
	margin-bottom:0;
}

.cv_box_innder{
	width: 730px;
	margin:auto;
	}


@media screen and (max-width:767px) {
	.cv_box,
	.cv_box_end
	{
	padding: 1.5rem 0rem;
	}
	.cv_box_innder{
	width: 100%;
	margin: auto;
	padding: 0;
	}

}
	
.cv_box ul.cv_inner {
	display: flex;
	justify-content: center;
	margin:auto;
	gap: 30px 20px;
}

.cv_box ul.cv_inner li {
	flex: 1;
}


.cv_box ul.cv_inner li,
.cv_btn_recommend
{
	text-align:center;
	background: #e40073;
	border-radius: 8px;
	/* margin: 0 2rem; */
	transition: background 0.5s, background-image 0.5s, box-shadow 0.5s;
	box-shadow: 0px 5px 0px 0px rgb(153 3 78);
}

.cv_btn_recommend
{
	margin: 0 auto 2rem auto;
	padding:1rem;
}

@media screen and (max-width: 767px) {
.cv_btn_recommend,
.cv_box ul.cv_inner 
	{
	width:90%;
	}
.cv_box ul.cv_inner 
	{
	gap: 10px;
	}
	.cv_btn_recommend
	{
	padding:0rem;
	margin: 0 auto 1.5rem auto;
	}

}

.cv_box ul.cv_inner li:hover,
.cv_btn_recommend:hover{
	background: #850077; 
	color: #fff; /* テキスト色 */
	box-shadow: 0px 0px 0px 0px rgb(22 22 83 / 20%);	

}
.cv_box ul.cv_inner li a,
.cv_btn_recommend a
{
	display:block;
	color: #fff;
	font-weight:800;
	font-size:1.2rem;
	padding: 1rem;
}
.cv_btn_recommend a
{
	font-size:1.5rem;
}

@media screen and (max-width: 767px) {
	.cv_btn_recommend a
	{
	font-size:1.3rem;
	}
	.cv_box ul.cv_inner li a{
	font-size:1.0rem;
	text-align:center;
	padding: 1rem;/**241008**/
	}
}


.cv_box ul.cv_inner li:hover a,
.cv_btn_recommend:hover a{
	color: #fff;
	text-decoration:none;
}


/*普通のボタン*/

.btn_Link
{
	text-align:center;
	background: #9C27B0;
	border-radius: 8px;
	padding:10px 20px;
	transition: background 0.5s, background-image 0.5s, box-shadow 0.5s;
	box-shadow: 0px 5px 0px 0px rgb(81 8 93);
	display: inline-block;
	width:60%;
}
@media screen and (max-width:767px) {
	.btn_Link
	{
	display:block;
	width:80%;
	text-align:center;
	margin:auto;
	}
}	

.btn_Link a
{
	color:#fff;
	font-weight:bold;
}

.btn_Link:hover
{
	background: #db07ff;
	box-shadow: 0px 5px 0px 0px rgb(81 8 93 / 0%);
}
.btn_Link a:hover
{
	text-decoration:none;
}

/*----------------------
h2 見出しの上書き
----------------------*/

h2{
	position:relative;
	margin-bottom:0.8em;
	border-bottom: 3px solid #ccc;
	font-size:1.78rem;
	font-weight:normal;
	padding-left: 0px;
	font-weight: 800;
	line-height: 1.2;
}

h2 span.gradation{
	position:relative;
	display: inline-block;
	background: linear-gradient(90deg, #44af4d 0%, #8BC34A 70%, #CDDC39););
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


h2::after{
	content:'';
	display:block;
	position:absolute;
	bottom: -3px;
	width: 9rem;
	height:0;
	border-top: 3px solid #64c36c;
	margin-left: 0px;
	background:transparent;
}

@media screen and (max-width:767px) {
	h2{
	font-size: 1.3em;
	}
	
	h2::after{
		/* スマホサイズ */
		content:'';
		display:block;
		position:absolute;
		bottom:-3px;
		width:30%;
		height:0;
		
	}
}


/*----------------------
h3 見出しの上書き
----------------------*/

h3
{
	font-size:1.3rem;
	font-weight: 800;
	position: relative;
	border-bottom: 3px solid #cccccc;
	color: #555;
}

@media screen and (max-width:767px) {
	h3
	{
	font-size: 1.1rem;
	line-height: 1.2;
	}
}



h3:after
{
	position: absolute;
	left: 0;
	bottom: -3px;
	background-color: #63c26b;
	font-size:1.2rem;
	border-bottom: 2px solid #64c36c;
	width: 6rem;
}

h4{
	font-size:1.3rem;
	border-left: 4px solid #0566b4;
	font-weight: 800;
	color: #666;
}


/*----------------------
冒頭文章
----------------------*/
.catch_Area
{
	/* width:940px; */
	margin:auto;

}
.catch_Area h2
{
	color: #3ab944;
	border-bottom:none;
	font-size: 2.0rem;
	padding: 20px;
}

.catch_Area h2::after{
	border-top: none;
}
		
p.catch
{
	font-size: 1.2rem;
	line-height:1.8;
	color: #333333;
	width: 940px;
	margin: auto;
	text-align: center;
	margin-bottom:60px;
}

@media screen and (max-width:767px) {
.catch_Area h2
	{
	font-size:1.6rem;
	}
	
	p.catch
	{
	font-size: 1.0rem;
	line-height:1.6;
	width: 90%;
	margin-bottom:30px;
	}
}

/*----------------------
ページ内リンク
----------------------*/

.NavBox
{
	background: #fff;
	padding:1rem;
	border-radius: 10px;
	/* border: solid 3px #ffeb3b; */
	width:940px;
	margin:auto;
	box-shadow: 0px 3px 5px 0px rgb(192 215 154);
}

@media screen and (max-width:767px) {
/*スマホサイズ*/
	.NavBox
	{
	padding-left:0;
	margin:0 auto;
	width: 95%;
	}
}

.groupNav {
	padding:0.7em 0;
}
.groupNav:after {
	content: "";
	clear: both;
	display: block;
}
.groupNav li {
	float:left;
	text-indent:0;
	padding-left: 1.5em !important;
}

.groupNav li {
	width: auto;
	padding-top: 0.3em;
	padding-bottom: 0.7em;
	line-height: 1.2;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: 'palt';
}


.groupNav li:last-child {
	padding-bottom:0;
}

ul.groupNav a{
	color: #069011;
}

.tLink-a {
	position: relative;
	display: block;
	padding-left: 20px;
	background-image: none;

}

.tLink-a:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #CDDC39;
	/* background: linear-gradient(45deg, #005aa2 0%,  #0566b4 40%,#25aae1); */
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
}
.tLink-a:after {
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -4px;
}


/*---------------------------
メリット
---------------------------*/

div.merit_box
{
	display:flex;
	margin:2rem 0;
	padding-bottom: 2rem;
	border-bottom: 2px solid #d3ecfe;
}

div.merit_box:last-child
{
	margin-bottom:0;
	padding-bottom: 0;
	border:none;
}

@media screen and (max-width:767px) {
	div.merit_box
	{
	display:block;
	}
}

	
div.merit_box img
{
	object-fit: contain;
	width:100px;
	height:auto;
	margin-right:20px;
}
@media screen and (max-width:767px) {
	div.merit_box img
	{
	margin:auto;
	}
}

dl.merit dt
{
	color: #00c80f;
	font-weight:800;
	font-size:1.2rem;
	line-height:1.3;
	margin-bottom:10px;
}
dl.merit dd
{
	line-height:1.6;
}


/*--------------------------
特長
--------------------------*/
dl.features dt{
	font-weight:800;
	color: #00c713;
	display:flex;
	align-items: center;
	font-size: 1.2rem;
}


dl.features dt span.features {
	font-weight: bold;
	color: #fff;
	--r: 0.8em; /* control the cutout */
	border-block: 0.5em solid #0000;
	margin-right:1rem;
	padding-inline: .5em calc(var(--r) + .25em);
	line-height: 1.8;
	clip-path: polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - var(--r)) calc(100% - .25em),100% 50%,calc(100% - var(--r)) .25em);
	background: radial-gradient(.2em 50% at left, #000a, #0000) border-box, linear-gradient(90deg, #00c80f 0%, #4CAF50 40%, #8BC34A) padding-box; /* 追加の線形グラデーション */
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media screen and (max-width:767px){
	dl.features dt{
	display:block;
	line-height:1.2;
	}
	dl.features dt span.features
	{
	display:block;
	}
}



/*--------------------------
登壇講師
--------------------------*/
.teacher_box
{
	text-align:center;	
}
.teacher_box img
{
	width: 80%;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.teacher_box img
	{
	width: 55%;
	}
}
.teacher_box p.name
{
	font-weight:800;
	font-size:1.2rem;

}

.teacher_box p.name:after
{
	content:"氏";
	font-size:0.8rem;
}

.teacher_box p.prof
{
	font-size: 0.8rem;
	line-height: 1.5;
	color: #666;
	margin-top: 0;
}




/*--------------------------
注意リスト調整
--------------------------*/
ul.att li
{
	line-height: 1.5;
	margin-bottom: 1.2rem;
}

ul.att li:last-child
{
	margin-bottom: 0;
}


/*--------------------------
〇〇とはの調整
--------------------------*/

.about_contents{/**241008**/
	display: flex;
}

.about_content{
	background: #fff;
	position: relative;
	padding-bottom: 16.5rem;
	border-radius: 10px;
	border: 5px solid #aedd76;
	padding: 1rem;
}


.about_content img{/**241008**/
	padding:0 1rem 1rem;
	position: absolute;
	bottom: 0;
}

.about_inner
{
	padding:1rem 1rem 0;
}

.about_inner h3
{
	font-size:1.2rem;
	color: #fff;
	border:none;
}

.about_inner h3:after
{
background:transparent;
	border:none;
}
@media screen and (max-width:767px){
	.about_contents{/**241008**/
		flex-direction: column;
	}

	.about_content{/**241008**/
		padding: 0;
	}

	.about_content img{/**241008**/
		padding:0 1rem 1rem;
		position: relative;
	}
}

/*--------------------------
文字装飾
--------------------------*/
p.check
{
	font-weight:800;
	color: #00c80f;
	font-size:1.2rem;
}
@media screen and (max-width:767px){
	p.check
	{
	font-size:1.1rem;
	line-height:1.4;
	}
}


/*---------------------------
dl装飾
---------------------------*/
dl.pointBOX dt{
	background:#cde9fe;
	padding: 5px 10px;
	color:#0566b4;
	font-weight:800;
	font-size:1.2rem;
	margin-bottom: 10px;
}

dl.pointBOX dd{
	margin-bottom:20px;
	line-height:1.6;
	display: flex;
}

dl.pointBOX dd:last-child{
	margin-bottom:0;
}

dl.pointBOX dd img{
	padding-right:10px;
}
	
@media screen and (max-width:767px){
	dl.pointBOX dd img{
	height:fit-content;
	}
}

/*---------------------------
ol装飾
---------------------------*/
ol.box{
	background:#f3f7f8;
	padding:2em 2em 2em 3em;
	border-radius:10px;
	margin-left:0!important;
}

/*---------------------------
link　白
---------------------------*/
a.tLink_white{
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}






/*---------------------------
テーブル上書き
---------------------------*/
table.detail td{
    text-align: center; /* aタグ全体を中央に */
}

table.detail td:first-child a {
    display: inline-block;
    text-align: left;    /* a内のテキストは左寄せ */
    margin: 0 auto;      /* a自体は中央配置 */
    min-width: 80px;     /* 任意。幅を固定したければ入れる */
}

table.detail td img{
    display: inline-block;
    text-align: center; /* aタグ全体を中央に */
}


/*---------------------------
アコーディオン上書き
---------------------------*/

.accordion &gt; h3.accordion-btn
{
	font-size: 1.2rem;
	color: #398f3b !important;
	font-weight: normal;
}

.accordion &gt; h3.accordion-btn::after {
	border-left: none;
	border-bottom: none;
	background: transparent;
}

.accordion &gt; .accordion-open::before {
	border-right: 2px solid #4bb14d;
	border-top: 2px solid #4bb14d;
}


.accordion &gt; h3.accordion-btn::before {
	border-left: 2px solid #4bb14d;
	border-bottom: 2px solid #4bb14d;
}


.accordion &gt; h3.accordion-open::before {
	border-right: 2px solid #4bb14d;
	border-top: 2px solid #4bb14d;
}



/*---------------------------
魅力
---------------------------*/

dt.charm span{
	background: #45af4d;
	color: #fff;
	padding: 5px 20px;
	border-radius: 100px;
	margin-bottom:20px;
}

dt.charm {
	color: #45af4d;
	font-weight:bold;
	font-size: 1.3rem;
	margin: 1rem 0;
	background: #fff4d2;
	padding: 1rem;
	border-radius: 999px;
}

dd.charm
{
	
	font-size: 1.2rem;
	line-height: 1.2;
}


/* スマホ用のメディアクエリ */
@media (max-width: 768px) {
	dt.charm span{
	display:block;
	text-align:center;
	}
	dt.charm
	{
	text-align:center;
	border-radius: 10px;
	font-size: 1.2rem;
	}
}




/*---------------------------
おすすめ
---------------------------*/
ul.discBox
{
	background: #fff4d2;
	padding: 2rem;
	border-radius: 10px;
}


ul.discBox li
{
	margin-bottom:10px;
}


ul.discBox li:last-child
{
	margin-bottom:0px;
}

ul.discBox li::marker {
  color: #FF9800;
}
ul.discBox li:last-chld
{
	margin-bottom:0;
}

dl.reccommend
{
	
}

dl.reccommend dt
{
	font-weight:bold;
	color:#45af4c;
	text-indent: -1em;
	padding-left:1em;
	margin-bottom: 10px;
}

dl.reccommend dt:before
{
	content:"●";
	color:#addcb0;
}

dl.reccommend dd
{
	margin-bottom:20px;
	border-bottom:1px solid #addcb0;
	padding-bottom:1rem
}

dl.reccommend dd:last-child
{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}





/*-----------------------------------
チェック
-----------------------------------*/
ul.check
{
	border: solid 1px #f2f2f2;
	border-radius:10px;
	padding:2rem;
	margin-bottom: 50px;
	box-shadow: 0px 5px 8px 3px rgb(87 85 85 / 15%);
}

ul.check li,
dl.check dt
{
	position:relative;
	padding-left:2.2rem;
	font-size:1.1rem;
	line-height: 1.2;
	font-weight: bold;
	color:#519c3a;
}


ul.check li:last-child,
dl.check dt:last-child
{
	padding-bottom: 0;
}

@media screen and (max-width:767px) {
	ul.check li,
	dl.check dt
	{
	line-height:1.2;
	padding-bottom:10px;
	font-size: 1.1rem;
	padding-top: 2px;
	}
}

ul.check li:before,
dl.check dt:before
{
	position:absolute;
	content:"";
	top:-3px;
	left:0;
	display:-block;
	width:100%;
	height: 25px;
	background-image:url(/tourokuhanbai/images/index/img_check.png);
	background-size:contain;
	background-repeat:no-repeat;
}


dl.check dd
{
	margin-bottom:20px;
	margin-left: 1.5em;
    text-indent: -2.5em;
	padding-left:2.2rem
}


dl.check dd:last-child
{
	margin-bottom:0;
}


/*-------------------------
テキスト
---------------------------*/
.text01,
.text02
{
	font-weight: bold !important;
	line-height: 1.3;
	color: #1cab37;
}
{
	font-weight: bold !important;
	line-height: 1.3;
	color: #1cab37;
}
.text02
{
	color: #e30073;
}

/*-------------------------
配信期間
---------------------------*/
dl.period
{
	display:flex;
    align-items: center; 
}


dl.period dt
{
	font-weight: bold !important;
	line-height: 1.3;
	color:#4CAF50;
	background: #eff5e4;
	padding:10px 20px;	
	border-radius:999px;
	display:inline-block;
	margin-right:10px;
}



.alert02 {
	background: #eef3bb !important;
}










</pre></body></html>