@charset "utf-8";
/* CSS Document */
/* LINE公式アカウント告知用LP 2019/8 */
#line_official_account {
	display: block;
	color: #515151;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	background-color: #fff;
	width: 100%;
	max-width: 950px;
	margin: auto
}
#line_official_account img {
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}
#line_official_account a {
	text-decoration: none;
}
/*ヘッダー*/
#line_official_account .header {
	display: block;
	width: 100%;
}
/*お得な情報をいち早くゲット*/
#line_official_account .info_get {
	width: 86%;
	margin: 0 auto;
	text-align: center;
}
#line_official_account .info_get .index_info {
	margin: 33px auto 38px;
	width: 90%;
	max-width: 570px;
}
#line_official_account .info_get .container div {
	border: solid #00b900 2px;
	padding: 10%;
	margin-bottom: 16%;
}
#line_official_account .info_get .container div img {
	width: 90%;
}
#line_official_account .info_get .container div p {
	font-size: 17px;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 0.08em;
	width: 90%;
	margin: 0 auto;
	padding-top: 10%;
	color: #898989;
}
@media screen and (min-width: 568px) {
	#line_official_account .info_get .container div p {
		font-size: 22px;
		font-weight: 400;
		letter-spacing: 0.2em;
	}
}
/*友だち追加*/
#line_official_account .friend_add {
	width: 100%;
	background-color: #efefef;
	margin: 230px auto 100px;
	text-align: center;
	position: relative;
}
@media screen and (min-width: 568px) {
	#line_official_account .friend_add {
		margin: 360px auto 100px;
	}
}

#line_official_account .friend_add a {
	display: block;
	position: relative;
}

#line_official_account .friend_add .index_add {
	margin: -200px auto 0;
	width: 50%;
	text-align: center;
}
@media screen and (min-width: 568px) {
	#line_official_account .friend_add .index_add {
		margin: -310px auto 0;
	}
}
#line_official_account .friend_add .smartphone {
	position: absolute;
	top: -36px;
	right: 0;
	width: 24%;
	max-width: 220px;
}
@media screen and (min-width: 568px) {
	#line_official_account .friend_add .smartphone {
		width: 20%;
	}
}
#line_official_account .friend_add .tap {
	width: 30%;
	max-width: 180px;
	position: absolute;
	left: 10%;
}

#line_official_account .friend_add .tap {
	top: 11%;
}
#line_official_account .friend_add .add_btn {
	width: 70%;
	margin: 17% auto 0;
}
#line_official_account .friend_add p {
	width: 80%;
	margin: 5% auto 0;
	padding-bottom: 40px;
	color: #898989;
	font-size: 17px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.08em;
	font-feature-settings: "palt";
}
@media screen and (min-width: 568px) {
	#line_official_account .friend_add p {
		font-size: 22px;
		letter-spacing: 0.2em;
		padding-bottom: 60px;
	}
}
#line_official_account .friend_add p span {
	background-color: #f8ff43;
}