@charset "UTF-8";

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

.txtBox {
	margin-top: 35px;
	margin-left: 40px;
}
	.contPictureBox {
		/*color: #fff;*/
	}
	#pageTitle {
		width: 250px;
		height: 45px;
		margin-bottom: 27px;
		background: url(../images/about/tit_about02.png) no-repeat;
	}


/* -------------------------- */
/* content */
/* -------------------------- */

#about {
}

/* h1 */
.titleBox {
	margin-bottom: 130px;
}
	.titleBox .aboutTitle {
		margin-bottom: 20px;
		font-size: 2.4em;
		margin-top: 60px;
}
	
		.titleBox .aboutTitle small ,
		.titleBox .aboutTitle em {
			color: #000;
			display: block;
		}
		.titleBox .aboutTitle small {
			margin: 0 0 13px 1px;
			font-size: 0.6em;
		}
		.titleBox .aboutTitle em {
			font-style: normal;
		}
	.titleBox .titleTxt {
		font-size: 1.4em;
		letter-spacing: 1px;
	}

/* localNavi */
.localNavi {
	clear: both;
	width: 1110px;
	margin: 70px auto 0;
}
	.localNavi ul {
		display: flex;
	  display: -ms-flex;
	  display: -webkit-flex;
	  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -15px;
	}
		.localNavi ul li {
			width: 100%;
			padding: 0 15px;
		}
			.localNavi ul li a {
				display: block;
				word-break: 100%;
				padding-bottom: 5px;
				border-bottom: 2px solid #326987;
				text-align: center;
				font-size: 1.6em;
			}
			.localNavi ul li a:hover {
				text-decoration: none;
				color: #91c8c8;
				border-bottom: 2px solid #91c8c8;
			}

/* top */
#about .aboutInner {
	padding: 70px 95px 0 95px;
}
	#about .aboutListBox {
		display: table;
		margin-bottom: 30px;
	}
		#about .aboutListBox a {
			overflow: hidden;
			display: block;
			background: url(../images/about/bg_about01.gif) no-repeat;
			background-position: right bottom;
		}
			#about .aboutListBox figure {
				display: table-cell;
				padding-right: 30px;
				vertical-align: middle;
			}
				#about .aboutListBox figure img {
					border-radius: 100px;
					-webkit-border-radius: 100px;
					-moz-border-radius: 100px;
				}
			#about .aboutListBox .txt {
				display: table-cell;
				vertical-align: middle;
			}
				#about .aboutListBox .txt h2 {
					margin-bottom: 10px;
					font-size: 1.8em;
				}
					#about .aboutListBox .txt h2 span{
						display:block;
						margin:0.5em 0 1em;
						font-size:0.7em;
					}
				#about .aboutListBox .txt p {
					padding-right: 10px;
					font-size: 1.4em;
				}
		#about .aboutListBox a:hover {
			opacity: 0.8;
			text-decoration: none;
			color: #326987;
		}
	
	
/* info */
#info {
	padding: 33px 95px 0 95px;
}
	#info .aboutTitle .info {
		display: block;
		width: 151px;
		height: 56px;
		margin-left: 2px;
		background: url(../images/about/info/tit_info01.gif) no-repeat;
		text-indent: 150%;
		white-space: nowrap;
		overflow: hidden;
	}
	#info .access {
		margin: 80px 0 120px 0;
	}
		#info .access .h2Title {
			margin-bottom: 40px;
		}
		#info .access .map {
			margin-top: 25px;
			border: 1px solid #999;
		}
			#info .access .map iframe {
				width: 100%;
				height: 400px;
				border: 0;
			}

/* staff */
#staff {
	padding: 33px 95px 0 95px;
}
	#staff .aboutTitle .staff {
		display: block;
		width: 227px;
		height: 56px;
		margin-left: 2px;
		background: url(../images/about/staff/tit_staff01.gif) no-repeat;
		text-indent: 150%;
		white-space: nowrap;
		overflow: hidden;
		margin-top: -20px;
	}
	#staff .staffBox {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px dashed #66a8bf;
		display: flex;
		justify-content: space-between;
		overflow: hidden;
	}
	#staff .staffBox:last-child {
		margin-bottom: 120px;
		padding-bottom: 0;
		border-bottom: 0;
	}
		#staff .staffBox figure {
			width: 350px;
		}
			#staff .staffBox figure img {
				width: 100%;
				height: auto;
			}
		#staff .staffBox .txt {
			width: 540px;
		}
			#staff .staffBox .txt h2 {
				margin: 10px 0 30px 0;
				font-size: 2.0em;
			}
				#staff .staffBox .txt h2 em {
					display: inline-block;
					padding-left: 13px;
					color: #326987;
					font-size: 0.6em;
					font-style: normal;
				}
			#staff .staffBox .txt dl {
			}
				#staff .staffBox .txt dl dt ,
				#staff .staffBox .txt dl dd {
					font-size: 1.4em;
				}
				#staff .staffBox .txt dl dt {
					margin: 20px 0 4px 0;
					font-weight: bold;
				}

/* recruit */
#recruit {
	padding: 33px 95px 0 95px;
}
	#recruit .aboutTitle .recruit {
		display: block;
		width: 233px;
		height: 56px;
		margin-left: 2px;
		background: url(../images/about/recruit/tit_recruit01.gif) no-repeat;
		text-indent: 150%;
		white-space: nowrap;
		overflow: hidden;
	}
	#recruit .recruitBox {
		margin-bottom: 120px;
	}
		#recruit .recruitBox .h2Title {
			margin-bottom: 15px;
		}


/* club */
#club {
	padding: 33px 0 0 0;
}
	#club .container {
		padding: 0 95px;
	}
	#club .titleBox {
		margin-bottom: 90px;
	}
	#club .aboutTitle .club {
		display: block;
		width: 240px;
		height: 56px;
		margin-left: 2px;
		background: url(../images/about/club/tit_club01.gif) no-repeat;
		text-indent: 150%;
		white-space: nowrap;
		overflow: hidden;
	}

	#club .blogLink{
		text-align: right;
		margin: 0 0 50px;
	}
	#club .blogLink a{
		border:1px solid #000;
		display: inline-block;
    	padding: 0.75em;
	}
	#club .clubBox {
		margin-bottom: 75px;
		display: flex;
		overflow: hidden;
	}
		#club .clubBox figure {
			width: 70%;
			min-height: 10px;
			padding-left: 65px;
			order: 2;
		}
		#club .clubBox .txt {
			width: 30%;
			order: 1;
		}
			#club .clubBox .txt .title {
				margin-bottom: 20px;
			}
				#club .clubBox .txt .title span {
					margin-bottom: 5px;
					display: block;
					font-size: 0.4em;
				}
				#club .clubBox .txt .title em {
					font-style: normal;
					font-size: 1.4em;
				}
			#club .clubBox .txt dl {
				margin-top: 20px;
			}
				#club .clubBox .txt dl dt {
					margin-bottom: 10px;
					padding-left: 25px;
					background: url(../images/ico/icon_dot_pink.gif) no-repeat;
					background-position: 0 50%;
					font-size: 1.8em;
				}
				#club .clubBox .txt dl dd {
					margin-bottom: 20px;
					font-size: 1.3em;
					line-height: 1.4em;
				}
				#club .clubBox .txt .blogLink {
					margin-bottom: 0;
				}


/* sdgs */
#sdgs {
	padding: 33px 0 0 0;
}
	#sdgs .titleBox {
		padding: 0 95px;
		margin-bottom: 90px;
	}
	#sdgs .aboutTitle .sdgs {
		display: block;
		width: 244px;
		height: 52px;
		margin-left: 2px;
		background: url(../images/about/sdgs/tit_sdgs01.png) no-repeat;
		text-indent: 150%;
		white-space: nowrap;
		overflow: hidden;
	}
	#sdgs .sdgs_intro {
		display: flex;
	  display: -ms-flex;
	  display: -webkit-flex;
	  width: 100%;
		padding: 0 95px;
		margin-bottom: 35px;
	}		
		#sdgs .sdgs_intro .sdgs_intro__txt {
			width: 45%;
			padding-right: 50px;
		}
			#sdgs .sdgs_intro .sdgs_intro__txt .txtList:not(:last-of-type) {
				margin-bottom: 35px;
			}
				#sdgs .sdgs_intro .sdgs_intro__txt .txtList .title_intro {
					margin-bottom: 10px;
					font-size: 1.8em;
				}
		#sdgs .sdgs_intro .sdgs_intro__pict {
			width: 55%;
			min-height: 10px;
		}
	#sdgs .fig_fullSize {
		margin-bottom: 95px;
	}
	#sdgs .sdgs_checkPoint {
		padding: 0 95px;
	}
	#sdgs .sdgs_checkPoint:not(:last-of-type) {
		margin-bottom: 80px;
	}
		#sdgs .sdgs_checkPoint .titleArea {
			display: flex;
		  display: -ms-flex;
		  display: -webkit-flex;
		  width: 100%;
		  margin-bottom: 25px;
		}
			#sdgs .sdgs_checkPoint .titleArea .title_checkPoint {
				display: flex;
			  display: -ms-flex;
			  display: -webkit-flex;
			  -webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				width: 60%;
				font-size: 2.4em;
			}
				#sdgs .sdgs_checkPoint .titleArea .title_checkPoint span {
					display: block;
				}
				#sdgs .sdgs_checkPoint .titleArea .title_checkPoint .icon {
					width: 40px;
					height: 40px;
				}
				#sdgs .sdgs_checkPoint .titleArea .title_checkPoint .txt {
					padding-left: 10px;
				}
			#sdgs .sdgs_checkPoint .titleArea .list_sdgsIcon {
				display: flex;
			  display: -ms-flex;
			  display: -webkit-flex;
			  -webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end;
				width: 40%;
				min-height: 10px;
			}
				#sdgs .sdgs_checkPoint .titleArea .list_sdgsIcon .list_sdgsIcon__item {
					width: 58px;
					height: 58px;
					padding: 0 3px;
				}
		#sdgs .sdgs_checkPoint .-halfSize_pict {
			width: 50%;
			margin: 0 auto;
		}
		#sdgs .sdgs_checkPoint .columnWrap {
			display: flex;
		  display: -ms-flex;
		  display: -webkit-flex;
		  margin: 0 -15px;
		}
			#sdgs .sdgs_checkPoint .columnWrap .columnList {
				display: flex;
			  display: -ms-flex;
			  display: -webkit-flex;
			  -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -ms-flex-direction: column;
		    flex-direction: column;
				width: 33.333%;
				min-height: 10px;
				padding: 0 15px;
			}
			#sdgs .sdgs_checkPoint .columnWrap .-width_half {
				width: 50%;
			}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .thum_img {
					order: -1;
					min-height: 10px;
				}
				#sdgs .sdgs_checkPoint .columnWrap .columnList. .-pict_workstyle {
					max-width: 350px;
				}
				#sdgs .sdgs_checkPoint .columnWrap .columnList.-column_low .thum_img {
					order: inherit;
				}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .title_column {
					font-size: 1.4em;
				}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .txt_column {
					font-size: 1.3em;
				}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .-dot_icon {
					position: relative;
					padding-left: 15px;
				}
					#sdgs .sdgs_checkPoint .columnWrap .columnList .-dot_icon::before {
						content: '●';
						position: absolute;
						top: 3px;
						left: 0;
						color: #3c9338;
						font-size: 10px;
					}



/* ================================================================================================================================================================================== */
/* mobile */
/* ================================================================================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-768 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:481px) and (max-width:768px) {

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

.txtBox {
	margin:0 auto;
}
	.contPictureBox {
		color: #323232;
	}
	.contPictureBox img{
		width: 100%;
	}
	#pageTitle {
		height: 205px;
	}


/* -------------------------- */
/* content */
/* -------------------------- */

#about {
}

/* h1 */
.titleBox {
	margin-bottom: 50px;
}

/* localNavi */
.localNavi {
	clear: both;
	width: auto;
	padding: 0 15px;
	margin: 40px 0 0 0;
}
	.localNavi ul {
		display: block;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		margin: 0;
	}
		.localNavi ul li {
			border-bottom: 1px solid #999;
			padding: 0;
		}
		.localNavi ul li:not(:last-child) {
			margin-right: 0;
		}
		.localNavi ul li:first-child {
			border-top: 1px solid #999;
		}
			.localNavi ul li a {
				padding: 10px 15px 10px 30px;
				background: url(../images/ico/icon_arrow02.png) no-repeat;
				background-position: 10px 50%;
				border-bottom: 0;
				text-align: left;
				font-size: 1.4em;
			}
			.localNavi ul li a:hover { 
				background-color: #c8e3e3;
				color: #323232;
				border-bottom: 0;
			}

/* top */
#about .aboutInner {
	padding: 30px 0 0 0;
}
	#about .aboutListBox {
		width: 100%;
		margin-bottom: 20px;
	}
	#about .aboutListBox:not(:last-child) {
		padding-bottom: 20px;
		border-bottom: 1px dashed #323232;
	}
		#about .aboutListBox a {
			background: none;
		}

/* info */
#info {
	padding: 33px 0 0 0;
}
	#info .access {
		margin: 80px 0;
	}
		#info .access h2 {
			margin-bottom: 30px;
		}

/* staff */
#staff {
	padding: 33px 0 0 0;
}
	#staff .staffBox {
		width: 100%;
	}
	#staff .staffBox:nth-of-type(6n) {
		margin-bottom: 80px;
	}
		#staff .staffBox figure {
			display: table-cell;
			float: none;
			width: 50%;
			padding-right: 30px;
		}
			#staff .staffBox figure img {
				width: 100%;
				height: auto;
			}
		#staff .staffBox .txt {
			display: table-cell;
			float: none;
			width: 50%;
			vertical-align: top;
		}

/* recruit */
#recruit {
	padding: 33px 0 0 0;
}
	#recruit .recruitBox {
		margin-bottom: 80px;
	}


/* club */
#club {
}
	#club .container {
		padding: 0;
	}
	#club .blogLink{
		margin-right: 15px;
	}
	#club .titleBox {
		padding: 0 15px;
		margin-bottom: 50px;
	}
	#club .clubBox {
		margin-bottom: 30px;
		padding: 0 15px 15px 15px;
		border-bottom: 1px dashed #dc5c98;
		display: block;
	}
		#club .clubBox figure {
			width: 100%;
			margin-bottom: 30px;
			padding-left: 0;
		}
			#club .clubBox figure img {
				width: 100%;
				height: auto;
			}
		#club .clubBox .txt {
			width: 100%;
		}
				#club .clubBox .txt .blogLink {
					margin-right: 0;
				}


/* sdgs */
#sdgs {
	padding: 33px 0 0 0;
}
	#sdgs .titleBox {
		padding: 0;
		margin-bottom: 50px;
	}
	#sdgs .sdgs_intro {
		-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
		padding: 0;
	}		
		#sdgs .sdgs_intro .sdgs_intro__txt {
			width: 100%;
			padding-right: 0;
		}
		#sdgs .sdgs_intro .sdgs_intro__pict {
			order: -1;
			width: 55%;
			margin: 0 auto 50px;
		}
	#sdgs .fig_fullSize {
		margin-bottom: 50px;
	}
	#sdgs .sdgs_checkPoint {
		padding: 0;
	}
	#sdgs .sdgs_checkPoint:not(:last-of-type) {
		margin-bottom: 40px;
	}
		#sdgs .sdgs_checkPoint .titleArea {
			margin-bottom: 15px;
		}
			#sdgs .sdgs_checkPoint .titleArea .title_checkPoint {
				font-size: 1.8em;
			}
				#sdgs .sdgs_checkPoint .titleArea .title_checkPoint .icon {
					width: 30px;
					height: 30px;
				}
			#sdgs .sdgs_checkPoint .titleArea .list_sdgsIcon {
			}
				#sdgs .sdgs_checkPoint .titleArea .list_sdgsIcon .list_sdgsIcon__item {
					width: 40px;
					height: 40px;
				}
		#sdgs .sdgs_checkPoint .columnWrap {
		  margin: 0 -10px;
		}
			#sdgs .sdgs_checkPoint .columnWrap .columnList {
				padding: 0 10px;
			}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .title_column {
					font-size: 1.3em;
				}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .txt_column {
					font-size: 1.2em;
					line-height: 1.6;
				}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .-dot_icon {
				}
					#sdgs .sdgs_checkPoint .columnWrap .columnList .-dot_icon::before {
						top: 2px;
					}


}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-480 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:480px) {

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

.txtBox {
	margin:0 auto;
}

	.contPictureBox {
		color: #323232;
	}
	.contPictureBox img{
		width: 100%;
	}
	
	#pageTitle {
		height: 125px;
	}


/* -------------------------- */
/* content */
/* -------------------------- */

#about {
}

/* h1 */
.titleBox {
	margin-bottom: 40px;
}

/* localNavi */
.localNavi {
	clear: both;
	width: auto;
	padding: 0 15px;
	margin: 40px 0 0 0;
}
	.localNavi ul {
		display: block;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		margin: 0;
	}
		.localNavi ul li {
			padding: 0;
			border-bottom: 1px solid #999;
		}
		.localNavi ul li:not(:last-child) {
			margin-right: 0;
		}
		.localNavi ul li:first-child {
			border-top: 1px solid #999;
		}
			.localNavi ul li a {
				padding: 10px 15px 10px 30px;
				background: url(../images/ico/icon_arrow02.png) no-repeat;
				background-position: 10px 50%;
				border-bottom: 0;
				text-align: left;
				font-size: 1.4em;
			}
			.localNavi ul li a:hover { 
				background-color: #c8e3e3;
				color: #323232;
				border-bottom: 0;
			}

/* top */
#about .aboutInner {
	padding: 30px 0 0 0;
}
	#about .aboutListBox {
		width: 100%;
		margin-bottom: 0;
	}
	#about .aboutListBox:not(:last-child) {
		border-bottom: 1px dashed #323232;
	}
		#about .aboutListBox a {
			background: none;
			padding: 15px 0;
		}
		#about .aboutListBox:first-child a {
			padding-top: 0;
		}
		#about .aboutListBox:last-child a {
			padding-bottom: 0;
		}
			#about .aboutListBox figure {
				width: 110px;
				margin-right: 0;
				padding-right: 15px;
				vertical-align: top;
			}
				#about .aboutListBox figure img {
					width: 110px;
					height: auto;
					border-radius: 100px;
					-webkit-border-radius: 100px;
					-moz-border-radius: 100px;
				}
			#about .aboutListBox .txt {
				vertical-align: top;
			}
				#about .aboutListBox .txt h2 {
					font-size: 1.6em;
				}
					#about .aboutListBox .txt h2 img {
						width: auto;
						height: 25px;
					}
				#about .aboutListBox .txt p {
					padding-right: 0;
					font-size: 1.3em;
				}

/* info */
#info {
	padding: 33px 0 0 0;
}
	#info .access {
		margin: 60px 0;
	}
		#info .access h2 {
			margin-bottom: 20px;
			font-size: 2.0em;
		}
		#info .access .map {
			margin-top: 20px;
		}
			#info .access .map iframe {
				height: 300px;
			}

/* staff */
#staff {
	padding: 33px 0 0 0;
}
	#staff .staffBox {
		display: block;
	}
	#staff .staffBox:nth-of-type(6n) {
		margin-bottom: 60px;
	}
		#staff .staffBox figure {
			width: 100%;
			margin-bottom: 20px;
		}
		#staff .staffBox .txt {
			width: auto;
		}

/* recruit */
#recruit {
	padding: 33px 0 0 0;
}
	#recruit .recruitBox {
		margin-bottom: 60px;
	}


/* club */
#club {
}
	#club .container {
		padding: 0;
	}
	#club .titleBox {
		padding: 0 15px;
		margin-bottom: 40px;
	}
	#club .blogLink{
		margin: 0 15px 50px;
	}
	#club .clubBox {
		margin-bottom: 30px;
		padding: 0 15px 15px 15px;
		border-bottom: 1px dashed #dc5c98;
		display: block;
	}
		#club .clubBox figure {
			width: 100%;
			margin-bottom: 30px;
			padding-left: 0;
		}
			#club .clubBox figure img {
				width: 100%;
				height: auto;
			}
		#club .clubBox .txt {
			width: 100%;
		}
				#club .clubBox .txt .blogLink {
					margin-right: 0;
				}


/* sdgs */
#sdgs {
}
	#sdgs .titleBox {
		padding: 0;
		margin-bottom: 40px;
	}
	#sdgs .sdgs_intro {
		-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
		padding: 0;
		margin-bottom: 25px;
	}		
		#sdgs .sdgs_intro .sdgs_intro__txt {
			width: 100%;
			padding-right: 0;
		}
			#sdgs .sdgs_intro .sdgs_intro__txt .txtList:not(:last-of-type) {
				margin-bottom: 25px;
			}
		#sdgs .sdgs_intro .sdgs_intro__pict {
			order: -1;
			width: 100%;
			margin-bottom: 35px;
		}

	#sdgs .fig_fullSize {
		margin-bottom: 40px;
	}
	#sdgs .sdgs_checkPoint {
		padding: 0;
	}
	#sdgs .sdgs_checkPoint:not(:last-of-type) {
		margin-bottom: 50px;
	}
		#sdgs .sdgs_checkPoint .titleArea {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-bottom: 15px;
		}
			#sdgs .sdgs_checkPoint .titleArea .title_checkPoint {
				width: 100%;
				margin-bottom: 10px;
				font-size: 1.6em;
			}
				#sdgs .sdgs_checkPoint .titleArea .title_checkPoint .icon {
					width: 35px;
					height: 35px;
				}
			#sdgs .sdgs_checkPoint .titleArea .list_sdgsIcon {
				justify-content: center;
		    -ms-justify-content: center;
		    -webkit-justify-content: center;
				width: 100%;
			}
				#sdgs .sdgs_checkPoint .titleArea .list_sdgsIcon .list_sdgsIcon__item {
					width: 16%;
					height: auto;
				}
		#sdgs .sdgs_checkPoint .-halfSize_pict {
			width: 100%;
		}
		#sdgs .sdgs_checkPoint .columnWrap {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
		  margin: 0;
		}
			#sdgs .sdgs_checkPoint .columnWrap .columnList {
				width: 100%;
				padding: 0;
			}
			#sdgs .sdgs_checkPoint .columnWrap .columnList:not(:last-of-type) {
				margin-bottom: 25px;
			}
				#sdgs .sdgs_checkPoint .columnWrap .columnList .txt_column.-heightLine {
					height: inherit;
				}

}