@charset "utf-8";

/* michibiki */

/* contents */
#service #michibiki #wrap #contents {
	width: 100%;
	font-size: 18px;
}
#service #michibiki #wrap #contents a {
	text-decoration: none;
}
#service #michibiki #wrap #contents ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#service #michibiki #wrap #contents h2 {
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
}
#service #michibiki #wrap #contents h3 {
	font-size: 24px;
	color: #A9BC00;
}
#service #michibiki #wrap #contents h2,
#service #michibiki #wrap #contents h3,
#service #michibiki #wrap #contents h4 {
	line-height: 150%;
}
#service #michibiki #wrap #contents .bg {
	background: #F2F2F2;
}

@media screen and (max-width: 700px) {
	#service #michibiki #wrap #contents h2 {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	#service #michibiki #wrap #contents h2 {
		font-size: 21px;
	}
	#service #michibiki #wrap #contents h3 {
		font-size: 19px;
	}
}

#service #michibiki #wrap #contents #movie {
	max-width: 680px;
}


/* top */
#service #michibiki #wrap #contents .top .cover {
	height: 500px;
}
#service #michibiki #wrap #contents .top .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #A1141A;
}

#service #michibiki #wrap #contents .top .text .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 60px;
	font-weight: bold;
	color: #A1141A;
	margin-bottom: 30px;
}

#service #michibiki #wrap #contents .top .text h1 {
	font-size: 37px;
	margin-top: 20px;
	color: #A1141A;
	line-height: 130%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

@media screen and (max-width: 768px) {
	#service #michibiki #wrap #contents .top .cover {
		height: 250px;
	}
	#service #michibiki #wrap #contents .top .text h1 {
		font-size: 30px;
		padding: 0 15px;
	}
}

@media screen and (max-width: 640px) {
	#service #michibiki #wrap #contents .top .text img {
		width: 50px;
		height: 50px;
	}

	#service #michibiki #wrap #contents .top .text .logo {
		font-size: 30px;
	}

	#service #michibiki #wrap #contents .top .text h1 {
		font-size: 20px;
	}
}
/* top */

/* ============================================================
   AI検索【ミチビキ】 追加CSS
   既存サイト組み込み用
   Scope: .michibiki_lp
============================================================ */

#service #michibiki #wrap #contents {
	--mc_red: #a1141a;
	--mc_red_dark: #800f15;
	--mc_yellow: #e6e635;
	--mc_white: #ffffff;
	--mc_off_white: #f8f6f2;
	--mc_gray_light: #f2efea;
	--mc_gray: #e8e4de;
	--mc_charcoal: #2c2825;
	--mc_ink: #3d3835;
	--mc_muted: #7a746e;
	color: var(--mc_charcoal);
	line-height: 1.8;
	font-family: inherit;
	overflow-x: hidden;
}

#service #michibiki #wrap #contents *,
#service #michibiki #wrap #contents *::before,
#service #michibiki #wrap #contents *::after {
	box-sizing: border-box;
}

#service #michibiki #wrap #contents img {
	max-width: 100%;
	height: auto;
	display: block;
}

#service #michibiki #wrap #contents ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

#service #michibiki #wrap #contents p {
	margin: 0;
}

#service #michibiki #wrap #contents em {
	color: var(--mc_red);
	font-style: normal;
}
#service #michibiki #wrap #contents .section_white {
	background: var(--mc_white);
}

#service #michibiki #wrap #contents .section_gray {
	background: var(--mc_gray_light);
}

#service #michibiki #wrap #contents .section_accent {
	background: var(--mc_red);
}

#service #michibiki #wrap #contents .section_inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px;
}

#service #michibiki #wrap #contents .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 28px;
	font-size: 0.95rem;
	font-weight: 700;
	text-decoration: none;
	transition: 0.2s ease;
	cursor: pointer;
	white-space: nowrap;
	border: 2px solid transparent;
	line-height: 1.4;
}

#service #michibiki #wrap #contents .btn:hover {
	transform: translateY(-2px);
}

#service #michibiki #wrap #contents .btn_primary {
	background: var(--mc_red);
	color: var(--mc_white);
	border-color: var(--mc_red);
}

#service #michibiki #wrap #contents .btn_primary:hover {
	background: var(--mc_red_dark);
	border-color: var(--mc_red_dark);
}

#service #michibiki #wrap #contents .btn_white {
	background: var(--mc_white);
	color: var(--mc_charcoal);
	border-color: var(--mc_white);
}

#service #michibiki #wrap #contents .btn_accent {
	background: var(--mc_yellow);
	color: var(--mc_charcoal);
	border-color: var(--mc_yellow);
}

#service #michibiki #wrap #contents .btn_outline {
	background: transparent;
	color: var(--mc_charcoal);
	border: 2px solid var(--mc_gray);
}

#service #michibiki #wrap #contents .btn_lg {
	padding: 16px 36px;
	font-size: 1rem;
}

#service #michibiki #wrap #contents .btn_full {
	width: 100%;
}

#service #michibiki #wrap #contents .btn_diag_cta {
	background: var(--mc_yellow);
	color: var(--mc_charcoal);
	border: 3px solid var(--mc_charcoal);
	box-shadow: 4px 4px 0 var(--mc_charcoal);
	font-size: 1.05rem;
	font-weight: 900;
	width: fit-content;
}

#service #michibiki #wrap #contents .btn_diag_cta:hover {
	background: #d4d120;
	transform: translate(2px, 2px);
	box-shadow: 2px 2px 0 var(--mc_charcoal);
}

#service #michibiki #wrap #contents .diag_external_icon {
	font-size: 0.7rem;
	opacity: 0.7;
	margin-left: 4px;
}

/* STORY */
#service #michibiki #wrap #contents .story_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 48px;
}

#service #michibiki #wrap #contents .story_item {
	background: var(--mc_white);
	border: 1px solid var(--mc_gray);
	padding: 28px;
	border-top: 4px solid var(--mc_red);
	transition: box-shadow 0.2s ease;
}

#service #michibiki #wrap #contents .story_item:hover {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

#service #michibiki #wrap #contents .story_item_num {
	font-size: 2.5rem;
	font-weight: 900;
	color: var(--mc_gray);
	line-height: 1;
	margin-bottom: 12px;
}

#service #michibiki #wrap #contents .story_item_title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--mc_charcoal);
	margin: 0 0 10px;
	line-height: 1.5;
}

#service #michibiki #wrap #contents .story_item_body {
	font-size: 0.875rem;
	color: var(--mc_muted);
	margin-bottom: 16px;
}

#service #michibiki #wrap #contents .mock_ui {
	background: var(--mc_gray_light);
	border: 1px solid var(--mc_gray);
	padding: 12px;
	font-size: 0.78rem;
}

#service #michibiki #wrap #contents .mock_row {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 4px;
	border-bottom: 1px solid var(--mc_gray);
}

#service #michibiki #wrap #contents .mock_row:last-child {
	border-bottom: none;
}

#service #michibiki #wrap #contents .mock_row_you {
	background: rgba(161, 20, 26, 0.03);
}

#service #michibiki #wrap #contents .mock_rank {
	font-weight: 800;
	font-size: 0.72rem;
	padding: 2px 6px;
	flex-shrink: 0;
}

#service #michibiki #wrap #contents .mock_rank_1 {
	background: var(--mc_yellow);
	color: var(--mc_charcoal);
}

#service #michibiki #wrap #contents .mock_rank_2 {
	background: var(--mc_gray);
	color: var(--mc_charcoal);
}

#service #michibiki #wrap #contents .mock_rank_out {
	background: rgba(161, 20, 26, 0.1);
	color: var(--mc_red);
}

#service #michibiki #wrap #contents .mock_store {
	flex: 1;
	font-weight: 600;
	color: var(--mc_ink);
}

#service #michibiki #wrap #contents .mock_star {
	color: #b8860b;
	font-weight: 600;
	font-size: 0.72rem;
}

#service #michibiki #wrap #contents .mock_star_low {
	color: var(--mc_red);
}

#service #michibiki #wrap #contents .mock_icon {
	color: var(--mc_yellow);
	font-size: 0.85rem;
	width: 18px;
	flex-shrink: 0;
}

#service #michibiki #wrap #contents .mock_icon_alert {
	color: var(--mc_red);
	font-size: 0.85rem;
	width: 18px;
	flex-shrink: 0;
}

#service #michibiki #wrap #contents .mock_tag_danger,
#service #michibiki #wrap #contents .mock_tag_warn {
	font-size: 0.68rem;
	font-weight: 700;
	padding: 2px 6px;
	flex-shrink: 0;
}

#service #michibiki #wrap #contents .mock_tag_danger {
	background: rgba(161, 20, 26, 0.1);
	color: var(--mc_red);
}

#service #michibiki #wrap #contents .mock_tag_warn {
	background: rgba(160, 112, 0, 0.1);
	color: #8a6000;
}

#service #michibiki #wrap #contents .story_pivot {
	text-align: center;
	padding: 32px;
	background: var(--mc_charcoal);
	color: var(--mc_white);
}

#service #michibiki #wrap #contents .story_pivot p {
	font-size: 1.05rem;
}

#service #michibiki #wrap #contents .story_pivot strong {
	color: var(--mc_yellow);
}

/* DIAGNOSIS */
#service #michibiki #wrap #contents .diag_merged {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: start;
}

#service #michibiki #wrap #contents .diag_merged_text {
	display: flex;
	flex-direction: column;
}

#service #michibiki #wrap #contents .diag_merged_right {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

#service #michibiki #wrap #contents .diag_title {
	font-size: clamp(1.4rem, 3vw, 2rem);
	color: var(--mc_white);
	margin: 0 0 16px;
	line-height: 1.45;
}

#service #michibiki #wrap #contents .diag_title em {
	color: var(--mc_yellow);
}

#service #michibiki #wrap #contents .diag_body {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.925rem;
	margin-bottom: 24px;
}

#service #michibiki #wrap #contents .diag_note {
	margin-top: 12px;
	font-size: 0.8rem;
	color: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;
	gap: 6px;
}

#service #michibiki #wrap #contents .diag_result_img_wrap {
	margin-top: 24px;
}

#service #michibiki #wrap #contents .diag_result_img {
	width: 100%;
	max-width: 480px;
	border: 3px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
}

#service #michibiki #wrap #contents .diag_result_caption {
	display: block;
	margin-top: 6px;
	font-size: 0.72rem;
	color: rgba(255, 255, 255, 0.7);
}

#service #michibiki #wrap #contents .diag_merged_woman {
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	object-fit: contain;
	filter: drop-shadow(4px 8px 16px rgba(0, 0, 0, 0.18));
}

#service #michibiki #wrap #contents .diag_cards {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#service #michibiki #wrap #contents .diag_card {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 16px;
	position: relative;
}

#service #michibiki #wrap #contents .diag_card_q {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--mc_white);
	margin-bottom: 10px;
}

#service #michibiki #wrap #contents .diag_card_opts {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

#service #michibiki #wrap #contents .diag_opt {
	padding: 5px 12px;
	font-size: 0.78rem;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.15);
	color: rgba(255, 255, 255, 0.75);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

#service #michibiki #wrap #contents .diag_opt_active {
	background: var(--mc_yellow);
	color: var(--mc_charcoal);
	border-color: var(--mc_yellow);
}

#service #michibiki #wrap #contents .diag_card_blur .diag_card_opts {
	filter: blur(4px);
}

#service #michibiki #wrap #contents .diag_lock {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: rgba(161, 20, 26, 0.55);
	color: var(--mc_white);
	font-size: 0.8rem;
	font-weight: 700;
	backdrop-filter: blur(2px);
}

/* FEATURES */
#service #michibiki #wrap #contents .features_list {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

#service #michibiki #wrap #contents .feature_theme {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	font-size: 1rem;
	color: var(--mc_charcoal);
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--mc_red);
}

#service #michibiki #wrap #contents .feature_theme_tag {
	background: var(--mc_red);
	color: var(--mc_white);
	font-size: 0.72rem;
	font-weight: 800;
	padding: 3px 8px;
}

#service #michibiki #wrap #contents .feature_row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border: 1px solid var(--mc_gray);
	background: var(--mc_white);
}

#service #michibiki #wrap #contents .feature_row_alt {
	background: var(--mc_gray_light);
}

#service #michibiki #wrap #contents .feature_col {
	padding: 20px 24px;
	border-right: 1px solid var(--mc_gray);
	font-size: 0.875rem;
	color: var(--mc_ink);
}

#service #michibiki #wrap #contents .feature_col:last-child {
	border-right: none;
}

#service #michibiki #wrap #contents .feature_col_label {
	font-size: 0.72rem;
	font-weight: 800;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 5px;
}

#service #michibiki #wrap #contents .feature_col_problem .feature_col_label {
	color: var(--mc_red);
}

#service #michibiki #wrap #contents .feature_col_solve .feature_col_label {
	color: #2c6e49;
}

#service #michibiki #wrap #contents .feature_col_result .feature_col_label {
	color: #1a5276;
}

#service #michibiki #wrap #contents .kpi_row {
	display: flex;
	gap: 6px;
	margin-top: 10px;
	flex-wrap: wrap;
}

#service #michibiki #wrap #contents .kpi {
	background: var(--mc_charcoal);
	color: var(--mc_white);
	font-size: 0.68rem;
	font-weight: 700;
	padding: 3px 8px;
}

/* CASE */
#service #michibiki #wrap #contents .cases_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

#service #michibiki #wrap #contents .case_card {
	border: 1px solid var(--mc_gray);
	overflow: hidden;
	background: var(--mc_white);
	transition: box-shadow 0.2s ease;
}

#service #michibiki #wrap #contents .case_card:hover {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

#service #michibiki #wrap #contents .case_card_img_wrap {
	position: relative;
	height: 180px;
	overflow: hidden;
}

#service #michibiki #wrap #contents .case_card_store_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

#service #michibiki #wrap #contents .case_card:hover .case_card_store_img {
	transform: scale(1.03);
}

#service #michibiki #wrap #contents .case_card_img_badge {
	position: absolute;
	top: 10px;
	left: 10px;
}

#service #michibiki #wrap #contents .case_card_industry {
	background: var(--mc_red);
	color: var(--mc_white);
	font-size: 0.72rem;
	font-weight: 700;
	padding: 3px 8px;
}

#service #michibiki #wrap #contents .case_card_header {
	background: var(--mc_charcoal);
	padding: 12px 20px;
}

#service #michibiki #wrap #contents .case_card_name {
	color: var(--mc_white);
	font-size: 0.95rem;
	font-weight: 700;
	margin: 0;
}

#service #michibiki #wrap #contents .case_card_body {
	padding: 20px;
}

#service #michibiki #wrap #contents .case_ba {
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
}

#service #michibiki #wrap #contents .case_ba_col {
	flex: 1;
}

#service #michibiki #wrap #contents .case_ba_label {
	font-size: 0.7rem;
	font-weight: 800;
	margin-bottom: 8px;
}

#service #michibiki #wrap #contents .case_ba_col_before .case_ba_label {
	color: var(--mc_red);
}

#service #michibiki #wrap #contents .case_ba_col_after .case_ba_label {
	color: #2c6e49;
}

#service #michibiki #wrap #contents .case_ba_col li {
	font-size: 0.78rem;
	color: var(--mc_ink);
	padding: 3px 0;
	border-bottom: 1px dashed var(--mc_gray);
}

#service #michibiki #wrap #contents .case_ba_col li:last-child {
	border-bottom: none;
}

#service #michibiki #wrap #contents .case_ba_arrow {
	padding-top: 20px;
	color: var(--mc_red);
	flex-shrink: 0;
}

#service #michibiki #wrap #contents .case_card_metric {
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding-top: 12px;
	border-top: 1px solid var(--mc_gray);
}

#service #michibiki #wrap #contents .metric_num {
	font-size: 1.6rem;
	font-weight: 900;
	color: var(--mc_red);
}

#service #michibiki #wrap #contents .metric_label {
	font-size: 0.78rem;
	color: var(--mc_muted);
	font-weight: 600;
}

/* COMPARISON */
#service #michibiki #wrap #contents .compare_table_wrap {
	overflow-x: auto;
}

#service #michibiki #wrap #contents .compare_table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
	min-width: 680px;
}

#service #michibiki #wrap #contents .compare_table th,
#service #michibiki #wrap #contents .compare_table td {
	padding: 14px 20px;
	border: 1px solid var(--mc_gray);
	text-align: left;
	vertical-align: middle;
}

#service #michibiki #wrap #contents .compare_th_item {
	background: var(--mc_charcoal);
	color: var(--mc_white);
	width: 22%;
}

#service #michibiki #wrap #contents .compare_th_before {
	background: #f0e8e8;
	color: var(--mc_red);
	width: 39%;
}

#service #michibiki #wrap #contents .compare_th_after {
	background: #e8f0e8;
	color: #2c6e49;
	width: 39%;
}

#service #michibiki #wrap #contents .compare_item {
	font-weight: 700;
	color: var(--mc_charcoal);
	background: var(--mc_gray_light);
}

#service #michibiki #wrap #contents .compare_before {
	color: var(--mc_muted);
}

#service #michibiki #wrap #contents .compare_before .fa-times {
	color: var(--mc_red);
	margin-right: 5px;
}

#service #michibiki #wrap #contents .compare_after {
	color: #1a4d35;
	font-weight: 600;
}

#service #michibiki #wrap #contents .compare_after .fa-check {
	color: #2c6e49;
	margin-right: 5px;
}

/* FAQ */
#service #michibiki #wrap #contents .faq_list {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--mc_gray);
}

#service #michibiki #wrap #contents .faq_item {
	border-bottom: 1px solid var(--mc_gray);
}

#service #michibiki #wrap #contents .faq_item_q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 10px 20px 20px;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--mc_charcoal);
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
}

#service #michibiki #wrap #contents .faq_item_q:hover,
#service #michibiki #wrap #contents .faq_item_q[aria-expanded="true"] {
	color: var(--mc_red);
}

#service #michibiki #wrap #contents .faq_item_icon {
	flex-shrink: 0;
	font-size: 0.9rem;
	color: var(--mc_red);
	transition: transform 0.3s;
}

#service #michibiki #wrap #contents .faq_item_q[aria-expanded="true"] .faq_item_icon {
	transform: rotate(45deg);
}

#service #michibiki #wrap #contents .faq_item_a {
	display: none;
	padding: 0 0 20px;
}

#service #michibiki #wrap #contents .faq_item_a.open {
	display: block;
}

#service #michibiki #wrap #contents .faq_item_a p {
	font-size: 0.9rem;
	color: var(--mc_ink);
	padding: 0 20px;
}


/* CLOSING */
#service #michibiki #wrap #contents #closing .closing_title {
	font-size: clamp(1.6rem, 3.5vw, 2.4rem);
	margin-top: 8px;
	margin-bottom: 20px;
}
#service #michibiki #wrap #contents #closing .closing_title em {
	color: var(--mc_red);
}
#service #michibiki #wrap #contents #closing .closing_text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#service #michibiki #wrap #contents #closing .closing_text img {
	width: 300px;
	height: auto;
}

@media (max-width: 900px) {
	#service #michibiki #wrap #contents .story_grid,
	#service #michibiki #wrap #contents .diag_merged,
	#service #michibiki #wrap #contents .cases_grid,
	#service #michibiki #wrap #contents .cta3_grid {
		grid-template-columns: 1fr;
	}

	#service #michibiki #wrap #contents .feature_row {
		grid-template-columns: 1fr;
	}

	#service #michibiki #wrap #contents .feature_col {
		border-right: none;
		border-bottom: 1px solid var(--mc_gray);
	}

	#service #michibiki #wrap #contents .feature_col:last-child {
		border-bottom: none;
	}
}

@media (max-width: 600px) {
	#service #michibiki #wrap #contents .section_inner {
		padding: 0 16px;
	}

	#service #michibiki #wrap #contents .section_title {
		font-size: 1.5rem;
	}

	#service #michibiki #wrap #contents .case_ba {
		flex-direction: column;
	}

	#service #michibiki #wrap #contents .case_ba_arrow {
		padding-top: 0;
		transform: rotate(90deg);
		width: fit-content;
		margin: 0 auto;
	}

	#service #michibiki #wrap #contents .case_card_img_wrap {
		height: 160px;
	}

	#service #michibiki #wrap #contents .btn {
		width: 100%;
	}

	#service #michibiki #wrap #contents .btn_diag_cta {
		width: 100%;
	}

	#service #michibiki #wrap #contents .diag_result_img {
		max-width: 100%;
	}
}


@media screen and (max-width: 768px) {
	#service #michibiki #wrap #contents #faq ul {
		padding: 0 0px 40px 20px;
	}
	#service #michibiki #wrap #contents #faq .question h3 {
		width: calc( 100% - 60px );
		padding: 15px 10px;
	}
	#service #michibiki #wrap #contents #faq .answer p {
		width: calc( 100% - 90px );
		margin-left: 10px;
	}
}
@media screen and (max-width: 480px) {
	#service #michibiki #wrap #contents #faq {
		padding: 0px 10px;
	}
	#service #michibiki #wrap #contents #faq li h3 {
		font-size: 19px;
	}
	#service #michibiki #wrap #contents #faq li p {
		font-size: 16px;
	}
	#service #michibiki #wrap #contents #faq li h3,
	#service #michibiki #wrap #contents #faq li p {
		padding: 10px;
	}
	#service #michibiki #wrap #contents #faq li h3:before {
		margin-right: 10px;
	}
	#service #michibiki #wrap #contents #faq .answer p {
		margin-left: 0;
		width: calc( 100% - 60px );
	}
	#service #michibiki #wrap #contents #faq .faq_bubble {
		width: 45px;
	}
}

@media (max-width: 640px) {
	#service #michibiki #wrap #contents #contact .support {
		text-align: left;
	}
	#service #michibiki #wrap #contents #contact .support .nobr_640 {
		display: none;
	}
}
@media (max-width: 480px) {
	#service #michibiki #wrap #contents #faq ul {
		padding: 10px;
	}
}

.contents_contact {
	width: 100%;
	text-align: center;
	margin: 40px auto;
}
/* contents */

/* effect */
.inBounce.show {
	animation: bounce 0.6s ease-out forwards;
}
@keyframes bounce {
	0% {
	  transform: translateY(0);
	}
	30% {
	  transform: translateY(50px);
	}
	60% {
	  transform: translateY(0);
	}
	80% {
	  transform: translateY(10px);
	}
	100% {
	  transform: translateY(0);
	}
}
/* effect */

/* br */
#wrap .br_640 {
	display: none;
}
#wrap .br_480 {
	display: none;
}
#wrap .br_360 {
	display: none;
}
@media screen and (max-width: 640px) {
	#wrap .br_640 {
		display: block;
	}
}
@media screen and (max-width: 480px) {
	#wrap .br_480 {
		display: block;
	}
}
@media screen and (max-width: 360px) {
	#wrap .br_360 {
		display: block;
	}
}
/* br */