@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     お知らせ
 Notes:          
--------------------------------------------------------------- */
.content {
	width: 60%;
	max-width: 950px;
	margin: 5% auto 5%;
}
.container .link-wrap {
	margin: 0 auto 5%;
	display: flex;
	justify-content: space-around;
}
.container .link-wrap .link a {
	padding: 0.5em;
	font-size: 1.5em;
    color:#000;
}
.container .link-wrap .link a:hover {
	color: #ff79a2;
	opacity: 1;
}
h1.title {
	margin: 0 auto 2%;
	/*font-family: 'A1 Mincho', serif;*/
color:#000;
font-family: 'Noto Sans JP', sans-serif;
}
.gree01 {
font-size: 1.5em;
color:#000;
}
.gree02 {
	margin: 0 auto 5%;
	text-align: right;
}
.sign-wrap {
	margin: 0 0 10% auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.sign-wrap .photo {
	width: 20%;
}
.sign-wrap .txt {
	margin: 0 0 0 5%;
	text-align: right;
    font-size: 1.5em;
color:#000;
font-family: 'Noto Sans JP', sans-serif;
}
h3.headline {
	margin: 0 0 0.5em;
	font-weight: normal;
	border-bottom: 1px solid #ff79a2;
     font-size: 2em;
color:#000;
font-family: 'Noto Sans JP', sans-serif;
}
.txt-box {
	padding: 0 0 2em 2.5em;
    font-size: 1.5em;
color:#000;
font-family: 'Noto Sans JP', sans-serif;
}
.txt-box a {
	text-decoration: underline;
}
.address-wrap {
	display: flex;
}
.address-wrap .address {
	margin: 0 5% 0 0;
}
.address-wrap .map {
	display: table;
}
.address-wrap .map a {
	padding: 0.5em 1.5em;
	display: block;
	border-radius: 100px;
	border: 1px solid #ff79a2;
	text-decoration: none;
}
.address-wrap .map a:hover {
	color: #fff;
	background: #ff79a2;
	opacity: 1;
}
.officer-wrap {
	display: flex;
}
.officer-wrap .position {
	min-width: 5em;
}
.txt-box .chart {
	width: 80%;
	margin: 5% auto;
}
.txt-box .illust {
	width: 25%;
	margin: 5% auto;
}
.txt-box .profile {
	margin: 0 auto 5%;
    font-size: 1em;
color:#000;
font-family: 'Noto Sans JP', sans-serif;
}
.profile .txt02 {
	padding: 0 0 0 2em;
}
.history-wrap {
	width: 100%;
	display: table;
}
.history-wrap .year {
	width: 11em;
	display: table-cell;
	border-right: 1px solid #505050;
}
.history-wrap .explana {
	padding: 0 0 0 1em;
	display: table-cell;
}
.txt-box .link {
	margin: 0 0 1em 2em;
}
.txt-box .link a {
	margin: 0 1em 0 0;
  display: inline-block;
	text-decoration: underline;
}
.container .btn {
  margin: 0 0 0 auto;
  display: table;
  text-align: center;
}
.container .btn a {
  padding: 0.5em 2em;
  display: block;
  font-size: 1.2em;
  border: 1px solid #ff79a2;
  background: #fff;
  border-radius: 100px;
}
#point01 {
  margin-top: -9vw;
  padding-top: 9vw;
	display: block;
	position: relative;
	z-index: -1;
}
#point02 {
  margin-top: -9vw;
  padding-top: 9vw;
	display: block;
	position: relative;
	z-index: -1;
}
#point03 {
  margin-top: -9vw;
  padding-top: 9vw;
	display: block;
	position: relative;
	z-index: -1;
}
#point04 {
  margin-top: -9vw;
  padding-top: 9vw;
	display: block;
	position: relative;
	z-index: -1;
}

.foot-area01 .link {
    width: 25%;
    font-size: 1.5em;
    color: #000;
}

.foot-area02 .txt {
    color: #000;
    font-size: 1.5em;
}
/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
.content {
  width: 90%;
  display: block;
}
.container .link-wrap {
  margin: 0 auto 5%;
  display: block;
}
h1.title {
  font-size: 16px;
}
.sign-wrap .photo {
  width: 50%;
  margin: 0 auto;
}
.txt-box {
  padding: 0 0 2em 1em;
}
.txt-box .chart {
  width: 90%;
}
.sign-wrap {
  margin: 0 auto 10%;
  display: block;
}
.history-wrap {
  display: block;
}
.history-wrap .year {
  width: 100%;
  display: block;
  border-right: none;
}
.history-wrap .explana {
  padding: 0 0 0 1em;
  display: block;
}
.txt-box .illust {
  width: 40%;
  margin: 5% auto;
}
}