@charset "UTF-8";

/*-------------------- ここからヘッダー1段目 --------------------*/

.nav_g {
	position: absolute;
    width: 400px;
    height: 65px;
    top: 20px;
    right: 20px;
}


/*-------------------- ここからヘッダー1段目 --------------------*/

/*-------------------- ここからヘッダー2段目 --------------------*/

.gnav_list {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*-------------------- ここからヘッダー2段目 --------------------*/





/*-------------------- ここからメインバナー部分 --------------------*/

.catch_copy {
	display: block;
	width: 100%;
	height: 400px;
	background-image: url(https://www.meiden-spass.com/image/catch_copy_banner);
	background-size: cover;
  	background-position: center center;
  	background-repeat: no-repeat;
	margin-top: -5px;
}
  .catch_copy__wrap {
	position: relative;
	margin: 0 auto;
	max-width: 1280px;
  }
  .catch_copy__texts {
	position: absolute;
	top: 60px;
	right: 50px;
	color: #fff;
  }
  .catch_copy__texts-title {
	font-size: 28px;
	letter-spacing: 0.2em;
	line-height: 1.5;
  }
  .catch_copy__texts-p {
	padding-top: 30px;
	padding-left: 5px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 2.25;
  }

  @media all and (max-width: 768px) {				/* 0~768px幅の画面サイズでCSSを適用 */
	.catch_copy {
	  width: 100%;
	  height: 200px;
	  background-image: url(https://www.meiden-spass.com/image/catch_copy_banner);
	 /*  background:linear-gradient(#498CBA, #498CBA); */
	}
	.catch_copy__texts {
	  position: absolute;
	  top: 40px;
	  right: 30px;
	  color: #fff;
	}
	.catch_copy__texts-title {
	  font-size: 20px;
	}
	.catch_copy__texts-p {
	  padding-top: 20px;
	  padding-left: 3px;
	  font-size: 11px;
	  line-height: 2;
	}
  }

/*-------------------- ここまでメインバナー部分 --------------------*/





/*-------------------- ここからおすすめする理由 --------------------*/
	
	
.recommend_wrap {
	width: 90%;
	height: 630px;
	margin: 0 auto;
}

.recommend_unit {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
}

.recommend_content {
	width: 65%;
	padding: 40px ;
	line-height: 1.5;
}

.recommend_content h3 {
	font-size: 21px;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

.recommend_content p {
	letter-spacing: 0.1em;
}

.image-box {
	width: 35%;
}

.image-round {
	max-height: 200px;
	min-width: 200px;
	border-radius: 50%;
	overflow: hidden;
}

.image-round img {
	display: block;
	width: 200px;
	height: 200px;
	object-fit: cover;
}



@media screen and (max-width: 767px) {

	.recommend_wrap {
		width: 90%;
		height: 100%;
		margin: 0 auto;
	}

	.recommend_unit {
		flex-wrap: wrap;
		flex-direction: column;
		text-align: center;
	}

	.recommend_content {
		width: 100%;
		padding: 40px 0px 0px 0px;
	}

	.recommend_content p {
		padding-bottom: 20px;
	}

	.image-box {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

}

/*-------------------- ここまでおすすめする理由 --------------------*/



	

/*-------------------- ここからステップごとの詳細説明 --------------------*/

.use_flow_body {
	box-sizing: border-box;		/* paddingとborderを幅と高さに含める */
	padding-top: 40px;
	padding-right: 50px;
	padding-left: 50px;
	max-width: 1280px;
}

.use_flow_unit {
	font-size: 14px;
	line-height: 2.25;
}

.use_flow_step {
	padding-right: 10px;
	font-weight: 700;
	font-size: 21px;
	float: left;
}

.use_flow_title {
	padding-right: 10px;
	font-weight: 700;
	font-size: 21px;
}

.use_flow_contents {
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

@media all and (max-width: 767px){

	.use_flow_body {
		box-sizing: border-box;
		padding-top: 20px;
		padding-right: 25px;
		padding-left: 25px;
		max-width: 100%;
	}

	.use_flow_unit {
		font-size: 12px;
		line-height: 1.8;
	}
}

/*-------------------- ここからステップごとの詳細説明 --------------------*/




/*-------------------- ここから基調色の変更のための記述 --------------------*/

/* 基本テーブルスタイル */
table.basic thead tr th {
	background: #498CBA;
  }
  /* 詳細ボタン */
  table.basic td.detail a {
	color: #498CBA;
	background: #fff;
	border: 1px solid #498CBA;
  }
  table.basic td.detail a:hover {
	color: #fff;
	background: #498CBA;
  }
  /* セレクタブルテーブル */
  table.selectable_table tbody.selected {
	background: #ebf8fb;
  }
  
  /*-------------------------------------------------------------
	  input text
  -------------------------------------------------------------*/
  
  
  /*-------------------------------------------------------------
	  file upload
  -------------------------------------------------------------*/
  
  /*-------------------------------------------------------------
	  radio, checkbox
  -------------------------------------------------------------*/
  
  input[type=checkbox] + .inputLabel:after,
  .group .checkbox_text .checked:after {
	border-right: 3px solid #498CBA;
	border-bottom: 3px solid #498CBA;
  }
  input[type=radio] + .inputLabel:after {
	background-color: #498CBA;
  }
  
  /*-------------------------------------------------------------
	  select box
  -------------------------------------------------------------*/
  .selectWrap::before {
	background: #498CBA;
  }
  
  /*-------------------------------------------------------------
	  tooltip (JS)
  -------------------------------------------------------------*/
  
  /*-------------------------------------------------------------
	  button
  -------------------------------------------------------------*/
  
  .baseBtn {
	background-color: #498CBA;
  }
  
  .nextPageBtn {
	background-color: #e37d39;
  }
  
  .nextPageBtn:after {
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
  }
  
  .borderBtn > span {
	color: #498CBA;
  }
  
  .borderBtn:after {
	border-right: solid 2px #498CBA;
	border-bottom: solid 2px #498CBA;
  }
  
  .btn_modal a,
  .btn_externalLink a {
	color: #498CBA;
  }
  
  .btn_modal a:after,
  .btn_externalLink a:after {
	border-right: solid 2px #498CBA;
	border-bottom: solid 2px #498CBA;
  }
  
  /*-------------------------------------------------------------
	buttons
  -------------------------------------------------------------*/
  .btn_detail.btn_next:after,
  .btn_detail.regist:after {
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
  }
  
  .btn_detail.btn_next a,
  .btn_detail.btn_next button,
  .btn_detail.btn_next input,
  .btn_detail.regist a,
  .btn_detail.print a {
	background-color: #e37d39;
  }
  
  .btn_detail.btn_next a:hover,
  .btn_detail.btn_next button:hover,
  .btn_detail.btn_next input:hover,
  .btn_detail.regist a:hover,
  .btn_detail.print a:hover {
	background-color: #f39d49;
  }
  
  /*　マイページ　タブ内のボタン　*/
  .tabaccordionbody .btn_detail.btn_next .custom_items_button {
	background: #498CBA;
  }
  .tabaccordionbody .btn_detail.btn_next .custom_items_button:hover {
	background: #2c9bb9;
  }
  
  /*-------------------------------------------------------------
	  2cols
  -------------------------------------------------------------*/
  
  
  /*-------------------------------------------------------------
	  ツリーメニュー
  -------------------------------------------------------------*/
  
  
  /*-------------------------------------------------------------
	  コーナーボックス
  -------------------------------------------------------------*/
  .u-cornerBox-container .o-header {
	background-color: #498CBA;
  }
  
  /*-------------------------------------------------------------
	  ラジオボタン選択時: 親要素の背景色を変更
  -------------------------------------------------------------*/
  
  
  /*-------------------------------------------------------------
	  モーダル
  -------------------------------------------------------------*/
  .modal .modal_container .modal_header {
	background: #498CBA;
  }
  
  /*-------------------------------------------------------------
	  ページャー
  -------------------------------------------------------------*/
  
  .u-pager > ul li > a {
	border: 1px solid #498CBA;
	color: #498CBA;
  }
  
  .u-pager > ul li > a:hover {
	background: #498CBA;
  }
  
  .u-pager > ul li.a-pager-current a,
  .u-pager > ul li.a-pager-current span {
	background: #498CBA;
	border: 1px solid #498CBA;
  }
  
  .header_wrp .username {
	color: #498CBA;
  }
  
  @media screen and (max-width: 768px) {
	.header_wrp .header .nav {
	  color: #1d9aa3;
	}
  }
  
  @media screen and (max-width: 768px) {
	.header_wrp .nav .navlist li.home,
	.header_wrp .nav .navlist li.inquiry,
	.header_wrp .nav .navlist li.mypage,
	.header_wrp .nav .navlist li.signin,
	.header_wrp .nav .navlist li.login,
	.header_wrp .nav .navlist li.logout {
	  background-color: #1d9aa3;
	}
	.header_wrp .nav .navlist li.home a,
	.header_wrp .nav .navlist li.inquiry a,
	.header_wrp .nav .navlist li.mypage a,
	.header_wrp .nav .navlist li.signin a,
	.header_wrp .nav .navlist li.login a,
	.header_wrp .nav .navlist li.logout a {
	  border-bottom: 1px solid #ebf8fb;
	}
  }
  
  .m-tabaccordion .tabaccordionhead > ul > li > a {
	color: #498CBA;
  }
  
  
  @media screen and (max-width: 768px) {
	.m-tabaccordion .tabaccordionbody .accordion_header a {
	  background-color: #498CBA;
	}
  }
  
  
  .m-accordion-menu .o-header {
	background-color: #498CBA;
  }
  
  /*-------------------------------------------------------------
	  入力フォーム(増減ボタン付き: spinner)
  -------------------------------------------------------------*/
  
  /*-------------------------------------------------------------
	  スライダー
  -------------------------------------------------------------*/
  
  /* ヘッドライン */
  .m-headline,
  .headline .title {
	border-bottom: 2px solid #498CBA;
  }
  
  .m-headline .o-title {
	color: #498CBA;
  }
  
  .m-headline-mini {
	background-color: #1d9aa3;
  }
  
  .l-itemDetailMainBox > .m-headline-mini {
	border-bottom: 1px solid #498CBA;
  }
  
  .l-itemDetailMainBox > .m-headline-mini .o-title {
	color: #498CBA;
  }
  
  /* システムメッセージ */
  .message_container {
	  color: #498CBA;
	  border: solid 1px #498CBA;
	  background: #ebf8fb;
  }
  
  /* ナビゲーションバンド */
  .navigation_wrp {
	background: #498CBA;
  }
  
  .btn_cart p a {
	color: #498CBA;
  }
  
  
  /* パンくずリンク */
  .pankuzu li a {
	color: #498CBA;
  }
  
  .pankuzu li a:after {
	border-color: #498CBA;
  }
  
  
  
  .flowbox .popbox.active .popbox_body {
	background: #498CBA;
  }
  
  .flowbox .popbox_right.active .popbox_body {
	border: solid 1px #498CBA;
  }
  
  .popbox.active .popbox_arw:after {
	background: #498CBA;
  }
  
  /* マイページメニュー */
  .localnav .navlist li.current a,
  .localnav .navlist li a:hover {
	color: #498CBA;
  }
  @media screen and (max-width: 768px) {
	.local_menu_btn span,
	.local_menu_btn span:before,
	.local_menu_btn span:after {
	  background: #498CBA;
	}
  }
  
  .footer_wrp {
	background-color: #498CBA;
  }
  
  
  .l-footer-right .btn_detail.o-inquiries > a {
	color: #498CBA;
  }
  
  .l-footer-right .btn_detail.o-inquiries > a:after {
	border-right: solid 2px #498CBA;
	border-bottom: solid 2px #498CBA;
  }
  
  
  .l-footer-right .btn_detail.o-phonenumber a {
	color: #fff;
	background-color: #498CBA;
  }
  
  
  @media screen and (max-width: 768px) {
	.l-footer-left:before {/* 最後のリストの下線をテンプレートの色で上書きする */
	  background-color: #498CBA;
	}
  }
  
  /* おすすめ商品 */
  .m-FeaturedProducts {
	background-color: #ebf8fb;
  }
  
  .m-FeaturedProducts .headline {
	border-bottom: solid 2px #498CBA;
  }
  
  .m-FeaturedProducts .headline .title {
	color: #498CBA;
  }
  
  .m-FeaturedProducts .products_list .item .title {
	color: #498CBA;
  }
  
  
  /* 絞り込み、検索、カテゴリ */
  .sidemenu_wrp .submit_btn {
	background-color: #498CBA;
  }
  
  .sidemenu_wrp .sidemenu_select li.selected > a {
	  background-color: #eef6fb;
  }
  
  
  
  .l-searchBox-wide .sidemenu_searchbox .submit_btn.a-view-text {
	background-color: #139ca5;
  }
  
  
  
  .sidemenu_wrp.m-sideSearchBox .sidemenu_search dt,
  .sidemenu_wrp.m-sideSearchBox .sidemenu_select dt {
	background-color: #498CBA;
  }
  
  .sidemenu_wrp.m-sideSearchBox .sidemenu_search dd,
  .sidemenu_wrp.m-sideSearchBox .sidemenu_select dd {
	color: #498CBA;
  }
  
  .sidemenu_wrp.m-sideSearchBox .sidemenu_search .submit_btn,
  .sidemenu_wrp.m-sideSearchBox .sidemenu_select .submit_btn {
	background-color: #498CBA;
  }
  
  
  
  .m-topFilterBox .o-box-head {
	background-color: #498CBA;
  }
  
  .m-topFilterBox .sidemenu_search > dt,
  .m-topFilterBox .sidemenu_select > dt,
  .m-topFilterBox .topFilterCategory > dt {
	background-color: #139ca5;
  }
  
  .m-topFilterBox .sidemenu_search dd,
  .m-topFilterBox .sidemenu_select dd,
  .m-topFilterBox .topFilterCategory dd {
	color: #498CBA;
  }
  
  .m-topFilterBox .sidemenu_search .submit_btn,
  .m-topFilterBox .sidemenu_select .submit_btn,
  .m-topFilterBox .topFilterCategory .submit_btn {
	background-color: #139ca5;
  }
  
  @media screen and (max-width: 768px) {
	.m-topFilterBox .sidemenu_search > dt,
	.m-topFilterBox .sidemenu_select > dt,
	.m-topFilterBox .topFilterCategory > dt,
	.m-topFilterBox .sidemenu_search .submit_btn,
	.m-topFilterBox .sidemenu_select .submit_btn,
	.m-topFilterBox .topFilterCategory .submit_btn {
	  background-color: #498CBA;
	}
  }
  
  .m-product-detail .o-product-name {
	color: #498CBA;/*契約関連のモーダル画面用に設定*/
	border-bottom: 1px solid #498CBA;
  }
  
  
  .m-product-detail .o-product-name a {
	color: #498CBA;
  }
  
  
  .m-charges-model > ul > li:nth-child(odd) p.o-model-title {
	background-color: #498CBA;
  }
  
  .m-charges-model > ul > li:nth-child(even) p.o-model-title {
	background-color: #498CBA;
  }
  
  
  .m-charges-model .o-btn-modelDetail {
	border: 1px solid #498CBA;
  }
  
  .m-charges-model .o-btn-modelDetail > span {
	color: #498CBA;
  }
  
  .m-charges-model .o-btn-modelDetail:after {
	border-right: solid 2px #498CBA;
	border-bottom: solid 2px #498CBA;
  }
  
  
  
  /* カテゴリ表示(SPメニュー: ボディ) */
  @media screen and (max-width: 768px) {
	.sidemenu_select dd.js-category-menu-body > ul li.selected > a,
	.topFilterCategory dd.js-category-menu-body > ul li.selected > a{
	  background: #eef6fb;
	}
  }
  
  .l-cartTotalBox-inner .o-header {
	background-color: #498CBA;
  }
  
  .m-cartItemList .o-row-head {
	color: #498CBA;
  }
  
  .m-cartItemList .o-row-subTotal > span:nth-child(3) {
	color: #498CBA;
  }
  
  .m-cartItemActionBox {
	color: #498CBA;
  }
  
  .m-cartItemActionBox a {
	color: #498CBA;
  }
  
  .m-estimated-info .o-header,
  .m-customer-info .o-header {
	background-color: #498CBA;
  }
  
  
  /* ご請求先情報 */
  /* お届け先情報 */
  /* お支払い方法 */
  .m-payment-method .o-title,
  .m-customer-subinfo .o-title {
	background-color: #498CBA;
  }
  
  .m-payment-method .o-inner {
	background: #eff8fa;
  }
  
  
  .m-orderSideBox-inner .o-header {
	background-color: #498CBA;
  }
  
  .m-product-select-checkbox .product_set_name > .radio,
  .m-product-select-checkbox .product_set_name > .checkbox {
	border-bottom: 1px solid #498CBA;
  }
  
  .selectSetProduct .not_select .inputLabel,
  .product_sets_list .not_select .inputLabel,
  .m-product-select-checkbox .inputLabel {
	color: #498CBA;
  }
  
  
  .m-product-select-checkbox .radio .o-label-outside,
  .m-product-select-checkbox .checkbox .o-label-outside {
	color: #498CBA;
  }
  
  .m-product-option .o-radioBtn-header {
	color: #498CBA;
  }
  
  .m-product-option ul.charges_model > li.js-radio-selected {
	border: 2px solid #498CBA;
	background: #ebf8fb;
  }
  
  
  
  .m-product-option .inputLabel {
	color: #498CBA;
  }
  
  .m-itemDetailSideBox-inner .o-header {
	background-color: #498CBA;
  }
  
  .l-itemDetailMainBox .product_sets,
  .product_sets_list .product_sets {
	border-left: 5px solid #498CBA;
  }
  
  .m-itemDetail-head .o-right-header {
	border-bottom: 1px solid #498CBA;
  }
  
  .m-itemDetail-head .o-itemname {
	color: #498CBA;
  }
  
  .m-itemDetail-head .o-favstar .favorite {
	color: #e37d39;
  }
  
  .m-itemImage-5box .o-itemimage-small span.js-photo-active {
	border-color: #498CBA;
  }
  
  
  .m-payMonthModel-selectBox .o-payModel-box.js-radio-selected {
	background: #ebf8fb;
  }
  
  
  .m-payYearModel-selectBox .o-header {
	background: #51afa9;
  }
  
  
  .m-payYearModel-selectBox .o-payModel-box.js-radio-selected {
	background: #ebf8fb;
  }
  
  .m-productOption-item {
	border: 1px solid #ebf8fb;
  
  }
  
  
  .m-productOption-item.js-OpMS-selected {
	background: #ebf8fb;
  }
  
  .m-productOption-item .o-item-name {
	color: #498CBA;
  
  }
  
  .m-topFilterBox .clearBtn .baseBtn,
  .m-sideSearchBox .clearBtn .baseBtn {
	background-color: #498CBA;
  }

/*-------------------- ここまで基調色の変更の為の記述 --------------------*/





/*-------------------- ここから各メニュー遷移時のタイトル文字色変更 --------------------*/

.m-headline, .headline .title {
	color: #498CBA;
	border-bottom: none;
}

/*-------------------- ここまで各メニュー遷移時のタイトル文字色変更 --------------------*/





/*-------------------- ここからヘッダー2段目のアレンジ --------------------*/

.menu_icon {
	min-height: 60px;
    padding: 10px 5px;
}

.menu_icon a {
    line-height: 0px;
    font-size: 100%;
	font-weight: normal;
	margin-right: 20px;
}

  /* ナビゲーションバンド */
  .navigation_wrp {
	height: 60px;
  }

.btn_cart p a {
	width: 60px;
	height: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
  }

.btn_cart p {
	width: 60px;
	height: 60px;
	background: transparent no-repeat center center;
	background-size: 37px 35px;
	left: 0;
  }

.navigation .btn_cart p > a {
	width: 60px;
	height: 60px;
	font-size: 12px;
	color: #fff;
	background: none;
	line-height: 48px;
	background:url(https://www.meiden-spass.com/image/header_icon_cart) no-repeat center;
	background-size:45px 40px;
	margin-left: 60px;
  }

.btn_cart {
	border: none;
} 

/*-------------------- ここまでヘッダー2段目のアレンジ --------------------*/





/*-------------------- ここからタブレット表示のハンバーガーメニューアイコン色変更 --------------------*/

@media screen and (max-width: 768px) {
	.header_wrp .header .nav {
	  color: #498CBA;
	}
  }

/*-------------------- ここまでタブレット表示のハンバーガーメニューアイコン色変更 --------------------*/





/*-------------------- ここからカートボタン --------------------*/

/* タブレット以下 */




@media screen and (max-width: 768px) {
	.header .btn_cart {
	  width: 60px;
	  height: 60px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  margin: 0;
	}
	.header .btn_cart p {
	  width: 60px;
	  height: 60px;
	  background: transparent no-repeat center center;
	  background-size: 37px 35px;
	  left: 0;
	}
	.header .btn_cart p > a {
	  width: 60px;
	  height: 60px;
	  font-size: 12px;
	  color: #fff;
	  padding-left: 5px;
	  background: none;
	  line-height: 48px;
	  background:url(https://www.meiden-spass.com/image/header_icon_cart_sp) no-repeat center;
	  background-size:35px 30px;
	}
  }


/*-------------------- ここまでカートボタン --------------------*/





/*-------------------- ここから導入事例 --------------------*/

.works {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 0.8em;
	padding: 0.8em;
	margin: 0 0 2em;
  }
  
  .works > div {
	border: 1px solid #ddd;
	overflow: auto;
	min-width: 0;
	padding: 1em;
  }

  .works img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	margin-bottom: 1em;
  }

  .works p {
	  letter-spacing: 0.1em;
  }

/*-------------------- ここまで導入事例 --------------------*/




.column {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
	background: #D1E1E8;
  }
  .column-img {
	width: 40%;
  }
  .column-img img {
	width: 100%;
  }
  .column-texts {
	box-sizing: border-box;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
	width: 60%;
  }
  .column-texts-title {
	margin: 0;
	font-size: 32px;
  }
  .column-texts-p {
	margin: 0;
	padding-top: 20px;
	font-size: 22px;
	line-height: 1.4;
  }
  .column-texts-link {
	padding-top: 30px;
  }
  .column-texts-link a {
	border: 1px solid #000;
	padding-top: 12px;
	padding-right: 40px;
	padding-bottom: 12px;
	padding-left: 40px;
	font-size: 20px;
	text-decoration: none;
	color: #000;
  }

  @media screen and (max-width: 767px) {
	.column {
	  flex-direction: column;
	}
	.column--reserve {
	  flex-direction: column-reverse;
	}
	.column-img {
	  width: 100%;
	}
	.column-texts {
	  width: 100%;
	}
	.column-texts-title {
	  font-size: 26px;
	}
	.column-texts-p {
	  font-size: 16px;
	}
	.column-texts-link a {
	  font-size: 16px;
	}
  }



/*-------------------- ここからフッターのアレンジ --------------------*/

.l-footer-right .btn_detail.o-inquiries > a:before {
	background-image: url("https://www.meiden-spass.com/image/icon_mail");
	margin-top: 6px;
  }

/*-------------------- ここまでフッターのアレンジ --------------------*/





/*-------------------- ここからQ&A --------------------*/


dl.faq {
	margin-top: 20px;
	text-indent: 2.2em;
	padding-left: 10%;
}


dl.faq h3 {
	font-size: 21px;
    margin: 20px 0;
	letter-spacing: 0.1em;
	text-indent: -2.2em;
}

dl.faq dt,
dl.faq dd {
	text-indent: -2.4em;
    padding: 0em 1em 0em 2.2em;
    line-height: 2.2em;
}

dl.faq dd {
    padding-bottom: 2em;
}


dl.faq dt:before,
dl.faq dd:before{
  font-size: 2em;
  margin-right: .5em;
}

dl.faq dt:before{
  content:"Q";
  color: #c80021;
  vertical-align: middle;  
}

dl.faq dd:before{
  content:"A";
  color: #0085C8;
  vertical-align: middle;
}


/*-------------------- ここまでQ&A --------------------*/