@charset "utf-8";
/*===========================================
プレミアムサービス
============================================*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

body#Premium_Guide header {
	background: #691E1E;
	padding: 16px 0;
	text-align: center;
}

@media only screen and (min-width: 1024px) {
	.Contents {
		width: 800px;
		padding: 0;
	}
	.Contents::after {
		max-width: 800px;
	}
}
.Contents::after {
	content: '';
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(50, 226, 251, 0) 100%, rgba(0, 0, 0, 0) 100%);
	display: block;
	width: 100%;
	height: 480px;
	top: 120px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 0;
}
.Contents_Inner {
	max-width: 480px;
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 1;
}
/* 案内ヘッダー */
.HeadInfo {
	padding-bottom: 0;
}
.HeadInfo .HeadInfo_announce {
	padding: 6px 30px;
	display: inline-block;
	background: #691E1E;
	border-radius: 13px;
	font-size: 72.2%;
	font-weight: 900;
	color: #FFF;
}
.PremiumGuideContents {
	background: #000 url("../img/premium/sp_premium_topvisual.png") no-repeat center top;
	background-size: contain;
	margin: 0px auto;
}
.HeadInfo .Premium_Guide_Lead {
	width: 78%;
}
/* 案内見出し */
.CourseInfo {
	padding-top: 0;
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 40px;
}
.CourseInfo_Detail {
	background: #000;
	text-align: center;
	margin-bottom: 20px;
}
.CourseInfoTxt01 {
	display: inline-block;
	position: relative;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding-bottom: 3px;
}
.CourseInfoTxt01::after {
	content: "";
	background: #9F4949;
	width: 100%;
	height: 5px;
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0px;
}
.CourseInfoTxt02 {
	display: block;
	position: relative;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.CourseInfoTxt01 + .CourseInfoTxt02 {
	margin-top: 10px;
}
.CourseInfoTxt03 {
	display: inline-block;
	position: relative;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 7px;
	margin-bottom: 20px;
	color: #fff;
}
.CourseInfoTxt03::after {
	content: "";
	background: #707070;
	width: 100%;
	height: 2px;
	z-index: 0;
	position: absolute;
	left: 0;
	bottom: 0px;
}

.OnlyNowTxt01 {
	display: inline-block;
	position: relative;
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	color: #fff;
	width: 265px;
	padding: 5px 10px 8px;
	background: #AD4141;
	border-radius: 16px;
	margin-bottom: 10px;
}
.OnlyNowTxt01 > span{
	color: #F0D378;
	font-size: 16px;
}
.OnlyNowTxt01 > span em{
	font-size: 21px;
}
.OnlyNowTxt01::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10%;
	border-style: solid;
	border-width: 5.2px 6px 0 6px;
	border-color: #AD4141 transparent transparent;
	translate: -50% 100%;
}
@media only screen and (min-width: 800px) {
	.HeadInfo {
		padding-bottom: 40px;
	}
	.CourseInfoTxt01 {
		font-size: 30px;
	}
	.CourseInfoTxt02 {
		font-size: 21px;
	}
	.CourseInfoTxt01 + .CourseInfoTxt02 {
		margin-top: 18px;
	}
	.CourseInfoTxt03 {
		font-size: 23px;
	}
	.OnlyNowTxt01 {
		width: 370px;
	}
}
/*-- コース案内 .RecommendCourse01 --*/
.RecommendCourse01 {
	margin: 20px auto;
	width: 315px;
}
.OwnerPlanInner {
	border: 2px solid #93BE4F;
	border-top: 0;
	box-shadow: 0 4px #697D49;
	border-radius: 20px;
}
.OwnerPlanInner + .OwnerPlanInner {
	margin-top: 15px;
}
.OwnerPlanInner.ProPlan {
	border: 2px solid #BF9E3A;
	border-top: 0;
	box-shadow: 0 4px #7C6311;
	border-radius: 20px;
}
.RecommendCourse02 .OwnerPlanInner.ProPlan {
	border: 2px solid #D6AD2E;
	box-shadow: 0 4px #9A7C1F;
}
.OwnerPlanInner.YearPlan {
	border: 2px solid #C28A06;
	border-top: 0;
	box-shadow: 0 4px #A37200;
	border-radius: 20px;
	margin-top: 26px;
}
.OwnerPlanInner .PlanTitle {
	display : flex;
	position: relative;
	background: #93BE4F;
	height: 49px;
	border: 2px solid #93BE4F;
	border-radius: 18px 18px 0 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.OwnerPlanInner .PlanTitle::after {
	content: "";
	display: block;
	width: 7px;
	height: 13px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.304713 10.4652L4.15724 6.2524L0.304713 2.0396C0.102961 1.80829 -0.00629351 1.5016 0.000280362 1.18512C0.00685423 0.868632 0.128706 0.567454 0.339862 0.345988C0.551019 0.124522 0.834741 0.000351039 1.13025 7.43097e-07C1.42577 -0.000349553 1.70962 0.12316 1.92124 0.344124L6.5487 5.40466C6.75562 5.63117 6.87154 5.93548 6.87154 6.2524C6.87154 6.56931 6.75562 6.87363 6.5487 7.10013L1.92124 12.1607C1.70962 12.3817 1.42577 12.5052 1.13025 12.5048C0.834741 12.5045 0.551019 12.3803 0.339862 12.1588C0.128706 11.9373 0.00685423 11.6362 0.000280362 11.3197C-0.00629351 11.0032 0.102961 10.6965 0.304713 10.4652Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	right: 13px;
	top: 50%;
}
.OwnerPlanInner.ProPlan .PlanTitle {
	background: #BF9E3A;
	border: 2px solid #BF9E3A;
	border-radius: 18px 18px 0 0;
}

.RecommendCourse02 .ProPlan .PlanTitle {
	background: #D6AD2E;
	border: 2px solid #D6AD2E;
}
.RecommendCourse01 .OwnerPlanInner .PlanTitle {
	height: 59px;
}
.RecommendCourse01 .OwnerPlanInner.ProPlan .PlanTitle {
	height: 65px;
}
.OwnerPlanInner.YearPlan .PlanTitle {
	background: #C28A06;
	border: 2px solid #C28A06;
	border-radius: 18px 18px 0 0;
}
.OwnerPlanInner .PlanTitle .TitleTxt {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 2px 0 rgba(0,0,0,.25);
}
.OwnerPlanInner .PlanTitle .TitleTxt > span {
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 2px 0 rgba(0,0,0,.25);
	margin: 0 2px;
}
.CourseInfo .IconCourse01 {
	display: inline-block;
	background: url("../img/premium/PreInfo_Icon_Course.png") no-repeat 0 0;
	background-size: contain;
	width: 44px;
	height: 44px;
}
.CourseInfo .IconCourse02 {
	display: inline-block;
	background: url("../img/premium/PreInfo_Icon_Course-Pro.png") no-repeat 0 0;
	background-size: contain;
	width: 44px;
	height: 44px;
}
.OwnerPlanInner .PlanTitle .IconCourse01,
.OwnerPlanInner .PlanTitle .IconCourse02 {
	position: absolute;
	top: 50%;
	left: 14px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.OwnerPlanInner.ProPlan .CatchTitle,
.OwnerPlanWrap.ProPlan .CatchTitle {
	position: relative;
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
.OwnerPlanInner.ProPlan .CatchTitle::after,
.OwnerPlanWrap.ProPlan .CatchTitle::after {
	content: "";
	background: #F0D378;
	width: 100%;
	height: 2px;
	z-index: 0;
	position: absolute;
	left: 0;
	bottom: 0px;
}
.RecommendCourse01 .CourseInfoWrap,
.RecommendCourse02 .CourseInfoWrap {
	background: #1F240A;
	border-radius: 0 0 18px 18px;
}
.RecommendCourse01 .CourseInfoWrap {
	display: flex;
	padding: 10px 14px;
}
.RecommendCourse01 .ProPlan .CourseInfoWrap {
	background: #393013;
}
.RecommendCourse02 .ProPlan .CourseInfoWrap {
	background: #393013;
}
.RecommendCourse02 .YearPlan .CourseInfoWrap {
	background: #393013;
}
.RecommendCourse01 .CourseInfoWrap > dl {
	flex: 1;
	padding-top: 2px;
}
.RecommendCourse01 .CourseInfoWrap > .FeeBox01 {
	flex: 0 0 43%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: -14px;
	padding: 0 12px 0 14px;
}
.RecommendCourse01 .CourseInfoWrap > dl dt {
	font-size: 11px;
	font-weight: bold;
	color: #93BE4F;
	text-align: left;
	margin-bottom: 4px;
}
.RecommendCourse01 .ProPlan .CourseInfoWrap > dl dt {
	color: #F0D378;
}
.RecommendCourse01 .CourseInfoWrap > dl dd > span {
	display: block;
	position: relative;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}
.RecommendCourse01 .CourseInfoWrap > dl dd > span::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #C6C6C6;
	position: absolute;
	top: 5px;
	left: 0;
}
.RecommendCourse01 .CourseInfoWrap > dl dd > span + span {
	margin-top: 1px;
}
.CourseInfoWrap > .FeeBox01 {
	font-size: 11px;
	color: #93BE4F;
}
.RecommendCourse01 .CourseInfoWrap > .FeeBox01 {
	border-left: 1px dashed #6B893C;
}
.ProPlan .CourseInfoWrap > .FeeBox01 {
	color: #F0D378;
}
.RecommendCourse01 .ProPlan .CourseInfoWrap > .FeeBox01 {
	border-left: 1px dashed #7C6311;
}
.FeeBox01 .Monthly_FeeTxt {
	text-align: left;
	white-space: nowrap;
}
.FeeBox01 .Monthly_FeeTxt .Txt01,
.FeeBox01 .Year_FeeTxt .Txt01{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.RecommendCourse01 .FeeBox01 .Monthly_FeeTxt .Txt01{
	display: block;
	text-align: left;
	margin-bottom: 4px;
}
.FeeBox01 .Monthly_FeeTxt .Price,
.FeeBox01 .Year_FeeTxt .Price{
	font-size: 21px;
	font-weight: bold;
}
.FeeBox01 .Monthly_FeeTxt .Tax,
.FeeBox01 .Year_FeeTxt .Tax{
	font-size: 10px;
	margin-left: 2px;
}
.FeeBox01 .FeeNote{
	border: 1px solid #F0E8CD;
	border-radius: 8px;
	color: #F0E8CD;
	padding: 4px 5px;
	font-size: 10px;
	font-weight: bold;
	margin-top: 8px;
}
/*-- コース案内02 .RecommendCourse02 --*/
.RecommendCourse02 {
	margin: 20px auto;
	width: 338px;
}
.OwnerPlanWrap {
	background: #3C4E20;
	border-radius: 20px;
	padding: 16px 10px;
}
.OwnerPlanWrap.ProPlan {
	background: #715E24;
}
.RecommendCourse02 .OwnerPlanWrap + .OwnerPlanWrap{
	margin-top: 12px;
	padding-top: 20px;
}
.RecommendCourse02 .CourseTitle {
	position: relative;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.RecommendCourse02 .CourseTitle .IconCourse01,
.RecommendCourse02 .CourseTitle .IconCourse02 {
	position: absolute;
	top: 50%;
	left: 14px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.RecommendCourse02 .OwnerPlanWrap .TitleTxt {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .25);
}
.RecommendCourse02 .OwnerPlanWrap .TitleTxt > span{
	font-size: 14px;
	margin: 0 2px;
}
.RecommendCourse02 .RecommendPointTxt {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #F0D378;
	margin: 20px 0 10px;
}
.RecommendCourse02 .CourseInfoWrap {
	min-height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.RecommendCourse02 .CourseInfoWrap > .FeeBox01 {
	flex: 1;
	padding: 10px 14px;
}
.RecommendCourse02 .FeeBox01 .Monthly_FeeTxt .Price,
.RecommendCourse02 .FeeBox01 .Year_FeeTxt .Price {
	margin: 0 2px;
}
.RecommendCourse02 .FeeBox01 .PerDayTxt01{
	display: block;
	border: 1px solid #F0E8CD;
	border-radius: 12px;
	color: #F0E8CD;
	padding: 6px 5px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 8px;
}
.FeeBox01 .Year_FeeTxt .Price {

}
.FeeBox01 .Year_FeeTxt .ArrowTxt01{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0 3px;
}
.FeeBox01 .Year_FeeTxt .Txt01.StrikeThrough {
	text-decoration: line-through;
	font-size: 11px;
	font-weight: normal;
}
.RecommendCourse02 .OwnerPlanWrap .PlanTitle .TitleTxt {
	font-size: 18px;
}
.RecommendCourse02 .OwnerPlanWrap .ProPlan .PlanTitle .TitleTxt {
	margin-bottom: -5px;
}
.PlanTitle .RecommendFlag {
	background: #D16363;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	width: 128px;
	padding: 7px 8px;
	text-align: center;
	position: absolute;
	top: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 13px;
}
.PlanTitle .RecommendFlag::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: inline-block;
	border: solid 4px transparent;
	border-top: solid 8px #D16363;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.PlanTitle .DiscountFlag {
	display: flex;
	background: #F0E8CD;
	color: #9F4949;
	font-weight: bold;
	width: 54px;
	height: 54px;
	position: absolute;
	top: -15px;
	left: 10px;
	line-height: 1;
	border-radius: 50%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.PlanTitle .DiscountFlag .Txt01 {
	font-size: 15px;
}
.PlanTitle .DiscountFlag .Txt02 {
	font-size: 10px;
}
.PlanTitle .DiscountFlag .Txt03 {
	font-size: 16px;
}
@media screen and (min-width: 461px) {
	.OwnerPlanInner .PlanTitle .TitleTxt {
		font-size: 23px;
	}
	.OwnerPlanInner .PlanTitle .TitleTxt > span {
		font-size: 16px;
	}
	.RecommendCourse02 .OwnerPlanWrap .PlanTitle .TitleTxt {
		font-size: 21px;
	}
	.RecommendCourse01 .CourseInfoWrap > dl dt {
		font-size: 13px;
		margin-bottom: 6px;
	}
	.RecommendCourse01 .CourseInfoWrap > dl dd > span {
		font-size: 14px;
		line-height: 19px;
	}
	.RecommendCourse01 .CourseInfoWrap > dl dd > span + span {
		margin-top: 3px;
	}
	.FeeBox01 .Monthly_FeeTxt .Price, .FeeBox01 .Year_FeeTxt .Price {
		font-size: 24px;
		margin-right: 4px;
	}
	.CourseInfoWrap > .FeeBox01 {
		font-size: 14px;
	}
	.FeeBox01 .FeeNote {
		font-size: 13px;
	}
	.FeeBox01 .Monthly_FeeTxt .Tax, .FeeBox01 .Year_FeeTxt .Tax {
		font-size: 13px;
	}
	.RecommendCourse02 .FeeBox01 .PerDayTxt01 {
		font-size: 13px;
	}
}

/*-- サービス比較表 --*/
.ComparisonTable {
	padding: 0 10px;
}
.ComparisonTable table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	background: #F2F2F2;
}
table .HiddenCell {
	width: 100%;
}
.ComparisonTable table th,
.ComparisonTable table td {
	padding: 7px 10px;
	border: 1px solid #DDDDDD;
	vertical-align: middle;
	font-size: 70%;
	text-align: left;
	background: #F2F2F2;
	font-weight: normal;
}
.ComparisonTable table td {
	text-align: center;
}
.ComparisonTable table thead th {
	font-size: 60%;
	font-weight: 900;
	text-align: center;
	color: #555;
	white-space: nowrap;
}
.ComparisonTable table thead th.FreeCell {
	width: 60px;
	background: #FFF;
	color: #444444;
	line-height: 1.2;
	padding: 7px 0;
}
.ComparisonTable table thead th.BasicCell {
	width: 60px;
	background: #F4FFE2;
	color: #444444;
	line-height: 1.2;
	padding: 7px 0;
}

.ComparisonTable table thead th.SuperCell {
	width: 60px;
	background: #FFF8E2;
	color: #444444;
	line-height: 1.2;
	padding: 7px 0;
}
.PremiumGuideContents .ComparisonTable table thead th.FreeCell,
.PremiumGuideContents .ComparisonTable table thead th.BasicCell,
.PremiumGuideContents .ComparisonTable table thead th.SuperCell {
	width: 58px;
}
.ComparisonTable table tr.Price th,
.ComparisonTable table tr.Price td {
	background: #eaeaea;
	font-weight: normal;
}
.ComparisonTable table tr.Price td {
	font-weight: bold;
}
.ComparisonTable table tr.Price td.BasicCell {
	color: #444444;
	line-height: 1.2;
}
tr.Function_Group th {
	background: #572829;
	color: #fff;
	font-size: 72.2%;
	font-weight: bold;
}
colgroup.Premium_cols {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-right: 0 none;
}
colgroup.Super_cols {
	border-left: 0 none;
}
.ComparisonTable table tbody th.Function {
	padding: 10px 0px 10px 10px;
	padding: 7px 0 10px 10px;
}
@media screen and (min-width: 321px) {
	.ComparisonTable table tbody th.Function {
		min-width: 13.5em;
	}
}
.ComparisonTable table tbody span.double_circl {
	display: block;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99991 14.909C11.8157 14.909 14.909 11.8157 14.909 7.99991C14.909 4.18413 11.8157 1.09082 7.99991 1.09082C4.18413 1.09082 1.09082 4.18413 1.09082 7.99991C1.09082 11.8157 4.18413 14.909 7.99991 14.909Z' stroke='%23707070' stroke-width='2'/%3E%3Cpath d='M7.99983 11.224C9.75528 11.224 11.1784 9.80094 11.1784 8.04548C11.1784 6.29002 9.75528 4.86694 7.99983 4.86694C6.24437 4.86694 4.82129 6.29002 4.82129 8.04548C4.82129 9.80094 6.24437 11.224 7.99983 11.224Z' stroke='%23707070' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0 0;
	background-size: contain;
	margin: auto;
}
.ComparisonTable table tbody span.circl {
	display: block;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99991 14.909C11.8157 14.909 14.909 11.8157 14.909 7.99991C14.909 4.18413 11.8157 1.09082 7.99991 1.09082C4.18413 1.09082 1.09082 4.18413 1.09082 7.99991C1.09082 11.8157 4.18413 14.909 7.99991 14.909Z' stroke='%23707070' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 0 0;
	background-size: contain;
	margin: auto;
}
.ComparisonTable table tbody span.triangle {
	display: block;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8623 13.3184H1.1377L8 1.21973L14.8623 13.3184Z' stroke='%23707070' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0 0;
	background-size: contain;
	margin: auto;
}
.ComparisonTable table tbody span.cross {
	display: block;
	width: 15px;
	height: 15px;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7778 1.9269C13.7778 2.15389 13.716 2.36024 13.5718 2.50468L8.73029 7.35389L13.5512 12.1825C13.6954 12.3269 13.7572 12.5333 13.7572 12.7602C13.7572 13.2967 13.304 13.8333 12.6653 13.8333C12.4593 13.8333 12.2533 13.7713 12.1091 13.6269L7.30874 8.79833L2.46721 13.6269C2.3436 13.7507 2.13758 13.8333 1.91095 13.8333C1.29289 13.8333 0.819036 13.2967 0.819036 12.7602C0.819036 12.5333 0.901445 12.3269 1.04566 12.1825L5.86658 7.35389L0.983854 2.48405C0.839639 2.3396 0.777832 2.13325 0.777832 1.90627C0.777832 1.3904 1.25168 0.833252 1.86975 0.833252C2.09637 0.833252 2.3024 0.895156 2.44661 1.0396L7.30874 5.90944L12.1297 1.08087C12.2739 0.936427 12.4799 0.853886 12.7065 0.853886C13.3246 0.853886 13.7778 1.43166 13.7778 1.9269Z' fill='%23707070'/%3E%3C/svg%3E%0A") no-repeat 0 0;
	background-size: contain;
	margin: auto;
}

@media only screen and (min-width: 800px) {
	.ComparisonTable table tbody span.double_circl,
	.ComparisonTable table tbody span.circl,
	.ComparisonTable table tbody span.triangle,
	.ComparisonTable table tbody span.cross {
		width: 22px;
		height: 22px;
	}
	
}


.ComparisonTable table tbody th.Function p.Function_title {
	color: #595959;
	font-weight: bold;
	font-size: 0.875rem;
	margin-bottom: 3px;
	line-height: 1.2;
}
.ComparisonTable table tbody th.Function p.Function_title.space {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
.ComparisonTable table tbody th.Function p.Function_Info {
	font-size: 0.625rem;
	line-height: 1.2;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
.ComparisonTable table tbody td.CrossCell {
	color: #999;
	font-weight: bold;
	white-space: nowrap;
	padding: 7px 3px;
}
.ComparisonTable table tbody td.FreeCell {
	background: #fff;
	color: #444;
	font-weight: bold;
	white-space: nowrap;
	padding: 7px 1px;
}
.ComparisonTable table tbody td.BasicCell {
	background: #F4FFE2;
	color: #444;
	font-weight: bold;
	padding: 7px 1px;
}
.ComparisonTable table tbody td.PremiumCell {
	background: #ffd1a4;
	color: #ff7200;
	font-weight: bold;
	padding: 7px 1px;
}
.ComparisonTable table tbody td.SuperCell {
	background: #FFF8E2;
	color: #444444;
	font-weight: bold;
	padding: 7px 1px;
}
.ComparisonTable .Note {
	color: #666;
	font-size: 83%;
	line-height: 1.3;
	margin: 8px;
}
.ComparisonTable .FunctionNote,
.ComparisonTable .FunctionNote02 {
	display: block;
	font-size: 0.625rem;
	margin-top: 2px;
	font-weight: 500;
	line-height: 1.2;
}
@media screen and (max-width: 374px) {
	.ComparisonTable .FunctionNote,
	.ComparisonTable .FunctionNote02 {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
}

@media screen and (max-width: 374px) {
	.PremiumGuideContents .ComparisonTable table thead th.FreeCell,
	.PremiumGuideContents .ComparisonTable table thead th.BasicCell,
	.PremiumGuideContents .ComparisonTable table thead th.SuperCell {
		width: 52px;
	}
}
@media screen and (min-width: 461px) {
	.ComparisonTable {
		padding: 0;
	}
	.ComparisonTable table thead th {
		font-size: 0.8125rem;
	}
	.PremiumGuideContents .ComparisonTable table thead th.FreeCell,
	.PremiumGuideContents .ComparisonTable table thead th.BasicCell,
	.PremiumGuideContents .ComparisonTable table thead th.SuperCell {
		width: 86px;
	}
	.ComparisonTable table tbody th.Function p.Function_title {
		font-size: 0.9375rem;
		margin-bottom: 5px;
	}
	.ComparisonTable table tbody th.Function p.Function_Info {
		font-size: 0.75rem;
	}
	.ComparisonTable .FunctionNote {
		font-size: 0.6875rem;
	}
	.FunctionNote br,
	.FunctionNote02 br {
		display: none;
	}
	.ComparisonTable table tbody span.double_circl,
	.ComparisonTable table tbody span.circl,
	.ComparisonTable table tbody span.triangle,
	.ComparisonTable table tbody span.cross {
		width: 22px;
		height: 22px;
	}
}
.ComparisonTable .Note {
	color: #666;
	font-size: 72%;
	line-height: 1.3;
	margin: 8px;
	text-indent: -2em;
	padding-left: 1.5em;
}
/*もっと見るボタン*/
.show_more_inner {
	position: relative;
}
.show_more_inner.AllShow {
	margin-bottom: 40px;
}
.show_more_text {
	height: 740px;
	overflow: hidden;
}
.show_more_btn {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 114px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, black));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 70%);
	background-color: transparent;
}
.show_more_btn div {
	position: relative;
	width: 83%;
	display: block;
	padding-right: 18px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	border: solid 1px #CACACA;
	background: transparent;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 61%;
	margin-bottom: 40px;
}
.show_more_btn div::after {
	background: url("../img/premium/icon_arrow.png") no-repeat;
	content: "";
	display: block;
	width: 7px;
	height: 8px;
	position: absolute;
	background-size: contain;
	top: 35%;
	right: 38%;
}
/*------------------------
注目コンテンツ .PickupContentsSec
------------------------*/
.PickupContentsSec {
	text-align: center;
	margin-bottom: 40px;
}
.PickupContentsWrap{
	margin: auto;
	width: 338px;
}
.PickupContentsBox {
	background: linear-gradient(180deg, #F2F2F2 0%, #D2D2D2 100%);
	border-radius: 20px;
	padding: 20px 26px 0;
	overflow: hidden;
}
.PickupContentsBox + .PickupContentsBox{
	margin-top: 20px;
}
.PickupContentsBox .ContentsTitle {
	font-size: 20px;
	font-weight: 900;
	color: #444;
	text-align: center;
}
.PickupContentsBox .CourseTag {
	display: inline-block;
	background: #93BE4F;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	padding: 6px 10px;
	border-radius: 20px;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	margin: 10px 0 12px;
}
.PickupContentsBox .CourseTag.Pro {
	background: #BF9E3A;

}
.PickupContentsImg01 {
	display: block;
	width: 287px;
	margin: auto;
}
.PickupContentsImg02 {
	display: block;
	width: 287px;
	margin: auto;
}
.PickupContentsImg03 {
	display: block;
	width: 287px;
	margin: auto;
}
.PickupContentsImg04 {
	display: block;
	width: 265px;
	margin: auto;
}
.PickupContentsBox .ContentsInfoTxt01 {
	text-align: left;
	color: #444;
	font-size: 16px;
	font-weight: 900;
	line-height: 22px;
	margin-top: 4px;
	margin-bottom: 12px;
}
ul.ContentsInfoList01 {
	text-align: left;
	padding-bottom: 20px;
}
ul.ContentsInfoList01 > li{
	display: flex;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}
ul.ContentsInfoList01 > li::before{
	content: "";
	display: inline-block;
	min-width: 22px;
	min-height: 20px;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.90092 8.732C5.876 9.90294 7.48717 11.5993 8.55492 13.632C8.72492 13.944 9.77894 13.854 10.0719 13.854C10.3289 13.854 11.4589 13.954 11.5889 13.632C13.6923 8.28488 17.2967 3.65987 21.9679 0.314C22.2119 0.146 20.9769 0.0439995 20.9079 0.0409995C20.2825 -0.0680309 19.6396 -0.0143087 19.0409 0.197C14.3237 3.5734 10.6821 8.24043 8.55394 13.637H11.5889C10.4946 11.5562 8.84668 9.81826 6.82695 8.615C6.22635 8.41292 5.58565 8.35973 4.95995 8.46C4.65396 8.43151 4.34533 8.46554 4.0529 8.56C4.0039 8.59 3.73295 8.635 3.89995 8.731' fill='%23691E1E'/%3E%3Cpath d='M9.40808 19.172C7.97732 19.1728 6.56522 18.8473 5.2792 18.2203C3.99318 17.5932 2.86713 16.681 1.98672 15.5532C1.1063 14.4254 0.494713 13.1116 0.198484 11.7119C-0.0977461 10.3121 -0.0708147 8.86324 0.277229 7.47545C0.625273 6.08767 1.28526 4.79755 2.20698 3.70324C3.1287 2.60893 4.28787 1.73926 5.5963 1.1604C6.90474 0.581534 8.32796 0.308722 9.7577 0.362722C11.1874 0.416721 12.586 0.796107 13.8471 1.47202C13.9682 1.53246 14.0761 1.61661 14.1641 1.71947C14.2522 1.82233 14.3187 1.94182 14.3597 2.07085C14.4008 2.19989 14.4155 2.33585 14.4031 2.47068C14.3906 2.60551 14.3512 2.73647 14.2872 2.85581C14.2232 2.97514 14.136 3.08042 14.0306 3.16541C13.9251 3.2504 13.8038 3.31338 13.6736 3.3506C13.5434 3.38783 13.407 3.39855 13.2726 3.38213C13.1382 3.36571 13.0085 3.32249 12.8911 3.25502C11.3921 2.45389 9.6625 2.1948 7.99456 2.52151C6.32661 2.84823 4.82259 3.74072 3.73663 5.04818C2.65066 6.35564 2.04935 7.99791 2.03428 9.69748C2.01921 11.3971 2.59132 13.0497 3.65393 14.3762C4.71655 15.7028 6.20451 16.6218 7.8664 16.978C9.52829 17.3342 11.2622 17.1058 12.7752 16.3314C14.2881 15.557 15.4874 14.284 16.1702 12.7276C16.8531 11.1712 16.9777 9.42672 16.5231 7.78902C16.4832 7.65978 16.4696 7.52386 16.4832 7.38929C16.4967 7.25472 16.5371 7.12423 16.6019 7.00552C16.6667 6.88682 16.7547 6.78232 16.8606 6.69819C16.9665 6.61406 17.0882 6.55202 17.2185 6.51572C17.3488 6.47942 17.485 6.4696 17.6192 6.48685C17.7533 6.5041 17.8826 6.54807 17.9995 6.61615C18.1164 6.68423 18.2184 6.77505 18.2996 6.88323C18.3807 6.99142 18.4394 7.11478 18.4721 7.24602C18.8594 8.64334 18.9186 10.1112 18.6451 11.5352C18.3716 12.9592 17.7728 14.3007 16.8955 15.4552C16.0181 16.6096 14.8858 17.5457 13.587 18.1904C12.2883 18.8352 10.8581 19.1711 9.40808 19.172Z' fill='%23691E1E'/%3E%3C/svg%3E%0A") no-repeat 0 0;
	background-size: contain;
	margin-right: 4px;
}
ul.ContentsInfoList01 > li + li{
	margin-top: 8px;
}
.PickupContentsBox .PickupContentsNotes {
	font-size: 11px;
	text-align: left;
	margin: 20px 0;
}
.PickupContentsBox .ContentsLinkBtn01 {
	margin: 0 -26px;
}
.PickupContentsBox .ContentsLinkBtn01 > a{
	display: block;
	background: #EBEBEB;
	color: var(--PrimaryColor);
	font-size: 12px;
	font-weight: 700;
	padding: 17px 10px;
}
@media screen and (min-width: 461px) {
	.PickupContentsBox .ContentsTitle {
		font-size: 23px;
	}
	.PickupContentsBox .CourseTag {
		font-size: 13px;
	}
	.PickupContentsBox .ContentsInfoTxt01 {
		font-size: 20px;
		line-height: 26px;
		margin-top: 8px;
		margin-bottom: 16px;
	}
	ul.ContentsInfoList01 > li {
		font-size: 16px;
	}
	.PickupContentsBox .PickupContentsNotes {
		font-size: 13px;
	}
}

/*------------------------
よくある質問 .PremiumFaqContentsSec
------------------------*/
.PremiumFaqContentsSec {
	text-align: center;
	margin-bottom: 40px;
}
.PreFaqList01 {
	width: 335px;
	margin: auto;
}
.PreFaqList01 ul {
	counter-reset: faqNumber;
	background: #E0E0E0;
	border-radius: 12px;
	overflow: hidden;
}
.PreFaqList01 li {
	position: relative;
	counter-increment: faqNumber;
}
.PreFaqList01 li + li {
	border-top: 1px solid #cacaca;
}
/* Q1. Q2. を生成 */
.PreFaqList01 li .FaqQuestion::before {
	content: "Q" counter(faqNumber) ".";
	position: absolute;
	left: 10px;
	top: 16px;
	font-weight: bold;
	line-height: 1.3;
}
/* ボタン */
.FaqQuestion {
	display: block;
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	color: #444;
	padding: 15px 36px 15px 40px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
}
.FaqQuestion .ToggleIcon {
	display: flex;
	background: #691E1E;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	position: absolute;
	top: 16px;
	right: 16px;
	align-items: center;
	justify-content: center;
}
.FaqQuestion .ToggleIcon::after {
	content: "";
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.354 4.685H12V7.385H7.354V12.139H4.647V7.389H0V4.689H4.647V0H7.353L7.354 4.685Z' fill='white'/%3E%3C/svg%3E") no-repeat 0 0;
	background-size: contain;
	width: 11px;
	height: 11px;
}
.FaqQuestion[aria-expanded="true"] .ToggleIcon::after {
	content: "";
	background: #fff;
	width: 11px;
	height: 2.5px;
}
/* Aは初期非表示 */
.FaqAnswer {
	display: none;
	text-align: left;
	padding: 0 18px 10px 40px;
}
.FaqAnswer > p {
	font-size: 14px;
	line-height: 1.5;
}
.FaqAnswer > p > a{
	color: #03a;
}

/*------------------------------------
プレミアム案内ページ
-------------------------------------*/
/*--------
コンテンツヘッダー
--------*/

.HeadInfo{
	position: relative;
	width: 100%;
	padding-top: 22px;
	padding-bottom: 23px;
	text-align: center;
}
.HeadInfo > *{
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 410px) {
	.brItem {
			display: none;
	}
}
@media only screen and (max-width: 380px) {
	.brItem {
			display: none;
	}
}

.HeadInfoWrap {
	position: relative;
	z-index: 0;
}
.HeadInfo .Premium_Guide_Lead{
	width: 63%;
	margin: 10px auto 0;
}
@media only screen and (min-width: 768px) {
	.HeadInfo .Premium_Guide_Lead{
		width: 91%;
	}
	.HeadInfo {
		padding-bottom: 40px;
	}
}

.HeadInfoRegistBtn{
	width: 90%;
	margin: 23px auto 13px;
	max-width: 695px;
}
.HeadInfoLink a {
	color: #fff;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #fff;
}

.HeadInfo .annual_discount_banner{
	display:inline-block;
	width:339px;
	max-width: 99%;
	margin-top: 16px;
}

/* フッター */
.Premium_footer {
	padding: 20px 13px;
}
.Premium_footer p.OtherLink {
	text-align: center;
	font-size: 72.3%;
	font-weight: bold;
	padding: 2em 0;
	color: #fff;
}
.Premium_footer p.OtherLink a {
	display: inline-block;
	color: #fff;
}
.Premium_footer p.OtherLink {
	padding: 4px 0 0px;
	font-size: 77.7%;
}
.Copyright {
	padding: 10px 10px 30px 10px;
}
.Copyright p {
	text-align: center;
	color: #C6C6C6;
	font-size: 11px;
}

@media screen and (min-width: 376px) {
	.RecommendCourse01,
	.RecommendCourse02,
	.PickupContentsWrap,
	.PreFaqList01 {
		width: 100%;
		padding: 0 20px;
	}
}
@media only screen and (min-width: 500px) {
	.RecommendCourse01,
	.RecommendCourse02,
	.PickupContentsWrap,
	.PreFaqList01 {
		padding: 0;
	}
}
@media only screen and (min-width: 1024px) {
	
}