@charset "UTF-8";
/* CSS Document */
/* ============== visual ============== */
/* ============== main ============== */
.mainVisual {
    max-height: 400px;
}
.mainVisual__items{
	    width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
    max-width: 776px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.mainVisual__items h2{
	max-width: 630px;
}
.mainVisual__items p{
	max-width: 130px;
}
/*.mainVisual__items {
    position: absolute;
    top: calc(50% - 63px);
    left: calc(50% - 388px);
}*/
	
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.mainVisual__items{
		max-width: 520px;
	}
	.mainVisual__items h2{
		max-width: 400px;
	}
	.mainVisual__items p{
		max-width: 100px;
	}
	/*.mainVisual__items {
	    position: absolute;
	    top: calc(60% - 48px);
	    left: calc(50% - 260px);
	}*/
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
	.mainVisual__items{
		max-width: 400px;
    padding-bottom: 40px;
	}
	.mainVisual__items h2{
		max-width: 360px;
    margin: 0 auto;
	}
	.mainVisual__items p{
		max-width: 100px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	/*.mainVisual__items {
	    position: absolute;
	    top: calc(50% - 96px);
	    left: calc(50% - 200px);
	}*/
}
@media screen and (max-width: 400px) {
	.mainVisual__items{
		max-width: 300px;
    padding-bottom: 40px;
	}
	.mainVisual__items h2{
		max-width: 300px;
	}
	.mainVisual__items p{
		max-width: 100px;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	/*.mainVisual__items {
	    position: absolute;
	    top: calc(50% - 82px);
	    left: calc(50% - 150px);
	}*/
}

/* ============== report--02 ============== */
.report--02{}
.report--02 .c-inner{
	max-width: 1026px;
}
.report--02 li{
	margin-bottom: 16px;
}
.report--02 li:last-child{
	margin-bottom: 0;
}

/* ============== comment ============== */
.comment{
	padding-bottom: 0;
}
.comment.color--02 h3.c-title{
	border-bottom: solid 5px #ffc200;
	margin-bottom: 50px;
}
.comment h3.c-title:after{
	display: none;
}
@media screen and (max-width: 400px) {
	.comment.color--02 h3.c-title{
		margin-bottom: 20px;
	}	
}




.qa{
    max-width: 712px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.qa__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.qa__list:last-child{
	margin-bottom: 0;
}

.qa__list .itemLeft{
	width: 16.85%;
}

.qa__list .itemRight{
	width: 77.25%;
}
@media screen and (max-width: 400px) {
	.qa__list{
		display: block;
	}
	.qa__list .itemLeft{
		width: 100%;
		max-width: 120px;
		margin: 0 auto;
		margin-bottom: 20px;
	
	}
	
	.qa__list .itemRight{
		width: 100%;
	}
}


.itemLeft__pic{
	margin-bottom: 10px;
}
.itemLeft__name{
	color: #ffc200;
	font-size: 16px;
	text-align: center;
}
.itemRight__textBox{
	position: relative;
	border: 2px solid #FFFFFF;
	margin-bottom: 30px;
}
.itemRight__textBox:last-child{
	margin-bottom: 0;
}

.itemRight__textBox h5{
	width: 100%;
    position: absolute;
    top: -8px;
    /*text-align: center;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
	border: none;
}
.itemRight__textBox h5 span{
	display: inline-block;
    font-size: 18px;
    background-color: #006fa5;
    line-height: 1;
    vertical-align: text-top;
    padding: 0 5px;
}
.itemRight__textBox p{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.7;
	padding: 0 1rem;
	margin: 20px 0 15px 0;
}


/* ============== staff ============== */
.staff{}
.staff__inner {
    max-width: 712px;
    margin: 0 auto;	
}
.staff__tit {
    font-size: 24px;
    background-color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    letter-spacing: -0.1rem;
    margin-bottom: 30px;
}
.staff__box01{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 	
}
.staffLeft{
	width: 16.85%;
}
.staffRight{
	width: 77.25%;
	margin-bottom: 30px;
}
.staffRight__name{
	color: #ffc200;
	font-size: 16px;
}
.staffRight__text{
	color: #FFFFFF;
	font-size: 14px;
}
.staffText{
	margin-bottom: 30px;
}
.staffText span{
	font-weight: bold;
}
.staffText:last-child{
	margin-bottom: 0;
}
.staffText h5{
	margin-bottom: 20px;
}
.staffText p{
	color: #FFFFFF;
}
@media screen and (max-width: 400px) {
	.staff__box01{
	    display: block;
	}
	.staffLeft{
		width: 100%;
		max-width: 120px;
		margin: 0 auto;
		margin-bottom: 20px;}
	.staffRight{
		width: 100%;	
	}	
}


/* ============== schedule ============== */
.schedule{
	padding-top: 0;
}
.schedule table{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 10px;
	
}
.schedule tr{
	width: 600px;
    font-size: 16px;
    border-bottom: solid 2px #006fa5;
}

.schedule th{
	width: 24.00%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #231815;
    padding: 7px 0 7px 0;
    vertical-align: text-top;
}
.schedule td{
	width: 76%;
	font-size: 16px;
	vertical-align: text-top;
	padding: 7px 0 7px 0;
}

.quantity{
	font-size: 14px;
	line-height: 1.6;
	max-width: 600px;
	margin: 0 auto;
}