@charset "euc-jp";
/* CSS Document */
/* ******************************
 *
 * Since:    2012-7-27
 * Modified: 2011-7-27
 * Editor:   hara@DiiV
 *
 * temp-sys ver1.01
 * Information: CSS for all
 *
 * ******************************
 */

body{
	background: #FFFFFF;
	color:#000000;
	font-family:"�⥴���å� Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",�ᥤ�ꥪ,Meiryo,sans-serif;
	font-size: 17px;
	line-height:1.5em;
	letter-spacing: 0em;
}

a:link,
a:visited{
	color: #000000;
	text-decoration: none;
}
a:hover,
a:active{
	color: #FF2E53;
	text-decoration: none;
}

#wrapper{
	max-width: 1130px;
	margin: 0  auto;
}

#header{
	margin: 0 auto;
}

#footer{
	margin: 0 auto;
}

#main_contents{
	max-width: 100%;
}

#container{
	width: 790px;
}

.pc{
	display: block;
}
.sp{
	display: none;
}



/***** after *****/
.after{
	line-height: 1.8em;
}

.after #main_img{
	margin-bottom: 70px;
}

.after h1{
	margin-bottom: 100px;
	font-size: 25px;
	line-height: 1.5em;
	text-align: center;
}

.after h2{
	margin-bottom: 70px;
	font-size: 35px;
	line-height: 1.5em;
	text-align: center;
}

.after h3{
	font-size: 25px;
	line-height: 1.5em;
	text-align: center;
}

.after #area_01{
	border-bottom: #000 1px solid;
	padding-bottom: 80px;
	margin-bottom: 80px;
}

.after #area_01 .txt_01{
	margin-bottom: 20px;
}

.after #area_01 .txt_02{
	font-size: 15px;
}

.after #area_02{
	margin-bottom: 100px;
}

.after #area_02 h3.title_01{
	margin-bottom: 45px;
}

.after #area_02 .section_lv1{
	background: #faf9f9;
	border: #000 1px solid;
	padding: 30px 20px;
	margin-bottom: 90px;
}

.after #area_02 .section_lv1 p,
.after #area_02 .section_lv1 dl{
	margin-bottom: 30px;
}

.after #area_02 h3.title_02{
	margin-bottom: 90px;
}

.after #area_02 .section_lv2{
	background: #efefef;
	padding: 40px 20px;
	text-align: center;
}

.after #area_02 .section_lv2 h4{
	margin-bottom: 35px;
	font-size: 25px;
	line-height: 1.5em;
}

.after #area_02 .section_lv2 p{
	margin-bottom: 50px;
}

.after #area_03{
	margin-bottom: 100px;
}

.after #area_03 h3{
	margin-bottom: 45px;
}

.after #area_03 .section_lv1{
	margin-bottom: 60px;
}

.after #area_03 .section_lv1 li{
	margin: 0 0 30px 40px;
	list-style: square outside;
}

.after #area_03 .section_lv1 li span{
	vertical-align: 0.2em;
}

.after #area_03 .section_lv1 li::marker{
	font-size: 35px;
}

.after #area_03 .section_lv1 li ul li{
	margin: 0;
  list-style: none;
  display: flex;
  align-items: baseline;
}
 
.after #area_03 .section_lv1 li ul li::before {
  content: "-";
  color: #000;
  margin: 0 8px 0 0;
}

.after #area_03 .section_lv2{
	background: #efefef;
	padding: 40px 20px;
	text-align: center;
}

.after #area_03 .section_lv2 h4{
	margin-bottom: 35px;
	font-size: 25px;
	line-height: 1.5em;
}

.after #area_03 .section_lv2 p{
	margin-top: 30px;
	font-size: 25px;
	line-height: 1.5em;
}

.after #area_04{
	margin-bottom: 150px;
}

.after #area_04 h3{
	margin-bottom: 35px;
}

.after #area_04 .section_lv1{
	margin-bottom: 70px;
	text-align: center;
}

.after #area_04 .section_lv1 img{
	width: 40.7%;
}

.after #area_04 .section_lv1 h4{
	margin: 40px 0 10px;
	font-size: 22px;
	line-height: 1.5em;
}

.after #area_04 .section_lv2{
	width: 82%;
	margin: 0 auto 75px;
}

.after #area_04 .section_lv2 dl{
	border-bottom: #000 1px solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 1.5em;
}

.after #area_04 .section_lv2 dl.last_child{
	margin-bottom: 0;
}

.after #area_04 .section_lv2 dd{
	margin-top: -1.5em;
	text-align: right;
}

.after #area_04 .section_lv3 .column_area{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.after #area_04 .section_lv3 .column_left,
.after #area_04 .section_lv3 .column_right{
	border: #000 1px solid;
	padding: 30px 1% 35px;
	width: 47%;
}

.after #area_04 .section_lv3 h4{
	margin-bottom: 30px;
	font-size: 22px;
	line-height: 1.5em;
	text-align: center;
}

.after #area_04 .section_lv3 li {
  list-style: none;
  display: flex;
  align-items: baseline;
}
 
.after #area_04 .section_lv3 li::before {
  content: "-";
  color: #000;
  margin: 0 8px 0 0;
}

/*�ܥ���Ĵ��*/
.after #area_02 .section_lv2 a,
.after #area_03 .section_lv2 a{
	border: #595959 1px solid;
	width: 35%;
	padding: 25px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 22px;
	line-height: 1.5em;
	display: block;
}

.after #area_02 .section_lv2 a:link,
.after #area_02 .section_lv2 a:hover,
.after #area_03 .section_lv2 a:link,
.after #area_03 .section_lv2 a:hover{
	color: #000;
}

.after #area_02 .section_lv2 a,
.after #area_03 .section_lv2 a{
	opacity: 1;
	transition: all 0.3s 0s ease-in-out;
}

.after #area_02 .section_lv2 a:hover,
.after #area_03 .section_lv2 a:hover{
	opacity: 0.5;
}

.after #area_02 .section_lv2 a span,
.after #area_03 .section_lv2 a span{
	position: relative;
}

.after #area_02 .section_lv2 a span::after,
.after #area_03 .section_lv2 a span::after{
	content: "";
	position: absolute;
	display: block;
	top: 47%;
	left: -3px;
	transform: translateY(-50%);
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #454545;
	border-radius: 50%;
}

.after #area_02 .section_lv2 span::after:hover,
.after #area_03 .section_lv2 span::after:hover{
	border-color: #FC070B;
}


/***** repair *****/
.repair{
	line-height: 1.8em;
}

.repair #main_img{
	margin-bottom: 70px;
}

.repair h1{
	margin-bottom: 50px;
	font-size: 35px;
	line-height: 1.5em;
	text-align: center;
}

.repair h2{
	margin-bottom: 70px;
	font-size: 25px;
	line-height: 1.5em;
	text-align: center;
}

.repair .catch{
	margin: 0 0 40px;
}

.repair .catch span{
	font-weight: bold;
}

.repair h3{
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}

.repair #area_01 .section_inner,
.repair #area_02 .section_inner{
	margin-bottom: 70px;
}

.repair #area_01 .section_inner .coution{
	font-size: 14px;
	line-height: 1.5em;
}

.repair #area_01 .section_inner .base_list > li{
	margin: 0 0 20px 30px;
	list-style: decimal outside;
}

.repair #area_01 .section_inner p,
.repair #area_02 .section_inner p{
	margin-left: 10px;
}

.repair #area_01 .section_inner li ul{
	margin-top: 15px;
}
.repair #area_01 .section_inner li ul li{
	margin: 0;
  list-style: none;
  display: flex;
  align-items: baseline;
}
 
.repair #area_01 .section_inner li ul li::before {
  color: #000;
  margin: 0 8px 0 0;
}

.repair #area_01 .section_inner li ul li.list_01::before {
  content: "[1]";
}
.repair #area_01 .section_inner li ul li.list_02::before {
  content: "[2]";
}
.repair #area_01 .section_inner li ul li.list_03::before {
  content: "[3]";
}

.repair #area_02{
	margin-bottom: 150px;
}

.repair #area_02 h4{
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: bold;
}

.repair #area_02 .section_lv2 ul{
	margin-top: 20px;
}


/***** coupon *****/
.coupon #main_img{
	margin-bottom: 80px;
	text-align: center;
}

.coupon #main_img .catch{
	margin-top: 70px;
	font-size: 18px;
	line-height: 1.8em;
}

.coupon #area_01{
	margin-bottom: 60px;
}

.coupon #area_01 .title{
	background: #4b4b4b;
	padding: 15px 0;
	margin-bottom: 35px;
	font-size: 20px;
	line-height: 1.2em;
	color: #fff;
	text-align: center;
}

.coupon #area_01 .column_left,
.coupon #area_01 .column_right{
	width: 49%;
}





#delivery #main_contents{
	max-width: initial;
	width: 780px;
	background: #f5f8fa;
	margin: 0 auto 50px;
	color: #000;
}

#delivery img{
	display: block;
}

#delivery #area_01{
	width: 780px;
	padding-top: 50px;
}

#delivery #area_01 h1{
	margin: 0 0 30px;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2em;
	color: #014da1;
	text-align: center;
}

#delivery #area_01 .catch{
	margin-bottom: 60px;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
}

#delivery #area_01 .catch span{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	color: #6ea601;
}

#delivery #area_01 .btn_area{
	text-align: center;
}

#delivery #area_01 .btn_area li{
	display: inline-block;
	width: 31%;
	background: #838383;
	text-align: center;
	vertical-align: top;
}

#delivery #area_01 .btn_area a{
	padding: 20px 0 10px;
	color: #fff;
	font-size: 17px;
	line-height: 1.5em;
	font-weight: bold;
	display: block;
}

#delivery #area_01 .btn_area a:hover{
  background: #969696;
	transition: .5s;
}

#delivery #area_01 .btn_area .arrow-down {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}

#delivery #area_02 .catch_area{
	width: 100%;
	padding: 57px 0 0;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
}

#delivery #area_02 .catch_area .inner{
	background: #014da1;
	width: 96.4%;
	padding: 15px 1.8% 20px;
	color: #fff;
	text-align: center;
}

#delivery #area_02 .catch_area .inner h2{
	border-bottom: #78a0cd 1px solid;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5em;
}

#delivery #area_02 .catch_area .inner p{
	font-size: 20px;
	line-height: 1.5em;
}


#delivery #area_02{
	width: 756px;
	padding: 0 1.5%;
	margin-bottom: 10px;
}

#delivery #area_02 .section_inner{
	position: relative;
}

#delivery #area_02 h3{
	font-size: 25px;
	font-weight: bold;
	color: #014da1;
	position: absolute;
	text-align: center;
	line-height: 1.1em;
}

#delivery #area_02 h3 span{
	font-size: 18px;
	line-height: 1.4em;
}

#delivery #area_02 .section_lv1 ul{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 1.3em;
	position: absolute;
}


#delivery #area_02 .section_lv1 h3.title_01{
	left: 97px;
	top: 37px;
}
#delivery #area_02 .section_lv1 h3.title_02{
	left: 468px;
	top: 37px;
}
#delivery #area_02 .section_lv1 .list_01{
	left: 59px;
	top: 150px;
}
#delivery #area_02 .section_lv1 .list_02{
	left: 177px;
	top: 150px;
}
#delivery #area_02 .section_lv1 .list_03{
	left: 507px;
	top: 150px;
}


#delivery #area_02 .section_lv2 p{
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 1.3em;
	position: absolute;
}

#delivery #area_02 .section_lv2 p.txt_01{
	left: 56px;
	top: 20px;
}
#delivery #area_02 .section_lv2 p.txt_02{
	left: 460px;
	top: 20px;
}



#delivery #area_02 .section_lv3 p{
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 1.4em;
	position: absolute;
}
#delivery #area_02 .section_lv3 p.txt_01 span{
	font-size: 24px;
	color: #014da1;
	line-height: 1.2em;
}

#delivery #area_02 .section_lv3 p.txt_01{
	left: 20px;
	top: 10px;
}
#delivery #area_02 .section_lv3 p.txt_02{
	font-weight: bold;
	left: 26px;
	top: 170px;
	color: #e50000;
}



#delivery #area_02 .section_lv4 p{
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 1.4em;
	position: absolute;
}

#delivery #area_02 .section_lv4 p.txt_01{
	left: 380px;
	top: 250px;
}

#delivery #area_03{
	width: 756px;
	padding: 0 12px;
	margin-bottom: 10px;
}

#delivery #area_03 .inner{
	background: #6ea601;
	padding: 28px 0;
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
	color: #fff;
}

#delivery #area_03 .inner p span{
	font-weight: bold;
	color: #fff000;
}


#delivery #area_04{
	width: 756px;
	padding: 0 12px;
	margin-bottom: 10px;
}

#delivery #area_04 .catch_area{
	width: 756px;
	padding: 57px 0 0;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
}

#delivery #area_04 .catch_area .inner{
	background: #014da1;
	width: 728px;
	padding: 15px 14px 20px;
	color: #fff;
	text-align: center;
}

#delivery #area_04 .catch_area .inner h2{
	border-bottom: #78a0cd 1px solid;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5em;
}

#delivery #area_04 .catch_area .inner p{
	font-size: 20px;
	line-height: 1.5em;
}

#delivery #area_04 .img_01{
	margin-bottom: 18px;
}

#delivery #area_04 .img_02{
	margin-bottom: 45px;
}

#delivery #area_04 .section_lv1{
	background: #fff;
}

#delivery #area_04 h3{
	margin: 0 0 0 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	color: #014da1;
}

#delivery #area_04 .inner_01{
	margin-bottom: 45px;
}

#delivery #area_04 .inner_02 p{
	margin: 10px 0 10px 20px;
	font-size: 16px;
	line-height: 1.5em;
}

#delivery #area_04 .inner_02 p span{
	font-weight: bold;
	color: #014da1;
}

#delivery #area_04 .inner_03{
	background: #ffe2e1;
	padding: 20px 20px 15px;
	margin-top: 7px;
}



#delivery #area_05{
	width: 756px;
	padding: 0 12px;
	margin-bottom: 10px;
}

#delivery #area_05 .catch_area{
	width: 756px;
	padding: 57px 0 0;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
}

#delivery #area_05 .catch_area .inner{
	background: #014da1;
	width: 728px;
	padding: 15px 14px 20px;
	color: #fff;
	text-align: center;
}

#delivery #area_05 .catch_area .inner h2{
	border-bottom: #78a0cd 1px solid;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5em;
}

#delivery #area_05 .catch_area .inner p{
	font-size: 20px;
	line-height: 1.5em;
}

#delivery #area_05 .img_01{
	margin-bottom: 18px;
}

#delivery #area_05 .img_02{
	margin-bottom: 45px;
}

#delivery #area_05 .section_lv1{
	background: #fff;
	padding-top: 20px;
}

#delivery #area_05 h3{
	margin: 0 0 0 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	color: #014da1;
}

#delivery #area_05 .inner_01{
	margin-bottom: 45px;
}

#delivery #area_05 .inner_02 p{
	margin: 10px 0 10px 20px;
	font-size: 16px;
	line-height: 1.5em;
}

#delivery #area_05 .inner_02 p span{
	font-weight: bold;
	color: #014da1;
}

#delivery #area_05 .inner_03{
	background: #ffe2e1;
	padding: 20px 20px 15px;
	margin-top: 7px;
}


/***** 260716 PCS-A������ *****/
body#recall {
	background: #FFFFFF;
	color:#000000;
	font-family:"�⥴���å� Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",�ᥤ�ꥪ,Meiryo,sans-serif;
	font-size: 20px;
	line-height:1.5em;
	letter-spacing: 0em;
}

#recall #wrapper{
	max-width: 1200px;
	margin: 0 auto;
}

#recall #contents_inner{
	max-width: 1000px;
	margin: 0 auto;
}

#recall h1{
	background: #4d4d4d;
	border-radius: 30px;
	width: fit-content;
	padding: 10px 70px;
	margin: 0 auto 50px;;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	color: #fff;
}

#recall h2{
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

#recall #area_01{
	margin-bottom: 80px;
}

#recall #area_01 .inner p span{
	color: #dc0000;
	font-weight: bold;
}

#recall #area_02{
	background: #f6f6f6;
	border: #000000 1px solid;
	box-sizing: border-box;
	width: 100%;
	padding: 60px 0;
	margin-bottom: 100px;
}

#recall #area_02 .section_lv1{
	padding: 0 9%;
}

#recall #area_02 .section_lv1 .title{
	text-align: center;
}

#recall #area_02 .section_lv1 .title img{
	display: inline;
}

#recall #area_02 .section_lv1 h3{
	border-bottom: #4d4d4d 3px solid;
	width: fit-content;
	margin: 0 auto 40px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5em;
}

#recall #area_02 .section_lv1 .inner{
	margin: 70px 0 80px;
	text-align: center;
}

#recall #area_02 .section_lv1 h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#recall #area_02 .section_lv1 table th,
#recall #area_02 .section_lv1 table td{
	box-sizing: border-box;
	border: #000 1px solid;
	padding: 5px 0;
	text-align: center;
}

#recall #area_02 .section_lv1 table .first_child th{
	background: #636363;
	font-weight: bold;
	color: #fff;
}

#recall #area_02 .section_lv1 table .first_child td{
	background: #838080;
	font-weight: bold;
	color: #fff;
}

#recall #area_02 .section_lv2 .inner_section_01{
	background: #E4E4E4;
	border: #000 1px solid;
	padding: 40px 0;
	margin: 0 9% 80px;
	text-align: center
}

#recall #area_02 .section_lv2 .inner_section_01 h3{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#recall #area_02 .section_lv2 .inner_section_01 .txt_01{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
}

#recall #area_02 .section_lv2 .inner_section_02{
	margin-bottom: 50px;
}

#recall #area_02 .section_lv2 .inner_section_02 h3{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

#recall #area_02 .section_lv2 .inner_section_02 .txt_01{
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
}

#recall #area_02 .section_lv2 .inner_section_02 ul{
	margin: 0 6% 50px;
	font-size: 18px;
	line-height: 1.5em;
}

#recall #area_02 .section_lv2 .inner_section_02 .pc,
#recall #area_02 .section_lv2 .inner_section_02 .sp{
	text-align: center;
}


#recall #area_02 .section_lv3{
	margin: 0 5%;
}

#recall #area_02 .section_lv3 .txt_01{
	margin-bottom: 40px;
}

#recall #area_02 .section_lv3 table{
}

#recall #area_02 .section_lv3 table .gray{
	background: #d8d8d8;
}

#recall #area_02 .section_lv3 table .blue{
	color: #0054ff;
	font-weight: bold;
}

#recall #area_02 .section_lv3 table .red{
	color: #ff0000;
	font-weight: bold;
}

#recall #area_02 .section_lv3 table .bold{
	font-weight: bold;
}

#recall #area_02 .section_lv3 table th,
#recall #area_02 .section_lv3 table td{
	box-sizing: border-box;
	border: #000 1px solid;
	text-align: center;
	padding: 15px 0;
	vertical-align: middle;
}

#recall #area_03{
	margin-bottom: 100px;
}

#recall #area_03 h2{
	margin-bottom: 50px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

#recall #area_03 .title p{
	margin-bottom: 30px;
}

#recall #area_03 h3{
	margin-bottom: 10px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5em;
}

#recall #area_03 .section_lv1{
	margin-bottom: 30px;
}

#recall #area_03 .section_inner{
	margin-left: 20px;
}

#recall #area_03 .section_lv2 h4{
	color: #c60000;
	font-weight: bold;
	line-height: 1.8em;
}

#recall #area_03 .section_lv2 h4 span{
	font-size: 25px;
}

#recall #area_03 .section_lv2 .txt_01 span{
	color: #c60000;
}

#recall #area_03 .section_lv2 .caution{
	margin: 10px 0 50px;
	font-size: 18px;
	line-height: 1.8em;
}

@media only screen and (max-width: 640px) {
	#recall #wrapper{
		width: 100%;
		font-size: 14px;
		line-height: 1.5em;
	}
	
	#recall #contents_inner{
		max-width: 100%;
		margin: 0 2%;
	}

	#recall h1{
		border-radius: 50px;
		font-size: 20px;
		line-height: 1.2em;
		padding: 10px 40px;
	}

	#recall h2{
		font-size: 18px;
		line-height: 1.5em;
	}
	
	#recall #area_02{
		padding: 40px 0;
		margin-bottom: 80px;
	}

	#recall #area_02 .section_lv1{
		margin: 40px 0 60px;
		padding: 0 5%;
	}

	#recall #area_02 .section_lv1 h3{
		font-size: 20px;
		line-height: 1.5em;
	}

	#recall #area_02 .section_lv1 .inner{
		margin: 70px 0 80px;
	}

	#recall #area_02 .section_lv1 h4{
		font-size: 16px;
	}

	#recall #area_02 .section_lv2 .inner_section_01{
		padding: 30px 0;
		margin: 0 5% 40px;
	}

	#recall #area_02 .section_lv2 .inner_section_01 h3{
		font-size: 18px;
		line-height: 1.2em;
	}

	#recall #area_02 .section_lv2 .inner_section_01 .txt_01{
		font-size: 16px;
		line-height: 1.5em;
	}

	#recall #area_02 .section_lv2 .inner_section_02{
		margin: 0 5% 30px;
	}

	#recall #area_02 .section_lv2 .inner_section_02 h3{
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 1.2em;
	}

	#recall #area_02 .section_lv2 .inner_section_02 ul{
		margin: 0 0 50px;
		font-size: 12px;
		line-height: 1.5em;
	}
	
	#recall #area_02 .section_lv2 .inner_section_02 li{
		text-indent: -1em;
		padding-left: 1em;
	}

	#recall #area_02 .section_lv3{
		margin: 0 2%;
	}

	#recall #area_02 .section_lv3 .txt_01{
		line-height: 1.5em;
		margin-bottom: 20px;
	}

	#recall #area_02 .section_lv3 table{
		font-size: 11px;
	}

	#recall #area_02 .section_lv3 table th,
	#recall #area_02 .section_lv3 table td{
		padding: 15px 0;
		line-height: 1.5em;
	}

	#recall #area_03 h2{
		margin-bottom: 30px;
		font-size: 20px;
		line-height: 1.2em;
	}

	#recall #area_03 .title p{
		margin-bottom: 30px;
	}

	#recall #area_03 h3{
		font-size: 18px;
		line-height: 1.5em;
	}

	#recall #area_03 .section_inner{
		margin-left: 15px;
	}

	#recall #area_03 .section_lv2 h4 span{
		font-size: 18px;
		color: #c60000;
	}

	#recall #area_03 .section_lv2 .caution{
		margin: 10px 0 30px;
		font-size: 12px;
		line-height: 1.8em;
	}

	#recall #area_03 .section_lv2 .caution li{
		text-indent: -1em;
		padding-left: 1em;
	}

}





.info_area{
	width: 756px;
	padding: 0 12px;
	font-size: 13px;
	line-height: 1.5em;
	color: #fff;
}

.info_area .inner_bg{
	background: #dcdfe0;
	padding: 15px;
}

.info_area .inner{
	background: #014da1;
	padding: 3px 3px 3px 15px;
}

.info_area .inner p{
	padding-top: 6px;
}

@media only screen and (max-width: 640px) {
	body{
		font-size: 14px;
		line-height:1.5em;
	}

	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	
	#wrapper{
		width: 100%;
		margin: 0  auto;
	}

	#main_contents{
		max-width: 100%;
		float: none;
	}

	#sub_contents{
		display: none;
		float: none;
	}
	
	
	
	/***** after *****/
	.after h1{
		margin-bottom: 50px;
		font-size: 18px;
		line-height: 1.5em;
	}

	.after h2{
		margin-bottom: 35px;
		font-size: 20px;
		line-height: 1.5em;
	}

	.after h3{
		font-size: 18px;
		line-height: 1.5em;
	}

	.after #area_01{
		padding: 0 2% 60px;
		margin-bottom: 60px;
	}

	.after #area_01 .txt_01{
		margin-bottom: 20px;
	}

	.after #area_01 .txt_02{
		font-size: 12px;
	}

	.after #area_02{
		padding: 0 2%;
		margin-bottom: 80px;
	}

	.after #area_02 .section_lv1{
		padding: 30px 15px;
		margin-bottom: 60px;
	}

	.after #area_02 h3.title_02{
		margin-bottom: 60px;
	}

	.after #area_02 .section_lv2{
		padding: 40px 15px;
	}

	.after #area_02 .section_lv2 h4{
		margin-bottom: 35px;
		font-size: 18px;
		line-height: 1.5em;
	}

	.after #area_02 .section_lv2 p{
		margin-bottom: 30px;
	}
	
	.after #area_03{
		padding: 0 2%;
		margin-bottom: 80px;
	}

	.after #area_03 h3{
		margin-bottom: 35px;
	}

	.after #area_03 .section_lv1{
		margin-bottom: 60px;
	}	

	.after #area_03 .section_lv1 li{
		margin: 0 0 20px 20px;
		list-style: square outside;
	}

	.after #area_03 .section_lv1 li span{
		vertical-align: 0.15em;
	}

	.after #area_03 .section_lv1 li::marker{
		font-size: 25px;
	}
	
	.after #area_03 .section_lv2{
		padding: 40px 15px;
	}

	.after #area_03 .section_lv2 h4{
		font-size: 18px;
		line-height: 1.5em;
	}

	.after #area_03 .section_lv2 p{
		font-size: 15px;
		line-height: 1.5em;
	}

	.after #area_04{
		padding: 0 2%;
		margin-bottom: 100px;
	}

	.after #area_04 .section_lv1{
		margin-bottom: 60px;
	}

	.after #area_04 .section_lv1 img{
		width: 90%;
	}

	.after #area_04 .section_lv1 h4{
		margin: 30px 0 10px;
		font-size: 16px;
		line-height: 1.5em;
	}

	.after #area_04 .section_lv2{
		width: 90%;
		margin: 0 auto 75px;
	}

	.after #area_04 .section_lv2 dl{
		font-size: 14px;
		line-height: 1.5em;
	}

	.after #area_04 .section_lv2 dl.last_child{
		margin-bottom: 0;
	}

	.after #area_04 .section_lv3 .column_area{
		display: block;
		justify-content: space-between;
		align-items: stretch;
	}

	.after #area_04 .section_lv3 .column_left,
	.after #area_04 .section_lv3 .column_right{
		padding: 30px 3% 35px;
		width: 94%;
		float: none;
	}

	.after #area_04 .section_lv3 .column_left{
		margin-bottom: 20px;
	}

	.after #area_04 .section_lv3 h4{
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 1.5em;
		text-align: center;
	}

	.after #area_04 .section_lv3 li {
		list-style: none;
		display: flex;
		align-items: baseline;
	}

	.after #area_04 .section_lv3 li::before {
		content: "-";
		color: #000;
		margin: 0 8px 0 0;
	}
	
	/*�ܥ���Ĵ��*/
	.after #area_02 .section_lv2 a,
	.after #area_03 .section_lv2 a{
		border: #595959 1px solid;
		width: 70%;
		padding: 15px 0;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		line-height: 1.5em;
		display: block;
	}

	/***** repair *****/
	.repair h1{
		margin-bottom: 30px;
		font-size: 20px;
		line-height: 1.5em;
	}

	.repair h2{
		margin-bottom: 50px;
		font-size: 18px;
		line-height: 1.5em;
	}

	.repair h3{
		margin-bottom: 25px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5em;
	}

	.repair #area_01,
	.repair #area_02{
		padding: 0 2%;
	}

	.repair #area_01 .section_inner,
	.repair #area_02 .section_inner{
		margin-bottom: 50px;
	}

	.repair #area_02 h4{
		margin-bottom: 30px;
		font-size: 18px;
	}

	.repair #area_02{
		margin-bottom: 100px;
	}

	/***** coupon *****/
	.coupon #main_img{
		margin-bottom: 50px;
	}

	.coupon #main_img .catch{
		margin-top: 40px;
		font-size: 16px;
		line-height: 1.8em;
	}

	.coupon #area_01{
		margin-bottom: 60px;
	}

	.coupon #area_01 .title{
		margin-bottom: 35px;
		font-size: 18px;
		line-height: 1.2em;
	}

	.coupon #area_01 .section_lv1{
		padding: 0 2%;
	}
	
	.coupon #area_01 .column_left,
	.coupon #area_01 .column_right{
		width: 49%;
	}

	
}