@charset 'UTF-8';

/*

    common

*/
/*  .columns  */
/* 通常（3:7） */
.columns {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	gap: 15px;
	margin: 0 0 15px 0;
}
@media screen and (min-width: 768px) {
	.columns {
		flex-direction: row;
		gap: 30px;
		margin: 0 0 30px 0;
	}
	.columns .column:nth-of-type(1) {
		flex: 0 0 calc((100% - 30px) * 3 / 10);
	}
	.columns .column:nth-of-type(2) {
		flex: 0 0 calc((100% - 30px) * 7 / 10);
	}
	.columns .column > *:first-child {
		margin-top: 0 !important;
	}
	.columns .column > *:last-child {
		margin-bottom: 0 !important;
	}
}
/* 均等（1:1） */
@media screen and (min-width: 768px) {
	.columns.justify .column {
		flex: 1;
	}
}
/* gap無し */
.columns.no-gap {
	gap: 0;
}
.columns.no-gap .column img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 高さstretch */
@media screen and (min-width: 768px) {
	.columns.stretch {
		align-items: stretch;
	}
	.columns.stretch .column {
		display: flex;
		flex-direction: column;
	}
	.columns.stretch .column > * {
		flex-grow: 1;
	}
}

/*  ul.check  */
ul.check {
	list-style: none;
	text-align: left;
}
ul.check li {
	position: relative;
	margin: 0;
	padding: 0 0 0 1.5em;
	box-sizing: border-box;
}
ul.check li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\e5ca";
	display: block;
	font-family: 'Material Symbols Outlined';
	font-size: 1em;
}

/*  smoothscroll  */
html {
	scroll-padding-top: 60px;
	scroll-behavior: smooth;
}

/*  .anchor  */
:has(> .anchor) {
	position: relative;
}
.anchor {
	position: absolute;
	right: 0;
	bottom: -1.5em;
	left: 0;
	display: block;
	text-align: center;
	line-height: 1;
}
.anchor:after {
	content: "\f181";
	display: inline-block;
	border-radius: 50%;
	background-color: #ffffff;
	font-family: 'Material Symbols Outlined';
	font-size: 3em;
	line-height: 1;
	font-variation-settings: 'FILL' 1;
}

/*  .btn  */
.btn {
	display: inline-block;
	padding: 0.5em 2em;
	border-radius: 9999px;
	border: 2px solid #191970;
	font-weight: bold;
	color: #191970 !important;
	text-align: center;
}
.btn:hover {
	background-color: #191970;
	color: #ffffff !important;
}




/*

    #flora-inspection

*/
/*  text  */
#flora-inspection #c_content #c_main section *:not(.material-symbols-outlined) {
	font-family: sans-serif;
	color: #333333;
}
#flora-inspection #c_content #c_main section h2 {
	margin: 2em 0 1em;
	padding: 0;
	border: none;
	background-color: transparent;
	font-size: 1.5em;
	font-weight: bold;
}
#flora-inspection #c_content #c_main section h2:before {
	content: none;
}
#flora-inspection #c_content #c_main section h3 {
	margin: 1em 0;
	font-size: 1.25em;
}
#flora-inspection #c_content #c_main section h4 {
	margin: 1em 0;
	font-size: 1em;
}
#flora-inspection #c_content #c_main section p strong.lead {
	display: block;
	margin: 0 0 0.5em 0;
	font-size: 1.25em;
	font-weight: bold;
}
#flora-inspection #c_content #c_main section em {
	background: linear-gradient(transparent 50%, #ffff66 50%);
	font-style: normal;
}
#flora-inspection #c_content #c_main section small {
	font-size: 0.75em;
}
#flora-inspection #c_content #c_main section .title,
#flora-inspection #c_content #c_main section .price {
	display: block;
	font-weight: bold;
	text-align: center;
}
#flora-inspection #c_content #c_main section .title strong {
	display: block;
	margin: 0.5em 0;
	font-size: 1.25em;
}
#flora-inspection #c_content #c_main section .title strong small {
	display: block;
}
#flora-inspection #c_content #c_main section .label {
	display: block;
	margin: 1em 0;
	padding: 0.5em 1em;
	border-radius: 9999px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

/*  img  */
#flora-inspection #c_content #c_main section img {
	border-radius: 10px;
}

/*  a  */
#flora-inspection #c_content #c_main section a {
	text-decoration: none;
	opacity: 1;
}

/*  table  */
#flora-inspection #c_content #c_main section table {
	table-layout: fixed;
	width: 100%;
}
#flora-inspection #c_content #c_main section table tr th,
#flora-inspection #c_content #c_main section table tr td {
	text-align: center;
}
#flora-inspection #c_content #c_main section table tr th:nth-of-type(2) {
	background-color: rgba(255,147,30,0.25);
}
#flora-inspection #c_content #c_main section table tr td:nth-of-type(1) {
	background-color: rgba(255,147,30,0.1);
}
#flora-inspection #c_content #c_main section table tr th:nth-of-type(3) {
	background-color: rgba(63,169,245,0.25);
}
#flora-inspection #c_content #c_main section table tr td:nth-of-type(2) {
	background-color: rgba(63,169,245,0.1);
}

/*  .mkp  */
#flora-inspection #c_content #c_main section .mkp {
	margin: 2em 0;
	padding: 2em;
	border-radius: 10px;
	border: 3px solid #ff931e;
	background-color: rgba(255,147,30,0.1);
	box-sizing: border-box;
}
#flora-inspection #c_content #c_main section .mkp h2 {
	margin: 0 0 1em 0;
}
#flora-inspection #c_content #c_main section .mkp h2:before {
	content: "A";
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0 10px 0 0;
	border-radius: 50%;
	background-color: #ff931e;
	font-family: sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 45px;
}
#flora-inspection #c_content #c_main section .mkp .title {
	color: #ff931e;
}
#flora-inspection #c_content #c_main section .mkp .label {
	background-color: #ff931e;
}
#flora-inspection #c_content #c_main section .mkp ul.check li:before {
	color: #ff931e;
}
/*
#flora-inspection #c_content #c_main section .mkp .anchor:after {
	color: #ff931e;
}
*/
#flora-inspection #c_content #c_main section .mkp .anchor:after {
	content: "A";
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #ff931e;
	font-family: sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 45px;
}

/*  .mbm  */
#flora-inspection #c_content #c_main section .mbm {
	margin: 2em 0;
	padding: 2em;
	border-radius: 10px;
	border: 3px solid #3fa9f5;
	background-color: rgba(63,169,245,0.1);
	box-sizing: border-box;
}
#flora-inspection #c_content #c_main section .mbm h2 {
	margin: 0 0 1em 0;
}
#flora-inspection #c_content #c_main section .mbm h2:before {
	content: "B";
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0 10px 0 0;
	border-radius: 50%;
	background-color: #3fa9f5;
	font-family: sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 45px;
}
#flora-inspection #c_content #c_main section .mbm .title {
	color: #3fa9f5;
}
#flora-inspection #c_content #c_main section .mbm .label {
	background-color: #3fa9f5;
}
#flora-inspection #c_content #c_main section .mbm ul.check li:before {
	color: #3fa9f5;
}
/*
#flora-inspection #c_content #c_main section .mbm .anchor:after {
	color: #3fa9f5;
}
*/
#flora-inspection #c_content #c_main section .mbm .anchor:after {
	content: "B";
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #3fa9f5;
	font-family: sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 45px;
}

/*  .campaign  */
#flora-inspection #c_content #c_main section .campaign {
	position: relative;
	display: block;
	margin: 0 0 1em 0;
	padding: 1em;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #FF6565;
	color: #FFFFFF;
	box-sizing: border-box;
}
#flora-inspection #c_content #c_main section .campaign:after {
	position: absolute;
	right: 0;
	bottom: -0.5em;
	left: 0;
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	margin: auto;
	background-color: #FF6565;
	transform: rotate(45deg);
}
#flora-inspection #c_content #c_main section .campaign span {
	font-size: 1.5em;
	color: #FFFF00;
}
@media screen and (min-width: 1020px) {
	#flora-inspection #c_content #c_main section *:has(.campaign) {
		position: relative;
	}
	#flora-inspection #c_content #c_main section .campaign {
		position: absolute;
		top: -7em;
		left: 50%;
		transform: translateX(-50%);
		width: max-content;
		white-space: nowrap;
	}
}

/*  .faq  */
#flora-inspection #c_content #c_main section ul.faq {
	list-style: none;
}
#flora-inspection #c_content #c_main section ul.faq > li {
	margin: 0;
	padding: 1em 0;
	box-sizing: border-box;
}
#flora-inspection #c_content #c_main section ul.faq > li + li {
	border-top: 1px dotted #191970;
}
#flora-inspection #c_content #c_main section ul.faq > li div.q {
	position: relative;
	padding: 0 0 0 2em;
	font-weight: bold;
	box-sizing: border-box;
	cursor: pointer;
}
#flora-inspection #c_content #c_main section ul.faq > li div.q:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "Q.";
	margin: 0 0 1em 0;
	color: #191970;
}
#flora-inspection #c_content #c_main section ul.faq > li div.a {
	position: relative;
	padding: 0 0 0 2em;
	box-sizing: border-box;
}
#flora-inspection #c_content #c_main section ul.faq > li div.a:before {
	position: absolute;
	top: 1em;
	left: 0;
	content: "A.";
	font-weight: bold;
	color: #191970;
}
#flora-inspection #c_content #c_main section ul.faq > li div.a span {
	display: block;
	padding: 1em 0 0 0;
	box-sizing: border-box;
}

/*  ol.number  */
#flora-inspection #c_content #c_main section ol.number {
	list-style: none;
}
#flora-inspection #c_content #c_main section ol.number > li {
	position: relative;
	margin: 1em 0;
	padding: 1em 1em 1em 3em;
	box-sizing: border-box;
}
#flora-inspection #c_content #c_main section ol.number > li::before {
	position: absolute;
	top: 0.75em;
	left: 0;
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	background-color: #191970;
	border-radius: 9999px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 2em;
}
#flora-inspection #c_content #c_main section ol.number > li:nth-of-type(1)::before { content: "1"; }
#flora-inspection #c_content #c_main section ol.number > li:nth-of-type(2)::before { content: "2"; }
#flora-inspection #c_content #c_main section ol.number > li:nth-of-type(3)::before { content: "3"; }
#flora-inspection #c_content #c_main section ol.number > li:nth-of-type(4)::before { content: "4"; }
#flora-inspection #c_content #c_main section ol.number > li:nth-of-type(5)::before { content: "5"; }
#flora-inspection #c_content #c_main section ol.number > li >h3 {
	margin-top: 0;
	color: #191970;
}