@charset "utf-8";
p.doc{margin: 0px 10px 23px 10px;}
.sociallist{padding:10px;}
.sociallist__items{display: flex;flex-wrap: wrap;-ms-flex-align: start;align-items: flex-start;}
.__image {width: 50%;display: flex;align-items: center;padding: 0 40px;border: 1px solid #e6e6e7;margin-bottom: 16px;}
.__image__logo {max-width:100%;height: 125px;margin: 0 auto;}
.sociallist-ul { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 20px; margin-bottom: 50px;}
.sociallist-ul-li:nth-child(-n+4) { margin-top: 0;}
.sociallist-ul-li:first-child, .sociallist-ul-li:nth-child(4n+1) { border-left: 1px solid #e6e6e7;}
.sociallist-ul-li { position: relative; width: 25%; margin-top: 10px; padding: 0 10px; border-right: 1px solid #e6e6e7;}
.sociallist-ul-li>a .__icon {display: block; width: 50px; height: 50px; margin: 0 auto;}
.sociallist-ul-li>a .__icon:hover {opacity: 0.7;}
.__title {text-align: center;}
.sociallist-li { width:100%}


.sociallist_line_box {
    background-color: #faf9f5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.sociallist_line_lede{
	width:50%;
	margin-right: auto;
	margin-bottom: 0;
}
.sociallist_line_qr{ width:25%; padding: 0 20px;}
.sociallist_line_btn{ width:25%; }
.sociallist_line_btn>a .__icon:hover {opacity: 0.7;}

@media print, screen and (max-width: 767px) {
  .__image {width: 100%;padding: 15px;}
  .__image__logo {min-height:50px;height:auto;max-width: 69%;}
  
.sociallist-ul-li { position: relative; width: 50%; margin-top: 10px; padding: 15px 10px;}
.sociallist-ul-li:nth-child(2n+1) { border-left: 1px solid #e6e6e7;}

.sociallist-ul-li:nth-of-type(n+3):before {
	display: block;
	position: absolute;
	display: block;
	content: '';
	width: 70%;
	height: 1px;
	top: -5px;
	left: 50%;
	background-color: #e5e5e5;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sociallist_line_btn{ width:100%; padding:15px; }
.sociallist_line_qr{ width:50%;}
.sociallist_line_lede{ width:50%;}


}

@media print, screen and (min-width: 768px) {
  #main {width:100%!important;}
}