@charset "utf-8";

.sp-br {
  display: none; /* パソコン時は、brタグを表示しない＝改行しない */
}
  @media screen and (max-width: 659px) {
    .sp-br { /* 659px以下のときbrタグ表示＝改行する */
      display: inline; }
    }

.contents{
	width: 855px;
	height: auto;
	margin:auto;
	text-align: left;
	font-size: 95%;
}


.bigtittle{
	text-align: left;
	position: relative;
	padding: 0.2rem .5rem;
}

.bigtittle:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}

.sub{
	padding: .8rem 1rem;
	border-left: 5px solid #00C096;
	background: #f4f4f4;
	margin: 1em 0;
	font-size: 110%;
	letter-spacing: 0.04em;
}

.left_ul{
	margin: 0;
	line-height: 1.6em;
}

.left_ul{
	padding: 0 0 0 20px;
}

.dip_c{
	display: flex;
	align-items: center;
}

.dip_c img{
	width: 290px;
	margin: auto;
	padding: 0 0 0 100px;
}

.dip_c a{
	transition: .2s;
}

.dip_c a:hover{
	opacity: .7;
}

table {
	width: 100%;
    border-collapse:  collapse; /* セルの線を重ねる */
}


.bra{
	padding: 15px 0;
	border-bottom: dotted 2px #0FBBC8;
	border-top: dotted 2px #0FBBC8;
}

.top{
	border-top: solid 2px #0FBBC8;
}

.bottom{
	border-bottom: solid 2px #0FBBC8;
}


.affair{
	width: 100%;
	height: auto;
	text-align: left;
	margin: auto;
}

.center_td{
	text-align: center;
}

.left_td{
	text-align: left;
}

.bar td{
	padding: 10px 0;
}

.bar{
	border-top: solid 2px #0FBBC8;
	border-bottom: solid 2px #0FBBC8;
}

.shamei{
	text-align: left;
}


p{
	margin: 0;
	font-size: 16px;
	line-height: 1.6em;
}

.sryou{
	font-size: 84%;
}

.ngr {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    font-weight: bold;
	border: 2px solid #3A9549;
	border-radius: 0.5em;
}

.ngr_f {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    font-weight: bold;
	border: 2px solid #3A9549;
	border-radius: 0.5em;
}

.ngr:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #3A9549;
    width: 0;
    height: 0;
}

.ngr h3{
	margin: auto;
	text-align: left;
	padding: 20px 0 20px 34px;
}

.ngr span{
	background-color: #3A9549;
	border-radius: 2.5em;
	color: white;
}

.ngr p{
	margin: auto;
	text-align: left;
	font-weight: normal;
	padding: 0 34px 20px 34px;
}


.ngr_f h3{
	margin: auto;
	text-align: left;
	padding: 20px 0 20px 34px;
}

.ngr_f span{
	background-color: #3A9549;
	border-radius: 2.5em;
	color: white;
}

.ngr_f p{
	margin: auto;
	text-align: left;
	font-weight: normal;
	padding: 0 34px 20px 34px;
}

.system h3{
	text-align: center;
}

.system img{
	width: auto;
	text-align: center;
	margin: auto;
}


.white{
	width: 100vw;
	height: auto;
	background-color: white;
	overflow: hidden;
}

@media  (max-width: 799px) {
	
	.dip_c img{
	margin: auto;
}
	
	
}