@charset "UTF-8";
/***********************************
* top-header-ichatch	*
***********************************/
.top-header-ichatch {
	margin-bottom: 1em;
	text-align: center;
	padding: 0.5rem;
}
	@media only screen and ( max-width : 767px ){
		.top-header-ichatch p img{
			width: 314px;
		}
	}
	@media print, screen and (min-width: 768px) {
		.top-header-ichatch p img{
			width: 314px;
		}
	}
	@media (min-width: 992px) {
		.top-header-ichatch p img{
			width: 369px;
		}
	}
/***********************************
* 02^concept-block	*
***********************************/
/* h3,h4*/
#concept-block h4{
	margin-bottom: 0.3rem;
}
	@media only screen and ( max-width : 767px ){
		#concept-block h3{
			width: 40%;
			margin-left: auto;
			margin-right: auto;
		}
	}

/* lead --------------------*/
#concept-block .lead{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
	@media only screen and ( max-width : 767px ){
		#concept-block .lead{
			margin-bottom:0.5rem;
		}
	}
	@media print, screen and (min-width: 768px) {
		#concept-block .lead{
			margin-bottom:1.3rem;
		}
	}
	@media (min-width: 992px) {
		#concept-block .lead{
			margin-bottom:1.8rem;
		}
	}
/* leadtxt*/
	@media only screen and ( max-width : 767px ){
		#concept-block .leadtxt{
			margin-bottom: 2.5rem;
		}

	}
	@media print, screen and (min-width: 768px) {
		#concept-block .leadtxt{
			text-align: center;
			margin-bottom: 3rem;
		}
	}
	@media (min-width: 992px) {
		#concept-block .leadtxt{
			margin-bottom: 4rem;
		}
	}

/***********************************
* 05^instructor-block	*
***********************************/
/* list --------------------*/
#businesscont-block ul.list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#businesscont-block ul.list li{
	text-align: center;
}
#businesscont-block ul.list li p.business-name,
#businesscont-block ul.list li p.business-cont{
	display: block;
}
#businesscont-block ul.list li p.business-name{
	font-size: 115%;
	margin-bottom: 0.2em;
	font-weight: bold;
}
#businesscont-block ul.list li p.business-cont{
	font-size: 90%;
}
#businesscont-block ul.list li a.open-popup-link{
	background-color: #009fe8;
	display: inline-block;
	color:#fff;
	text-decoration: none;
	transition: .3s;
	padding: 0.3rem 0;
}
#businesscont-block ul.list li a.open-popup-link:hover{
	background-color: #009fe8;
	color: #fff;
}
#businesscont-block ul.list li img {
	border-radius: 50%;
}

	@media only screen and ( max-width : 767px ){
		#businesscont-block ul.list li{
			margin-bottom: 2rem;
		}
		#businesscont-block ul.list li{
			width: 45%;
		}
		#businesscont-block ul.list li img,
		#businesscont-block ul.list li a{
			width: 70%;
			max-width: 140px;
		}
		#businesscont-block ul.list li p.business-name{
			padding:0.2rem 0 0 0;
		}
		#businesscont-block ul.list li p.business-cont{
			padding-right: 0.3rem;
			padding-bottom: 0.3rem;
			line-height: 1.2;
			height: 2.9rem;
		}
	}
	@media print, screen and (min-width: 768px) {
		#businesscont-block ul.list li{
			margin-bottom: 3.5rem;
		}
		#businesscont-block ul.list{
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}
		#businesscont-block ul.list li{
			width: 30%;
		}
		#businesscont-block ul.list li img,
		#businesscont-block ul.list li a{
			width: 80%;
		}
		#businesscont-block ul.list li p.business-name{
			padding:0.3rem 0 0.1rem 0;
			height: 1.8rem;
		}
		#businesscont-block ul.list li p.business-name.bn03{
			font-size: 110%;
		}
		#businesscont-block ul.list li p.business-cont{
			height: 3.7rem;
		}

	}
	@media (min-width: 992px) {
		#businesscont-block ul.list li{
			margin-bottom: 4.5rem;
		}
		#businesscont-block ul.list li img,
		#businesscont-block ul.list li a{
			width: 217px;
		}
		#businesscont-block ul.list li p.business-name{
			padding:0.5rem 0 0.2rem 0;
		}
		#businesscont-block ul.list li p.business-cont{
			height: 3rem;
		}
	}
	@media (min-width: 1200px) {
	}

/* ポップアップ --------------------*/
.popup-cont {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: 90%;
  max-width: 700px;
  margin: 20px auto;
}

.popup-cont p.popup-name{
	margin-bottom: 0;
}
.popup-cont p.popup-position{
	color:#009fe8;
}
.popup-cont dl dt{
	float: left;
}
.popup-cont .popup-picbox {
	margin: -20px -20px 20px;
}
.popup-cont p.closeButton {
	text-align: center;
	color: #009fe8;
	margin-bottom: 0;
	margin-top: 2rem;
	font-size: 90%;
}
	@media only screen and ( max-width : 767px ){
		.popup-pic{
			width: 100px;
			margin-bottom: 0.5rem;
		}
		.popup-cont p,
		.popup-cont dl dt,
		.popup-cont dl dd{
			font-size: 0.81rem;;
		}
		.popup-cont p.popup-name{
			font-size: 1.3rem;
		}
		.popup-cont dl dd{
			margin-left: 45px;
		}
	}
	@media print, screen and (min-width: 768px) {
		.popup-pic{
			width: 130px;
			margin-bottom: 0.8rem;
		}
		.popup-cont p,
		.popup-cont dl dt,
		.popup-cont dl dd{
			font-size: 0.81rem;
		}
		.popup-cont p.popup-name{
			font-size: 1.8rem;
		}
		.popup-cont p.popup-position{
			font-size: 0.75rem;
		}
		.popup-cont dl dd{
			margin-left: 50px;
		}
	}
	@media (min-width: 992px) {
		.popup-cont p,
		.popup-cont dl dt,
		.popup-cont dl dd{
			font-size: 0.94rem;
		}
		.popup-cont p.popup-name{
			font-size: 2rem;
		}
		.popup-cont p.popup-position{
			font-size: 0.88rem;
		}
		.popup-cont dl dd{
			margin-left: 70px;
		}
	}
/***********************************
* 06^trial-block	*
***********************************/
/* lead --------------------*/
#contact-block p.lead{
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	margin-bottom: 0;
	color: #009fe8;
}
#contact-block p.lead span {
	font-size: 0.9rem;
	color: #000;
}
#contact-block p.lead span.tel,#contact-block p.lead span.sp {
	display: inline-block;
	position: relative;
}
	@media only screen and ( max-width : 767px ){
		#contact-block p.lead{
			font-size: 2rem;
		}
		#contact-block p.lead span.tel {
			bottom: 7px;
			margin-right: 0.5rem;
			width: 27px;
		}
		#contact-block p.lead span.sp {
			bottom: 8px;
			margin-right: 0.5rem;
			width: 18px;
		}
	}
	@media print, screen and (min-width: 768px) {
		#contact-block p.lead{
			font-size: 2rem;
		}
		#contact-block p.lead span.tel {
			bottom: 7px;
			margin-right: 0.5rem;
			width: 27px;
		}
		#contact-block p.lead span.sp {
			bottom: 8px;
			margin-right: 0.5rem;
			width: 18px;
		}
	}

	}
	@media (min-width: 992px) {
		#contact-block p.lead{
			font-size: 2.5rem;
		}
		#contact-block p.lead span.tel,#contact-block p.lead span.sp {
			bottom: 10px;
			margin-right: 0.8rem;
		}
	}
	@media (min-width: 1200px) {
		#contact-block p.lead{
			font-size: 2.5rem;
		}
		#contact-block p.lead span.tel {
			bottom: 10px;
			margin-right: 0.8rem;
			width: 35px;
		}
		#contact-block p.lead span.sp {
			bottom: 10px;
			margin-right: 0.8rem;
			width: 21px;
		}
	}
/* pic-01 --------------------*/
#contact-block .pic-01{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 1rem;
}
/* box-01 --------------------*/
#contact-block .box-01{
	background-color: #e2e2e2;
}
#contact-block .box-01 h3{
	font-family: 'Noto Serif JP', serif;
	color:#a4004d;
	text-align: center;
}
#contact-block .box-01 h3::before{
	content: '-　';
	font-weight: bold;
}
#contact-block .box-01 h3::after{
	content: '　-';
	font-weight: bold;
}
#contact-block .box-01 dl{
	margin: 0;
}
#contact-block .box-01 dl dt::before{
	content: '■';
	font-weight: bold;
}

	@media only screen and ( max-width : 767px ){
		#contact-block .box-01{
			border-radius: 0.5rem;
		}
		#contact-block .box-01-in{
			padding: 0.8rem 1rem;
		}
		#contact-block .box-01 h3{
			font-size: 0.88rem;
		}
	}
	@media print, screen and (min-width: 768px) {
		#contact-block .box-01{
			border-radius: 1rem;
		}
		#contact-block .box-01-in{
			padding: 0.8rem 1rem;
		}
		#contact-block .box-01 h3{
			font-size: 0.88rem;
		}
	}
	@media (min-width: 992px) {
		#contact-block .box-01 h3{
			font-size: 1.13rem;
			margin-bottom: 1rem;
		}
		#contact-block .box-01-in{
			padding: 1.5rem 1.88rem;
		}
		#contact-block .box-01 dl dd{
			margin-bottom: 1rem;
		}
	}
#contact-block .box-01 dl dd:last-child{
	margin-bottom: 0;
}

/* #trial-block .btn-01* --------------------*/
#contact-block .btn-01 p{
	text-align: center;
	line-height: 1.0;
}
#contact-block .btn-01 a{
	font-size: 120%;
	text-decoration: none;
	color:#fff;
	background-color: #009fe8;
	display: inline-block;
	transition: .3s;
}
#contact-block .btn-01 a:hover{
	background-color: #009fe8;
	color: #fff;
}
	@media only screen and ( max-width : 767px ){
		#contact-block .btn-01{
			padding-top: 1rem;
		}
		#contact-block .btn-01 a{
			padding:1rem 3rem;
		}
	}
	@media print, screen and (min-width: 768px) {
		#contact-block .btn-01{
			padding-top: 2rem;
		}
		#contact-block .btn-01 a{
			padding:1.2rem 3rem;
		}
	}
	@media (min-width: 992px) {
		#contact-block .btn-01{
			padding-top: 3rem;
		}
		#contact-block .btn-01 a{
			padding:1.81rem 6rem;
		}
	}
	@media (min-width: 1200px) {
	}

/* Googlemap --------------------*/

#access-block p {
	text-align: center;
}

#access-block .logo {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#access-block .googlemap{
    position: relative;
    width: 100%;
    height: 0;
	margin-bottom: 2rem;
}
#access-block .googlemap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	@media only screen and ( max-width : 767px ){
		#access-block .googlemap{
			margin-bottom: 1rem;
			padding-top: 55%;/*比率をお好みで*/
		}
		#access-block .logo{
			width: 180px;
			margin-bottom: 0.5rem;
		}
	}
	@media print, screen and (min-width: 768px) {
		#access-block .googlemap{
			padding-top:55%;
		}
		#access-block .logo{
			width: 250px;
			margin-bottom: 0.2rem;
		}
	}
	@media (min-width: 992px) {
		#access-block .googlemap{
			padding-top:55%;
		}
		#access-block .logo{
			width: 30%;
			margin-bottom: 0.5rem;
		}
	}
	@media (min-width: 1200px) {
		#access-block .googlemap{
			padding-top:55%;
		}
		#access-block .logo{
			width: 80%;
			margin-bottom: 0.2rem;
		}
	}

/***********************************
* 03^corpinfo-block 	*
***********************************/
#corpinfo-block .corporateinfo-box dl{
	border-bottom:solid #888888 1px;
	background-color: #d3e9fb;
}
#corpinfo-block .corporateinfo-box dl dt,
#corpinfo-block .corporateinfo-box dl dd{
	border-top:solid #888888 1px;
	padding: 1rem;
	margin-bottom: 0;
}
#corpinfo-block .corporateinfo-box dl dt{
	font-weight: normal;
	float: left;
	clear: left;
	width: 120px;
}
#corpinfo-block .corporateinfo-box dl dd{
	margin-left: 120px;
	background-color: #fff;
}

	@media (min-width: 992px) {
		#corpinfo-block .corporateinfo-box dl dt,
		#corpinfo-block .corporateinfo-box dl dd{
			padding: 1.5rem;
		}
		#corpinfo-block .corporateinfo-box dl dt{
			width: 150px;
		}
		#corpinfo-block .corporateinfo-box dl dd{
			margin-left: 150px;
		}
	}