@charset "UTF-8";
/* CSS Document */

.mainWrapper {
    width: 100%;
	background-image: url(./images/main-image.jpg);
}


.merit {
	border: solid 1px #DDD;
	padding: 2rem 1rem 3rem;
	margin: 0;
}
.merit h5{
	font-weight: var(--font-weight-bold);
	font-size: 2rem;
	margin-bottom: 2rem;
	border-bottom:  solid 1px #BBB;
	padding-bottom: 1rem;
}
.merit ul li{
	font-weight: var(--font-weight-bold);
	list-style: none;
	font-size: 2rem;
	margin: 1rem 0;
	color: #559E59;
}
.merit ul li:before{
	content: "●";
	margin-right: 1rem;
	font-size: 2.8rem;
	font-weight: var(--font-weight-bold);
	color: #444;
}

.intro{
	padding: 2rem 4rem;
	border: solid 1px #DDD;
	border-radius: 5px;
	width:85%;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 640px) {
	.intro{
		padding: 16px 32px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

}

.answer {
    background-color: #EDEDED;
    padding: 0 16px 16px;
    text-align: center;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
}
.delta {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 22.5px 0 22.5px;
    border-color: #5bafaf transparent transparent transparent;
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: -30px;
}


.flowTitle {
	padding: 22px 16px;
	background-color: #559E59;
	color:#FFF;
	font-weight: var(--font-weight-bold);
	font-size: 24px;
}

.problemWrap {
	padding: 16px 0 80px;
}
h3.hikakuTitile{
	font-weight: var(--font-weight-bold);
	color: #666;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
	margin-bottom: 45px;
}
.problem {
	margin: 0;
	padding: 0;
}
.problem li {
	list-style: none;
	font-size: 18px;
	margin: 4px 0;
	line-height: 1.4;
}
.problem li:before {
	content: "●";
	margin-right: 12px;
	font-size: 20px;
	color: rgba(160,160,160,1.00);
}

.ex {
	margin: 3rem 0 0;
	padding: 0;
}
.ex li {
	list-style: none;
	font-size: 13px;
	margin: 0.5rem 0;
	display: inline-block;
}

.ex li:before {
	content: " / ";
	font-size: 14px;
	margin-left: 0.5rem;
}
.ex li:first-child:before {
	content: "";
	margin-left: 0;
}

.itemWrap{
	border: solid 1px #EEE;
	border-top: none;
	padding: 2rem 2rem 0;
	text-align: left;
	background-color: #FFF;
}
.itemWrap dl {
margin:0;
}
.itemTitle{
	background-color: #333;
	padding: 16px;
	font-size: 16px;
	margin: 0;color: #FFF;
}
.itemName{
	font-size: 16px;
	margin: 0 0 16px;
	font-weight: var(--font-weight-bold);
}
.itemText {
	font-size: 13px;
	line-height: 165%;
	font-weight: var(--font-weight-bold);
}

.data{
	border-top: dotted 1px #888;
	padding-top: 10px;
}






ul.list,ol.list {
  padding-left: 0.2rem;
  margin: 0;
}
ul.list li,ol.list li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
}
.service {
	font-size: 14px;
	
}
.serviceCate{
	color: #FFF;
	display: inline-block;
	background-color: darkolivegreen;
	padding: 0.3rem;
	border-radius: 4px;
	margin-right: 0.5rem;
}