@import url('//fonts.googleapis.com/css?family=Satisfy');

/*------------------------------------------------------------

------------------------------------------------------------*/

#sideBar {
    float: right;
    max-width: 300px;
    width: 27%;
    margin-top: -23px;
}
.pharmacist_industry{
    padding: 30px 7px 7px 0px;
}
.pharmacist_industry p{
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin-top: 10px;
}
.column_btn{
    margin-top: 13px!important;
}

@media only screen and (max-width: 990px) {
    #sideBar {
        padding-right: 5px;
    }
}

#sideBar .consultation {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    max-width: 300px;
    width: 100%;
    background-color: #E2C308;
    text-align: center;
    border-radius: 3px;
}

#sideBar .consultation .txt {
    margin: 0 auto 18px;
    width: 80%;
}

#sideBar .consultation .txt img {
    width: 100%;
    height: auto;
    display: block;
}

#sideBar .consultation .btn {
    margin: 0 auto;
    width: 86%;
    display: block;
    background: #fff;
    font-size: 2rem;
    color: #333;
    font-weight: 500;
    border-radius: 3px;
    box-shadow: 0 0 0 0 white, 0 3px 4px #b59c06;
    position: relative;
    line-height: 64px;
}

#sideBar .consultation .btn:hover {
    background: #930000;
    color: #fff;
    opacity: 1;
    box-shadow: 0 0 0 0 white, 0 3px 4px #660000;
}

#sideBar .consultation .btn::before {
    margin: auto;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    color: #C7403A;
    vertical-align: middle;
}

#sideBar .consultation .btn:hover:before {
    color: #fff;
}

#sideBar .consultation .btn:first-of-type {
    margin-bottom: 10px;
}

.sidebar_column_row {
    margin-bottom: -20px;
}

.sidebar_column_col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 9px;
    position: relative;
}
.category_block .sidebar_column_col{
    padding-bottom: 3px;
}
.sidebar_column_col a {
    padding: 16px 0 23px 14px;
    display: block;
    background: #fff;
}
.category_block .sidebar_column_col a {
    padding: 12px 0 13px 14px;
    display: block;
    background: #fff;
}
.sidebar_column_col a>div {
    width: 37%;
    overflow: hidden;
    background: #ffffff;
    position: relative;
    float: left;
}

.sidebar_column_col img {
    position: relative;
    top: 0;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.sidebar_column_txt_blk {
    width: 51% !important;
    float: left;
    margin-left: 3%;
}
.free_consultation .sidebar_column_txt_blk{
    width: 90% !important;
    margin-left: 0;
}
.sidebar_column_ttl {
    font-weight: bold;
    margin: 0 0 6px;
    font-size: 14px !important;
    padding: 0;
    line-height: 1.2em;
}

.sidebar_column_txt {
    font-size: 12px !important;
    color: #666;
}
.free_consultation .sidebar_column_txt{
    color: #999;
}

.sidebar_column_col:after {
    font-family: 'FontAwesome';
    content: '\f105';
    color: #b2b242;
    position: absolute;
    top: 40%;
    right: 10px;
    font-size: 1.6rem;
}
.category_block .sidebar_column_col:after{
    top: 27%;
}
.sidebar_column_cov {
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
    margin-top: 40px;
}
#sideBar .list_ttlcom a.bnt_link.btn_guidance {
    margin-top: 15px;
}

@media only screen and (max-width: 969px) {
    #sideBar .consultation .btn::before {
        left: 8%;
    }
}

@media only screen and (max-width: 800px) {
    #sideBar .consultation .btn {
        font-size: 1.6rem;
    }
}

#sideBar .consultation .btn:first-child div {
    margin-top: 240px;
    margin: 240px auto 10px;
}

#sideBar .list_medical {
    margin-top: 35px;
}


#sideBar .list_medical li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}



#sideBar .list_medical li .image {
    max-width: 90px;
    width: 40%;
}
#sideBar .list_medical li .image.large {
    width: 27%;
}

#sideBar .list_medical li .image img {
    width: 100%;
    height: auto;
}

#sideBar .list_medical li .text {
    font-size: 1.1em;
}
#sideBar .list_medical li .text dt{
    font-weight: bold;
    font-size: 1.1em;
    color: #443927;
}
#sideBar .list_medical li .text dd{
    color: #6e6c5b;
    margin-top: 5px;
}
#sideBar .list_medical li:nth-child(2) > .image img{
/*    padding-top: 23px; 20180704修正*/
}
/* #sideBar .list_medical li:nth-child(3) > .image img{
    margin-top: -7px;
} */
#sideBar .list_medical li:last-child > .image img{
    padding-top: 8px;
}
#sideBar .list_medical li .text p {
    font-size: 12px;
    color: #333;
    line-height: 1.4em;
    letter-spacing: 2px;
    font-weight: 500;
    letter-spacing: 3px;
}

#sideBar #list_feature,#sideBar #interview_post {
    margin: 40px 0;
    box-sizing: border-box;
    /*  padding: 20px; */
    border-radius: 5px;
}

#sideBar #information.list_ttlcom h2{
    border-bottom: 0;
}

#sideBar #information.list_ttlcom ,
#sideBar .sidebar_follow .txtcenter{
    font-family: Satisfy;
    font-size: 3.5em;
    color:#9FA521;
}/*20180704追加*/

#sideBar .list_ttlcom .title_list_feature,
.interview_sidebar h2 {
    margin-bottom: 22px;
    font-size: 1.4rem;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    letter-spacing: 1.5px;
    font-weight: 500;
}

#sideBar #list_feature ul li,#sideBar #interview_post ul li {
    display: block;
    box-sizing: border-box;
    padding: 0px 22px 10px 22px;
    margin-bottom: 20px;
    text-align: center;
}

#sideBar #list_feature ul li:nth-child(2),#sideBar #interview_post ul li:nth-child(2) {
    margin-bottom: 20px;
}

#sideBar #list_feature ul li:last-child,#sideBar #interview_post ul li:last-child {
    margin-bottom: 14px;
}

#sideBar #list_feature ul li img,#sideBar #interview_post ul li img {
    max-width: 240px;
    width: 100%;
    height: auto;
}

#sideBar #list_feature ul li h3,#sideBar #interview_post ul li h3 {
    font-size: 1.4rem;
    color: #333;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 5px;
}

#sideBar #list_feature ul li p,#sideBar #interview_post ul li p {
    font-size: 12px;
    color: #666;
     display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#sideBar .list_ttlcom a.bnt_link, .column_btn {
    display: block;
    border: 1px solid #ccc;
    color: #333;
    background: #fff;
    max-width: 258px;
    margin: 0 auto;
}
.no_bg_quiz {
    background: none!important;
    margin-bottom: 40px!important;
    padding-top: 0px!important;
}
#sideBar .list_ttlcom a.bnt_link:hover {
    background: #f9f6f1;
    opacity: 1;
}

#sideBar #list_feature a.bnt_link:hover::after {
    color: #666;
    opacity: 1;
}

#sideBar #information a.comBtn01:hover {
    background: #f9f6f1;
    opacity: 1;
}

#sideBar #information a.comBtn01:hover::after {
    color: #666;
    opacity: 1;
}

#sideBar a.bnt_link::after{
    color: #b2b242;
    right: 20px;
    font-size: 16px;
    font-weight: bold;
}

#sideBar a:hover {
    opacity: 0.7;
}

#sideBar .q_a img {
    width: 100%;
    height: auto;
}

#sideBar .q_a p {
    font-size: 1.2rem;
    color: #333;
    padding-top: 5px;
}

#sideBar #information {
    margin-top: 0;
    padding: 0 20px 0px 20px;
}

#sideBar #information .item {
    margin: 18px 0 0px 0;
    color: #333;
}
#tokusyu .list_ttlcom{
    margin-top: 40px;
}
.list_ttlcom {
    margin-bottom: 40px;
}

#sideBar #information .item .title {
    margin-bottom: -3px;
    font-size: 1.4rem;
    font-weight: normal;
}

#sideBar #information .item:first-child {
    margin: 17px 0 0px 0;
}

#sideBar #information .item .title time {
    margin-bottom: 4px;
    font-size: 1.2rem;
    font-weight: normal;
    display: block;
}

#sideBar #information .item .text {
    font-size: 1.2rem;
}

.side_bdfl {
    border-left: 1px solid #b2b242;
}

#sideBar #information a {
    color: #333;
    margin-top: 32px;
    font-weight: 500;
}

/* #sideBar .list_item {
    margin-top: 20px;
} */
.sidecommon + .list_ttlcom{
    margin-top: 20px;
}
#sideBar .list_item li {
    display: block;
    /* margin-top: 22px; */
    padding-bottom: 8px;
}

#sideBar .list_item li img {
    width: 100%;
    height: auto;
}

#sideBar .list_item li p {
    font-size: 1.2rem;
    color: #333;
    padding-top: 5px;
    font-weight: 500;
}

#sideBar .list_item.side_bnr li {
    margin-top: 30px;
}


.sidebar_follow {
    margin-top: 36px;
    padding: 0 20px 0px 20px;
}

.list_ttlcom.mrgb0 {
    margin-bottom: 0px;
}

.txtcenter {
    text-align: center;
}



.side_qalist a:before {
    content: " ";
    background: url(../images/common/side_q_ico.jpg) no-repeat;
    width: 22px;
    height: 42px;
    margin-right: -22px;
    display: inline-block;
    top: -6px;
    position: absolute;
    left: -30px;
}

.side_qalist a {
    font-size: 13px;
    margin-bottom: 32px;
    margin-left: 26px;
    line-height: 1.5em;
    display: block;
    position: relative;
    color: #333;
    font-weight: 500;
    letter-spacing: 0px;
}

.side_qalist {
    margin-top: 20px;
}

.side_qalist li:last-child a {
    margin-bottom: 26px;
}

.cv_sidebtn {
    display: block;
    background: url(../images/common/side_bar_cv.png)no-repeat;
    background-size: cover;
}

.cv_sidebtn img {
    opacity: 0;
}

.cv_sidebtn:hover {
    background: url(../images/common/side_bar_cvon.png)no-repeat;
    opacity: 1 !important;
    transition: none;
    background-size: cover;
}

#side_common {
    margin-top: 40px;
    padding: 15px 20px 20px 20px;
    background-color: #2e98a2;
    border-radius: 5px;
}

#side_common .faq_list_blk {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    box-sizing: border-box;
}

#side_common .table-cell {
    font-size: 12px;
    font-weight: 500;
}

#sideBar #side_common h2.title_information {
    margin-bottom: 0px;
    font-size: 1.4rem;
    color: rgb(255, 255, 255);
    padding-left: 15px;
    letter-spacing: 1.5px;
    border-left: 3px solid rgb(255, 255, 255);
}

#side_common .faq_list_blk .table {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    background: #ffffff;
    font-weight: 500;
    color: #333;
    margin-bottom: 0;
    border-radius: 0;
}

#side_common .faq_list_blk:last-child>.table {
    border: none;
}

#side_common .faq_list_blk .table:hover {
    background: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}

#side_common .answer_link {
    width: 20px;
    text-align: right;
    vertical-align: middle;
    display: table-cell;
}

#side_common .faq_list {
    margin: 10px 0px 0px 0px;
}

#search #sideBar {
    margin-top: 3px;
}
.interview_sidebar {
    margin-top: 40px;
}

.side_ttl_text span,.txtcenter span {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

#information .side_ttl_text span, .txtcenter span {
    margin-top: -5px;
}
#recent_quiz {
    padding: 20px;
    background: #eee8d0;
    margin: 40px 0;
}
#info_detail #recent_quiz{
    padding: 20px 0px;
}
#recent_quiz .quiz {
    width: 30px;
}

#recent_quiz .quiz img {
    width: 50%;
}

#recent_quiz .recent_quiz_tit,.no_bg_quiz .recent_quiz_tit {
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6b6559;
    margin-bottom: 15px
}

#recent_quiz .quiz_cover,.no_bg_quiz .quiz_cover {
    padding: 20px 15px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 5px;
}
#recent_quiz .quiz_cover .quiz_txt p, .no_bg_quiz .quiz_cover .quiz_txt p{
    color: #666;
    font-weight: bold;
}
#recent_quiz .quiz_txt, .no_bg_quiz .quiz_txt {
    font-size: 12px;
    line-height: 1.5em;
    color: #333333;
    font-weight: 500;
    vertical-align: top;
}

#recent_quiz .quiz_detail, .no_bg_quiz .quiz_detail {
    width: 20px;
    text-align: right;
    vertical-align: middle;
}
.txt_green{
    color: #a0a51a;
}
.category_txt{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
#quiz .question,
span.question, .question01{
    color: #9FA521;
    font-family: Satisfy;
    font-size: 28px;
    font-weight: normal;
    width: 30px;
    margin-top: -4px;
    padding-left: 0px;
}
.table-row {
    display: table-row;
}
.table {
    display: table;
    width: 100%;
}
@media only screen and (max-width: 1140px){
#side_common {
        padding: 20px 2%;
        border-radius: 0;
    }
    #sideBar .list_medical {
        padding: 0px 10px 0px 30px;
    }
    #sideBar #list_feature ul li,#sideBar #interview_post ul li  {
        padding: 0px 10px 10px 10px;
    }
}
@media only screen and (max-width: 940px) {
    #sideBar #list_feature a.bnt_link::after,
    #sideBar #information a:after{
        right: 10%;
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }

    #sideBar {
        max-width: 767px;
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }
    #sideBar #list_feature,.pharmacist_industry,.sidebar_qtn{
        box-sizing: border-box;
        padding: 0px 15px;
        border-radius: 0;
    }
    .pharmacist_industry,.sidebar_qtn{
        padding-top: 0px;
    }

    .industry_img img,.sidebar_qtn img{
        width: 100%;
    }
    .side_qalist a {
        font-size: 16px;
        font-weight: bold;
    }
    #sideBar .list_item li:last-child {
        margin-top: 30px;
    }
    #sideBar #list_feature ul,#sideBar #interview_post ul {
        margin-bottom: 0px;
        padding: 0px 20px;
    }
    #sideBar #list_feature ul li, #sideBar #interview_post ul li {

        position: relative;

        overflow: hidden;

        padding: 4px 15px 20px 15px;
    }
    #sideBar #list_feature ul li:last-child,#sideBar #interview_post ul li:last-child {
        margin-bottom: 15px;
    }
    #sideBar #list_feature ul li a,#sideBar #interview_post ul li a {
        width: 100%;
        display: block;
    }
    #sideBar #list_feature ul li img,#sideBar #interview_post ul li img {
        width: 100% !important;
        max-width: inherit;
    }

    #sideBar #list_feature ul li:not(:last-child),#sideBar #interview_post ul li:not(:last-child) {
        margin-bottom: 15px;
    }
    #sideBar #list_feature .img_sp,#sideBar #interview_post .img_sp {
        width: 32%;
        float: left;
    }
    #sideBar #list_feature .img_sp img,#sideBar #interview_post .img_sp img {
        width: 100%;
        height: auto;
    }
    #sideBar #list_feature .content_sp,#sideBar #interview_post .content_sp {
        box-sizing: border-box;
        margin-left: 4%;
        width: 56%;
        float: left;
    }
    #sideBar #list_feature ul li h3,#sideBar #interview_post ul li h3 {
        margin: 10px 0 5px 0px;
        font-size: 17px;
        font-weight: 500;
    }
    #sideBar #interview_post{
        margin-bottom: 0px;
    }
    .free_consultation .sidebar_column_txt_blk{
        margin-left: 0;
    }
    .list_ttlcom {
        padding: 0 15px;
    }
    .sidebar_column_cov {
        margin-top: 30px;
        margin-bottom: 30px !important;
    }
    .free_consultation{
        margin: 30px 0px !important;
    }
    #sideBar #list_feature ul li p,.pharmacist_industry p,.sidebar_qtn p {
        font-size: 14px;
        color: #666;
        font-weight: 500;
    }
    #sideBar a.bnt_link {
        color: #333;
        width: 90%;
        max-width: none;
        margin: 0 auto;
        font-size: 13px;
        padding: 4px 0px 5px 0px;
        border-radius: 5px;
    }
    #sideBar .list_ttlcom a.bnt_link {
        max-width: none;
        width: 90%;
    }
    #sideBar .q_a {
        padding: 31px 0 28px;
        box-sizing: border-box;
    }
    #sideBar .q_a .bannerbox {
        padding: 0 2%;
    }
    #sideBar .q_a img {
        width: 100%;
        height: auto;
    }
    #sideBar #information {
        padding: 0 15px;
        margin-left: 15px;
        box-sizing: border-box;
    }
    .side_qalist a:before {
        top: -7px;
    }
    #sideBar .q_a p {
        font-size: 1rem;
        font-weight: bold;
    }
    #sideBar #information_sp {
        padding: 20px 2%;
        background-color: #FFF;
        color: #333;
    }
    #sideBar #information_sp .title_information {
        padding-left: 10px;
        font-size: 1.2rem;
        border-left: 2px solid #9b833b;
    }
    #sideBar #information_sp .item {
        margin: 0 auto 23px;
        width: 94%;
    }
    #sideBar #information_sp .item .title {
        margin-bottom: 7px;
        font-size: 1.2rem;
    }
    #sideBar #information_sp .item .title a {
        color: #333;
    }
    #sideBar #information_sp .item .title time {
        margin-bottom: 4px;
        display: block;
        font-size: 1rem;
    }
    #sideBar #information_sp .item+.comBtn_sp {
        margin: 0 auto;
        width: 94%;
    }
    #sideBar #information_sp .item+.comBtn_sp:hover {
        background: #e5ded1;
    }
    #sideBar #information_sp .item+.comBtn_sp:hover::after {
        color: #666;
    }
    #sideBar #information_sp a::after {
        color: #ccc;
        right: 4%;
    }
    #sideBar .list_item {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    #sideBar .list_item li {
        margin-top: 20px;
    }
    #sideBar .list_item li:last-child{
        margin-bottom: 40px;
    }

    #sideBar .list_item .bannerbox:not(:last-child) {
        margin: 0 0 15px;
    }
    #sideBar .list_item .bannerbox img {
        width: 100%;
        height: auto;
    }
    #sideBar .list_item .bannerbox p {
        font-size: 1rem;
        font-weight: bold;
    }
    #sideBar .list_medical {
        margin: 0;
        padding: 20px 7px 0px 7px;
    }
    #sideBar #information a {
        font-weight: bold;
        width: 100%;
    }
    #sideBar #information .item .title time {
        color: #333;
    }
    #sideBar #information .item .text {
        color: #333;
        font-size: 12px;
        line-height: 1.6em;
        padding-top: 5px;
    }
    #sideBar .list_item li p {
        font-weight: bold;
    }
    #quiz #sideBar .question {
        margin-left: 0;
    }
    #sideBar .list_medical li .image {
        float: left;
        max-width: inherit;
    }
    #sideBar .list_medical li .image.large {
        width: 16%;
    }
    #sideBar .list_medical li .text {
        width: 75%;
        float: right;
    }
    #sideBar .list_medical li .text p {
        font-size: 13px;
    }
    .cv_sidebtn:hover {
        background-size: cover;
    }
    .cv_sidebtn {
        text-align: center;
        display: block;
        background-size: cover;
    }
    .interview_sidebar {
        margin-top: 0px;
        margin-bottom: 0px !important;
    }
    #tokusyu .interview_sidebar {
        margin-top: 40px;
    }
    #sideBar .list_ttlcom h2,
    .interview_sidebar h2 {
        font-size: 16px;
    }
    #recent_quiz {
        margin: 0px 0px 40px 0px;
        padding: 15px;
    }
    .no_bg_quiz {
        margin: 0px 15px 40px 15px!important;
    }
    #info_detail #recent_quiz{
    margin-top: 40px !important;
    padding: 0px 15px 0px 15px;
}
#recent_quiz .recent_quiz_tit{
    margin-bottom: 22px;
}
.hide-sp #recent_quiz {
        margin-top: 30px;
    }
}
@media (max-width: 767px) and (min-width: 400px){
    #sideBar .list_medical li:nth-child(2) > .image img{
        padding-top: 0px;
    }
    #sideBar .list_medical li .image{
        width: 15%;
    }
}
@media (max-width: 399px){
    #sideBar .list_medical li .image{
        width: 20%;
    }
}

@media only screen and (max-width: 767px) {
    .sidecommon{
        padding-left: 15px;
        padding-right: 15px;
    }
    #message .sidecommon{
        margin-bottom: 30px;
    }
    #quiz .sidecommon{
        margin-bottom: 40px;
    }
    #sideBar #information{
        margin-left: 0;
    }
    .side_bdfl {
        border-left: none;
    }
}

/*検討リスト*/
.side_bookmark{width: 90%; margin:20px auto; font-size: 1.4em; border:1px solid #ccc; background:#fff;}
.side_bookmark_title{text-align: center; font-size: 1.3em; padding: 10px 0; background-color: #cad02a;}
.side_bookmark #navcounter{color: #f9344c; font-size: 3em; line-height: 1;}
.side_bookmark_small{margin:3% 5%; font-size:.8em;}
.side_bookmark_watch_list{font-size: 1.4em;margin:3% 5%;font-weight:bold; text-align:center;}
.side_bookmark .job_enquiry{display:block; text-align:center; border:1px solid #ddd; color:#fff; border-radius:5px; background:#f27800; padding: 10px;}

@media screen and (min-width:640px) {
	.side_bookmark .job_enquiry span{display:block;}
}


/* 初めての方ボタン
#sideBar .aboutlink {width:100%; margin-bottom: 20px; font-size:1.6em;}
#sideBar .aboutlink a{color: #fff; background:#4db96a;border-radius: 3px; border-bottom: 4px solid #2f6f40;display: flex;justify-content: center; padding:3% 0 1%; max-width: 270px; margin: auto;}
#sideBar .aboutlink a:before{content: url(/images/common/icon_about.svg); width: 20px; height:auto; margin-right:5px;}
#sideBar .aboutlink a:after{font-family: 'FontAwesome'; content:"\f105"; margin-left: 20px;font-size: 18px;} */


/*前回の検索条件*/
.previous_btn{display: block; border: 3px solid #cad02b; color: #a3a912;
    border-radius: 3px;
    padding: 10px;
    font-size: 1.6em;
    background: #fff;
    margin: 20px auto;
    box-sizing: border-box;
    max-width: 270px;
}
.lasttime_search{    display: flex;    justify-content: center;    align-items: center;}
.lasttime_search:before{font-family: 'FontAwesome'; font-size: 22px;content: '\f021'; margin-right: 10px;}
.lasttime_conditions{display:block;  color: #666; font-size: .8em; margin: 3px 0 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*SNS*/
.socialsdul {
    margin-top: 32px;
}
.socialsdul li:not(:last-child) {
    margin-bottom: 20px;
}
.sns_layout{
    display: flex;
    align-items: center;
}
.sns_layout .image {
    width: 20%;
    margin-right: auto;
}
.sns_layout .image img{
    max-width: 50px;
}
.sns_layout .text {
    width: 70%;
    font-size: 12px;
    font-weight: 500;
}

@media screen and (max-width:640px) {
    .socialsdul {
        margin-top:10px;
    }
    .sns_layout .text {
        font-size: 14px ;
        font-weight: bold;
    }
}