@charset "UTF-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/* PC向けのスタイル： 481px～ */
@media only screen and (min-width: 481px) {

#p01 {
	margin-top:-90px;
    padding-top:90px;
}
#top {
	background-color: #F5F5F5;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
#top dl {
	margin: 0px;
	padding-top: 40px;
	padding-right: 60px;
	padding-bottom: 40px;
	padding-left: 60px;
}
#top dl dt {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
}
#top dl dd {
	padding: 0px;
	font-size: 140%;
	font-weight: bold;
	color: #61b591;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 1.5em;
}
#top dl p {
	font-size: 90%;
}
.icon {
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.icon_ex {
	padding: 0px;
	text-align: center;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#merit {
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
}
#demerit {
	padding: 0px;
	display: flex;
	justify-content: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
.m_inner {
	padding: 20px;
	height: auto;
	border: 1px solid #a27d56;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
}
.m_inner p {
	font-weight: bold;
	color: #a27d56;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.m_inner p span {
	background: linear-gradient(transparent 70%, yellow 70%);
}
.m_inner font {
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}
#type_top {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#type_top dt {
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	color: #1f7349;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#type_top dt span {
	background: linear-gradient(transparent 70%, yellow 70%);
}
#type_top dd {
	font-size: 90%;
	line-height: 1.7em;
	padding: 0px;
	text-align: center;
	height: auto;
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#type {
	padding: 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
.type_inner {
	padding: 30px;
	height: auto;
	width: 48%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border: 1px solid #1f7349;
}
.type_inner .title {
	font-size: 130%;
	font-weight: bold;
	color: #1f7349;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.type_inner .pic {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 40px;
}
.type_inner p {
	font-size: 90%;
}
.links {
	clear: both;
	text-align: center;
	padding: 0px;
	height: auto;
	width: 65%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.type_inner .links a {
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 95%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #a27d56;
	border-radius: 6px;
}
.type_inner .links a:hover  {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#omote1 {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#omote1 dl {
	margin: 0px;
	padding: 0px;
}
#omote1 dl dt {
	padding: 0px;
	font-weight: bold;
	color: #1f7349;
	font-size: 140%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#omote1 dl dd {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 1.7em;
}
#omote1 .om_inner {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}
#omote2 {
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#omote2 dl {
	margin: 0px;
	padding: 0px;
}
#omote2 dl dt {
	padding: 0px;
	font-weight: bold;
	color: #1f7349;
	font-size: 140%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#omote2 dl dd {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 1.7em;
}
#omote2 .om_inner {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#om_merit {
	border: 1px solid #1f7349;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
#om_merit dl {
	margin: 0px;
	padding-top: 30px;
	padding-right: 60px;
	padding-bottom: 30px;
	padding-left: 60px;
}
#om_merit dl dt {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#om_merit dl dd {
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#om_merit dl dd span {
	color: #a27d56;
	font-size: 120%;
	font-weight: bold;
	background: linear-gradient(transparent 70%, yellow 70%);
}
#caution {
	padding: 0px;
	display: flex;
	justify-content: space-around;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
.ca_inner {
	background-color: #F5F5F5;
	margin: 0px;
	padding: 20px;
	height: auto;
	width: 30%;
}
.ca_inner p {
	font-size: 90%;
}
.cost-list1 {
	height: auto;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #61b591;
	padding: 0px;
	margin: 0px;
}
.cost-list1 th,
.cost-list1 td {
	text-align: left;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #61b591;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.cost-list1 th {
	background-color: #FEF7E0;
	width: 40%;
	font-size: 90%;
	line-height: 1.7em;
}

.cost-list1 th span {
	font-weight: normal;
	font-size: 80%;
	line-height: 1.3em;
}
.cost-list1 td span {
	font-size: 80%;
	color: #666;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}
.cost-list1 td p {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.cyusyaku {
	font-size: 80%;
	color: #666;
	padding: 0px;
	margin: 0px;
}

}



/* スマホ向けのスタイル： ～480px */
@media only screen and (max-width: 480px) {

#top {
	background-color: #F5F5F5;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
}
#top dl {
	margin: 0px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
#top dl dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: auto;
	width: 100%;
}
#top dl dd {
	padding: 0px;
	font-size: 130%;
	font-weight: bold;
	color: #61b591;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 1.7em;
}
#top dl p {
	font-size: 90%;
}
.icon {
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.icon_ex {
	padding: 0px;
	text-align: center;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#merit {
	margin: 0px;
	padding: 0px;
}
#demerit {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
}
.m_inner {
	padding: 20px;
	height: auto;
	border: 1px solid #a27d56;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.m_inner p {
	font-weight: bold;
	color: #a27d56;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.m_inner p span {
	background: linear-gradient(transparent 70%, yellow 70%);
}
.m_inner font {
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}
#type_top {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: auto;
	width: 90%;
}
#type_top dt {
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	color: #1f7349;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 1.7em;
}
#type_top dt span {
	background: linear-gradient(transparent 70%, yellow 70%);
}
#type_top dd {
	font-size: 90%;
	line-height: 1.7em;
	padding: 0px;
	margin: 0px;
}
#type {
	padding: 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
}
.type_inner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #1f7349;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.type_inner .title {
	font-size: 130%;
	font-weight: bold;
	color: #1f7349;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
}
.type_inner .pic {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
}
.type_inner p {
	font-size: 90%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.links {
	clear: both;
	text-align: center;
	padding: 0px;
	height: auto;
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.type_inner .links a {
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 95%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #a27d56;
	border-radius: 6px;
}
#omote1 {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#omote1 dl {
	padding: 0px;
	margin: 0px;
}
#omote1 dl dt {
	padding: 0px;
	font-weight: bold;
	color: #1f7349;
	font-size: 120%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: auto;
	width: 90%;
}
#omote1 dl dd {
	padding: 0px;
	font-size: 90%;
	line-height: 1.7em;
	height: auto;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#omote1 .om_inner {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: auto;
	width: 100%;
}
#omote1 .om_inner img {
	width:100%;
}
#omote2 {
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#omote2 dl {
	margin: 0px;
	padding: 0px;
}
#omote2 dl dt {
	padding: 0px;
	font-weight: bold;
	color: #1f7349;
	font-size: 120%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: auto;
	width: 90%;
}
#omote2 dl dd {
	padding: 0px;
	font-size: 90%;
	line-height: 1.7em;
	height: auto;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#omote2 .om_inner {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: auto;
	width: 100%;
}
#omote2 .om_inner img {
	width:100%;
}
#om_merit {
	border: 1px solid #1f7349;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
}
#om_merit dl {
	margin: 0px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
#om_merit dl dt {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#om_merit dl dd {
	padding: 0px;
	margin: 0px;
}
#om_merit dl dd span {
	color: #a27d56;
	font-size: 120%;
	font-weight: bold;
	background: linear-gradient(transparent 70%, yellow 70%);
}
#caution {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
}
.ca_inner {
	background-color: #F5F5F5;
	padding: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.ca_inner p {
	font-size: 90%;
}
.cost-list1 {
	height: auto;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #61b591;
	padding: 0px;
	margin: 0px;
}
.cost-list1 th,
.cost-list1 td {
	text-align: left;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #61b591;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.cost-list1 th {
	background-color: #FEF7E0;
	width: 40%;
	font-size: 90%;
	line-height: 1.7em;
}

.cost-list1 th span {
	font-weight: normal;
	font-size: 80%;
	line-height: 1.4em;
	display: block;
}
.cost-list1 td span {
	font-size: 80%;
	color: #666;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	display: block;
}
.cost-list1 td p {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.7em;
}
.cyusyaku {
	font-size: 80%;
	color: #666;
	padding: 0px;
	height: auto;
	width: 95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
}



/* CASE */
#case{
	margin-top: 100px;
}
#case img{
	max-width: 100%;
}
#case .subtitle{
    margin-bottom: 40px;
    text-align: center;
}
#case .subtitle span {
	color: #1f7349;
    font-size: 130%;
    font-weight: bold;
	display: inline-block;
	border-bottom: 1px dashed #1f7349;
	padding: 0 1em 0.25em;
}
.is-case-box {
	border: 2px solid #ccc;
	border-radius: 10px;
	padding: 2rem;
}
.is-case-box:not(:last-child) {
	margin-bottom: 30px;
}
.is-case-box .head {
	color: #1f7349;
	font-size: 170%;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}
.is-case-box .is-outline {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.is-case-box .is-outline tr td:first-child {
	white-space: nowrap;
}
.is-case-box .mb20 {
	margin-bottom: 30px !important;
}
.is-case-box .at_inner.inner_all {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.is-case-box .at_inner.inner_all figure {
	margin-left: 0;
	margin-right: 0;
}
.is-case-box .at_inner.inner_all figure img {
	max-width: 100%;
	height: auto;
	display: block;
}
.type_con {
	font-size: 85%;
	line-height: 1.5em;
	padding: 0px;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
}
.columns {
	display: flex;
}
.columns.is-multiline {
	flex-wrap: wrap;
}
.columns.is-reversed {
	flex-direction: row-reverse;
}
.columns .column {
	padding: 1.5rem;
}
.at_inner .columns .column {
	padding: 1rem .5rem;
}
.columns .column figure {
	margin: 0;
}
.columns .column figure:not(:last-child) {
	margin-bottom: 1rem;
}
.columns .column figure img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.columns .column figure figcaption {
	margin-top: 10px;
	text-align: center;
}
.columns .column video {
	margin: 0;
}
.columns .column video:not(:last-child) {
	margin-bottom: 1rem;
}
.columns .column video {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.columns .column.is-4 {
	width: 33.333%;
}
.columns .column.is-5 {
	width: 41.666%;
}
.columns .column.is-6 {
	width: 50%;
}
.columns .column.is-7 {
	width: 58.333%;
}
.is-box {
    background-color: #F5F5F5;
    padding: 1.5rem;
}
.is-box.is-risk {
    border: 1px dashed #ccc;
    border-radius: 6px;
    background-color: transparent;
}
.is-box.is-risk p {
    font-size: 12px;
}
.section:not(:last-child) {
    margin-bottom: 40px;
}
h5.title {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: bold;
    color: #1f7349;
    font-size: 140%;
    line-height: 1.4em;
    letter-spacing: 0.1em;
}
a.button {
    display: inline-block;
    padding: 12px 24px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background-color: #a27d56;
    border-radius: 6px;
}
.tac{
	text-align: center;
}
@media only screen and (max-width: 480px) {
	#case{
		margin-top: 80px;
	}
	.is-case-box {
		padding: 2rem .5rem;
	}
	.is-case-box .at_inner.inner_all {
		padding: 20px .5rem;
	}
	.is-case-box .is-outline {
		width: 100%;
	}
	.is-case-box .at_inner.inner_all {
		width: 100%;
	}
	.type_con {
		height: auto;
		width: 90%;
	}
	.columns {
		display: block;
	}
	.columns .column {
		padding: 1rem;
	}
	.columns .column.is-4,
	.columns .column.is-5,
	.columns .column.is-6,
	.columns .column.is-7 {
		width: 100%;
	}
}