@charset "utf-8";
/* 会員一覧 */

.g_navi_menu .gnav05 a::after {
opacity: 1;
}
.member_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 50px;
}
.member_list li {
background: #fff;
margin-bottom: 20px;
position: relative;
width: 16.6%;
}
.member_list a:link, 
.member_list a:visited {
background: #fff;
color: #222;
display: block;
font-size: 1.25rem;
letter-spacing: 0.05em;
line-height: 130%;
padding: 13px 0;
text-align: center;
transition: all .5s;
}

@media all and (max-width : 1260px ){
.member_list a:link, 
.member_list a:visited {
font-size: 1.2rem;
}
}

.member_list a:active,
.member_list a:hover {
background: #272A2F;
color: #fff;
transition: all .5s;
}
.member_list li::before {
background: #ddd;
content: '';
display: block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
height: 22px;
}
.member_list li:first-child::before,
.member_list li:nth-child(7)::before,
.member_list li:nth-child(13)::before{
background: none;
}
.date {
font-size: 1.3rem;
display: block;
text-align: right;
line-height: 100%;
margin-bottom: 30px;
}

@media all and (max-width : 1200px ){
.member_list li {
width: 33%;
margin-bottom: 10px;
}
.member_list li:nth-child(4)::before,
.member_list li:nth-child(10)::before {
background: none;
}
}

/*-------------------------------------------------
sec_listbox
-------------------------------------------------*/

.sec_listbox {
margin-bottom: 80px;
}
.list_menubox {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: solid 1px #222;
padding: 0 5px 2px 5px;
margin-bottom: 30px;
}
.list_title {
font-weight: 600;
font-size: 2.0rem;
line-height: 100%;
padding-left: 25px;
position: relative;
}
.list_title::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 0;
width: 9px;
height: 9px;
background: #D13239;
border-radius: 50%;
transform: translate(50%, -50%);
}
.number_box {
display: flex;
align-items: center;
}
.number_box dt {
font-size: 1.4rem;
line-height: 100%;
}
.number_box dd {
font-size: 1.2rem;
}
.number_box dd span {
font-family: "Oswald", serif;
font-size: 2.4rem;
font-weight: 500;
color: #D13239;
margin-right: 3px;
letter-spacing: 0;
}
.list_box_wrap {
display: flex;
flex-wrap: wrap;
}
.list_box {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 30px;
border-radius: 10px;
border: solid 1px #272A2F;
background: #fff;
}
.list_box:nth-child(3n) {
margin-right: 0px;
}

@media all and (max-width : 1024px ){
.list_box {
width: calc(33.3333333% - 40px / 3);
margin-right: 20px;
margin-bottom: 20px;
}
}

.member_name_box {
background: #272A2F;
padding: 15px 20px;
margin-bottom: 12px;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
border-radius: 8px 8px 0 0;
}
.member_name_box a {
text-decoration: underline;
}
.member_name_box a:hover {
text-decoration: none;
}
.address_box {
padding: 0 20px;
margin-bottom: 10px;
}
.tel_box {
padding: 0 20px 25px;
}

@media all and (max-width : 820px ){
.address_box,
.tel_box {
font-size: 1.3rem;
}
}


/* スマートフォン
-------------------------------------------------- */

@media all and (max-width : 767px ){
.member_list {
margin-bottom: 25px;
}
.member_list li {
width: 33%;
margin-bottom: 6px;
}
.member_list li:nth-child(7),
.member_list li:nth-child(9){
padding-top: 5px;
}
.member_list a:link,
.member_list a:visited {
font-size: 1.0rem;
padding: 9px 0;
}
.member_list li:nth-child(4)::before,
.member_list li:nth-child(10)::before {
background: none;
}
.date {
font-size: 1.0rem;
margin-bottom: 30px;
}


/*-------------------------------------------------
sec_listbox
-------------------------------------------------*/

.sec_listbox {
margin-bottom: 40px;
}
.list_menubox {
margin-bottom: 20px;
}
.list_title {
font-size: 1.4rem;
padding-left: 17px;
}
.list_title::before {
width: 7px;
height: 7px;
}
.number_box dt {
font-size: 1.0rem;
}
.number_box dd {
font-size: 1.0rem;
}
.number_box dd span {
font-size: 2.0rem;
margin-right: 3px;
}
.list_box_wrap {
display: flex;
flex-wrap: wrap;
}
.list_box {
width: calc(50% - 10px / 2);
margin-right: 10px;
margin-bottom: 10px;
}
.list_box:nth-child(3n) {
margin-right: 10px;
}
.list_box:nth-child(2n) {
margin-right: 0px;
}
.member_name_box {
padding: 10px 10px;
margin-bottom: 10px;
font-size: 1.2rem;
}
.address_box {
padding: 0 10px;
margin-bottom: 6px;
font-size: 1.1rem;
}
.tel_box {
padding: 0 10px 20px;
font-size: 1.2rem;
}
}