@charset "utf-8";


/* 共通
------------------------------------------------------------ */
.content{
	margin: 20px 0 150px 0;
}

.content header{
	padding: 45px 15px;
	background: url("../img/bg_contentsHeader.png");
}

.content header h1{
	font-weight: 700;
	letter-spacing: 0.1em;
}

.content header h1:after{
	content: "";
	display: block;
	margin: 25px auto 0;
	border-bottom: 7px solid #F7E253;
	width: 60px;
}

.content header p{
	color: #666;
	margin: 30px 0 0 0;
}

#map header h1:after{border-bottom: 7px solid #E98DA5;}
#seminar header h1:after{border-bottom: 7px solid #EDA762;}
#consultation header h1:after{border-bottom: 7px solid #88C570;}
#voice header h1:after{border-bottom: 7px solid #6FA1D7;}

@media screen and (max-width: 767px) {
	.content header{
		padding: 20px;
	}
	.content header h1{
	/*	font-size: 20px; /*36px->20px*/
		font-size: 2.0rem;
		margin: 0;
	}
	.content header h1:after{
		content: "";
		display: block;
		margin: 10px auto 0;
		border-bottom: 7px solid #F7E253;
		width: 60px;
	}
	.content header p{
	/*	font-size: 0.875em; 16px->14px*/
		font-size: 1.4rem;
		margin: 10px 0 0 0;
	}
	.nav li a {
		font-size: 1em;
		letter-spacing: 0;
		padding: 10px .5em;
	}
}


/* 施設案内
------------------------------------------------------------ */
#map div.map{
	margin: 45px auto;
	text-align: center;
}

#map div.map img{
	margin: 0 auto;
}

#map section{
	background: #fff;
	margin-bottom: 30px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow:0px 0px 9px -5px #666;
}

#map section div{
	padding: 0 15px;
}

#map section h3{
	font-weight: 700;
	margin: 30px 0;
	padding-bottom: 15px;
	border-bottom: 3px #ccc dotted;
}

#map section h3 span{
	display: inline-block;
	background: #5E4847;
	color: #fff;
	font-weight: 500;
/*	font-size: 0.5em;*/
	font-size: 1.1rem;
	vertical-align: middle;
	padding: 4px 16px;
	margin: 0 1.0em 0 0;
	border-radius: 20px;
}

#map section h3 small{
/*	font-size: 0.5em;*/
	font-size: 1.1rem;
}

#map section img{
	margin: 15px auto;
}

#map section.mapSection01{border: 5px #88C570 solid;}
#map section.mapSection02{border: 5px #6FA1D7 solid;}
#map section.mapSection03{border: 5px #E98DA5 solid;}

#map dl dt,
#map dl dd{
	display: inline;
}

#map iframe{
	margin: 30px 0;
	width: 100%;
	height: 400px;
}

#map h2{
	margin-top: 90px;
}

#map #map01 p,
#map #map02 p,
#map #map03 p {
	margin-right: 1.5em;
	text-align: justify;
}

#map #map03 .col-sm-3 {
	margin-top: 1em;
}

#map #map03 p:last-child {
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	#map section h3 span{
		display: inline-block;
		margin-bottom: 10px;
	}
	#map section h3 small{
		display: block;
	}
	#map section img{
		max-width: 60%;
	}
	#map #map01 p,
	#map #map02 p,
	#map #map03 p {
		margin-right: 0;
	}
	#map #map03 .col-sm-3 {
		margin-top: 0;
	}
	#map #map03 p:last-child {
		margin-bottom: 10px;
	}
}



/* セミナー
------------------------------------------------------------ */
#seminar .container{
	margin: 45px auto;
}

#seminarInfo{
	margin-bottom: 45px;
}

#seminarInfo dt{
	padding: 10px 0;
	background: #F7E253;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#seminarInfo dd{
	padding: 30px 0;
	background: #FFF;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#seminarInfo dt i{
	color: #BDA9A8;
}

#seminarMain h3{
/*
	background: #E9734F;
*/
	font-weight: 700;
	color: #fff;
	padding: 0.5em 0.75em 0.5em 2.5em;
	border-radius: 5px;
	text-indent: -1.25em;
}

#seminarMain #first h3{
	background: #dc5c35;
	background: #EDA762;
}

#seminarMain #second h3{
	background: #e68628;
	background: #E9734F;
}

#seminarMain h3 i{
	color: #F7E253;
}

#seminarMain h3 small{
	display: inline-block;
	color: #fff;
	font-weight: 500;
	margin-left: 2.0em;
	padding: 0.25em 0.5em 0.25em 2.5em;
	vertical-align: middle;
	border: 1px #eee solid;
}

#seminarMain h3 small.reserve{
/*
	background: #CD4545;
	border: 1px #CD4545 solid;
*/
	background: #fff;
	border: 1px solid #fff;
	color: #CD4545;
	font-weight: bold;
	font-size: 60%;
}

/*
#seminarMain div{
	background-repeat: no-repeat;
	background-position: 0 60px;
}

#seminarMain > div > div:nth-child(1){background-image: url("../img/bg_topSeminar01.png");}
#seminarMain > div > div:nth-child(2){background-image: url("../img/bg_topSeminar02.png");}
#seminarMain > div > div:nth-child(3){background-image: url("../img/bg_topSeminar03.png");}
#seminarMain > div > div:nth-child(4){background-image: url("../img/bg_topSeminar01.png");}
#seminarMain > div > div:nth-child(5){background-image: url("../img/bg_topSeminar02.png");}
#seminarMain > div > div:nth-child(6){background-image: url("../img/bg_topSeminar03.png");}
*/

#seminarMain > div > ul li {
	background-repeat: no-repeat;
	background-position: 0 60px;
}
#seminarMain > div > ul li:nth-child(3n+1){background-image: url("../img/bg_topSeminar01.png");}
#seminarMain > div > ul li:nth-child(3n+2){background-image: url("../img/bg_topSeminar02.png");}
#seminarMain > div > ul li:nth-child(3n){background-image: url("../img/bg_topSeminar03.png");}

#second {
	display: none;
}

.tab {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
	padding: 0;
}

.tab li{
	width: 48.5%;
	order: -1;
	z-index: 1;
	list-style: none;
}

.tab li a {
	display: block;
	position: relative;
	color: #5E4847;
	background: #ddd;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	font-size: 1.35em;
	letter-spacing: 0.5em;
	padding: 10px .5em 10px 1em;
	text-decoration: none;
}
.tab li a:hover {
	text-decoration: none;
}
.tab li:first-child a.current{
	background: #EDA762;
	color: #fff;
}
.tab li:last-child a.current{
	background: #E9734F;
	color: #fff;
}
.tab li a.current::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-width: 14px;
	margin-left: -14px;
}
.tab li:first-child a.current::after {
	border-top-color: #EDA762;
}
.tab li:last-child a.current::after {
	border-top-color: #E9734F;
}

.list-wrap ul {
	margin: 0;
	padding: 0;
}
.list-wrap li {
	list-style: none;
}

@media screen and (max-width: 767px) {
	#seminarMain > div > ul li {
		background: none !important;
	}

	.tab li a {
		padding: 10px .5em;
		font-size: 1em;
		letter-spacing: 0;
	}
}

#seminarMain table th{
	vertical-align: top;
	width: 20%;
}

#seminarMain table th i{
	color: #BDA9A8;
}

#seminarMain table td ul{
	list-style-type: none;
	padding: 0;
}

#seminarMain table td ul span{
	color: #E9734F;
	font-weight: 700;
	padding-left: 1.0em;
}

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
}
.tab-label {
	width: 50%;
	color: #5E4847;
	background: #ddd;
	font-weight: bold;
	text-align: center;
	font-size:1.35em;
	letter-spacing: 0.5em;
	padding: 10px .5em 10px 1em;;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 10px;
	flex: 1;
}
.tab-label:not(:last-of-type) {
	margin-right: 5px;
}
.tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.tab-switch:checked+.tab-label {
	background: #EDA762;
	color: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 15px;
	opacity: 1;
	transition: .5s opacity;
	margin-top: 5rem;
}
.tab-switch:checked+.tab-label:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #EDA762;
	border-width: 14px;
	margin-left: -14px;
}
.tab-switch:checked+.tab-label {
	background: #EDA762;
	position: relative;
}
.tab-switch {
	display: none;
}

@media screen and (max-width: 991px) {
	#seminarInfo{
		margin-bottom: 30px;
	/*	font-size: 0.875em; 16px->14px*/
		font-size: 1.4rem;
	}

	#seminarInfo dl{
		margin-bottom: 2px;
	}

	#seminarInfo dt{
		float: left;
		width: 30%;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	#seminarInfo dd{
		float: right;
		width: 70%;
		padding: 10px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	#seminarInfo dt i{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#seminarMain h3 small{
		margin: 4px 0 0 0;
		display: table-cell;
	}
	#seminarMain table th,
	#seminarMain table td{
		display: block;
	}
	#seminarMain table th{
		width: 100%;
		background: #fff;
	}
	#seminarMain div{
		background: none !important;
	}
}

@media screen and (max-width: 480px) {
	.tab-wrap {
		margin: 0;
	}
	.tab-label {
		padding: 10px 0;
		font-size: 1em;
		letter-spacing: 0;
	}
	.tab-switch:checked+.tab-label+.tab-content {
		margin-top: 0;
	}
}


/*　相談会
------------------------------------------------------------ */
#consultation .container{
	margin: 45px auto;
}

#consultationInfo{
	margin-bottom: 45px;
}

#consultationInfo dt{
	padding: 10px 0;
	background: #F7E253;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#consultationInfo dd{
	padding: 30px 0;
	background: #FFF;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#consultationInfo dt i{
	color: #BDA9A8;
}

#consultationMain h3{
	background: #88C570;
	font-weight: 700;
	color: #fff;;
	padding: 0.5em 0.75em 0.5em 2.5em;
	border-radius: 5px;
	text-indent: -1.25em;
}

#consultationMain h3 i{
	color: #F7E253;
}

#consultationMain h3 small{
	display: inline-block;
	color: #fff;
	font-weight: 500;
	margin-left: 2.0em;
	padding: 0.25em 0.5em 0.25em 2.5em;
	vertical-align: middle;
	border: 1px #eee solid;
}

#consultationMain h3 small.reserve{
	background: #CD4545;
	border: 1px #CD4545 solid;
}

#consultationMain div{
	background-repeat: no-repeat;
	background-position: 0 60px;
}

#consultationMain > div:nth-child(3n+1){background-image: url("../img/bg_consultation01.png");}
#consultationMain > div:nth-child(3n+2){background-image: url("../img/bg_consultation02.png");}
#consultationMain > div:nth-child(3n){background-image: url("../img/bg_consultation03.png");}

#consultationMain table th{
	vertical-align: top;
	width: 20%;
}

#consultationMain table th i{
	color: #BDA9A8;
}

#consultationMain table td ul{
	list-style-type: none;
	padding: 0;
}

#consultationMain table td ul span{
	color: #E9734F;
	font-weight: 700;
	padding-left: 1.0em;
}

.eventEnd{
	text-decoration: line-through;
}

@media screen and (max-width: 991px) {
	#consultationInfo{
		margin-bottom: 30px;
	/*	font-size: 0.875em; 16px->14px*/
		font-size: 1.4rem;
	}

	#consultationInfo dl{
		margin-bottom: 2px;
	}

	#consultationInfo dt{
		float: left;
		width: 30%;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	#consultationInfo dd{
		float: right;
		width: 70%;
		padding: 10px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	#consultationInfo dt i{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#consultationMain h3 small{
		margin: 4px 0 0 0;
		display: table-cell;
	}
	#consultationMain table th,
	#consultationMain table td{
		display: block;
	}
	#consultationMain table th{
		width: 100%;
		background: #fff;
	}
	#consultationMain div{
		background: none !important;
	}
}



/*　利用者の声
------------------------------------------------------------ */
#voice div section{
	margin-top: 45px;
}

#voice section div{
	position: relative;
	display: inline-block;
	margin: 0 0 30px 0;
	padding: 20px;
	min-width: 120px;
	border-radius: 15px;
	box-sizing: border-box;
}

#voice section div:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
}

#voice section div p{
	margin: 0;
	padding: 0;
	line-height: 1.0em;
}

#voice section div.voiceB{
	background: #6FA1D7;
	color: #fff;
}

#voice section div.voiceB:before{
	border-top: 15px solid #6FA1D7;
}

#voice section div.voiceY{
	background: #F8E878;
}

#voice section div.voiceY:before{
	border-top: 15px solid #F8E878;
}

#voice section div.voice01{
	width: 70%;
}
#voice section div.voice02{
	float: right;
	width: 70%;
	margin: -10px 20px 30px 0;
}

#voice section div.voice03{
	width: 90%;
	background: #F8E878;
}

#voice section div.voice04{
	float: right;
	width: 65%;
	margin-top: -10px;
}

#voice section div.voice05{
	width: 65%;
	margin: 10px 0 30px 0;
}

#voice section div.voice06{
	float: right;
	width: 75%;
	margin: 0 0 30px 0;
}

#voice section div.voice07{
	float: left;
	width: 75%;
	margin: 0 0 30px 0;
}

#voice div p img{
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	#voice section div.voice01{
		width: 80%;
	}
	#voice section div.voice02{
	}

	#voice section div.voice03{
		margin: -10px 0 0 0;
	}

	#voice section div.voice04{
		width: 85%;
		margin-top: 20px;
	}

	#voice section div.voice05{
		float: none;
		width: 100%;
		margin-top: -10px;
	}

	#voice section div.voice06{
		margin: 0 0 30px 0;
	}

	#voice section div.voice07{
		width: 100%;
	}
}



/*　企業の皆様へ
------------------------------------------------------------ */
#corporation div section{
	background: #fff;
	padding: 30px 45px;
}

#corporation h2{
	margin: 45px 0;
	font-weight: 700;
}

#corporation h3{
	font-weight: 700;
}

#corporation div.center{
	margin: 45px auto;
	text-align: center;
}

#corporation div.center img{
	margin: 0 auto;
}

#corporation div.text-right p span{
	display: inline-block;
	font-weight: 700;
	padding: 0 1.0em 0 0;
}

#corporation div.text-right p span i{
	color: #BDA9A8;
}

#corporation i.fa-user-tie{
	color: #A389B4;
}

#corporation i.fa-user{
	color: #E98DA5;
}

#corporation #centerAddress{
	text-align: right;
}

#corporation .midashi {
	font-weight: bold;
	font-size: 1.5em;
	color: #66457c;
	border-radius: 5px;
    background: repeating-linear-gradient(-45deg, #c2a8cc, #c2a8cc 5px, #fff 5px, #fff 10px);
    padding: 5px;
}

#corporation .midashi p {
	margin: 0;
}

#corporation .midashi_inner {
    background-color: #fff;
    padding: 5px 10px;
}

@media screen and (max-width: 767px) {
	#corporation div section{
		padding: 15px;
	}
	#corporation h2{
		margin: 15px 0;
	}
	#corporation h3{
		text-align: center;
	}
	#corporation h3 i{
		display: block;
		margin: 0 auto 2px auto;
	}
	#corporation #centerAddress{
		text-align: left;
	}
	#corporation #centerAddress span{
		display: block;
	}
	#corporation .midashi {
		font-size: 1.1em;
	}
}



/*　リンク集
------------------------------------------------------------ */
#link div section{
	margin-top: 45px;
}

#link .container ul li {
	padding-top: 0.5em;
	font-size: 1.8rem;
	border-bottom: 1px dotted #ddd;
}