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

.mgt0 { margin-top: 0 !important; }
.mgt20 { margin-top: 20px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt100 { margin-top: 100px !important; }
.mgt150 { margin-top: 150px !important; }

.mgb0 { margin-bottom: 0 !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb100 { margin-bottom: 100px !important; }
.mgb150 { margin-bottom: 150px !important; }

.MV-soranomachi{
	margin-bottom: 0!important;
	position: static!important;
}

#OVERVIEW{
	padding-bottom: 0!important;
}

#NAVIGATION{
	margin-bottom: 0!important;
}


.soranomachi_lnkbtn {
	position: relative;
	display: block;
	margin: 20px 0;
	padding: 20px 14.5%;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	background-color: #98ba5b;
	line-height: 1;
	font-weight: bold;
}

.soranomachi_lnkbtn:hover{
	opacity: 0.7;
}



/* =======================================

TOP - TOPICS

======================================= */
.section_ttl {
  color: #594a42;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 12px;
  font-weight: 400;
  font-feature-settings: 'palt';
  letter-spacing: 0.2em;
	line-height: 1.4;
  padding: 15px 20px 35px;
}
.section_ttl .en-marcellus {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
}
@media (max-width: 1024px) {
  .section_ttl {
    font-size: 10px;
    letter-spacing: 0.18em;
  }
  .section_ttl .en-marcellus {
    font-size: 1.75rem;
  }
}
@media (max-width: 320px) {
  .section_ttl {
    letter-spacing: 0.14em;
  }
  .section_ttl .en-marcellus {
    font-size: 1.4rem;
  }
}

#TOPICS.TOP-TOPICS {
	padding: 0;
  margin-bottom: 0;
}
#TOPICS.TOP-TOPICS .contents-wrap {
	padding: 80px 0;
	background: #FFF;
}
#TOPICS.TOP-TOPICS .contents-wrap h2 p.en {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 22px;
  line-height: 2.5rem;
  color: #6bad68;
}
#TOPICS.TOP-TOPICS .topic-box {
  padding-top: 0;
}
#TOPICS.TOP-TOPICS .topic-box.-sub {
	padding: 15px 0 0;
	border-bottom: 1px solid #B1CDD1;
}
#TOPICS.TOP-TOPICS .topic-box .date {
	font-size: 16px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #6bad68;
}
#TOPICS.TOP-TOPICS .topic-box-tx {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.6;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: bold;
}
#TOPICS.TOP-TOPICS .topic-box-tx a {
	color: #5B5756;
}
#TOPICS.TOP-TOPICS .topic-box-tx a:hover {
	opacity: .3;
}
.topic-box .lnkbtn {
  background-color: rgba(107, 173, 104, 1);
}
#PLAN-madori .plan-box .lnkbtn,
#TOPICS.TOP-TOPICS .topic-box .lnkbtn {
	margin: 30px 60px;
  background-color: rgba(107, 173, 104, 1);
  padding: 20px 14.5%;
}
#PLAN-madori .plan-box .lnkbtn {
	margin: 0 60px;
	font-size: 12px;
}
#TOPICS.TOP-TOPICS .topic-box .lnkbtn-2 {
	margin: 100px 60px;
}
@media (max-width: 1024px) {
  #PLAN-madori .plan-box .lnkbtn {
		margin: 0 11%;
	}
  #TOPICS.TOP-TOPICS .topic-box .lnkbtn {
		margin: 40px 11%;
	}
	#TOPICS {
		padding: 0 5.5%;
	}	
}

/* =======================================

Secound - TOPICS

======================================= */
#TOPICS.SEC-TOPICS  {
	padding: 0 0 80px;
}
main.TOPICS .page-MV {
	margin-bottom: 70px;
}
#TOPICS.SEC-TOPICS .topic-box {
	padding-top: 80px;
	padding-bottom: 70px;
}
#TOPICS.SEC-TOPICS .topic-box.-sub {
	padding: 15px 0 0;
	border-bottom: 1px solid #B1CDD1;
}
#TOPICS.SEC-TOPICS .topic-box .date {
	font-size: 16px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #6bad68;
}
#TOPICS.SEC-TOPICS .topic-box-tx {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.6;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#TOPICS.SEC-TOPICS .topic-text {
	margin-top: 20px;
	text-align: left;
}
#TOPICS.SEC-TOPICS .topic-text p {
	margin-bottom: 30px;
}
#TOPICS.SEC-TOPICS .topic-box .lnkbtn {
	margin: 70px auto 0;
}

/* =======================================

OTHERS

======================================= */
#OTHERS h2 span {
     margin-top: 0; 
}
#OTHERS .lnkbtn {
  background-color: rgba(107, 173, 104, 1);
}