@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%;
}

body {
display: block;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/* 以下『about』専用 */

#about_wrap {
width: 1100px;
margin-right: auto;
margin-left : auto;
margin-bottom: 25px;
text-align: center;
@media screen and (min-width: 1310px)/*ウィンドウ幅が1310px以上の場合に適用*/
{
max-width: 1100px;
width: 100%;
height: auto;}
@media screen and (max-width: 1309px)/*ウィンドウ幅が最大1309pxまでの場合に適用*/
{
max-width: 1100px;
width: 100%;
height: auto;}
@media screen and (max-width: 720px)/*ウィンドウ幅が最大720pxまでの場合に適用*/
{
max-width: 680px;
width: 100%;
height: auto;}
}


.hf_logo {
display : block;
margin-right: auto;
margin-left : auto;
margin-top: 100px;
}


.staff {
display : flex;
flex-wrap: wrap;
Width:800px;
justify-content: center;
margin-right: auto;
margin-left : auto;
@media screen and (min-width: 1310px)/*ウィンドウ幅が1310px以上の場合に適用*/
{
max-width: 800px;
width: 100%;
height: auto;}
@media screen and (max-width: 1309px)/*ウィンドウ幅が最大1309pxまでの場合に適用*/
{
max-width: 800px;
width: 100%;
height: auto;}
@media screen and (max-width: 720px)/*ウィンドウ幅が最大720pxまでの場合に適用*/
{
max-width: 400px;
width: 100%;
height: auto;}
}

	
.KY ,
.YY {
display : inline-block;
vertical-align: top;
width: 350px;
margin:  50px 20px 50px 20px ;
}


.member_img {
width: 350px;
margin-bottom: 5px;
}


.name_l {
width: 350px;
font-size: 14pt;
margin:20px 0px 5px;
color: #4b4b4b;
}

.name_s {
width: 350px;
font-size: 8pt;
margin:5px 0px 10px;
color: #4b4b4b;
}


.name_M {
width: 350px;
font-size: 9pt;
margin:20px 0px 10px;
color: #4b4b4b;
}


.about_name_line {
height: 1px;
border-top: 1px lightgray solid;
margin-top: 20px;
}


.member_text {
text-align:justify;
width: 310px;
font-size: 10pt;
line-height: 25px;
margin-top: 10px;
padding: 0px 20px 0px;
color: #4b4b4b;
}


dt{
width: 80px;
float: left;
font-size: 10pt;
line-height: 28px;
border-right: 1px solid lightgray;
color: #4b4b4b;
}


dd{
text-align:left;
margin-left: 100px;
font-size: 10pt;
line-height: 28px;
color: #4b4b4b;
}


.about_dl {
width: 350px;
padding: 10px;
margin-top: 30px;
margin-right: auto;
margin-left : auto;
}


dl{
text-align:center;
font-size: 10pt;
line-height: 20px;
color: #4b4b4b;
}


.about_line-group{
max-width: 800px;
margin-left: auto;
margin-right: auto;
}/*OK*/


.about_line-block{
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
@media screen and (min-width: 1310px)/*ウィンドウ幅が1310px以上の場合に適用*/
{
max-width: 800px;
width: 100%;
}
@media screen and (max-width: 1309px)/*ウィンドウ幅が最大1309pxまでの場合に適用*/
{
max-width: 800px;
width: 100%;
}
@media screen and (max-width: 720px)/*ウィンドウ幅が最大720pxまでの場合に適用*/
{
max-width: 100%;
width: 90vw;
}
}/*OK*/


.about_line{
border-bottom: 1px solid;
border-bottom-color: lightgray;
}/*OK*/


.about-space{
@media screen and (min-width: 1310px)/*ウィンドウ幅が1310px以上の場合に適用*/
{ 
margin-top: 40px;
margin-bottom: 40px;}
@media screen and (max-width: 1309px)/*ウィンドウ幅が最大1309pxまでの場合に適用*/
{
margin-top: 40px;
margin-bottom: 20px;}
@media screen and (max-width: 720px) /*ウィンドウ幅が最大720pxまでの場合に適用*/
{
margin-top: 40px;
margin-bottom: 10px;}
}/*OK*/


.hf_img {
text-align: center;
display: inline-block;
}