@charset "utf-8";
/* CSS Document */

.base-title {
    width: 100%;
    height: 70vh;
    background-image: url(../images/staff/voice-top2.jpg);	
	background-position: top;
	background-size: cover;
	position:relative;
}
.overview {
	width:85%;
	margin:auto;
	position:relative;
}
.overview-content{
    max-width: 960px;
    width: 95%;
    margin: 0 auto;
	overflow-wrap: break-word;
	word-break: break-word;
	padding:60px 0;
	margin-bottom:100px;
}

.overview h2{
    font-size: 28px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}
.overview table{
    max-width: 640px;
    width: 90%;
    margin: 0 auto;
    /*color: #543822;*/
}
.overview tr{
    width: 100%;
    display: table;
    border-bottom: solid 1px #D0D0D0;
    padding: 20px 0;
}

.overview td{
    width: 440px;
    display:table-cell;
    vertical-align:middle;
    
}
.overview td span{
    display: inline-block;
}
.overview .td-1{
    display: block;
    width: 200px;
  /*padding: 20px 0;*/
    font-weight: 700;
}
.overview .td-2{
    
}

@media screen and (max-width: 768px) {
    .overview-content{
	padding:0;
	margin-bottom:100px;
}

    .overview table{
        font-size: 15px;
    }
}

@media screen and (max-width: 640px) {
    .overview .td-1{
        width: 150px;
        }
}
@media screen and (max-width: 520px) {
	.overview .td-1{
        width: 120px;
}
}
@media screen and (max-width: 480px) {
    .overview tr{
        display: block;
    }
}

/*沿革*/
.history{
	max-width: 640px;
    width: 75%;
    margin: 70px auto 0px;
}
.history h2{
	font-size: 28px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}
.history li{
	list-style:disc;
	text-align: left;
	padding-top: 8px;
}


/*パンフレット*/
.pamphlet{
    width: 100%;
    margin-top: 100px;
}
.pamphlet{
    text-align: center;
    margin-bottom: 30px;
    /*color: #543822;*/
}
.pamphlet h2{
    font-size: 28px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
	margin-bottom: 20px;
}
/*.pamphlet span{
    display: block;
    width: 90px;
    margin: 8px auto 16px auto;
}
.pamphlet span::after{
    content: url("../images/title-treat.svg");
}*/
.pamphlet-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}
.pamphlet-1{
    max-width:350px;
    width: 90%;
    margin: 30px auto;
}

.pamphlet-btn{
    max-width: 480px;
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 10px;
    color: #fff;
    display: block;
    background-color: #80C4C4;
}
.pamphlet-1 a:hover,.pamphlet-btn:hover{
    opacity: 0.7;
}
@media screen and (max-width: 640px) {
    .pamphlet h2{
        font-size: 22px;
    }
    .pamphlet{
        margin-top: 50px;
    }
}