@charset "UTF-8";

/* -------------------------------------------------

50th_anniversary.css（創立50周年記念事業）

------------------------------------------------- */
/* ページタイトル
================================================== */
.pageimage_wrp h2 .small	{
	font-size:26px;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
}
@media screen and (max-width: 640px)  {
.pageimage_wrp h2 .small	{
	font-size:16px;
}
}
@media screen and (max-width: 480px)  {
.pageimage_wrp h2 .small	{
	font-size:14px;
}
}


#page .sec01 {
	padding: 20px 0 50px;
	position: relative;
	background: #FFFFFF;
}
#page .sec02 {
	margin: 0 0 50px;
	position: relative;
}
#page .sec03 {
	margin: 0 0 100px;
	position: relative;
}
@media screen and (max-width: 898px)  {
#page .sec01 {
	/*padding: 50px 0;*/
	padding: 0 0 50px;
}
#page .sec02,#page .sec03 {
	margin: 0 0 50px;
}
}
@media screen and (max-width: 480px)  {
/*#page .sec01 {
	padding: 30px 0 50px;
}*/
#page .sec02 {
	margin: 0 0 50px;
}
}


/* -------------------------------------------------

anniversary_bg（ページタイトル背景）

------------------------------------------------- */
.anniversary_bg {
	background:#2A579A;
 box-sizing: border-box;
	min-height:300px;
}
@media screen and (max-width: 640px)  {
.anniversary_bg {
	min-height:150px;
}
}


/* -------------------------------------------------

anniversary（記念事業）

------------------------------------------------- */
.anniversary_wrp	{
 width: 1250px;
 margin: 0px auto;
	position:relative;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight:400;
}
.anniversary_wrp::after {
 content: "";
 display: block;
 clear: both;
}

.anniversary_inner	{
	width:100%;
 margin: 50px auto;
}
.anniversary_inner > section	{
	width:100%;
	margin:0;
	padding:20px;
}
.anniversary_inner > section:last-child	{
	padding:0 0 20px;
}
.anniversary_inner > section h3	{
	width:100%;
 font-family: "Noto Sans Japanese", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	background-color:#1582bb;
	color:	#fff;
 padding: 12px 10px 12px 20px;
	margin:0 0 20px;
}
.anniversary_inner > section p	{
	padding:5px 15px 5px 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {
.anniversary_wrp	{
 width: 92%;
 margin: 0px auto;
}
}
@media screen and (min-width: 899px) and (max-width: 1024px) {
.anniversary_wrp	{
 width: 92%;
 margin: 0px auto;
}
}
@media screen and (max-width: 898px)  {
.anniversary_wrp	{
 width: 95%;
	margin:0 auto;
}

}
@media screen and (max-width: 768px)  {
.anniversary_wrp h3	{
	font-size:22px;
	margin:0 0 15px;
}
.anniversary_wrp p	{
	line-height:1.5;
	font-size:14px;
}
.anniversary_inner	{
	/*padding:20px 0;*/
}
.anniversary_inner > section	{
	padding:0 0 20px;
}
.anniversary_inner > section:last-child	{
	padding:0;
}
.anniversary_inner > section h3	{
	font-size:16px;
	padding: 12px 10px;
	margin:0 0 10px;
}
.anniversary_inner h5.bp	{
	font-size:16px;
 padding: 0 0 5px;
	margin:20px 5px 10px;
}
.anniversary_inner > section p	{
	padding:5px;
	font-size:14px;
}
.anniversary_inner > section ol	{
	margin:0 0 20px;
	padding:0 15px 0 35px;
}
.anniversary_inner > section ol li	{
	font-size:14px;
}
.anniversary_inner > section ol li > ul 	{
	margin:0px;
	padding:10px 10px 0px 0px;
}
.anniversary_inner > section ul	{
	margin:0 0 10px;
	padding:0 15px 0 30px;
}
.anniversary_inner > section ul li	{
	font-size:14px;
	padding: 2px 0; 
}
.anniversary_inner > section dl	{
	/*padding:0 0 0 15px;*/
	padding:0;
}
.anniversary_inner > section dt	{
	font-size:14px;
}
.anniversary_inner > section dd	{
	font-size:14px;
}

}
@media screen and (max-width: 640px)  {
}
@media screen and (max-width: 480px)  {
.anniversary_inner > section h3	{
	font-size:14px;
}
}



/* 挨拶
================================================== */
.greeting_box	{
	display: flex;
	padding: 30px 20px;
}
.greeting_box .photo	{
	flex-basis: 300px;
}
.greeting_box .text	{
 flex-basis: calc(100% - 300px); 
	margin-left: 80px;
	font-size: 17px;
	line-height: 2.4;
	letter-spacing: 0.05em;
	display: flex;
	flex-direction: column;
}
.shacho	{
 display: flex;
	justify-content: flex-end;
	align-items: baseline;
	flex-grow: 1;
	margin-top: 20px;
}
.shacho span	{
 font-size: 28px;
	font-weight: 700;
	font-family: "Noto Serif", serif;
}
@media screen and (max-width: 898px)  {
.greeting_box	{
	padding: 20px 0px;
}
.greeting_box .text	{
	margin-left: 50px;
	line-height: 2;
}
}
@media screen and (max-width: 768px)  {
.greeting_box .photo	{
	flex-basis: 240px;
}
.greeting_box .text	{
 flex-basis: calc(100% - 240px); 
	margin-left: 30px;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.03em;
}
.shacho span	{
 font-size: 22px;
}
}

@media screen and (max-width: 568px)  {
.greeting_box	{
	flex-direction: column;
	padding: 10px;
}
.greeting_box .photo	{
	flex-basis: 100%;
	max-width: 240px;
	width: 100%;
	margin: 0 auto 30px;
}
.greeting_box .text	{
 flex-basis: 100%; 
	margin-left: 0px;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.03em;
}
.shacho span	{
 font-size: 20px;
}
}

@media screen and (max-width: 768px)  {
}


/* 一覧表
================================================== */



/* 詳細ページ　写真枠
================================================== */
/* 写真複数枚 */
.Photo__column02,
.Photo__column03 {
 width: 100%;
	margin: 20px auto;
	padding: 0 20px;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	/*align-items: center;*/
	font-size: 1.4rem;
}
.Photo__column02 > div,
.Photo__column03 > div {
	margin-bottom: 30px !important;
}
.Photo__column02 > div	img,
.Photo__column03 > div	img {
	border-radius: 8px;
}
.Photo__column02 > div figure,
.Photo__column03 > div figure	{
 position: relative;
 overflow: hidden;
 /* padding-top: 56.25%;		16:9*/
 padding-top: 75%;    /* 4:3 */
	/* padding-top: 66.66%; 3:2 */
	margin-bottom: 8px;
}
.Photo__column02 > div figure	img,
.Photo__column03 > div figure	img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 100%;
 height: 100%;
 object-fit: cover;
}
@media screen and (max-width: 898px)  {
.Photo__column02,
.Photo__column03 {
	padding: 0px;
}
}
@media screen and (max-width: 768px)  {
.Photo__column02,
.Photo__column03	{
	font-size: 1.3rem;
	line-height: 1.7 !important;
}
.Photo__column02 > div,
.Photo__column03 > div {
	margin-bottom: 15px !important;
}
}

/* 横並び2列 */
.Photo__column02 > div	{
	width: calc(50% - 15px);
 margin:0 30px 30px 0;
	overflow: hidden;
}
.Photo__column02 > div:nth-child(2n) {
 margin-right: 0;
}
@media screen and (max-width: 640px)  {
.Photo__column02 > div	{
	width: calc(50% - 8px);
 margin:0 15px 15px 0;
}
}

/* 横並び3列 */
.Photo__column03 > div	{
	width: calc(33.3333% - 10px);
 margin:0 15px 15px 0;
}
.Photo__column03 > div:nth-child(3n) {
 margin-right: 0;
}

@media screen and (max-width: 640px)  {
.Photo__column03 > div	{
	width: calc(50% - 8px);
 margin:0 15px 15px 0;
}
.Photo__column03 > div:nth-child(2n) {
 margin-right: 0;
}
.Photo__column03 > div:nth-child(3) {
 margin-right: 15px;
}
}
@media screen and (max-width: 414px)  {
.Photo__column03 > div	{
	width: 100%;
 margin:0;
}
.Photo__column03 > div:nth-child(3) {
 margin-right: 0;
}
}