h1 {
margin-top:7rem;
}




/* 一覧 */
.area-content {
width:90%;
margin:0 auto;
padding-bottom:5rem;
}
.area-content .form-row > .col,
.area-content .form-row > [class*="col-"] {
padding-right: 14px;
padding-left: 14px;
}
.area-content img {
width: 100%;
height: 250px;
object-fit: cover;
}
.area-content h4 {
font-weight:bold;
padding:.5rem .5rem 0 .5rem;
font-weight:1.25rem;
line-height:1.55;
}
.area-content h5 {
padding:0rem .5rem 0 .5rem;
font-size:1rem;
}
.area-content h6 {
padding:0rem .5rem 1rem .5rem;
color:#aaa;
font-size:.875rem;
}
.nav-cate {
margin-top:2rem;
}
.nav-cate ul {
list-style-type: none;
padding-left: 0;
}
.nav-cate li {
padding: 10px 15px;
margin: 7px;
border: 1px solid #62a745;
border-radius: 50px;
}
.nav-cate .flex {
display: flex;
justify-content: center;
}


@media screen and (max-width: 768px) {
.area-content {
  width:100%;
  padding-bottom:2rem;
}
.area-content .form-row .block {
  margin-top:1.5rem;
}
.area-content .form-row .block:first-child {
  margin-top:0;
}
}
@media screen and (max-width: 576px) {
.area-content .form-row .block {
  margin-top:1.0rem;
}
.area-content .form-row .block:first-child {
  margin-top:1.0rem;
}
.nav-cate {
  width:70%;
  margin:0 auto;
  text-align:center;
  margin-top:1rem;
}
.nav-cate li {
  margin:0 auto;
  padding: 10px 15px;
  margin: 7px;
  text-align:center;
  display:block;
}
.nav-cate .flex {
  display: block;
  text-align:center;
  margin:0 auto;
}
}



/* 詳細 */
.body-article {
margin-top:7rem;
}
.body-article h1 {
margin-top:0rem;
text-align:left;
margin-bottom:1rem;
}
.body-article .img-blog {
display:block;
width:100%;
height: auto;
margin:0 auto;
text-align:center;
margin-bottom:.5rem;
}
.body-article .images {
text-align:center;
width:100%;
}
.body-article .images img {
display:block;
width:100%;
height: auto;
margin:0 auto;
margin-top:30px;
margin-bottom:.5rem;
}
.body-article a {
color:#45862f!important;
text-decoration:underline;
}

.nav-cate {
margin-top:2rem;
}
.nav-cate ul {
list-style-type: none;
padding-left: 0;
}
.nav-cate li {
padding: 10px 15px;
margin: 7px;
border: 1px solid #62a745;
border-radius: 50px;
}
.nav-cate .flex {
display: flex;
justify-content: center;
}

@media screen and (max-width: 768px) {
	.body-article {
	  padding:0 20px;
	}
	.body-article .img-blog {
	  display:block;
	  max-width:100%;
	  width:100%;
	  margin:0 auto;
	}
	.body-article .images img {
	  width:100%;
	  max-width:100%;
	  height: auto;
	}
}
@media screen and (max-width: 576px) {
	.nav-cate {
	  width:70%;
	  margin:0 auto;
	  text-align:center;
	  margin-top:1rem;
	}
	.nav-cate li {
	  margin:0 auto;
	  padding: 10px 15px;
	  margin: 7px;
	  text-align:center;
	  display:block;
	}
	.nav-cate .flex {
	  display: block;
	  text-align:center;
	  margin:0 auto;
	}
}





.section-cta {
background:#ffd200;
width:70%;
margin:0 auto;
margin-top:5rem;
margin-bottom:5rem;
padding:2rem 2rem;
}
.section-cta .form-row > .col,
.section-cta .form-row > [class*="col-"] {
padding-right:20px;
padding-left:20px;
}
.section-cta h3 {
text-align:center;
font-weight:bold;
font-size:1.775rem;
line-height:1.35;
}
.section-cta h4 {
text-align:center;
font-weight:bold;
margin-bottom:1rem;
font-size:1.275rem;
line-height:1.55;
margin-top:1.5rem;
}
.section-cta h5 {
font-size:1rem;
font-weight:bold;
background:#62a745;
}
.section-cta p img {
width:160px;
}
.section-cta p {
color:#01030a;
padding:1rem 0rem;
font-size:2rem;
font-weight:bold;
}
.section-cta .block {
background:#fff;
text-align:center;
color:#fff;
}
.section-cta .text {
text-align:center;
font-size:1.15rem;
font-weight:normal;
}
.section-cta .text a {
font-weight:bold;
color:#62a745;
text-decoration:underline;
}
@media screen and (max-width: 768px) {
.section-cta {
  width:100%;
  margin-top:3rem;
  margin-bottom:3rem;
}
.section-cta .block:last-child {
  margin-top:1rem;
}
}







.area-relative {
width:90%;
margin:0 auto;
padding-bottom:5rem;
}
.area-relative .form-row > .col,
.area-relative .form-row > [class*="col-"] {
padding-right: 14px;
padding-left: 14px;
}
.area-relative img {
width: 100%;
height: 250px;
object-fit: cover;
}
.area-relative h4 {
font-weight:bold;
padding:.5rem .5rem 0 .5rem;
font-weight:1.25rem;
line-height:1.55;
}
.area-relative h5 {
padding:0rem .5rem 0 .5rem;
font-size:1rem;
}
.area-relative h6 {
padding:0rem .5rem 1rem .5rem;
color:#aaa;
font-size:.875rem;
}

@media screen and (max-width: 768px) {
.area-relative {
  width:100%;
  padding-bottom:2rem;
}
.area-relative .form-row .block {
  margin-top:1.5rem;
}
.area-relative .form-row .block:first-child {
  margin-top:0;
}
}
@media screen and (max-width: 576px) {
.area-relative .form-row .block {
  margin-top:1.0rem;
}
.area-relative .form-row .block:first-child {
  margin-top:1.0rem;
}
}