html {
		width: 100%;
		height: 100%;
}

* {
		box-sizing: border-box;
}

body {
		width: 100%;
		height: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		color: #000;
}

a {
		color: #000;
}

.indent {
		padding-left: 1em;
		text-indent: -1em;
}

b {
		font-weight: bold;
}

.pc {
		display: block;
}

.sp {
		display: none;
}

.br-pc {
		display: block;
}

.br-sp {
		display: none;
}

.ctext {
		text-align: center;
}

@media (max-width: 780px) {
		body {
				width: 100%;
				height: 100vh;
		}
		img {
				max-width: 100%;
		}
		.pc {
				display: none;
		}
		.sp {
				display: block;
		}
		.br-sp {
				display: block;
		}
		.br-pc {
				display: none;
		}
}

#wrapper {
		max-width: 1920px;
		width: 100%;
		margin: 0 auto;
		overflow-x: hidden;
}

#wrapper .bg {
		max-width: 1920px;
		width: 100%;
		height: 854px;
		background-image: url(../img/kv_bg.png);
		background-image: image-set(url(../img/kv_bg.png) 1x, url(../img/kv_bg@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/kv_bg.png) 1x, url(../img/kv_bg@2x.png) 2x);
		background-repeat: no-repeat;
		background-size: auto;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		opacity: .25;
}

#wrapper .head {
		max-width: 1920px;
		width: 100%;
		text-align: center;
}

#wrapper .head .logo {
		margin: 100px auto 78px;
}

#wrapper h2 {
		text-align: center;
		margin: 50px auto 20px;
}

#wrapper h2 span {
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		display: block;
		margin: 10px auto 0;
}

#wrapper h6 {
		font-size: 16px;
		margin: 0 auto;
		text-align: center;
}

#wrapper .section {
		width: 1000px;
		margin: 0 auto 50px;
		padding: 20px 0;
		display: block;
		height: auto;
		position: relative;
}

#wrapper .section .section_inner {
		background-color: #F8F8F8;
		padding: 15px 25px 45px;
		width: 100%;
}

#wrapper .section .time {
		background-color: #333;
		padding: 5px;
		font-size: 14px;
		color: #fff;
		display: inline-block;
		position: relative;
}

#wrapper .section .time:before {
		content: "";
		background-color: #333;
		width: 30px;
		height: 1px;
		position: absolute;
		top: 50%;
		left: -40px;
}

#wrapper .section .ttl {
		font-size: 32px;
		line-height: 1.4;
		font-weight: 700;
		padding-bottom: 10px;
		width: 950px;
		border-bottom: 1px dotted #ccc;
		margin: 10px 0 15px;
}

#wrapper .section .ttl span {
		font-size: 20px;
		font-weight: 700;
}

#wrapper .section .ttl rt {
		font-size: 12px;
}

#wrapper .section .panel {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0;
}

#wrapper .section .panel img {
		margin-right: 15px;
}

#wrapper .section .panel p {
		font-size: 16px;
		line-height: 1.6;
}

#wrapper .section .profile_icon {
		position: absolute;
		right: 25px;
		top: -30px;
		z-index: 3;
}

#wrapper .section .profile_icon img {
		max-width: 124px;
}

#wrapper .section .profile_icon02 {
		position: absolute;
		right: 25px;
		top: -30px;
		z-index: 3;
}

#wrapper .section .profile_icon02 img {
		max-width: 266px;
}

#wrapper .section .profile_icon03 {
		position: absolute;
		right: 25px;
		top: -10px;
		z-index: 3;
}

#wrapper .section .profile_icon03 img {
		max-width: 384px;
}

#wrapper .section .profile {
		background-color: #A01717;
		border-radius: 5px;
		width: 950px;
		padding: 30px 0;
		margin: 0 auto;
		position: relative;
		left: 0;
		top: -25px;
		z-index: 2;
		display: block;
}

#wrapper .section .profile_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto;
		width: 890px;
}

#wrapper .section .profile_ttl {
		flex-basis: 180px;
		max-width: 180px;
		text-align: left;
}

#wrapper .section .profile_txt {
		flex-basis: 770px;
		max-width: 770px;
}

#wrapper .section .profile_txt h6 {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.5;
		color: #fff;
		margin-bottom: 10px;
}

#wrapper .section .profile_txt .mt20 {
		margin-top: 20px;
}

#wrapper .section .profile_txt p {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.8;
		color: #fff;
}

#wrapper .section .profile_txt p a {
		color: #fff;
}

#wrapper .section .profile_txt ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 5px;
}

#wrapper .section .profile_txt li {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.8;
		color: #fff;
		margin-bottom: 5px;
}

#wrapper .section .profile_txt li:nth-child(odd) {
		flex-basis: 20%;
}

#wrapper .section .profile_txt li:nth-child(even) {
		flex-basis: 80%;
}

#wrapper .section .border {
		margin: 20px auto;
		border-bottom: 1px dotted #fff;
		width: 890px;
}

#wrapper .section .greeting {
		background-color: #fff;
		border-radius: 5px;
		border: 3px solid #A01717;
		width: 950px;
		padding: 30px;
		margin: 0 auto;
		position: relative;
		left: 0;
		top: 16px;
		z-index: 2;
		display: block;
}

#wrapper .section .greeting ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
}

#wrapper .section .greeting ul .summary p {
		font-size: 16px;
		line-height: 2;
		text-align: left;
		margin: 0 0 25px;
}

#wrapper .section .greeting ul .summary h6 {
		font-size: 16px;
		font-weight: 500;
		line-height: 2;
		text-align: left;
		color: #A01717;
}

#wrapper .map {
		margin: 0 auto 50px;
		width: 1000px;
}

#wrapper .earth {
		border-radius: 10px;
		border: 2px solid #95BC71;
		padding: 25px;
		max-width: 980px;
		margin: 80px auto 40px;
		background-color: #fff;
}

#wrapper .earth ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
}

#wrapper .earth ul .photo {
		flex-basis: 400px;
}

#wrapper .earth ul .photo img {
		max-width: 100%;
}

#wrapper .earth ul .summary {
		flex-basis: 500px;
		text-align: left;
}

#wrapper .earth ul .summary .ttl {
		margin: 0 0 5px;
}

#wrapper .earth ul .summary h5 {
		font-size: 26px;
		font-weight: 700;
		color: #1f1f1f;
		line-height: 1;
		margin: 0 0 20px;
}

#wrapper .earth ul .summary h5 span {
		font-size: 18px;
		margin-left: 15px;
}

#wrapper .earth ul .summary h6 {
		font-size: 18px;
		font-weight: 700;
		color: #95BC71;
		line-height: 1;
		margin: 0 0 15px;
		text-align: left;
}

#wrapper .earth ul .summary p {
		font-size: 16px;
		line-height: 2;
		font-weight: 400;
		text-align: left;
}

#wrapper .program {
		max-width: 980px;
		border: 2px solid #A01717;
		border-radius: 10px;
		background-color: #fff;
		margin: 0 auto 80px;
		padding: 25px;
		text-align: center;
}

#wrapper .program .ttl {
		margin: 0 0 5px;
}

#wrapper .program h5 {
		font-size: 26px;
		font-weight: 700;
		color: #1f1f1f;
		line-height: 1;
		margin: 0 0 20px;
}

#wrapper .program h6 {
		font-size: 18px;
		font-weight: 700;
		color: #A01717;
		line-height: 2;
		margin: 0 0 15px;
		text-align: center;
}

#wrapper .program .program_flex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 930px;
		margin: 20px auto 0;
}

#wrapper .program .program_bx {
		flex-basis: 300px;
		text-align: center;
		background-color: #F8F8F8;
		border-radius: 10px;
		padding-bottom: 15px;
}

#wrapper .program .program_bx .head {
		margin: 0 auto;
}

#wrapper .program .program_bx .head img {
		max-width: 100%;
}

#wrapper .program .program_bx h5 {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		color: #A01717;
		text-align: center;
		margin: 15px auto;
}

#wrapper .program .program_bx p {
		font-size: 16px;
		font-weight: 400;
		line-height: 2;
		text-align: left;
		padding: 0 15px;
}

#wrapper .program .program_bx span {
		font-size: 14px;
		font-weight: 400;
		line-height: 2;
		text-align: left;
		display: block;
		padding: 0 15px;
}

#wrapper .greeting_info {
		background-color: #fff;
		border-radius: 10px;
		border: 2px solid #ccc;
		width: 950px;
		padding: 30px;
		margin: -30px auto 0;
		display: block;
}

#wrapper .greeting_info ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
}

#wrapper .greeting_info ul .summary h5 {
		font-size: 18px;
		font-weight: 700;
		line-height: 1;
		margin: 0 0 15px;
		text-align: left;
		color: #A01717;
}

#wrapper .greeting_info ul .summary p {
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
		margin: 0 0 25px;
}

#wrapper .greeting_info ul .summary h6 {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.6;
		text-align: left;
		margin: 0 0 15px;
}

#wrapper .greeting_info ul .photo {
		margin-right: 20px;
}

#wrapper .sign_info {
		background-color: #fff;
		border-radius: 10px;
		border: 2px solid #ccc;
		width: 950px;
		padding: 30px;
		margin: -75px auto 80px;
		display: block;
}

#wrapper .sign_info ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
}

#wrapper .sign_info ul .summary h5 {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.5;
		margin: 0 0 15px;
		text-align: left;
		color: #A01717;
}

#wrapper .sign_info ul .summary p {
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
		margin: 0 0 25px;
}

#wrapper .sign_info ul .summary h6 {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.6;
		text-align: left;
		margin: 0 0 15px;
}

#wrapper .sign_info ul .photo {
		margin-right: 20px;
}

@media (max-width: 780px) {
		#wrapper {
				max-width: 100%;
				width: 100%;
				margin: 0 auto;
				overflow-x: hidden;
		}
		#wrapper .bg {
				max-width: 1920px;
				width: 100%;
				height: 100vh;
				background-image: url(../img/kv_bg-s.png);
				background-image: image-set(url(../img/kv_bg-s.png) 1x, url(../img/kv_bg-s.png) 2x);
				background-image: -webkit-image-set(url(../img/kv_bg-s.png) 1x, url(../img/kv_bg-s.png) 2x);
				background-repeat: no-repeat;
				background-size: auto;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: -1;
				opacity: .25;
		}
		#wrapper .head {
				max-width: 100%;
				width: 100%;
				text-align: center;
				margin: 0 auto 10vw;
		}
		#wrapper .head .logo {
				margin: 14vw auto 6vw;
		}
		#wrapper .head .logo img {
				max-width: 90vw;
		}
		#wrapper .head .day {
				margin: 0 auto 10vw;
		}
		#wrapper .head .day img {
				max-width: 50vw;
		}
		#wrapper h2 {
				text-align: center;
				margin: 8vw auto 10vw;
		}
		#wrapper h2 img {
				max-width: 50vw;
		}
		#wrapper h2 span {
				font-size: 2.82051vw;
				font-weight: 400;
				line-height: 1;
				display: block;
				margin: 1vw auto 0;
		}
		#wrapper h6 {
				font-size: 3.33333vw;
				margin: -8vw auto 0;
				text-align: center;
		}
		#wrapper .section {
				width: 100%;
				margin: 0 auto;
				padding: 5vw 0;
				display: block;
				height: auto;
				position: relative;
		}
		#wrapper .section .section_inner {
				background-color: #F8F8F8;
				padding: 3vw 5vw 10vw;
				width: 90vw;
				margin: 0 auto;
		}
		#wrapper .section .time {
				background-color: #A01717;
				padding: 1vw 2vw;
				font-size: 2.82051vw;
				color: #fff;
				display: inline-block;
				position: relative;
		}
		#wrapper .section .time:before {
				content: "";
				background-color: #333;
				width: 5vw;
				height: 1px;
				position: absolute;
				top: 50%;
				left: -7.5vw;
		}
		#wrapper .section .ttl {
				font-size: 4.61538vw;
				font-weight: 700;
				padding-bottom: 10px;
				line-height: 1.5;
				width: 80vw;
				border-bottom: 1px dotted #ccc;
				margin: 2vw 0 3vw;
		}
		#wrapper .section .ttl span {
				font-size: 20px;
				font-weight: 700;
		}
		#wrapper .section .panel {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin: 0;
		}
		#wrapper .section .panel img {
				margin-right: 2vw;
				max-width: 10vw;
		}
		#wrapper .section .panel p {
				font-size: 3.07692vw;
				line-height: 1.5;
		}
		#wrapper .section .profile_icon {
				position: absolute;
				right: 7vw;
				top: -3vw;
				z-index: 3;
		}
		#wrapper .section .profile_icon img {
				max-width: 15vw;
		}
		#wrapper .section .profile_icon02 {
				position: absolute;
				right: 7vw;
				top: -3vw;
				z-index: 3;
		}
		#wrapper .section .profile_icon02 img {
				max-width: 32vw;
		}
		#wrapper .section .profile_icon03 {
				position: absolute;
				right: 7vw;
				top: -3vw;
				z-index: 3;
		}
		#wrapper .section .profile_icon03 img {
				max-width: 45vw;
		}
		#wrapper .section .profile {
				background-color: #A01717;
				border-radius: 0;
				width: 85vw;
				padding: 5vw;
				margin: 0;
				position: relative;
				left: inherit;
				right: -10vw;
				top: -5vw;
				z-index: 2;
				display: block;
		}
		#wrapper .section .profile_box {
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				align-items: flex-start;
				margin: 0 auto;
				width: 75vw;
		}
		#wrapper .section .profile_ttl {
				flex-basis: 75vw;
				text-align: left;
				margin-bottom: 3vw;
		}
		#wrapper .section .profile_ttl img {
				max-height: 4vw;
		}
		#wrapper .section .profile_txt {
				flex-basis: 75vw;
				padding-right: 0;
		}
		#wrapper .section .profile_txt h6 {
				font-size: 3.33333vw;
				font-weight: 700;
				line-height: 1.5;
				color: #fff;
				margin-bottom: 10px;
		}
		#wrapper .section .profile_txt .mt20 {
				margin-top: 20px;
		}
		#wrapper .section .profile_txt p {
				font-size: 3.07692vw;
				font-weight: 400;
				line-height: 1.8;
				color: #fff;
		}
		#wrapper .section .profile_txt p a {
				text-decoration: none;
				color: #fff;
		}
		#wrapper .section .profile_txt ul {
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				margin-top: 5px;
		}
		#wrapper .section .profile_txt li {
				font-size: 3.07692vw;
				font-weight: 400;
				line-height: 1.5;
				color: #fff;
				margin-bottom: 0;
		}
		#wrapper .section .profile_txt li:nth-child(odd) {
				flex-basis: 100%;
				font-weight: 700;
				margin-top: 2vw;
		}
		#wrapper .section .profile_txt li:nth-child(even) {
				flex-basis: 100%;
		}
		#wrapper .section .border {
				margin: 20px auto;
				border-bottom: 1px dotted #fff;
				width: 75vw;
		}
		#wrapper .section .greeting {
				background-color: #fff;
				border-radius: 0;
				border: 3px solid #A01717;
				width: 85vw;
				padding: 5vw;
				margin: 0;
				position: relative;
				left: inherit;
				right: 0;
				top: 3vw;
				z-index: 2;
				display: block;
		}
		#wrapper .section .greeting ul {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				width: 100%;
		}
		#wrapper .section .greeting ul .summary p {
				font-size: 3.33333vw;
				line-height: 2;
				text-align: left;
				margin: 0 0 5vw;
		}
		#wrapper .section .greeting ul .summary h6 {
				font-size: 3.33333vw;
				font-weight: 500;
				line-height: 2;
				text-align: left;
				color: #A01717;
				margin: 0 0 5vw;
		}
		#wrapper .map {
				margin: 0 auto 20vw;
				width: 100vw;
		}
		#wrapper .earth {
				border-radius: 1.28205vw;
				border: 2px solid #95BC71;
				padding: 5vw;
				max-width: 90vw;
				margin: 10vw auto 8vw;
				background-color: #fff;
		}
		#wrapper .earth ul {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				width: 100%;
		}
		#wrapper .earth ul .photo {
				flex-basis: 100%;
				margin-bottom: 5vw;
		}
		#wrapper .earth ul .photo img {
				max-width: 100%;
		}
		#wrapper .earth ul .summary {
				flex-basis: 100%;
				text-align: center;
		}
		#wrapper .earth ul .summary .ttl {
				margin: 0 0 1vw;
		}
		#wrapper .earth ul .summary h5 {
				font-size: 4.10256vw;
				font-weight: 700;
				color: #1f1f1f;
				line-height: 1.8;
				margin: 0 0 2vw;
		}
		#wrapper .earth ul .summary h5 span {
				font-size: 3.33333vw;
				margin-left: 2vw;
		}
		#wrapper .earth ul .summary h6 {
				font-size: 3.58974vw;
				font-weight: 700;
				color: #95BC71;
				line-height: 1.6;
				margin: 0 0 3vw;
				text-align: center;
		}
		#wrapper .earth ul .summary p {
				font-size: 3.33333vw;
				line-height: 2;
				font-weight: 400;
				text-align: left;
		}
		#wrapper .program {
				max-width: 90vw;
				border: 2px solid #A01717;
				border-radius: 1.28205vw;
				background-color: #fff;
				margin: 0 auto 12vw;
				padding: 5vw;
				text-align: center;
		}
		#wrapper .program .ttl {
				margin: 0 0 1vw;
		}
		#wrapper .program h5 {
				font-size: 4.10256vw;
				font-weight: 700;
				color: #1f1f1f;
				line-height: 1.8;
				margin: 0 0 2vw;
		}
		#wrapper .program h6 {
				font-size: 3.58974vw;
				font-weight: 700;
				color: #A01717;
				line-height: 2;
				margin: 0 0 3vw;
				text-align: center;
		}
		#wrapper .program .program_flex {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 70vw;
				margin: 3vw auto 0;
		}
		#wrapper .program .program_bx {
				flex-basis: 70vw;
				text-align: center;
				background-color: #F8F8F8;
				border-radius: 1.28205vw;
				padding-bottom: 5vw;
				margin-bottom: 5vw;
		}
		#wrapper .program .program_bx .head {
				margin: 0 auto;
		}
		#wrapper .program .program_bx .head img {
				max-width: 100%;
		}
		#wrapper .program .program_bx h5 {
				font-size: 3.58974vw;
				font-weight: 700;
				line-height: 1.6;
				color: #A01717;
				text-align: center;
				margin: 2vw auto;
		}
		#wrapper .program .program_bx p {
				font-size: 3.33333vw;
				font-weight: 400;
				line-height: 2;
				text-align: left;
				padding: 0 3vw;
		}
		#wrapper .program .program_bx span {
				font-size: 3.07692vw;
				font-weight: 400;
				line-height: 2;
				text-align: left;
				display: block;
				padding: 0 3vw;
		}
		#wrapper .greeting_info {
				background-color: #fff;
				border-radius: 1.28205vw;
				border: 2px solid #ccc;
				width: 90vw;
				padding: 5vw;
				margin: 0 auto 15vw;
				display: block;
		}
		#wrapper .greeting_info ul {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap-reverse;
				width: 100%;
		}
		#wrapper .greeting_info ul .summary h5 {
				font-size: 4.35897vw;
				font-weight: 700;
				line-height: 1.6;
				margin: 0 0 15px;
				text-align: left;
				color: #A01717;
		}
		#wrapper .greeting_info ul .summary p {
				font-size: 3.07692vw;
				line-height: 1.6;
				text-align: left;
				margin: 0 0 25px;
		}
		#wrapper .greeting_info ul .summary h6 {
				font-size: 3.33333vw;
				font-weight: 700;
				line-height: 1.6;
				text-align: left;
				margin: 0 0 15px;
		}
		#wrapper .greeting_info ul .photo {
				margin-right: 0;
		}
		#wrapper .sign_info {
				background-color: #fff;
				border-radius: 1.28205vw;
				border: 2px solid #ccc;
				width: 85vw;
				padding: 5vw;
				margin: -5vw 5vw 10vw 10vw;
				display: block;
		}
		#wrapper .sign_info ul {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
				width: 100%;
		}
		#wrapper .sign_info ul .summary h5 {
				font-size: 3.58974vw;
				font-weight: 700;
				line-height: 1.5;
				margin: 0 0 15px;
				text-align: center;
				color: #A01717;
		}
		#wrapper .sign_info ul .summary p {
				font-size: 3.07692vw;
				line-height: 1.6;
				text-align: left;
				margin: 0 0 25px;
		}
		#wrapper .sign_info ul .summary h6 {
				font-size: 3.33333vw;
				font-weight: 700;
				line-height: 1.6;
				text-align: left;
				margin: 0 0 15px;
		}
		#wrapper .sign_info ul .photo {
				margin-right: 0;
				margin-bottom: 4vw;
		}
}