@charset "utf-8";

/* ************************************************ 
*	協会概要
* ************************************************ */
.about-box {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}
.about-box p{
font-size: min(1.6vw,16px);
line-height: 200% !important;
}

table.about {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}
table.about tr { border-bottom: 1px #999 dotted; }
table.about th {
font-weight: 500;
text-align: left;
padding: 20px 0;
white-space: nowrap; 
vertical-align: middle;
width:15%;
font-size: min(1.6vw,16px);
}
table.about td {
text-align: left;
padding: 20px 0;
font-weight: 500;
vertical-align: middle;
font-size: min(1.6vw,16px);
}

.soshiki-box1 {
width: 70%;
margin: 0 auto 80px auto;
padding: 0;
}
.soshiki-box2{
width: 70%;
margin: 0 auto;
padding: 0;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
table.about th { width:20%; }
.soshiki-box1 {
width: 100%;
margin: 0 auto 30px auto;
}
.soshiki-box2{
width: 100%;
margin: 0 auto;
}
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
table.about th {
display:block;
width: 100%;
padding: 20px 0 5px 0;
font-size: 4.5vw;
}
table.about td {
display:block;
width: 100%;
padding: 0 0 20px 0;
font-size: 4.5vw;
}
.soshiki-box1 {
width: 100%;
margin: 0 auto 30px auto;
}
.soshiki-box2{
width: 100%;
margin: 0 auto;
}
}