@charset "utf-8";
/*
extra css name: css-template
for template: page
Author: wp.theme.builder.01
*/
/* ---------- カスタムプロパティ宣言 ---------- */
:root	{
	--site-width: 1000px;
	--site-width-padding: 40px;
	--scroll-bar-width: 17px;
	--site-width-media-query: 1057px;
	--semi-bold: 700;
	--extra-bold: 700;
	--bold: 700;
	--font-family-theme: ;
	--font-family-theme2: ;
	--color-default: #333;
	--color-theme: #5271ff;
	--color-theme2: #d4dcff;
	--color-theme3: #fff0f6;
	--color-theme3: #fff5f9;
	--color-theme-text: #2d429d;
	--color-white: #FFF;
	--color-red: #d93600;
	--color-red: #c73100;
	--color-red: #be2f00;
	--color-gray: #999;
	--color-light-gray: #EFEFEF;
	--bgcolor-theme:  #5271ff;
	--bgcolor-theme2: ;
	--bgcolor-gray: #999;
	--bgcolor-light-gray: #CCC;
	--bgcolor-extra-light-gray: #EFEFEF;
}
.noto-serif-jp-<uniquifier> {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
/* ---------- フォントファミリー ---------- */
html, button, input, select, textarea	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, "Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-family: "Noto Serif JP", serif;
}
.slug, .span-slug	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, sans-serif;
	font-family: 'Barlow', sans-serif;
}
.span-mincho	{
	font-family: "Yu Mincho", Yu Mincho, serif;
}
.font-family-theme	{
	font-family: var( --font-family-theme );
}
.font-family-theme2	{
	font-family: var( --font-family-theme2 );
}
/* ---------- ベースサイズ（rem % 指定） ---------- */
html	{
/* ---------- 
	font-size: 5.46875%;
	font-size: 6.25%;
 ---------- */
	font-size: 5.859375%;
}
body	{
	font-size: 16rem;
}
.sidebar	{
	font-size: 14rem;
}
@media (min-width: 769px)	{
	html	{
		font-size: 6.25%;
	}
}
/* ---------- 見出し ---------- */
.size-huge	{
	font-size: 28rem;
}
span.size-huge	{
	font-size: 200%;
}
h1, .size-h1	{
	font-size: 26rem;
}
h2, .size-h2	{
	font-size: 22rem;
}
h3, .size-h3	{
	font-size: 19rem;
}
h4, .size-h4	{
	font-size: 18rem;
}
h5, .size-h5	{
	font-size: 17rem;
}
h6, .size-h6	{
	font-size: 16rem;
}
@media (min-width: 769px)	{
	.size-huge	{
		font-size: 60rem;
	}
	h1, .size-h1	{
		font-size: 44rem;
	}
	h2, .size-h2	{
		font-size: 32rem;
	}
	h3, .size-h3	{
		font-size: 24rem;
	}
	h4, .size-h4	{
		font-size: 22rem;
	}
	h5, .size-h5	{
		font-size: 18rem;
	}
	h6, .size-h6	{
		font-size: 16rem;
	}
}
/* ---------- パートサイズ ---------- */
span.large	{
	font-size: 125%;
}
small, .small, span.notes, span.attention	{
	font-size: 12rem;
}
.breadcrumbs	{
	font-size: 12rem;
}
.page-type-title-container .page-type-title .slug	{
	font-size: 50%;
}
.loop-content p.date, .taglist	{
	font-size: 13rem;
}
.loop-content .entry-title	{
	font-size: 16rem;
}
.display-text .loop-content p.date, .display-text .loop-content .entry-title	{
	font-size: 16rem;
	line-height: 1.7;
}
.loop-content .archive-content	{
	font-size: 14rem;
}
.btn-m	{
	font-size: 14rem;
}
.btn-l	{
	font-size: 16rem;
}
.btn-xl	{
	font-size: 18rem;
}
.taglist-container .taglist	{
	font-size: 12rem;
}
.wp-tag-cloud li a	{
	font-size: 12rem !important;
}
.site-footer > *	{
	font-size: 14rem;
}
#footer-copy, #footer-lp	{
	font-size: 13rem;
	text-align: center;
}
/* ---------- フォントウェイト ---------- */
html	{
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6	{
	font-weight: var( --bold );
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
/* ---------- 
	font-weight: 400;
 ---------- */
}
.loop-content .entry-title	{
	font-weight: var( --semi-bold );
}
.page-type-title-slug	{
	font-weight: var( --semi-bold );
}
.font-weight-semi-bold	{
	font-weight: var( --semi-bold );
}
/* ---------- 行間 ---------- */
body	{
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6	{
	margin-top: 30px;
}
header h1, header h2, header h3, header h4, header h5, header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6	{
	margin-top: 0;
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-top: 0;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6	{
	margin-top: 0;
}
h1 + .size-huge, h1 + .size-h1, h1 + .size-h2, h1 + .size-h3, h1 + .size-h4, h1 + .size-h5, h1 + .size-h6, h2 + .size-huge, h2 + .size-h1, h2 + .size-h2, h2 + .size-h3, h2 + .size-h4, h2 + .size-h5, h2 + .size-h6, h3 + .size-huge, h3 + .size-h1, h3 + .size-h2, h3 + .size-h3, h3 + .size-h4, h3 + .size-h5, h3 + .size-h6, h4 + .size-huge, h4 + .size-h1, h4 + .size-h2, h4 + .size-h3, h4 + .size-h4, h4 + .size-h5, h4 + .size-h6, h5 + .size-huge, h5 + .size-h1, h5 + .size-h2, h5 + .size-h3, h5 + .size-h4, h5 + .size-h5, h5 + .size-h6, h6 + .size-huge, h6 + .size-h1, h6 + .size-h2, h6 + .size-h3, h6 + .size-h4, h6 + .size-h5, h6 + .size-h6, .size-huge + h1, .size-huge + h2, .size-huge + h3, .size-huge + h4, .size-huge + h5, .size-huge + h6, .size-h1 + h1, .size-h1 + h2, .size-h1 + h3, .size-h1 + h4, .size-h1 + h5, .size-h1 + h6, .size-h2 + h1, .size-h2 + h2, .size-h2 + h3, .size-h2 + h4, .size-h2 + h5, .size-h2 + h6, .size-h3 + h1, .size-h3 + h2, .size-h3 + h3, .size-h3 + h4, .size-h3 + h5, .size-h3 + h6, .size-h4 + h1, .size-h4 + h2, .size-h4 + h3, .size-h4 + h4, .size-h4 + h5, .size-h4 + h6, .size-h5 + h1, .size-h5 + h2, .size-h5 + h3, .size-h5 + h4, .size-h5 + h5, .size-h5 + h6, .size-h6 + h1, .size-h6 + h2, .size-h6 + h3, .size-h6 + h4, .size-h6 + h5, .size-h6 + h6, .size-huge + .size-huge, .size-huge + .size-h1, .size-huge + .size-h2, .size-huge + .size-h3, .size-huge + .size-h4, .size-huge + .size-h5, .size-huge + .size-h6, .size-1 + .size-huge, .size-1 + .size-h1, .size-1 + .size-h2, .size-1 + .size-h3, .size-1 + .size-h4, .size-1 + .size-h5, .size-1 + .size-h6, .size-2 + .size-huge, .size-2 + .size-h1, .size-2 + .size-h2, .size-2 + .size-h3, .size-2 + .size-h4, .size-2 + .size-h5, .size-2 + .size-h6, .size-3 + .size-huge, .size-3 + .size-h1, .size-3 + .size-h2, .size-3 + .size-h3, .size-3 + .size-h4, .size-3 + .size-h5, .size-3 + .size-h6, .size-4 + .size-huge, .size-4 + .size-h1, .size-4 + .size-h2, .size-4 + .size-h3, .size-4 + .size-h4, .size-4 + .size-h5, .size-4 + .size-h6, .size-5 + .size-huge, .size-5 + .size-h1, .size-5 + .size-h2, .size-5 + .size-h3, .size-5 + .size-h4, .size-5 + .size-h5, .size-5 + .size-h6, .size-6 + .size-huge, .size-6 + .size-h1, .size-6 + .size-h2, .size-6 + .size-h3, .size-6 + .size-h4, .size-6 + .size-h5, .size-6 + .size-h6	{
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6, .size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-bottom: 8px;
}
p, ul, ol, dl, blockquote, table	{
	line-height: 2;
}
p	{
	margin: 0;
}
ul, ol, dl, blockquote, table	{
	margin: 0.5em 0 0.5em 0;
}
.loop-content .archive-content, .loop-content .archive-content p	{
	line-height: 1.5;
}
.taglist a, .wp-tag-cloud li	{
	margin: 0 0.5em 0.5em 0;
}
.loop-content .archive-content p	{
	margin-bottom: 0;
}
/* ---------- 先頭画像後 余白調整
p:first-child + h1, p:first-child + h2, p:first-child + h3, p:first-child + h4, p:first-child + h5, p:first-child + h6	{
	margin-top: 0;
	margin-bottom: 5px;
}
 ---------- */
/* ---------- 表示／非表示 ---------- */
.page-type-title-icon	{
	display: none;
}
.banner-text .parent-title + .self-title	{
/* ---------- 
	display: none;
 ---------- */
}
.page-child .parent-title	{
	display: none;
}
.banner-text .parent-slug + .self-slug	{
/* ---------- 
	display: none;
 ---------- */
}
.page-child .parent-slug	{
	display: none;
}
body:not( .attachment ) .banner-text .archive-label	{
	display: none;
}
.page-type-title-container .parent-title	{
	display: none;
}
.page-type-title-container .parent-slug	{
	display: none;
}
.page-posttype .page-type-title-container .posttype-label	{
	display: none;
}
.page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: '：';
}
.single .page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: none;
}
.page-posttype-top .page-type-title-container .posttype-label, .page-posttype-single .page-type-title-container .posttype-label	{
	display: inline;
}
/* ---------- カラー ---------- */
body, body a, .color-default	{
	color: var( --color-default );
}
.color-theme	{
	color: var( --color-theme );
}
.color-theme2	{
	color: var( --color-theme2 );
}
.color-theme3	{
	color: var( --color-theme3 );
}
.color-theme4	{
	color: var( --color-theme4 );
}
.color-theme-text	{
	color: var( --color-theme-text );
}
.color-red	{
	color: var( --color-red );
}
.color-white	{
	color: var( --color-white );
}
.bgcolor-theme	{
	color: #FFF;
	background-color: var( --bgcolor-theme );
}
.bgcolor-theme2	{
	background-color: var( --bgcolor-theme2 );
}
.color-in-bgcolor, .color-in-bgcolor a	{
	color: #FFF;
}
.color-in-bgcolor a	{
	text-decoration: underline;
}
.rounded-corners > img	{
	border-radius: 1em;
}
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
/* ---------- タグリスト ---------- */
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
.taglist-container .taglist a	{
	padding: 0.5em 0.75em;
	background-color: rgba(204, 204, 204, 0.2);
	background-color: var( --color-light-gray );
	border: none;
	border-radius: 0.5em;
}
.taglist-container .taglist a.current	{
	color: #FFF;
	background-color: var( --color-gray );
}
/* ---------- タグリストアイコン ---------- */
.taglist a:before	{
	font-family: dashicons;
	content: "\f464";
	margin-right: 0.2em;
}
.taglist a.term-all:before	{
	content: "\f480";
}
.taglist .tax-order-1 a:before	{
	content: "\f318";
}
.taglist .tax-order-2 a:before	{
	content: "\f323";
}
/* ---------- タグリスト（ショートコード） ---------- */
.taglist-container .taglist a, .wp-tag-cloud li a	{
	line-height: 1;
	padding: 0.5em;
	background-color: #FFF;
	border: solid 1px #EEE;	
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	border-radius: 0.2em;
}
.taglist-post-terms .taglist-tax + .taglist-tax	{
	margin-left: 0.5em;
}
/* ---------- Q&A ---------- */
.article-qa .entry-title:before, .article-qa .accordion-content .archive-content:before	{
	font-size: 16rem;
	color: #FFF;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	border-radius: 9999px;
}
.article-qa .entry-title:before	{
	content: 'Q';
	background-color: #D90000;
}
.article-qa .accordion-content .archive-content	{
	font-size: 16rem;
	padding-left: 2.5em;
	position: relative;
}
.article-qa .accordion-content .archive-content:before	{
	content: 'A';
	background-color: #006DD9;
	position: absolute;
	top: 0.2em;
	left: 0;
}
/* ---------- 表 ---------- */
table.table-plain th	{
	font-weight: var( --semi-bold );
	text-align: left;
}
/* ---------- 追加ルール ---------- */
h1.h-margin-bottom-0, h2.h-margin-bottom-0, h3.h-margin-bottom-0	{
	margin-bottom: 0;
}
.bg-ptn-1	{
	background: linear-gradient( 150deg, #ffd3e4 0%, #fff0f6 100% ) !important;
	background: linear-gradient( 150deg, #ffcade 0%, #fff0f6 100% ) !important;
	background: linear-gradient( 150deg, #fff0f6 0%, #fff0f6 100% ) !important;
	background: linear-gradient( 150deg, #fff5f9 0%, #fff0f6 100% ) !important;
}
.bg-ptn-2	{
/* ---------- 
	background: linear-gradient( 150deg, #2d439d 0%, #2d439dde 60%, #2d439d 100% ) !important;
	background: linear-gradient( 150deg, #2d439d 0%, #2d439d 10%, #2d439dde 15%, #2d439dde 20%, #2d439d 25%, #2d439d 70%, #2d439dde 75%, #2d439dde 85%, #2d439d 90%, #2d439d 100% ) !important;
 ---------- */
	background-repeat: repeat;
	background-size: auto;
}
.bg-ptn-3	{
	background: linear-gradient( 150deg, #2d439d 0%, #2d439dde 60%, #2d439d 100% ) !important;
	background: linear-gradient( 150deg, #2d439d 0%, #2d439d 10%, #2d439dde 15%, #2d439dde 20%, #2d439d 25%, #2d439d 70%, #2d439dde 75%, #2d439dde 85%, #2d439d 90%, #2d439d 100% ) !important;
	background-repeat: repeat;
	background-size: auto;
}
.btn a, a.block-link .btn	{
	color: #FFF;
	font-weight: 500;
	background-color: var( --color-theme );
	background: linear-gradient( 110deg, var( --color-theme-text ) 0%, var( --color-theme-text ) 20%, #ecefff 85%, var( --color-theme ) 100% ) !important;
	background: linear-gradient( 135deg, var( --color-theme-text ) 0%, var( --color-theme-text ) 50%, #bec9ff 75%, var( --color-theme ) 100% ) !important;
	background: linear-gradient( 135deg, #2d439d 0%, #2d439d 75%, #2d439da6 85%, #2d439d 95%, #2d439d 100% ) !important;
	border-radius: 9999px;
	text-shadow: 0 0 4px rgba( 0, 0, 0, 50% );
	text-shadow: 0 0 4px var( --color-theme-text );
}
.accordion-container label {
	background-color: var(--color-theme3);
}
.section-theme	{
	display: table;
	padding: 1em 2em;
	margin-right: auto;
	margin-left :auto;
	background-color: #FFF;
	border: solid 1px var( --color-theme );
	border-radius: 1em;
}
.section-theme2	{
	color: #FFF;
	display: table;
	padding: 1em 2em;
	margin-right: auto;
	margin-left :auto;
	background-color: var( --color-theme );
	border: solid 1px #FFF;
	border-radius: 1em;
}
.section-theme3	{
	display: table;
	padding: 1em 2em;
	margin-right: auto;
	margin-left :auto;
	border: solid 1px #FFF;
	border-radius: 1em;
}
.section-theme3	{
	display: table;
	padding: 1em 2em;
	margin-right: auto;
	margin-left :auto;
	border: solid 1px #FFF;
	border-radius: 1em;
}
.section-bgcolor-theme	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --bgcolor-theme );
}
.margin-top-1em	{
	margin-top: 1em;
}
.margin-top-2em	{
	margin-top: 2em;
}
.margin-top-row-0	{
	margin-top: 0;
}
.margin-top-row-1	{
	margin-top: 16rem;
}
.margin-bottom-row-0	{
	margin-bottom: 0;
}
.margin-bottom-row-1	{
	margin-bottom: 16rem;
}
.line-marker {
	background: linear-gradient(transparent 70%, rgb(255 255 0 / 77%) 70%);
}
.content-bg-white .fc-child	{
	padding: 1em;
	background-color: #FFF;
	border-radius: 1em;
}
.row-bg-white .flex-container	{
	background-color: #FFF;
	border-radius: 1em;
}
.content-have-border .fc-child	{
	padding: 1em;
	margin-bottom: 5px;
	border: solid 2px var( --color-theme2 );
	border-radius: 1em;
	box-shadow: 1px 1px 4px 0px #CCC;
}
.fc-thumbset.have-bg .fc-thumbset-row-container	{
	background-color: #FFF;
	border: solid 4px #FFF;
}
.border-side-full:before, .border-side-full:after, .border-side-l-full:before, .border-side-r-full:after	{
	background-color: var( --color-theme-text );
}
.fc-accordionset-main .accordion-container .accordion-content {
	background-color: rgba( 204, 204, 204, 0.3 );
}
@media (max-width: 768px)	{
	.fc-thumbset.have-bg .fc-thumbset-row	{
		align-items: flex-start;
		padding: 1em;
	}
}
@media (min-width: 769px)	{
	.fc-thumbset.have-bg .fc-thumbset-row-container .have-thumbnail	{
		padding-right: 4%;
	}
}
.fc-thumbset-thumbnail-content	{
	font-size: 18rem;
	font-weight: 700;
	color: #FFF;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 33%);
}
.circle-image img	{
	border-radius: 100%;
/* ---------- 
	border: solid 1px #FFF;
 ---------- */
	box-shadow: 1px 1px 4px 0px #CCC;
}
.fc-thumbset.content-have-border .fc-thumbset-row	{
	padding: 1em;
	margin-bottom: 5px;
/* ---------- 
	border: solid 2px var( --color-theme2 );
	border: solid 2px var( --color-theme-text );
 ---------- */
	box-shadow: 1px 1px 4px 1px #ddd;
}
.fc-grid-have-border .fc-grid	{
	padding: 1em;
	border: solid 1px var( --color-theme-text );
}
@media (max-width: 768px)	{
	.fc-thumbset.content-have-border .fc-thumbset-row	{
		align-items: flex-start;
	}
}
@media (min-width: 769px)	{
	.row-bg-white .fc-lrset-right img	{
		border-radius: 1em 0 0 1em;
	}
	.fc-thumbset-thumbnail-content	{
		font-size: 100rem;
	}
	.fc-thumbset.content-have-border .fc-thumbset-row .fc-thumbset-content	{
		padding-right: 2em;
	}
}
/* ---------- ナビゲーション ---------- */
#navbar	{

}
.sub-menu.active	{
	display: block;
}
/* ---------- ハンバーガー ---------- */
#widget-header-logo-s img	{
	width: 40px;
}
/* ---------- ハンバーガーアイコン ---------- */
#site-navigation-s .menu-toggle, #site-navigation-s #hamburger-nav-toggle	{
	background-color: var( --color-theme );
	background-color: #FFF;
	background-image: url( ../images/icon-ham-white.png );
	background-image: url( ../images/ask-royal-lp/icon-ham.png );
}
#site-navigation-s #hamburger-nav-toggle.open	{
	background-color: var( --color-theme );
	background-color: #FFF;
	background-image: url( ../images/icon-ham-white-x.png );
	background-image: url( ../images/ask-royal-lp/icon-ham-x.png );
}
/* ---------- ヘッダー ---------- */
h1.page-type-title, .page-type-title-slug	{
	color: var(--color-white);
	text-shadow: 2px 2px 8px #666;
}
h1.page-type-title, .page-type-title-slug	{
	text-transform: capitalize;
}
@media (min-width: 769px)	{
	h1.page-type-title	{
		font-size: 32rem;
	}
}
/* ---------- totop ---------- */
#page-top a	{
	background-image: url( ../images/totop.png );
	background-image: url( ../images/ask-royal-lp/totop.png );
}
/* ---------- フッター ---------- */
@media (min-width: 769px)	{
	#footer-navigation.footer-nav-multi-item .inner	{
		justify-content: flex-end;
	}
	#footer-navigation #footer-menu	{
		margin-left: auto;
	}
	#footer-navigation #footer-menu + aside	{
		margin-left: 4em;
	}
	.footer-nav .menu > li > a:before	{
		content: none;
	}
	.footer-nav .sub-menu	{
		display: block !important;
		margin-left: 0;
	}
/* ---------- 段組み
	.footer-nav .menu	{
		display: block;
	}
	.footer-nav #menu-footer	{
		column-count: 2;
		column-gap: 4em;
	}
	.footer-nav .menu > li + li	{
		margin-left: 0;
	}
	.break-inside-avoid	{
		break-inside: avoid;
		display: flex;
	}
	.break-inside-avoid .sub-menu	{
		font-size: 13rem;
		margin-left: 1em;
	}
 ---------- */
}
/* ---------- タイムマネジメント手帳術ビギナー講座 ---------- */
.lp-2024-06 #content h1, .lp-2024-06 #content h2	{
	color: var( --color-theme-text );
}
.lp-2024-06 #content h1 .small, .lp-2024-06 #content h2 .small	{
	font-size: 75%;
}
@media (min-width: 769px) {
	.lp-2024-06 .header-logo-lp .site-width	{
		width: var( --site-width );
	}
}
.lp-2024-06 #header-container + .site-main	{
/* ---------- 
	padding-top: 0;
 ---------- */
}
.lp-cta .container-child	{
	padding: 2em;
	background-color: #FFF;
	background-color: rgb( 255 255 255 / 85% );
	border-radius: 1em;
	box-shadow: 1px 1px 4px 1px #DDD;
}
.lp-cta .container-child .btn	{
	margin-top: 0.5em;
}
@media (min-width: 769px)	{
	.lp-cta .container-child{
		max-width: 75%;
		margin-right: auto;
		margin-left: auto;
	}
}
/* ---------- ロゴ ---------- */
.logo-wrap	{
	display: flex;
	align-items: center;
}
.banner-text .logo-wrap	{
/* ---------- 
	justify-content: flex-end;
 ---------- */
	text-shadow: none;
	color: var( --color-theme );
}
.logo-wrap img	{
	width: 36px;
}
.banner-text .logo-wrap .logo-text	{
	color: var( --color-theme );
}
#lp-ba .banner-text .logo-wrap, #lp-bm .banner-text .logo-wrap	{
	text-shadow: 2px 2px 8px #666;
}
#lp-ba .banner-text .logo-wrap .logo-text, #lp-bm .banner-text .logo-wrap .logo-text	{
	color: var( --color-white );
}
.logo-wrap .logo-text	{
	font-size: 12rem;
	font-weight: bold;
	line-height: 1.2;
	margin-left: 5px;
}
/* ---------- バナー ---------- */
.banner-absolute:before	{
	padding-top: 100%;
}
.lp-2024-06 .banner-text	{
	text-shadow: 0px 0px 5px rgb(0 0 0 / 33%);
	text-shadow: 2px 2px 8px #666;
	justify-content: flex-end;
	align-items: flex-start;
	padding-bottom: 4em;
}
.lp-2024-06 .optionblock-before h2	{
	color: var( --color-theme-text );
}
.lp-2024-06 .bg-ptn-2 .optionblock-before h2, .lp-2024-06 .bg-ptn-2 .optionblock-after, .lp-2024-06 .bg-ptn-3 .optionblock-before h2, .lp-2024-06 .bg-ptn-3 .optionblock-after	{
	color: #FFF;
	text-shadow: 0 0 4px rgba( 0, 0, 0, 50% );
	text-shadow: 0 0 2px var( --color-theme-text );
}
/* ---------- 
.lp-2024-06 .optionblock-before h2::before	{
	content: "－ ";
	content: "〜 ";
	content: "【";
}
.lp-2024-06 .optionblock-before h2::after	{
	content: " －";
	content: " 〜";
	content: "】";
}
 ---------- */
.row-bg-white .fc-lrset-left	{
	padding: 1em;
}
@media (max-width: 768px)	{
	.row-bg-white .fc-lrset-left + .fc-lrset-right	{
		margin-top: 0;
	}
}
@media (min-width: 769px)	{
	.row-bg-white .fc-lrset-left	{
		padding: 1.75em;
	}
}
#lp-tm-beg-sug .block-baloon-bottom	{
	padding: 1.5em;
	margin-bottom: 2em;
	background-color: #fff;
	border: 3px solid #aaa;
	border: 3px solid var( --color-red );
	border: 3px solid #CCC;
	border-radius: 2em;
}
#lp-tm-beg-sug .block-baloon-bottom:before, #lp-tm-beg-sug .block-baloon-bottom:after	{
	left: 30%;
}
#lp-tm-beg-sug .block-baloon-bottom:before	{
	border-top: 1.5em solid #CCC;
}
#lp-tm-beg-sug .block-baloon-bottom:after	{
	border-top: 1.5em solid #fff;
}
#lp-tm-beg-sol	{
	color: #FFF;
}
#lp-tm-beg-selfy .fc-lrset-right strong	{
	color: var( --color-red );
}
@media (max-width: 768px)	{
	#lp-tm-beg-sug	{
		padding-bottom: 4em;
	}
}
@media (min-width: 769px)	{
	#lp-tm-beg-selfy .fc-lrset-left	{
		font-size: 14rem;
	}
}
#lp-tm-beg-materials .loop-content	{
	
}
#lp-tm-beg-reco .fc-grid-content	{
	border-radius: 1em;
}
#lp-tm-beg-reco .loop-content > *	{
	padding: 0.5em;
	background-color: var( --color-theme3 );
	border-radius: 0.5em;
}
@media (max-width: 768px)	{
	#lp-tm-beg-reco .fc-grid-content	{
		min-height: 16em;
	}
}
blockquote, blockquote.blockquote-theme {
	border-left-width: 1px;
	border-radius: 0.5em;
}
#lp-tm-beg-voice .container-child	{
	padding: 1.5em 1em;
	margin-bottom: 5px;
	background-image: url( ../images/quoted-before.png ), url( ../images/quoted-after.png );
	background-repeat: no-repeat;
	background-position: left 10px top 10px, right 10px bottom 10px;
	background-size: 1em;
	background-color: var( --color-theme3 );
	border-radius: 0.5em;
	box-shadow: 1px 1px 4px 0px #DDD;
}
@media (min-width: 769px)	{
	.banner-absolute	{
		height: 600px;
		background-position: center top;
	}
	.banner-absolute:before	{
		padding-top: 0;
	}
	#lp-tm-beg-reco .fc-grid	{
		height: 300px;
	}
	blockquote, blockquote.blockquote-theme {
	}
	#lp-tm-beg-content .optionblock-after ul	{
		width: 500px;
		margin-right: auto;
		margin-left: auto;
	}
}
.lp-2024-06 .site-footer .logo-wrap, .lp-bm .site-footer .logo-wrap	{
	justify-content: center;
}
/* ---------- 方眼ノート ---------- */
.lrset-left-padding-right .fc-lrset-left	{
	padding-right: 1em;
}
@media (min-width: 769px)	{
	.lrset-left-padding-right .fc-lrset-left	{
		padding-right: 1em;
	}
}
/* ---------- フォーム ---------- */
h3 .large	{
	font-size: 150%;
}
.grid-bordered .fc-grid-content, .grid-bordered .optionblock-after .inner	{
	padding: 1em 1.5em;
	border: solid 1px var( --color-theme2 );
}
.grid-bordered .optionblock-after .inner	{
	padding: 1.5em;
}
dt .p-vertical	{
	display: flex;
	flex-direction: column;
	align-items: center;
}