@charset "UTF-8";
/*-------------------------
 * 
 * 
 * 
 * ページタイトル
 * 
 * 
 * 
-------------------------*/

#subpage__mv .subpage__mv-pic {
	background-image: url(../images/about/mv.png);
	/*background-position: center top;*/
}

@media (max-width: 1280px) {

}

@media (max-width: 960px) {

}

@media (max-width: 640px) {

}

/*-------------------------
 * 
 * 
 * 
 * 見出し
 * 
 * 
 * 
-------------------------*/

.about__hl {
	font-size: 36px;
	line-height: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width: 1280px) {

}

@media (max-width: 960px) {

}

@media (max-width: 640px) {

}

/*-------------------------
 * 
 * 
 * 
 * 理事長挨拶
 * 
 * 
 * 
-------------------------*/

#message {
	overflow: clip;
	background: #fff;
}

#message .message__inner {
	max-width: 1000px;
	padding: 80px 0 128px;
}

#message .about__hl {
	margin-bottom: 72px;
}

#message .message__desc {
	display: flex;
	align-items: center;
	column-gap: 96px;
}

#message .message__desc-inner-hl {
	font-size: 48px;
	line-height: 1.5;
	margin-bottom: 32px;
}

#message .message__text {
	font-size: 15px;
}

/*#message .message__text-list-item {
	font-size: 15px;
	line-height: 2;
}

#message .message__text-list-item dl {
	
}

#message .message__text-list-item-hl {
	display: inline;
	position: relative;
	padding: 0 1em 0 0;
}

#message .message__text-list-item-desc {
	display: inline;
}

#message .message__text-list-item-hl::before {
	display: block;
	content: '…';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}*/

#message .message__desc-pic-container {
	width: 350px;
	flex-shrink: 0;
	position: relative;
}

#message .message__desc-pic-container::before {
	display: block;
	content: '';
	width: 210px;
	height: 676px;
	background: url(../images/about/dot.png) no-repeat center center / cover;
	position: absolute;
	top: -64px;
	right: -42px;
	z-index: 1;
}

#message .message__desc-pic {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 16px;
}

#message .message__desc-pic > .-img {
	padding-top: 117.14%;
	background-image: url(../images/about/message_01.png);
}

#message .message__desc-nameplate {
	display: flex;
	flex-direction: column;
}

#message .message__desc-nameplate-position {
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	margin-bottom: 8px;
}

#message .message__desc-nameplate-name {
	font-size: 22px;
	line-height: 1;
}

@media (max-width: 1280px) {

}

@media (max-width: 960px) {

	#message .about__hl {
		margin-bottom: 40px;
	}

	#message .message__desc {
		flex-direction: column;
		row-gap: 56px;
	}

	#message .message__desc-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		z-index: 2;
	}

	#message .message__desc-pic-container {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		column-gap: 32px;
	}

	#message .message__desc-pic-container::before {
		width: 185px;
		height: 183px;
		background-image: url(../images/about/dot_sp.png);
		top: -24px;
		right: 15%;
	}

	#message .message__desc-pic {
		max-width: 350px;
		margin-bottom: 0;
	}

	#message .message__desc-nameplate {
		padding-bottom: 16px;
	}

}

@media (max-width: 640px) {

	#message .message__inner {
		padding: 64px 0 48px;
	}

	#message .about__hl {
		margin-bottom: 40px;
		position: relative;
	}

	#message .about__hl::before {
		display: block;
		content: '';
		width: 284px;
		height: 62px;
		background: url(../images/about/dot_sp_02.png) no-repeat center center / cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	#message .about__hl img {
		width: 119px;
		height: 23px;
	}

	#message .message__desc {
		row-gap: 24px;
	}

	#message .message__desc-inner-hl {
		font-size: 36px;
		margin-bottom: 24px;
	}

	/*#message .message__text {
		max-width: 340px;
		margin: 0 auto;
	}*/

	#message .message__desc-pic {
		max-width: 180px;
	}

	#message .message__desc-pic-container {
		column-gap: 24px;
	}

	#message .message__desc-pic-container::before {
		width: 89px;
		height: 88px;
		top: -8px;
		right: 8%;
	}

	#message .message__desc-nameplate-position {
		font-size: 12px;
	}
	
	#message .message__desc-nameplate-name {
		font-size: 20px;
	}

}

/*-------------------------
 * 
 * 
 * 
 * 運営理念
 * 
 * 
 * 
-------------------------*/

#philosophy .philosophy__inner {
	max-width: 1000px;
	/*padding: 72px 0 88px;*/
	padding: 72px 0 480px;
}

#philosophy .philosophy__inner > .about__hl {
	margin-bottom: 48px;
}

#philosophy .philosophy__desc {
	/*display: flex;
	column-gap: 96px;*/
}

#philosophy .philosophy__catch {
	font-size: 48px;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 40px;

}

#philosophy .philosophy__text {
	font-size: 15px;
	line-height: 1.8;
	max-width: 650px;
	margin: 0 auto 72px;
}

#philosophy .philosophy__boxes {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	max-width: 900px;
	margin: 0 auto;
}

#philosophy .philosophy__box {
	position: relative;
	padding: 40px;
}

#philosophy .philosophy__box::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .6);
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #fff;
}

#philosophy .philosophy__box-inner {
	position: relative;
}

#philosophy .philosophy__box-hl {
	margin-bottom: 32px;
}

#philosophy .philosophy__box-list ol {
	list-style-type: decimal;
	color: #BAAF9D;
	margin-left: 1.5em;
}

#philosophy .philosophy__box-list-item > span {
	color: #444;
}


#philosophy .message__text-list-item {
	font-size: 15px;
	line-height: 2;
}

#philosophy .message__text-list-item dl {
	/*display: flex;
	flex-wrap: wrap;*/
}

#philosophy .message__text-list-item-hl {
	display: inline;
	/*flex-shrink: 0;*/
	position: relative;
	padding: 0 1em 0 0;
}

#philosophy .message__text-list-item-desc {
	display: inline;
}

#philosophy .message__text-list-item-hl::before {
	display: block;
	content: '…';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}

@media (max-width: 1280px) {

}

@media (max-width: 960px) {

	#philosophy .philosophy__inner {
		/*padding-bottom: 368px;*/
		padding-bottom: calc(35.13% + 104px);
	}

}

@media (max-width: 640px) {

	#philosophy .philosophy__inner {
		padding: 56px 0 calc(35.13% + 56px);
	}

	#philosophy .philosophy__inner > .about__hl {
		margin-bottom: 40px;
	}

	#philosophy .philosophy__inner > .about__hl img {
		width: 96px;
		height: 23px;
	}

	#philosophy .philosophy__catch {
		font-size: 28px;
		margin-bottom: 32px;
		white-space: nowrap;
	}

	#philosophy .philosophy__text {
		margin-bottom: 48px;
	}

	#philosophy .philosophy__box {
		padding: 32px 24px;
	}

	#philosophy .philosophy__box-hl {
		margin-bottom: 24px;
	}

	#philosophy .philosophy__box.-guideline .philosophy__box-hl img {
		width: 97px;
		height: 23px;
	}

	#philosophy .philosophy__box.-conduct .philosophy__box-hl img {
		width: 95px;
		height: 23px;
	}
	
	#philosophy .philosophy__box-list ol {
		list-style-type: decimal;
		color: #BAAF9D;
		margin-left: 1.5em;
	}
	
	#philosophy .philosophy__box-list-item > span {
		color: #444;
	}

}

/*-------------------------
 * 
 * 
 * 
 * 法人概要＆情報公開
 * 
 * 
 * 
-------------------------*/

#outline__mv {
	width: 100%;
	height: 720px;
	position: relative;
	background: url(../images/about/outline_mv.png) no-repeat center center / auto 100%;
	transform: translate(0,-50%);
	margin-bottom: -360px;
}

#outline__mv .outline__mv-whj {
	width: 80px;
	height: 264px;
	position: absolute;
	top: -64px;
	left: 4%;
}

#outline__mv .outline__mv-bottom {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}

#outline__mv .outline__mv-bottom {
	bottom: 0;
}

#outline__mv .outline__mv-bottom > .-img {
	padding-top: 6.91%;
	background-image: url(../images/common/wave/subpage_mv_bottom.svg);
}

#outline__mv_sp {
	display: none;
}

.outline__box {
	background: #fff;
}

.outline__inner {
	padding: 48px 0 0;
}

.outline__box .outline__inner {
	max-width: 1000px;
}

.outline__box .about__hl {
	margin-bottom: 48px;
}

.outline__box .outline__box-desc {
	max-width: 640px;
	margin: 0 auto;
	font-size: 15px;
}

.outline__table {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.outline__table-row {
	display: flex;
}

.outline__table-hl {
	width: 25%;
	flex-shrink: 0;
}

.outline__table-desc {
	width: 75%;
	display: flex;
	flex-wrap: wrap;
}

.outline__box-desc-text {
	display: flex;
	justify-content: center;
}

.outline__box-desc .btn_02 {
	margin-top: 40px;
}

.outline__box-desc .btn_02 a {
	margin: 0 auto;
}

#wamnet .outline__inner {
	padding: 96px 0 104px;
}

#wamnet .btn_02 a {
	width: 262px;
}

#wamnet .btn_02.-external a > span:nth-of-type(2) {
	margin: -2px 0 0 -4px;
}

@media (max-width: 1280px) {

}

@media (max-width: 960px) {

	#outline__mv {
		display: none;
	}
	
	/*#outline__mv .outline__mv-bottom {
		width: 100%;
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
		z-index: 1;
	}
	
	#outline__mv .outline__mv-bottom {
		bottom: 0;
	}
	
	#outline__mv .outline__mv-bottom > .-img {
		padding-top: 6.91%;
		background-image: url(../images/common/wave/subpage_mv_bottom.svg);
	}*/

	#outline__mv_sp {
		display: block;
		margin-top: -35.13%;
	}

	#outline__mv_sp .-img {
		padding-top: 70.26%;
		background-image: url(../images/about/outline_mv_sp.png);
	}

	#outline__mv_sp .outline__mv-bottom_sp {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		z-index: 1;
	}

	#outline__mv_sp .outline__mv-bottom_sp > .-img {
		padding-top: 6.91%;
		background-image: url(../images/common/wave/subpage_mv_bottom.svg);
	}

	#outline__mv_sp .outline__mv-whj {
		width: 80px;
		height: 264px;
		position: absolute;
		top: -24px;
		left: 4%;
	}

}

@media (max-width: 640px) {

	#outline__mv_sp .outline__mv-whj {
		width: 35px;
		height: 116px;
		top: -16px;
		left: 10%;
	}

	.outline__inner {
		padding-top: 40px;
	}

	.outline__box .about__hl {
		margin-bottom: 40px;
	}

	.outline__table-hl {
		/*width: 33%;
		min-width: 120px;*/
		width: 120px;
	}

	.outline__box-desc .btn_02 {
		margin-top: 32px;
	}

	#outline .about__hl img {
		width: 99px;
		height: 23px;
	}

	#wamnet .outline__inner {
		padding: 64px 0;
	}

	#wamnet .about__hl img {
		width: 95px;
		height: 23px;
	}

}

/*-------------------------
 * 
 * 
 * 
 * 取り組み
 * 
 * 
 * 
-------------------------*/

#activities {
	background: #EDE9E1;
	position: relative;
}

#activities .activities__whj {
	/*position: absolute;
	top: -64px;
	right: 4%;*/
	display: none;
}

#activities .activities__inner {
	max-width: 1000px;
	padding: 80px 0 104px;
	position: relative;
}

#activities .about__hl {
	margin-bottom: 48px;
}

#activities .activities__desc {
	display: flex;
	column-gap: 5%;
}

#activities .activities__box {
	width: 47.5%;
	background: #fff;
	border-radius: 10px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	transition: .3s ease;
}

#activities .activities__box.-social:hover {
	background: #FAEBEF;
}

#activities .activities__box.-products:hover {
	background: #F8EFDD;
}

#activities .activities__box .activities__box-pic {
	margin-bottom: 32px;
	border-radius: 10px;
	overflow: hidden;
}

#activities .activities__box .activities__box-pic > .-img {
	padding-top: 79%;
}

#activities .activities__box.-social .activities__box-pic > .-img {
	background-image: url(../images/about/activities_01.png);
}

#activities .activities__box.-products .activities__box-pic > .-img {
	background-image: url(../images/about/activities_02.png);
}

#activities .activities__box-desc {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#activities .activities__box-desc-hl {
	display: flex;
	justify-content: center;
	align-items: center;
	/*column-gap: 24px;*/
	margin-bottom: 32px;
	position: relative;
}

#activities .activities__box-desc-hl > span {
	position: relative;
}

#activities .activities__box-desc-hl > span::before {
	display: block;
	content: '';
	width: 11px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: -32px;
	transform: translate(0,-50%);
	margin-top: 2px;
}

#activities .activities__box.-social .activities__box-desc-hl > span::before {
	background-image: url(../images/common/arrow_01/arrow_r_r.svg);
}

#activities .activities__box.-products .activities__box-desc-hl > span::before {
	background-image: url(../images/common/arrow_01/arrow_r_y.svg);
}

#activities .activities__box-desc-text {
	font-size: 15px;
	flex-grow: 1;
}

#activities .activities__box .btn_01 {
	margin-top: 32px;
}

#activities .activities__box .btn_01 a {
	margin: 0 auto;
}

@media (max-width: 1280px) {

}

@media (max-width: 960px) {

	#activities .activities__desc {
		flex-direction: column;
		row-gap: 40px;
	}

	#activities .activities__box {
		width: 100%;
	}

}

@media (max-width: 640px) {

	#activities .activities__whj {
		/*width: 35px;
		height: 116px;
		top: -32px;*/
		/*display: none;*/
	}

	#activities .activities__inner {
		padding: 56px 0 64px;
	}

	#activities .about__hl {
		margin-bottom: 40px;
	}

	#activities .about__hl img {
		width: 96px;
		height: 23px;
	}

	#activities .activities__desc {
		row-gap: 32px;
	}

	#activities .activities__box {
		padding: 24px 24px 32px;
	}

	#activities .activities__box .activities__box-pic {
		margin-bottom: 24px;
	}

	#activities .activities__box .activities__box-desc-hl {
		margin-bottom: 24px;
	}

	#activities .activities__box.-social .activities__box-desc-hl img {
		width: 94px;
		height: 23px;
	}

	#activities .activities__box.-products .activities__box-desc-hl img {
		width: 96px;
		height: 23px;
	}

	#activities .activities__box-desc-hl > span::before {
		margin-top: 0;
	}

	#activities .activities__box .btn_01 {
		margin-top: 24px;
	}

}

/*-------------------------
 * 
 * 
 * 
 * フッター画像
 * 
 * 
 * 
-------------------------*/

#footer__pic {
	position: relative;
}

#footer__pic .footer__whj {
    width: 80px;
    height: 264px;
    position: absolute;
    top: -24px;
    right: 4%;
	z-index: 2;
}

#footer__pic .footer__pic-top > .-img {
	background-image: url(../images/common/wave/footer_pic_top_br.svg);
}

#footer__pic .footer__pic-pic {
	background-image: url(../images/about/footer_pic.png);
}

@media (max-width: 1280px) {

}

@media (max-width: 960px) {

}

@media (max-width: 640px) {

	#footer__pic .footer__whj {
		width: 35px;
		height: 116px;
		top: -48px;
	}

}