#member .member-wrap{display:grid;grid-template-columns:repeat(2,1fr);max-width:1000px;margin:0 auto;padding:0 20px;perspective:1000px}#member .member-content{margin:0 auto;margin-top:50px;width:320px}@media screen and (max-width:890px) and (min-width:768px){#member .member-content{width:300px}.page-content{padding:0 55px}}#member .member-flipper{background-color:transparent;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;padding-top:426px;position:relative;width:100%}#member .member-front,#member .member-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;transition:transform 1s ease,opacity .8s ease}#member .member-front{background-color:#f7941c;z-index:2}#member .member01 .member-front,#member .member04 .member-front{background-color:#b4b4b4}#member .member-image{background-position:center bottom;background-repeat:no-repeat;background-size:contain;height:calc(100% - 19px);transform:translateY(19px);width:100%}#member .member01 .member-image{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_KOTA.png)}#member .member02 .member-image{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_HIRO.png);background-position:right bottom}#member .member03 .member-image{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_NACHO.png)}#member .member04 .member-image{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_HIKO.png)}#member .member-content:hover .member-image{height:100%}#member .member-name{display:block;font-size:1rem;font-weight:700;margin-top:15px}#member .member-job{color:#98a6b5;display:block;font-size:.8rem;margin-top:5px}#member .member-back{background-color:#fff;box-sizing:border-box;display:flex;padding:25px 15px 20px;z-index:1;transform:rotateY(180deg)}#member .member-back .icon-top,#member .member-back .icon-bottom{display:block;width:100%;height:30px;background-repeat:no-repeat;background-size:30px;background-position:left top}#member .member-back .icon-bottom{margin-top:auto;position:absolute;bottom:25px;transform:rotate(180deg);right:15px}#member .member-back .icon-cat{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/icon-cat.png)}#member .member-back .icon-candy{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/icon-candy.png)}#member .member-back .icon-game{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/icon-game.png)}#member .member-back .icon-trump{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/icon-trump.png)}#member .member-detail{-webkit-overflow-scrolling:touch;max-height:100%;overflow-y:auto;text-align:left}#member .member01 .member-detail{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_KOTA_back.png);background-size:60%;background-position:center;background-color:rgba(255,255,255,.5);background-blend-mode:lighten}#member .member02 .member-detail{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_HIRO_back.png);background-size:60%;background-position:center;background-color:rgba(255,255,255,.5);background-blend-mode:lighten}#member .member03 .member-detail{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_NACHO_back.png);background-size:60%;background-position:center;background-color:rgba(255,255,255,.5);background-blend-mode:lighten}#member .member04 .member-detail{background-image:url(//ko-con.jp/wp-content/themes/KOConsulting/css/../img/people_member_HIKO_back.png);background-size:60%;background-position:center;background-color:rgba(255,255,255,.5);background-blend-mode:lighten}#member .member-detail .title{display:block;font-size:17px;font-weight:700;line-height:24px}#member .member-detail .text{display:block;font-size:12px;line-height:24px;margin-top:4px}#member .member-content.is-flipped .member-front{transform:rotateY(180deg);transform-style:preserve-3d;opacity:0}#member .member-content.is-flipped .member-back{transform:rotateY(0deg);transform-style:preserve-3d}