@charset "UTF-8";


/*
:root {
	--bg-texture: url( './../image/common/bg.jpg' ) repeat;
}
*/

/**************************************************
　eyeCatch
***************************************************/

.eyeCatch {
	background: url( './../image/top/eyecatch.jpg' ) no-repeat center;
	background-size: cover;
}

/**************************************************
　leadBlock
***************************************************/

.leadBlock::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.leadBlock::after {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.leadBlock strong {
	opacity: 0;
	text-align: center;
}
.leadBlock strong b,
.leadBlock strong span.b {
	color: var(--base-orange-deep);
}
.leadBlock strong span {
	animation: showChar 1.0s ease forwards;
	opacity: 0;
}
@keyframes showChar {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.leadBlock .textBox p {
	text-align: center;
	line-height: 1.8rem;
}
.leadBlock .textBox p:first-of-type {
	position: relative;
}
.leadBlock .textBox p:first-of-type::before,
.leadBlock .textBox p:first-of-type::after {
	color: var(--base-gray);
	font-weight: bold;
}
.leadBlock .textBox p:first-of-type::before {
	content: '“';
}
.leadBlock .textBox p:first-of-type::after {
	content: '”';
}


/**************************************************
　さまざまな受け入れのカタチ
***************************************************/

.learningBlock::before {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.learningBlock::after {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
/*
.learningBlock {
	background: var(--base-bg-yellow);
}
*/
.learningBlock .eachBox .textBox {
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	position: relative;
}
.learningBlock .eachBox .textBox::after {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 15px;
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 100%;
	transform: translateX( -50% );
}
.learningBlock .eachBox .textBox .no {
	background: var(--base-black);
	border-radius: 30px;
	color: #fff;
	font-size: .8rem;
	height: 30px;
	left: calc( 50% - 50px );
	line-height: 30px;
	position: absolute;
	text-align: center;
	top: -15px;
	width: 100px;
}
.learningBlock .eachBox .textBox .comment {
	text-align: center;
}
.learningBlock .eachBox .textBox .comment b {
	display: block;
	margin-top: 10px;
}
.learningBlock .eachBox .textBox .comment b span {
	color: var(--base-orange);	
	margin-right: 3px;
}
.learningBlock .eachBox .imageBox {
	text-align: center;
}
.learningBlock .eachBox .imageBox p {
	font-size: 1.2rem;
	font-weight: bold;
}
.learningBlock .more {
	background: var(--base-orange);	
}
.learningBlock .more::after {
	color: #fff;	
}
.learningBlock .more a {
	color: #fff;
}


/**************************************************
　私たちのこと
***************************************************/

.aboutusBlock::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.aboutusBlock::after {
	background: url('./../image/common/mimi-blue.png') no-repeat center;
	background-size: cover;
}
.aboutusBlock .titleBox {
	background: #fff;
	background: var(--bg-texture);
	bottom: 0;
	box-sizing: border-box;
	margin-bottom: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}
.aboutusBlock .titleBox .en {
	text-align: left;
}
.aboutusBlock .en {
	color: var(--base-orange-deep);
	font-weight: bold;
}

.aboutusBlock .upper .textBox b {
	font-weight: 900;
}
.aboutusBlock .upper .textBox b span {
	color: var(--base-orange);
}
.aboutusBlock .upper .imageBox {
	position: relative;
}
.aboutusBlock .upper .imageBox h4,
.aboutusBlock .lower .eachBox a .titleBox h4 {
	color: #000;
	font-weight: bold;
}
.aboutusBlock .lower .eachBox {
	position: relative;
}
.aboutusBlock .lower .eachBox:nth-of-type( 3 ) .en {
	font-family: Arial, Helvetica, sans-serif;
}


.aboutusBlock::after {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}


/**************************************************
　催し・イベント
***************************************************/

/*
.eventBlock::before {
	background: url('./../image/common/mimi-blue.png') no-repeat center;
	background-size: cover;
}
.eventBlock.noise {
	background-color: rgba( 235, 245, 245, .8 );
	background-image: linear-gradient( rgba( 235, 245, 245, .8 ), rgba( 235, 245, 245, .8 ) ), url( './../image/common/noise_blue.png' );
	background-repeat: repeat;
	background-size: 100px;
}
*/
.eventBlock::before {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.eventBlock::after {
	background: url('./../image/common/mimi-wh.png') no-repeat center;
	background-size: cover;
}
.eventBlock .eachBox {
	background-color: #fff;
}
.eventBlock .eachBox .imageBox .thumbnail {
	background-image: url( './../image/none.jpg' );
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.eventBlock .eachBox .textBox {
	box-sizing: border-box;
}
.eventBlock .eachBox .textBox .head p {
	font-weight: 700;
}
.eventBlock .eachBox .textBox .head p a {
	color: #000;
}
.eventBlock .eachBox .textBox .head .date,
.eventBlock .eachBox .textBox .more {
	color: #999;
	text-align: right;
}
.eventBlock .eachBox .textBox .head .date {
	margin-right: 10px;
}
.eventBlock .eachBox .textBox .body {
	font-size: 1.1rem;
	line-height: 2.0rem;
}
.eventBlock .eachBox .textBox .more {
	margin-right: 20px;
}
.eventBlock .eachBox .textBox .more a {
	color: #999;
	font-size: .9rem;
}


/**************************************************
　お知らせ（イベントなし時）
***************************************************/

.topicsBlock:not(.dispEvent)::before {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.topicsBlock:not(.dispEvent)::after {
	background: url('./../image/common/mimi-wh.png') no-repeat center;
	background-size: cover;
}

/**************************************************
　お知らせ（イベントあり時）
***************************************************/

.topicsBlock.dispEvent::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.topicsBlock.dispEvent::after {
	background: url('./../image/common/mimi-wh.png') no-repeat center;
	background-size: cover;
}
.topicsBlock.dispEvent .eachBox {
	box-shadow: 0 0 30px 5px rgba( 103, 103, 103, 0.1 );
}
.topicsBlock.dispEvent + .contactBlock {
	box-shadow: 0 0 30px 5px rgba( 203, 203, 203, 0.1 );
}


/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* leadBlock */
	.leadBlock .textBox p:first-of-type::before,
	.leadBlock .textBox p:first-of-type::after {
		font-size: 2.0rem;
	}
	.leadBlock strong:last-of-type {
		margin-bottom: 40px;
	}
	.leadBlock .more {
		margin-top: 60px;
	}

	/* さまざまな受け入れのカタチ */
	.learningBlock .eachBox,
	.learningBlock .eachBox .textBox {
		width: 80vw;
	}
	.learningBlock .eachBox {
		margin-bottom: 70px;
	}
	.learningBlock .eachBox .textBox {
		margin-bottom: 30px;
		padding: 35px 20px 20px;
	}
	.learningBlock .eachBox .imageBox img {
		margin-bottom: 20px;
		max-width: 200px;
	}	
	.learningBlock .more {
		margin-top: 60px;
	}

	/* 私たちのこと */
	.aboutusBlock .titleBox .en {
		font-size: .9rem;
		margin-top: 5px;
	}
	.aboutusBlock .upper .imageBox h4,
	.aboutusBlock .lower .eachBox a .eyeCatch .titleBox h4 {
		font-size: 1.4rem;
	}
	.aboutusBlock .upper .titleBox {
		border-top-left-radius: 60px;
		padding: 20px 20px 20px 40px;
	}
	.aboutusBlock .upper {
		margin-bottom: 60px;
	}
	.aboutusBlock .upper .imageBox {
		margin-bottom: 30px;
	}
	.aboutusBlock .upper .imageBox img {
		border-top-right-radius: 60px;
		border-bottom-left-radius: 60px;
		max-width: 80dvw;
	}
	.aboutusBlock .upper .textBox b {
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
	.aboutusBlock .upper .textBox p {
		font-size: 1.1rem;
		line-height: 2.4rem;
		margin: 40px 0;
	}
	.aboutusBlock .upper .textBox br {
		display: none;
	}
	.aboutusBlock .lower .container {
		display: flex;
		flex-wrap: wrap;
	}
	.aboutusBlock .lower .eachBox {
		width: calc( 40dvw - 10px );
	}
	.aboutusBlock .lower .eachBox img {
		border-top-left-radius: 60px;
		height: calc( 40dvw - 10px );
		margin-bottom: 10px;
		max-width: calc( 40dvw - 10px );
	}
	.aboutusBlock .lower .eachBox:nth-of-type( odd ) {
		margin-right: 20px;
	}
	.aboutusBlock .lower .titleBox {
		bottom: initial;
		position: relative;
		right: initial;
	}

	/* 催し・イベント */
	.eventBlock .eachBox {
		width: 80vw;
	}
	.eventBlock .eachBox,
	.eventBlock .eachBox .imageBox {
		border-top-left-radius: 60px;
	}
	.eventBlock .eachBox,
	.eventBlock .eachBox .textBox {
		border-bottom-right-radius: 60px;
	}
	.eventBlock .eachBox .imageBox,
	.eventBlock .eachBox .imageBox .thumbnail {
		width: 80vw;
	}
	.eventBlock .eachBox .textBox .head p {
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	.eventBlock .eachBox .textBox .head .date {
		margin-bottom: 25px;
	}
	.eventBlock .eachBox .textBox {
		padding: 40px 30px;
	}
	.eventBlock .eachBox .textBox .body {
		margin-bottom: 30px;
	}

	/* お知らせ */
	.topicsBlock.dispEvent .eachBox {
		border-top-right-radius: 60px;
		border-bottom-left-radius: 60px;
	}

}
@media (max-width: 320px) {

	/* 幅狭スマホ */

	/* leadBlock */
	.leadBlock {
		padding: 40px 0 80px;
	}
	.leadBlock strong {
		font-size: 1.6rem;
		letter-spacing: .1rem;
		line-height: 3.2rem;
	}
	.leadBlock .textBox p {
		font-size: 1.0rem;
		line-height: 2.0rem;
		margin-top: 35px;
	}

	/* さまざまな受け入れのカタチ */
	.learningBlock .eachBox .textBox .comment b {
		font-size: 1.2rem;
	}

	/* 私たちのこと */
	.aboutusBlock {
		padding-top: 80px;
	}
	.aboutusBlock .upper .textBox {
		margin-bottom: 60px;
	}
	.aboutusBlock .lower .eachBox:nth-of-type( n + 3 ) {
		margin-top: 50px;
	}

	/* 催し・イベント */
	.eventBlock .eachBox .imageBox,
	.eventBlock .eachBox .imageBox .thumbnail {
		height: 200px;
	}

}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */

	/* leadBlock */
	.leadBlock {
		padding: 50px 0 100px;
	}
	.leadBlock strong {
		font-size: 1.8rem;
		letter-spacing: .2rem;
		line-height: 3.2rem;
	}
	.leadBlock .textBox p {
		font-size: 1.1rem;
		line-height: 2.2rem;
		margin-top: 45px;
	}

	/* さまざまな受け入れのカタチ */
	.learningBlock .eachBox .textBox .comment b {
		font-size: 1.4rem;
	}

	/* 私たちのこと */
	.aboutusBlock {
		padding-top: 100px;
	}
	.aboutusBlock .upper .textBox {
		margin-bottom: 80px;
	}
	.aboutusBlock .lower .eachBox:nth-of-type( n + 3 ) {
		margin-top: 60px;
	}

	/* 催し・イベント */
	.eventBlock .eachBox .imageBox,
	.eventBlock .eachBox .imageBox .thumbnail {
		height: 240px;
	}


}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/* leadBlock */
	.leadBlock strong {
		letter-spacing: .4rem;
		position: relative;
	}
	.leadBlock .textBox p {
		margin-top: 45px;
	}
	.leadBlock .contents::after,
	.leadBlock strong:last-of-type::after {
		background: #999;
		content: '';
		display: block;
		position: absolute;
	}
	.leadBlock strong:last-of-type::after {
		animation: showIn 3.0s .2s ease-in forwards, fly 3.0s 1.2s steps( 2 ) infinite;
		background: url( './../image/common/blue-bird.png' ) no-repeat;
		background-size: contain;
		bottom: -80px;
		height: 100px;
		opacity: 0;
		transform: rotate( 90deg );
		width: 100px;
	}
	.leadBlock strong:last-of-type.show::after {
		animation: fadeIn .6s 2.4s ease-in forwards;
	}
	@keyframes fadeIn {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	.leadBlock .contents::after {
		animation: parapara 3.0s steps( 2 ) infinite;
		background: url( './../image/top/lead-02.png' ) no-repeat top left;
		background-size: 280px 320px;
		bottom: -60px;
		height: 320px;
		right: 30px;
		width: 140px;
	}
	@keyframes parapara {
		to {
			background-position: -280px 0;
		}
	}

	/* さまざまな受け入れのカタチ */
	.learningBlock .eachBox .textBox {
		margin-bottom: 40px;
	}

	/* 私たちのこと */
	.aboutusBlock .upper .textBox .more {
		margin: 0 0 0 auto;
	}
	.aboutusBlock .upper .textBox {
		float: left;
	}
	.aboutusBlock .upper .imageBox {
		float: right;
	}
	.aboutusBlock .titleBox {
		height: 100px;
		padding: 40px 40px 40px 60px;
		width: 300px;
	}
	.aboutusBlock .titleBox .en {
		font-size: 1.0rem;
		margin-top: 10px;
	}

	/* 催し・イベント */
	.eventBlock .eachBox {
		display: flex;	
	}
	.eventBlock .eachBox .textBox .head p {
		margin-bottom: 20px;
	}

	/* お知らせ */
	.topicsBlock .eachBox {
		margin-bottom: 0;
	}
	
}


/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1100px) and (min-width: 768px) {

	/* leadBlock */
	.leadBlock strong {
		font-size: 2.2rem;
		line-height: 4.0rem;
	}
	.leadBlock strong:last-of-type {
		margin-bottom: 60px;
	}
	.leadBlock strong:last-of-type::after {
		left: 0;
	}
	.leadBlock .contents::after {
		right: -50px;
	}
	.leadBlock .textBox p {
		font-size: 1.2rem;
		line-height: 3.0rem;
	}
	.leadBlock .textBox p:first-of-type::before,
	.leadBlock .textBox p:first-of-type::after {
		font-size: 2.0rem;
	}
	.leadBlock .more {
		margin-top: 80px;
	}

	/* さまざまな受け入れのカタチ */
	.learningBlock .container {
		width: 700px;
	}
	.learningBlock h2 {
		margin-bottom: 100px;
	}
	.learningBlock .eachBox,
	.learningBlock .eachBox .textBox {
		width: 220px;
	}
	.learningBlock .eachBox {
		margin-left: 20px;
	}
	.learningBlock .eachBox:first-of-type {
		margin-left: 0;
	}
	.learningBlock .eachBox .textBox {
		height: 160px;
		padding: 35px 20px 25px;
	}
	.learningBlock .eachBox:nth-of-type( 3 ) .textBox {
		padding-top: 50px;
	}
	.learningBlock .eachBox .textBox .comment b {
		font-size: 1.2rem;
		line-height: 2.0rem;
	}
	.learningBlock .eachBox .imageBox img {
		margin-bottom: 40px;
		max-width: 200px;
	}	
	.learningBlock .more {
		margin-top: 80px;
	}

	/* 私たちのこと */
	.aboutusBlock {
		padding: 120px 0 140px;
	}
	.aboutusBlock .titleBox {
		border-top-left-radius: 80px;
	}
	.aboutusBlock .upper {
		margin-bottom: 120px;
	}
	.aboutusBlock .contents,
	.aboutusBlock .lower {
		width: 700px;
	}
	.aboutusBlock .upper .textBox {
		width: 330px;
	}
	.aboutusBlock .upper .textBox b {
		font-size: 1.65rem;
		line-height: 3.6rem;
	}
	.aboutusBlock .upper .textBox p {
		font-size: 1.1rem;
		line-height: 2.4rem;
		margin: 35px 0 60px 0;
	}
	.aboutusBlock .upper .imageBox {
		height: 241px;
		margin: 20px 0 0 40px;
		width: 330px;
	}
	.aboutusBlock .upper .imageBox img {
		border-top-right-radius: 60px;
		border-bottom-left-radius: 60px;
		height: 241px;
		width: 330px;
	}
	.aboutusBlock .lower .eachBox {
		margin-left: 35px;
		width: 210px;
	}
	.aboutusBlock .lower .eachBox .titleBox {
		width: 210px;
	}
	.aboutusBlock .lower .eachBox img {
		border-top-left-radius: 60px;
		border-bottom-right-radius: 60px;
		height: 210px;
		max-width: 210px;
	}
	.aboutusBlock .lower .eachBox:first-of-type {
		margin-left: 0;
	}
	.aboutusBlock .upper .imageBox h4,
	.aboutusBlock .lower .eachBox a .titleBox h4 {
		font-size: 1.2rem;
	}

	/* 催し・イベント */
	.eventBlock .eachBox {
		height: 260px;
		width: 700px;
	}
	.eventBlock .eachBox,
	.eventBlock .eachBox .imageBox {
		border-top-left-radius: 60px;
	}
	.eventBlock .eachBox,
	.eventBlock .eachBox .textBox {
		border-bottom-right-radius: 60px;
	}
	.eventBlock .eachBox .imageBox,
	.eventBlock .eachBox .imageBox .thumbnail {
		height: 260px;
		width: 300px;
	}
	.eventBlock .eachBox .textBox .head p {
		font-size: 1.4rem;
	}
	.eventBlock .eachBox .textBox .head .date {
		margin-bottom: 25px;
	}
	.eventBlock .eachBox .textBox {
		box-sizing: border-box;
		height: 260px;
		margin-bottom: 20px;
		overflow-y: auto;
		padding: 30px;
		width: 400px;
	}
	.eventBlock .eachBox .textBox .more a {
		font-size: .85rem;
	}

	/* お知らせ */
	.topicsBlock.dispEvent .eachBox {
		border-top-right-radius: 60px;
		border-bottom-left-radius: 60px;
	}

	
}


/* ■■ PC ■■ */
@media screen and (min-width: 1101px) {

	/* leadBlock */
	.leadBlock .contents::after {
		right: 0;
	}
	.leadBlock strong {
		font-size: 2.6rem;
		line-height: 4.6rem;
	}
	.leadBlock strong:last-of-type {
		margin-bottom: 80px;
	}
	.leadBlock .textBox p {
		font-size: 1.3rem;
		line-height: 3.0rem;
	}
	.leadBlock .textBox p:first-of-type::before,
	.leadBlock .textBox p:first-of-type::after {
		font-size: 2.0rem;
	}
	.leadBlock .more {
		margin-top: 90px;
	}

	/* さまざまな受け入れのカタチ */
	.learningBlock h2 {
		margin-bottom: 120px;
	}
	.learningBlock .container {
		width: 960px;
	}
	.learningBlock .eachBox,
	.learningBlock .eachBox .textBox {
		width: 300px;
	}
	.learningBlock .eachBox {
		margin-left: 30px;
	}
	.learningBlock .eachBox:first-of-type {
		margin-left: 0;
	}
	.learningBlock .eachBox .textBox {
		padding: 35px 30px 25px;
	}
	.learningBlock .eachBox .textBox .comment {
		font-size: 1.1rem;
	}	
	.learningBlock .eachBox .textBox .comment b {
		font-size: 1.2rem;
	}
	.learningBlock .eachBox .imageBox img {
		margin-bottom: 40px;
		max-width: 250px;
	}	
	.learningBlock .more {
		margin-top: 100px;
	}

	/* 私たちのこと */
	.aboutusBlock {
		padding: 140px 0 160px;
	}
	.aboutusBlock .titleBox {
		border-top-left-radius: 100px;
	}
	.aboutusBlock .upper {
		margin-bottom: 160px;
	}
	.aboutusBlock .contents,
	.aboutusBlock .lower {
		width: 1020px;
	}
	.aboutusBlock .upper .textBox {
		width: 460px;
	}
	.aboutusBlock .upper .textBox b {
		font-size: 2.2rem;
		line-height: 4.0rem;
	}
	.aboutusBlock .upper .textBox p {
		font-size: 1.2rem;
		line-height: 2.6rem;
		margin: 40px 0 70px 0;
	}
	.aboutusBlock .upper .imageBox {
		height: 350px;
		margin-left: 80px;
		width: 480px;
	}
	.aboutusBlock .upper .imageBox img {
		border-top-right-radius: 80px;
		border-bottom-left-radius: 80px;
		height: 350px;
		width: 480px;
	}
	.aboutusBlock .lower .eachBox {
		margin-left: 60px;
		width: 300px;
	}
	.aboutusBlock .lower .eachBox .titleBox {
		width: 240px;
	}
	.aboutusBlock .lower .eachBox img {
		border-top-left-radius: 80px;
		border-bottom-right-radius: 80px;
		height: 300px;
		max-width: 300px;
	}
	.aboutusBlock .lower .eachBox:first-of-type {
		margin-left: 0;
	}
	.aboutusBlock .upper .imageBox h4,
	.aboutusBlock .lower .eachBox a .titleBox h4 {
		font-size: 1.3rem;
	}

	/* 催し・イベント */
	.eventBlock .eachBox {
		height: 320px;
		width: 1020px;
	}
	.eventBlock .eachBox,
	.eventBlock .eachBox .imageBox {
		border-top-left-radius: 80px;
	}
	.eventBlock .eachBox,
	.eventBlock .eachBox .textBox {
		border-bottom-right-radius: 80px;
	}
	.eventBlock .eachBox .imageBox,
	.eventBlock .eachBox .imageBox .thumbnail {
		height: 320px;
		width: 400px;
	}
	.eventBlock .eachBox .textBox .head p {
		font-size: 1.6rem;
	}
	.eventBlock .eachBox .textBox .head .date {
		margin-bottom: 30px;
	}
	.eventBlock .eachBox .textBox {
		padding: 40px;
		width: 620px;
	}
	.eventBlock .eachBox .textBox .body {
		box-sizing: border-box;
		font-size: 1.2rem;
		height: 100px;
		line-height: 2.2rem;
		margin-bottom: 20px;
		overflow-y: auto;
	}

	/* お知らせ */
	.topicsBlock.dispEvent .eachBox {
		border-top-right-radius: 80px;
		border-bottom-left-radius: 80px;
	}

}
@media screen and (min-width: 1400px) {

	/* ワイドブラウザ */

	/* leadBlock */
	.leadBlock {
		padding: 120px 0 160px;
	}
	.leadBlock strong {
		font-size: 2.8rem;
		line-height: 4.8rem;
	}
	.leadBlock strong:last-of-type::after {
		height: 120px;
		left: -20px;
		width: 120px;
	}

	/* さまざまな受け入れのカタチ */
	.learningBlock .contents,
	.learningBlock .container {
		width: 1160px;
	}
	.learningBlock .eachBox,
	.learningBlock .eachBox .textBox {
		width: 360px;
	}
	.learningBlock .eachBox {
		margin-left: 40px;
	}
	.learningBlock .eachBox .textBox {
		padding: 45px 30px 35px;
	}
	.learningBlock .eachBox .textBox .comment b {
		font-size: 1.6rem;
	}

	/* 私たちのこと */
	.aboutusBlock {
		padding-top: 160px;
	}
	.aboutusBlock .titleBox {
		height: 120px;
		width: 320px;
	}
	.aboutusBlock .titleBox .en {
		font-size: 1.2rem;
	}
	.aboutusBlock .contents,
	.aboutusBlock .lower {
		width: 1110px;
		width: 1140px;
	}
	.aboutusBlock .upper .textBox {
		width: 460px;
	}
	.aboutusBlock .upper .imageBox {
		height: 423px;
		margin-left: 100px;
		width: 580px;
	}
	.aboutusBlock .upper .imageBox img {
		height: 423px;
		width: 580px;
	}
	.aboutusBlock .lower .eachBox {
		width: 340px;
	}
	.aboutusBlock .lower .eachBox .titleBox {
		width: 250px;
	}
	.aboutusBlock .lower .eachBox img {
		height: 340px;
		max-width: 340px;
	}

	/* 催し・イベント */
	.eventBlock .contents,
	.eventBlock .eachBox {
		width: 1220px;
	}
	.eventBlock .eachBox {
		height: 360px;
	}
	.eventBlock .eachBox .imageBox,
	.eventBlock .eachBox .imageBox .thumbnail {
		height: 360px;
		width: 500px;
	}
	.eventBlock .eachBox .textBox {
		padding: 50px 60px 60px;
		width: 720px;
	}
	.eventBlock .eachBox .textBox .body {
		height: 120px;
	}

}