@charset "UTF-8";

/* menu-list
----------------------------------------------- */
/*namelist*/
.namelist { width: 100%; margin: 0 auto 10%; }
.namelist li { border-bottom: 1px solid #edeaec;position: relative;height: auto;}
.namelist li:last-child { border: none; }
.namelist li:after { content: "\f105"; font-family: icon; color: #a4acb7; position: absolute; top: 50%; right: 1vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.namelist a {padding: 3vw 6vw 3vw 2vw;}
.namelist a:hover { background:#efedf4;}
.namelist li img {width: 15%;display: inline-block;margin-right: 5px;vertical-align: middle;}
.namelist p {display: inline-block;vertical-align: middle;font-size: 5.2vw;line-height: 1.2;font-feature-settings: "palt";margin-bottom: 0;font-weight: bold;}
.namelist li span {display: block;color: var(--text-blue);font-size: 84%;font-weight: normal;line-height: 1.4;}
.namelist p span.mini{font-size: 80%;display: inline;color: #2f2c2f}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

.namelist { display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;}
.namelist li { width:48%;}
.namelist li:nth-child(odd) { margin-right: 30px;}
.namelist li:nth-last-of-type(2){ border: none; }
.namelist a {padding: 16px;}
.namelist li p {font-size: 21px;}
.namelist li img {width:auto;}
}