
html,body
{
	/*
	font-family: 'Playfair Display', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Kiwi Maru','UD Digi Kyokasho NP-R','Tsukushi A Round Gothic','Hiragino Kaku Gothic ProN',serif;
	font-family: 'Noto Sans Japanese', sans-serif;
	
	font-family: source-han-sans-japanese, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	*/
	font-family: "YakuHanJPs", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "BIZ UDPGothic", "Meiryo", sans-serif;
    color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-size: 96%;
	background: #fff;
	margin: 0;
}

/*縦スペース各種*/
.tinyBetween{height: 1px;}
.smallBetween{height: 5px;}
.mediumBetween{height: 15px;}
.largeBetween{height: 50px;}
.extraBetween{height: 70px;}
.superBetween{height: 100px;}
.extraBetween{height: 200px;}

.wrap
{
	margin-left: 150px;
}

.newwrap
{
	margin: 0;
}
.divline
{
	width:98%;
	margin-left: auto;
	margin-right: auto;
	height:1px;
	border-top:solid 1px #dadada;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

.linecolor
{
	color: #00B900;
	font-weight: 650;
}

.linegreen
{
	/*color: #00B900;*/
	font-weight: 600;
}
.officeblue
{
	color: #0066cc;
	font-weight: 600;
}

.yellow
{
	background: linear-gradient(transparent 60%, #f6ff5f 60%);
}

.redcaution
{
	color: #ff0000;
	font-size: 92%;
	font-weight: normal;
}
.greycaution
{
	font-size: 92%;
	font-weight: normal;
	color: #787381;
}

/*-------------------------------------------------------------------------------------------*/

.headerpart
{
	padding: 10px 10px 10px 20px;
}

.headertable
{
	border-collapse: collapse;
	font-size: 94%;
}
.headertable td
{
	padding: 2px 10px 3px 3px;
}
.headertable td a
{
	color: #000;
}

.footerpart
{
	padding: 10px 10px 10px 20px;
}
.footertable
{
	border-collapse: collapse;
	font-size: 92%;
}
.footertable td
{
	padding: 2px 10px 3px 3px;
}
.footertable td a
{
	color: #000;
}

/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
.topupper
{
	margin-left: 50px;
}

.sectiontitle
{
	width: 70%;
	white-space: nowrap;
	font-size: 280%;
	font-weight: 600;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

h1
{
	font-size: 260%;
	font-weight: 600;
	margin: 0;
}
h2
{
	font-size: 140%;
	font-weight: 600;
	margin: 0;
}
h3
{
	font-size: 220%;
	font-weight: 600;
	margin: 10px 0 7px 0;
}
/*-------------------------------------------------------------------------------------------*/

.featuretable
{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	/*font-family: "Zen Maru Gothic", serif;*/
}
.featuretable th
{
	width: 50px;
	border: none;
}
.featuretable td div
{
	width: 290px;
	height: 230px;
	border: solid 1px #dcdcdc;
	border-radius: 12px;
	text-align: center;
	padding: 20px;
}

.featuretable td div p
{
	font-size: 120%;
}

/*-------------------------------------------------------------------------------------------*/

.steptable
{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	font-family: "Zen Maru Gothic", serif;
}
.steptable th
{
	width: 50px;
	border: none;
}
.steptable td div
{
	width: 260px;
	height: 240px;
	border: solid 1px #dcdcdc;
	border-radius: 12px;
	text-align: center;
	padding: 20px;
	background: #f5f4f4;
}
.steptable td div p
{
	font-size: 120%;
}

/*-------------------------------------------------------------------------------------------*/
.pricesection
{
	width 100%;
	background: #fff;
}

/*-------------------------------------------------------------------------------------------*/
.pricetable
{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	/*font-family: "Zen Maru Gothic", serif;*/
}
.pricetable th
{
	width: 50px;
	height: 50px;
	border: none;
}
.pricetable td div
{
	width: 250px;
	height: 230px;
	border: solid 1px #dcdcdc;
	border-radius: 12px;
	text-align: center;
	padding: 10px;
	background: #fcfcfc;
}
.pricetable td div p
{
	margin: 0;
	color: #666;
}

/*-------------------------------------------------------------------------------------------*/
.worrydiv
{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: solid 1px #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 4px #e0e0e0;
	background: #fff;
}

.worrytable1
{
	width: 100%;
	border-collapse: collapse;
	/*font-family: "Zen Maru Gothic", serif;*/
}
.worrytable1 th
{
	width: 100%;
	font-weight: normal;
}
.worrytable1 td
{
	width: 60px;
	text-align: center;
	padding: 5px;
}
.worrytable1 th div
{
	width: -moz-fit-content;
	width: fit-content;
	font-size: 150%;
	white-space: nowrap;
	border: solid 1px #f9f9f9;
	border-radius: 18px;
	background: #f9f9f9;
	text-align: center;
	padding: 15px;
}

.worrytable2
{
	width: 100%;
	border-collapse: collapse;
	/*font-family: "Zen Maru Gothic", serif;*/
}
.worrytable2 th
{
	width: 100%;
	font-weight: normal;
}
.worrytable2 td
{
	width: 60px;
	text-align: center;
	padding: 5px;
}

.worrytable2 th div
{
	width: -moz-fit-content;
	width: fit-content;
	font-size: 150%;
	margin-left: auto;
	margin-right: 0;
	white-space: nowrap;
	border: solid 1px #f9f9f9;
	border-radius: 18px;
	background: #f9f9f9;
	text-align: center;
	padding: 15px;
}

/*-------------------------------------------------------------------------------------------*/
.divtitle
{
	border-collapse:collapse;
	margin-bottom:4px;
}
.divtitle th
{
	text-align:left;
	color:#000;
	font-size:125%;
	font-weight:normal;
}
.divtitle td
{
	text-align:left;
	color:#000;
	font-size:135%;
	font-weight:650;
	border-bottom:solid 0px #e6e6e6;
	white-space:nowrap;
	padding-bottom:1px;
}

/*-------------------------------------------------------------------------------------------*/
.lowertable
{
	border-collapse:collapse;
}

.lowertable th
{
	font-size:125%;
	text-align:left;
	vertical-align:middle;
}
.lowertable td
{
	font-size:117%;
	letter-spacing: 0.02em;
	vertical-align:middle;
	padding: 0px 0px 1px 10px;
}

.lowertable td div.greycautions
{
	font-size: 88%;
	color: #63585c;
	padding-left: 20px;
}
.lowertable td div.imgtitle
{
	font-family: "Zen Maru Gothic", serif;
	font-size: 86%;
	color: #777;
	padding: 0px 0px 3px 20px;
}
.lowertable td div.imgbox
{
	border: solid 0px #dcdcdc;
	padding: 3px 0px 0px 15px;
	text-align: center;
}
.lowertable td div img
{
	border: solid 3px #e0e0e0;
	box-shadow: 0 0 15px #b4b4b4;
}
.lowertable td span.please
{
	text-decoration-line: underline;
	text-decoration-color: #ff0000;
	text-decoration-style: wavy;
}
.lowertable td div span.please
{
	text-decoration-line: underline;
	text-decoration-color: #ff0000;
	text-decoration-style: wavy;
}

/*-------------------------------------------------------------------------------------------*/

.blocktitle
{
	font-size: 200%;
	font-weight: 650;
}

.blockline
{
	width: 80%;
	height: 5px;
	border-bottom: solid 1px #dcdcdc;
}

.blockstring
{
	width: 80%;
	color: #000;
	font-size: 118%;
	letter-spacing: 0.05em;
}

.plantable
{
	border-collapse:collapse;
}
.plantable th
{
	color:#000;
	padding:8px 25px 8px 25px;
	border-left:solid 3px #00B900;
	border-right:solid 3px #00B900;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}
.plantable td
{
	font-size:110%;
	text-align:center;
	padding:2px 10px 2px 10px;
	border:solid 1px #dcdcdc;
	background:#f9f9f9;
}
.plantable td span.price
{
	color:#0352a2;
	font-weight:650;
}
.plantable td div.greycautionsmall
{
	font-size: 87%;
	color: #767578;
}
.plantable td.header
{
	font-size:90%;
	color:#fff;
	background:#3d7ab6;
}
.plantable td.header2
{
	font-size:90%;
	color:#fff;
	background:#3d7ab6;
}
.plantable td.free
{
	text-align:center;
	padding-top:8px;
	font-size: 140%;
}

.plansubtable
{
	border-collapse: collapse;
	font-size: 92%;
	color: #777;
}

.plansubtable th
{
	font-weight: normal;
	text-align: left;
}

.flowtitle
{
	font-size: 84%;
	color: #777;
}
.flowtable
{
	border-collapse: collapse;
	font-size: 105%;
	color: #443c3f;
}
.flowtable td
{
	
}

.flowtable td div
{
	text-align:center;
	padding: 3px 8px 5px 8px;
	background: #f3efef;
	border: solid 1px  #f3efef;
	border-radius: 5px;
}
.flowtable th
{
	font-size: 110%;
	font-weight: normal;
	padding: 4px 6px 4px 6px;
}

.flowtable th div.flowtitle
{
	text-align: left;
	color: #000;
}

.flowtable th div
{
	font-family: "Zen Maru Gothic", serif;
	font-size: 80%;
	color: #ff0000;
}

