#diagnose .text, #result .text {
    padding: 20px;
    margin: 0px auto;
    letter-spacing: 0em;
    word-break: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.app-h3 {
    min-height: 70px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15em;
    text-align: center;
    line-height: 40px;
    padding: 15px 0px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
}

/*sns------------------------------------------------------------*/
.sns li {
 display: inline-block;
 margin: 0 5px;
}
.sns * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	position: relative;
}
.sns {
 margin: 0;
 padding-left: 0;
 text-align: center;
}
.sns li {
	vertical-align: top;
}
.sns li > div:hover {
	opacity: 0.8;
}
.sns .li > div {
	z-index: 100;
	background: #00c300 url(https://c-image.asfes.jp/zR4gfSJw/36/sp54/icon_line.svg?20250607193507) no-repeat center 53%;
	background-size: 24px auto;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	overflow: hidden;
}
.sns .li > div a{
	display: block;
	opacity: 0;
	-webkit-transform: scale(1, 1.8);
	transform: scale(1, 1.8);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.sns .tw > div {
	z-index: 100;
	background: #55acee url(https://c-image.asfes.jp/zR4gfSJw/36/sp54/icon_twitter.svg?20250607193507) no-repeat 54% 56%;
	background-size: 22px auto;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	overflow: hidden;
}
.sns .tw > div a{
	display: block;
	opacity: 0;
	-webkit-transform: scale(1, 3.4);
	transform: scale(1, 3.4);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	cursor: pointer;
}
.sns .fb > div {
	z-index: 100;
	background: #3b579d url(https://c-image.asfes.jp/zR4gfSJw/36/sp54/icon_facebook.svg?20250607193507) no-repeat center center;
	background-size: auto 20px;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
}
.sns .fb > div a{
	display: block;
	opacity: 0;
	-webkit-transform: scale(1, 1.8);
	transform: scale(1, 1.8);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	cursor: pointer;
}
@media ( min-width : 640px ) {
 .sns li {
  margin: 0 10px;
	}
 .sns .li > div {
  background-size: 48px auto;
  width: 72px;
  height: 72px;
 }
 .sns .tw > div {
  background-size: 44px auto;
  width: 72px;
  height: 72px;
 }
 .sns .fb > div {
  background-size: auto 40px;
  width: 72px;
  height: 72px;
 }
}