.zaitaku .page-toppic {
	background:url(../images/zaitaku-toppic.jpg) center center no-repeat;
	background-size:cover
}

.line {
	background: url(../images/line.png) top center no-repeat;
	background-size: cover;
	width: 100%;
	height: 26px;
	margin: 26px 0;
}

.image {
	max-width: 100%;
}

.bold {
	font-weight: bold;
}

.yellow {
	color: yellow;
}

.green {
	color: #74CC56;
}

.bg-blue {
	background-color: #5D9EDE;
}

.bg-green {
	background-color: #74CC56;
}

.bg-pink {
	background-color: #ff6699;
}

.bg-orange {
	background-color: orange;
}


.zaitaku .border {
	margin: 64px 0;
}

.zaitaku h3 {
	margin-bottom: 16px;
}

.zaitaku #sec01 .bg-role {
	width: 100%;
	height: 470px;
	display: grid;
	place-items: center;
	background: url(../images/bg_role.jpg) center center no-repeat;
	background-size: cover;
	margin-bottom: 64px;
}

.zaitaku #sec01 .bg-role > .txtarea {
	width: 90%;
	padding: 32px;
	border-radius: 16px;
	background-color: #fff;
}

.zaitaku #sec01 .station {
	margin-bottom: 64px;
}

.zaitaku #sec01 .station .imgarea:first-of-type {
	width: 32%;
}

.zaitaku #sec01 .station .imgarea:last-of-type {
	width: 64%;
}

.zaitaku #sec01 .station .imgarea p {
	margin-top: 16px;
	padding: 16px 0;
	text-align: center;
}

.zaitaku #sec01 .consul {
	font-size: 22px;
	align-items: center;
	justify-content: center;
	column-gap: 48px;
	padding: 16px;
}

.zaitaku #sec01 .consul .imgarea:first-of-type {
	width: 72%;
}

.zaitaku #sec01 .consul .imgarea:last-of-type {
	width: 18%;
}

.zaitaku #sec02 .departments .txtarea ul li {
	margin-bottom: 16px;
}

.zaitaku #sec02 .staff .txtarea ul li {
	margin-bottom: 16px;
}

.zaitaku #sec02 .staff .imgarea {
	width: 48%;
}

.zaitaku #sec02 .staff .imgarea ul.right {
	width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.zaitaku #sec02 .staff .imgarea ul.right li {
	width: 40%;
}

.zaitaku #sec02 .staff .imgarea ul.right li:first-of-type {
	margin-left: 100px;
}

.zaitaku #sec02 .staff .imgarea ul.right li:nth-of-type(2) {
	margin-right: 60px;
}

.zaitaku #sec02 .work .txtarea {
	width: 70%;
}

.zaitaku #sec02 .list-flex {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
}

.zaitaku #sec02 .list-flex li {
	width: calc(100% / 2);
	margin-bottom: 16px;
}

.zaitaku #sec02 .list-flex li:last-child {
	width: 100%;
}

.zaitaku #sec02 .imgarea {
	width: 30%;
}

.zaitaku #sec02 .imgarea img {
	max-width: 100%;
}

.zaitaku #sec03 .txtarea {
	width: calc(100% - 260px);
}

.zaitaku #sec04 .counseling {
	position: relative;
	padding: 48px 32px 32px;
	margin: 0 0 54px 16px;
}

.zaitaku #sec04 .counseling .title {
	width: 60%;
	border-radius: 50px;
	position: absolute;
	top: -21px;
	left: -16px;
	padding: 8px 0;
}

.zaitaku #sec04 .counseling .title span {
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
}

.zaitaku #sec04 h3 {
	margin-bottom: 64px;
}

.zaitaku #sec04 .counseling-wrap .flex {
	align-items: center;
}

.zaitaku #sec04 .counseling-wrap .txtarea {
	width: calc(100% - 380px);
}

.zaitaku #sec04 .counseling-wrap .txtarea ul li {
	margin-bottom: 16px;
}

.zaitaku #sec04 .counseling-wrap .imgarea {
	width: 320px;
}

.zaitaku #sec04 .total {
	justify-content: center;
	align-items: center;
}

.zaitaku #sec04 .total .imgarea {
	width: 320px;
}

.zaitaku #sec04 .total .txtarea p {
	text-align: center;
}

.zaitaku #sec04 .bd-blue {
	border: 1px solid #5D9EDE;
}

.zaitaku #sec04 .bd-green {
	border: 1px solid #74CC56;
}

.zaitaku #sec04 .bd-orange {
	border: 1px solid orange;
}

.zaitaku #sec04 .bd-pink {
	border: 1px solid #ff6699;
}

.zaitaku #sec05 .tel{
	text-decoration: none;
	color:#333333;
}

.zaitaku #sec06 .flex {
	justify-content: flex-start;
	align-items: center;
	column-gap: 64px;
}

.zaitaku #sec06 .flex .imgright {
	width: 240px;
}

.zaitaku #sec06 .access .imgarea {
	width: 10%;
}

.zaitaku #sec06 .bus {
	margin-bottom: 64px;
}

.zaitaku #sec06 .bus-stop {
	margin-bottom: 32px;
}

.zaitaku #sec06 .parking {
	margin-bottom: 64px;
}

.zaitaku #sec06 .parking-map{
	margin-bottom:30px;
}

.zaitaku #sec06 .parking-map .imgarea img{
	max-width:400px;
	width:100%;
}

.balloon-right {
	width: 37%;
	position: relative;
	display: inline-block;
	margin: 1.5em 15px 1.5em 0;
	padding: 16px 10px;
	min-width: 120px;
	max-width: 100%;
	border: solid 3px #74CC56;
	border-radius: 10px;
	box-sizing: border-box;
}

.balloon-right:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
	z-index: 2;
}

.balloon-right:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #74CC56;
	z-index: 1;
}

.balloon-right p {
	text-align: center;
}



@media print,screen and (max-width: 767px){
	.zaitaku .page-toppic{
		background:url(../images/zaitaku-toppic-sp.jpg) center center no-repeat;
		background-size:cover
	}

	.zaitaku #sec01 .bg-role {
		width: 100%;
		height: auto;
		display: grid;
		place-items: center;
		background: url(../images/bg_role-sp.jpg) center center no-repeat;
		background-size: cover;
	}
	.zaitaku #sec01 .bg-role > .txtarea {
		width: 80%;
		padding: 16px;
		margin: 16px 0;
	}
	
	.zaitaku #sec01 .station {
		flex-direction: column;
		row-gap: 24px;
	}

	.zaitaku #sec01 .station .imgarea:first-of-type {
		width: 100%;
	}
	
	.zaitaku #sec01 .station .imgarea:last-of-type {
		width: 100%;
	}

	.zaitaku #sec01 .consul {
		font-size: 16px;
		flex-wrap: nowrap;
		justify-content: space-between;
		column-gap: 0;
	}

	.zaitaku #sec01 .consul .imgarea:last-of-type {
		width: 100%;
	}

	.zaitaku #sec02 .work .txtarea {
		width: 100%;
	}

	.zaitaku #sec02 .list-flex {
		width: 100%;
		flex-direction: column;
	}

	.zaitaku #sec02 .list-flex li {
		width: 100%;
	}

	.zaitaku #sec02 .imgarea {
		width: 100%;
	}
	.zaitaku #sec02 .staff .imgarea {
		width: 100%;
	}
	.zaitaku #sec02 .staff .imgarea ul.right {
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: center;
		row-gap: 24px;
	}
	.zaitaku #sec02 .staff .imgarea ul.right li {
		width: 60%;
	}
	.zaitaku #sec02 .staff .imgarea ul.right li:first-of-type {
		margin-left: 0;
	}
	.zaitaku #sec02 .staff .imgarea ul.right li:nth-of-type(2) {
		margin-right: 0;
	}
	.zaitaku #sec02 .work {
		margin-bottom: 54px;
	}
	.zaitaku #sec02 .work .imgarea {
		width: 60%;
		margin: 0 auto;
	}
	.zaitaku #sec03 .flex {
		flex-direction: column;
	}

	.zaitaku #sec03 .txtarea {
		width: 100%;
	}
	.zaitaku #sec04 .counseling .title {
		width: 100%;
	}
	.zaitaku #sec04 .counseling-wrap .txtarea {
		width: 100%;
	}
	.zaitaku #sec04 .total .imgarea {
		width: 60%;
	}
	.balloon-right {
		width: 54%;
	}
	.zaitaku #sec06 .flex {
		justify-content: space-between;
		column-gap: 0;
	}
	.zaitaku #sec06 .flex .imgright {
		width: 41%;
	}
	.zaitaku #sec06 .access .imgarea {
		width: 20%;
	}
	.zaitaku #sec06 .bus-stop .imgarea {
		width: 31%;
	}

	.zaitaku #sec06 .parking-map .txtarea{
		margin-bottom:30px;
	}

.zaitaku #sec06 .parking {
	margin-bottom: 30px;
}
	
}