@charset "UTF-8";

/*  color
$textcolor:#333333;
$yubin:#cc0000;
$yubin2:#FAECEA;
$bg:#eeeeee;
$border:#c9c9c9;
$yucho:#009900;
$kanpo:#000099;
$int:#FA812F;

$gray1:#646464;
$gray2:#a0a0a0;
$gray3:#c8c8c8;
$gray4:#dcdcdc;
$gray5:#eeeeee;
$gray6:#f7f7f7;
$gray7:#FAFAFA;
*/
/*common*/
p.icoLink:hover{
    text-decoration: underline;
}
/* you_packetet
----------------------------------------------- */
.h1lead.yu_packet .clm.img{
	display:block; text-align:center; padding:30px 0;
}
	.h1lead.yu_packet .clm.img .logo img{
		width:310px;
	}
.h1lead.yu_packet ul.icon{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center; margin-top:20px;
}
.h1lead.yu_packet ul.icon li {
	background: #fff;border: 1px solid #c00;border-radius: 3px;height: 64px;margin-right: 10px;position: relative;width: 64px;
}
.h1lead.yu_packet ul.icon li span {
	bottom: 2px;display: block; color:#cc0000;font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;font-size: 6px;font-size: 12px;font-weight: 400;left: 0;line-height: 1;margin: auto;position: absolute;right: 0;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	width: calc(100%/.9);
}
.h1lead.yu_packet ul.icon li span:before {
	display: block; font-size: 50px; font-weight: 400; color:#cc0000;
}
.h1lead.yu_packet ul.icon li span.tokan:before {content: "\e980";font-family: yubin;}
.h1lead.yu_packet ul.icon li span.tsuiseki:before {content: "\e944";font-family: yubin;}
.h1lead.yu_packet ul.icon li span.allyear:before {content: "\e9a4";font-family: yubin;}

.hFlow {
    background-color: #eee;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #CC0000;
}

@media screen and (max-width: 750px){
} /* sp */

/*--------------------------------------------------
00: reset
==================================================*/
br.br-sp {
	display: none;
}



/*--------------------------------------------------
00: reset
==================================================*/
br.br-sp {
	display: none;
}

/*--------------------------------------------------
01: mainImg
==================================================*/

.mainImg {
	overflow: hidden; 
	text-indent: 100%; 
	white-space: nowrap; 
	/*width: 959px;*/
	height: 300px;
	margin: 0 !important;
	background: url(img/pc/img01.jpg) no-repeat;
}

/*--------------------------------------------------
02: btnArea
==================================================*/
ul.btnArea_sp { display: none; }
ul.btnArea_pc {
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	/*width: 959px;*/
	/*height: 130px;*/
	margin: 0 !important;
	padding: 30px 25px 22px;
	background: url(img/pc/bg01.png) repeat;
	box-sizing: border-box;
}
	ul.btnArea_pc{
		display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;flex-wrap:wrap; justify-content: space-between;
	}
	ul.btnArea_pc li {
		display: inline-block;
		letter-spacing: normal; /* 文字間を通常に戻す */
		flex-basis:32%; max-width:32%; transition: .3s;
	}
	ul.btnArea_pc li:hover{opacity:0.7;}

/*--------------------------------------------------
03: aboutArea
==================================================*/

.aboutArea {
	height: auto;
	padding: 0; 
	background:#EDF6F8;
	position: relative; 
    z-index:0;
}
	.aboutArea p.title01 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 63px;
		margin: 0 0 40px !important;
		background: url(img/pc/title01.png) no-repeat;
	}
	.aboutArea p.img02 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 289px;
		margin: 0 0 30px !important;
		background: url(img/pc/img02.png) no-repeat;
	}	
	.aboutArea p.text01 {
		width: 564px;
		height: 141px;
		margin: 0 auto 20px !important;
		padding: 25px;
		letter-spacing: normal;
		text-align: center;
		font-size: 14px  !important;
		line-height: 1.7em !important;
		background: #d9edf2;
		border-radius: 6px;
		box-sizing: border-box;
	}
	.aboutArea p.text02_pc {
		margin: 0 auto 55px !important;
		letter-spacing: normal;
		text-align: center;
		font-size: 12px !important;
		line-height: 1.7em !important;
	}
	.aboutArea p.text02_sp {
		display: none;
	}	
	.aboutArea p.title02 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 125px;
		margin: 0 !important;
		background: url(img/pc/title02.png) center bottom no-repeat;
		/*border-top: 1px solid #d9edf2;*/
	}

p.title03  {
  position: relative;
  display: inline-block;
  padding: 0 55px;
    color: #1094B4;
    font-size: 1.35em;
    font-weight: bold;
}

p.title03:before, p.title03:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #1094B4;
}

p.title03:before {
  left:0;
}
p.title03:after {
  right: 0;
}
.title03Sub{
    font-size: 1em;
    color: #1094B4;
}

	.aboutArea .imgArea {
		display: inline-block;
		letter-spacing: normal; /* 文字間を通常に戻す */
		width: 292px;
		margin: 0 0 40px 20px !important;
		text-align: center;
	}
		.aboutArea .imgArea ul li.img {
			width: 292px;
			height: 195px;
			margin: 0 0 20px;
			font-size: 12px !important;
		}	
		.aboutArea .imgArea ul li.img05,
		.aboutArea .imgArea ul li.img07,
		.aboutArea .imgArea ul li.img9 {
			margin: 0 0 15px;
		}	
		.aboutArea .imgArea ul li img {
			width: 100%;
		}
	.aboutArea p.text06 {
		width: 625px;
		margin: 0 auto 20px !important;
		padding: 13px;
		letter-spacing: normal;
		text-align: center;
		font-size: 16px !important;
		line-height: 1.7em !important;
		background: #d9edf2;
		border-radius: 6px;
		box-sizing: border-box;
	}

	.aboutArea .eximg{justify-content: space-around; width:96%; margin:10px auto 50px;}
		.aboutArea .clm3-space .clm{text-align:center; flex-basis:31%; max-width:31%; font-size:90%;}
		.aboutArea .eximg .clm ul li{margin-bottom:10px;}
	
/*--------------------------------------------------
04: pointArea01
==================================================*/

.pointArea01 {
	margin: 0 0 20px;
	padding: 0 0 20px;
	/*border-bottom: 1px solid #d9edf2;*/
}
	.pointArea01 p.title04 {
		text-indent: -9999px; 
		white-space: nowrap; 
		height: 66px;
		background: url(/service/yu_packet/img/pc/title04.png) no-repeat;
        background-position: center;
	}
	.pointArea01 p.img10 {
		text-indent: -9999px; 
		white-space: nowrap; 
		height: 220px; 
		/*width: 760px;*/
		margin: 30px auto 0px !important;
		background: url(/service/yu_packet/img/pc/img10.png) no-repeat;
        background-size: contain;
	}
	.pointArea01 p.img11 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		width: 959px;
		height: 204px;
		margin: 0 auto !important;
		background: url(img/pc/img11.png) no-repeat;
	}

/*--------------------------------------------------
05: pointArea02
==================================================*/

.pointArea02 {
	margin: 0 0 33px;
	padding: 0 0 60px;
	/*border-bottom: 1px solid #d9edf2;*/
}
	.pointArea02 p.title05 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 250px;
		margin: 0 auto 60px !important;
		background: url(img/pc/title05.png) no-repeat;
	}
	.pointArea02 p.img12 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 259px;
		margin: 0 auto 33px !important;
		background: url(img/pc/img12.png) no-repeat;
	}
	.pointArea02 p.img13 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 224px;
		margin: 0 auto !important;
		background: url(img/pc/img13.png) no-repeat;
	}

/*--------------------------------------------------
06: pointArea03
==================================================*/

.pointArea03 {
	margin: 0 0 60px;
	padding: 0 0 60px;
	/*border-bottom: 1px solid #d9edf2;*/
}
	.pointArea03 p.title06 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 250px;
		margin: 0 auto 41px !important;
		background: url(img/pc/title06.png) no-repeat;
	}
	.pointArea03 p.img14 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 267px;
		margin: 0 auto !important;
		background: url(img/pc/img14.png) no-repeat;
	}
	.pointArea03 p.img15 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		/*width: 959px;*/
		height: 223px;
		margin: 0 auto !important;
		background: url(img/pc/img15.png) no-repeat;
	}

/*--------------------------------------------------
07: overviewArea
==================================================*/

.overviewArea {
	/*width: 959px;*/
	height: auto;
	padding: 40px 30px 30px;
	background: #edf6f8;
	box-sizing: border-box;
}
	.overviewArea p.title07 {
		overflow: hidden; 
		text-indent: 100%;
		white-space: nowrap; 
		/*width: 899px;*/
		height: 22px;
		margin: 0 auto 41px !important;
		background: url(img/pc/title07.png) no-repeat;
	}

	.overviewArea p.title08 {
		overflow: hidden; 
		text-indent: 100%;
		white-space: nowrap; 
		/*width: 899px;*/
		height: 22px;
		margin: 0 auto 41px !important;
		background: url(img/pc/title08.png) no-repeat;
	}

	.overviewArea ul.overviewList {
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		/*width: 899px;*/
		margin: 0 0 50px !important;
		vertical-align: top;
	}
	.overviewArea ul.overviewList.overviewList01 {
		margin: 0 0 30px !important;
	}
	.overviewArea ul.overviewList.overviewList04 {
		margin: 0 0 40px !important;
	}
		.overviewArea ul.overviewList li {
			display: inline-block;
			letter-spacing: normal; /* 文字間を通常に戻す */
			width: 449px;
			vertical-align: top;
			box-sizing: border-box;
		}
		.overviewArea ul.overviewList li.ic01 {
			min-height: 72px;
			padding: 0 20px 0 90px;
			background: url(img/ic01.png) left top no-repeat;
			background-size: 72px 72px;
		}
		.overviewArea ul.overviewList li.ic02 {
			min-height: 72px;
			padding: 0 20px 0 104px;
			background: url(img/ic02.png) 16px top no-repeat;
			background-size: 72px 72px;
		}
		.overviewArea ul.overviewList li.ic03 {
			min-height: 72px;
			padding: 0 20px 0 90px;
			background: url(img/ic03.png) left top no-repeat;
			background-size: 72px 72px;
		}
		.overviewArea ul.overviewList li.ic04 {
			min-height: 72px;
			padding: 0 20px 0 104px;
			background: url(img/ic04.png) 16px top no-repeat;
			background-size: 72px 72px;
		}
		.overviewArea ul.overviewList li.ic05 {
			min-height: 72px;
			padding: 0 20px 0 90px;
			background: url(img/ic05.png) left top no-repeat;
			background-size: 72px 72px;
		}
		.overviewArea ul.overviewList li.ic06 {
			min-height: 72px;
			padding: 0 20px 0 104px;
			background: url(img/ic06.png) 16px top no-repeat;
			background-size: 72px 72px;
		}
		.overviewArea ul.overviewList li.ic07 {
			min-height: 72px;
			padding: 0 20px 0 90px;
			background: url(img/ic07.png) left top no-repeat;
			background-size: 72px 72px;
		}

		.overviewArea ul.overviewList li.ic08 {
			min-height: 72px;
			padding: 0 20px 0 90px;
			background: url(img/ic08.png) left top no-repeat;
			background-size: 72px 72px;
		}

			.overviewArea ul.overviewList li p {
				margin: 0 !important;
				font-size: 13px !important;
				line-height: 1.6em !important;
			}
			.overviewArea ul.overviewList li p.sub_title {
				margin: 0 0 8px !important;
				font-size: 20px !important;
				color: #cc0000;
				line-height: 1.3em !important;
			}
			.overviewArea ul.overviewList li p.list {
				margin: 8px 0 0 !important;
			}
	.overviewArea ul.noteArea {
		/*width: 899px;*/
		padding: 20px 20px 15px;
		margin: 0 ;
		background: #fff;
		box-sizing: border-box;
	}
	.overviewArea ul.noteArea li {
		padding-left: 1em;
		text-indent: -1em;
		margin: 0 0 5px;
		font-size: 13px !important;
	}
	.overviewArea ul.noteArea li:last-child {
		margin: 15px 0 0;
	}

/*--------------------------------------------------
08: footer
==================================================*/
/*footer {
	display: none;
}*/





/*--------------------------------------------------
01: mainImg
==================================================*/
@media screen and (max-width: 850px){
.mainImg {
	overflow: hidden; 
	text-indent: 100%; 
	white-space: nowrap; 
	width: 100%;
	height: 0;
	margin: 0 !important;
	padding-top: 140%;
	background: url(img/sp/img01.png) no-repeat;
	background-size: contain; 
}

.mainImg a {
	display: block;
	width: 100%;
	height: 100%;
}
}/* sp */

/*--------------------------------------------------
02: btnArea
==================================================*/
@media screen and (max-width: 850px){
ul.btnArea_pc { display: none; }
ul.btnArea_sp {
	display: table;
	margin: 0 !important;
	padding: 15px 7px 10px;
	background: url(img/sp/bg01.png) no-repeat;
	box-sizing: border-box;
}
	ul.btnArea_sp li {
		display: table-cell;
	}
	ul.btnArea_sp li a {
		display: block;
		width: 100%;
		height: 100%;
	}
} /* sp */
/*--------------------------------------------------
03: aboutArea
==================================================*/
@media screen and (max-width: 850px){
.aboutArea {
	height: auto;
	padding: 0; 
    margin-bottom:0px;
	background:#EDF6F8;
	position: relative; z-index:0;
}

	.aboutArea .imgArea{
		width:100%;
		margin: 0 0  !important;
	}
	.aboutArea .imgArea ul li.img{width:auto; height:auto; margin-bottom:0;}
	.aboutArea p.title01 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		width: 100%;
		height: 0;
		margin: 0 !important;
		padding-top: 21%;
		background: url(img/sp/title01.png) center bottom no-repeat;
		background-size: contain; 
	}
	.aboutArea p.img02 {
		overflow: hidden; 
		text-indent: 100%; 
		white-space: nowrap; 
		width: 100%;
		height: 0;
		margin: 0 !important;
		padding-top: 105.066666667%;
		background: url(img/sp/img02.png) center bottom no-repeat;
		background-size: contain; 
	}	
	.aboutArea p.text01 {
		margin: 0px 15px 15px !important;
		padding: 15px 0;
		letter-spacing: normal;
		text-align: center;
		font-size: 12px !important;
		line-height: 1.5em !important;
		background: #d9edf2;
		border-radius: 6px;
		box-sizing: border-box;
		width:auto; height:auto;
	}
	.aboutArea p.text02_pc {
		display: none;
	}
	.aboutArea p.text02_sp {
		margin: 0 15px 20px !important;
		padding-left: 0.6em;
		text-indent: -0.6em;
		text-align: left;
		font-size: 10px !important;
		line-height: 1.5em !important;
	}
	.aboutArea p.title02 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 !important;
		padding-top: 24%;
		background: url(img/sp/title02.png) center bottom no-repeat;
		background-size: contain; 
	}
	.aboutArea p.img03 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 0 33px !important;
		padding-top: 183.733333333%;
		background: url(img/sp/img03.png) no-repeat;
		background-size: contain; 
	}	
/*	.aboutArea p.title03 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; 
		height: 0;
		margin: 0 15px 30px !important;
		padding-top: 4.05797101449%;
		background: url(img/sp/title03.png) no-repeat;
		background-size: contain; 
	}*/
	.aboutArea ul {
		display: flex;
		margin: 0 !important;
		padding: 0 10px;
		text-align: center;
		font-size: 12px;
	}
		.aboutArea ul li.img {
			display: table-cell;
			margin: 0;
			padding: 0 5px;
		}	
		.aboutArea p.text03,
		.aboutArea p.text04,
		.aboutArea p.text05 {
			display: block;
			width: 100%;
			margin: 10px 0 15px !important;
			text-align: center;
			font-size: 10px !important;
		}	
	.aboutArea p.text06 {
		width:auto;
		margin: 0 15px !important;
		padding: 13px;
		letter-spacing: normal;
		text-align: center;
		font-size: 12px !important;
		line-height: 1.5em !important;
		background: #d9edf2;
		border-radius: 6px;
		box-sizing: border-box;
	}	
} /* sp */
/*--------------------------------------------------
04: pointArea01
==================================================*/
@media screen and (max-width: 850px){
.pointArea01 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d9edf2;
}
	.pointArea01 p.title04 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 auto !important;
		padding-top: 0;
        height: 120px;
		background: url(/service/yu_packet/img/sp/title04.png) no-repeat;
		background-size: contain; 
	}
	.pointArea01 p.img10 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 auto !important;
		padding-top: 116.533333333%;
		background: url(/service/yu_packet/img/sp/img10.png) no-repeat;
		background-size: contain; 
	}
	.pointArea01 p.img11 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 auto !important;
		padding-top: 53.2%;		background: url(/service/yu_packet/img/sp/img11.png) no-repeat;
		background-size: contain; 
	}
} /* sp */
/*--------------------------------------------------
05: pointArea02
==================================================*/
@media screen and (max-width: 850px){
.pointArea02 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d9edf2;
}
	.pointArea02 p.title05 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 15px auto 0 !important;
		padding-top: 66.6666666667%;
		background: url(/service/yu_packet/img/sp/title05.png) no-repeat;
		background-size: contain; 
	}
	.pointArea02 p.img12 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 auto !important;
		padding-top: 249.6%;
		background: url(/service/yu_packet/img/sp/img12.png) no-repeat;
		background-size: contain; 
	}
	.pointArea02 p.img13 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 auto !important;
		padding-top: 54.2666666667%;
		background: url(/service/yu_packet/img/sp/img13.png) no-repeat;
		background-size: contain; 
	}
} /* sp */
/*--------------------------------------------------
06: pointArea03
==================================================*/
@media screen and (max-width: 850px){
.pointArea03 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d9edf2;
}
	.pointArea03 p.title06 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 15px auto 0 !important;
		padding-top: 66.6666666667%;
		background: url(/service/yu_packet/img/sp/title06.png) no-repeat;
		background-size: contain; 
	}
	.pointArea03 p.img14 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 auto !important;
		padding-top: 126.133333333%;
		background: url(/service/yu_packet/img/sp/img14.png) no-repeat;
		background-size: contain; 
	}
	.pointArea03 p.img15 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 auto !important;
		padding-top: 50.9333333333%;
		background: url(/service/yu_packet/img/sp/img15.png) no-repeat;
		background-size: contain; 
	}
} /* sp */
/*--------------------------------------------------
07: overviewArea
==================================================*/
@media screen and (max-width: 850px){
.overviewArea {
	height: auto;
	margin: 0;
	padding: 40px 15px;
	background: #edf6f8;
	box-sizing: border-box;
}
	.overviewArea p.title07 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 0 30px !important;
		padding-top: 4.05797101449%;
		background: url(/service/yu_packet/img/sp/title07.png) no-repeat;
		background-size: contain; 
	}

	.overviewArea p.title08 {
		overflow: hidden; 
		text-indent: 100%; 
		/*white-space: nowrap; */
		height: 0;
		margin: 0 0 30px !important;
		padding-top: 4.05797101449%;
		background: url(/service/yu_packet/img/sp/title08.png) no-repeat;
		background-size: contain; 
	}

	.overviewArea ul.overviewList {
		margin: 0 !important;
		vertical-align: top;
	}
		.overviewArea ul.overviewList li {
			min-height: 54px;
			padding: 0 0 0 66px;
			margin: 0 0 20px;
		}
		.overviewArea ul.overviewList li.ic01 {
			padding-right: 1em;
			background: url(/service/yu_packet/img/ic01.png) left top no-repeat;
			background-size: 54px 54px;
		}
		.overviewArea ul.overviewList li.ic02 {
			background: url(/service/yu_packet/img/ic02.png) left top no-repeat;
			background-size: 54px 54px;
		}
			.overviewArea ul.overviewList li.ic02 p.text_pc {
				display: none;
			}
		.overviewArea ul.overviewList li.ic03 {
			background: url(/service/yu_packet/img/ic03.png) left top no-repeat;
			background-size: 54px 54px;
		}
			.overviewArea ul.overviewList li.ic03 p.list_pc {
				display: none;
			}
		.overviewArea ul.overviewList li.ic04 {
			padding-right: 1.5em;
			background: url(/service/yu_packet/img/ic04.png) left top no-repeat;
			background-size: 54px 54px;
		}
		.overviewArea ul.overviewList li.ic05 {
			padding-right: 1.5em;
			background: url(/service/yu_packet/img/ic05.png) left top no-repeat;
			background-size: 54px 54px;
		}
		.overviewArea ul.overviewList li.ic06 {
			padding-right: 1.5em;
			background: url(/service/yu_packet/img/ic06.png) left top no-repeat;
			background-size: 54px 54px;
		}
		.overviewArea ul.overviewList li.ic07 {
			padding-right: 1.5em;
			margin: 0 0 30px;
			padding-right: 20px;
			background: url(/service/yu_packet/img/ic07.png) left top no-repeat;
			background-size: 54px 54px;
		}

		.overviewArea ul.overviewList li.ic08 {
			padding-right: 1.5em;
			margin: 0 0 30px;
			padding-right: 20px;
			background: url(/service/yu_packet/img/ic08.png) left top no-repeat;
			background-size: 54px 54px;
		}
			.overviewArea ul.overviewList li p {
				margin: 0 !important;
				font-size: 13px !important;
				line-height: 1.4em !important;
			}
			.overviewArea ul.overviewList li p.sub_title {
				margin: 0 0 5px !important;
				font-size: 15px !important;
				color: #cc0000;
				line-height: 1.3em !important;
			}
			.overviewArea ul.overviewList li p.list {
				margin: 8px 0 0 !important;
			}
				.overviewArea ul.overviewList li p.list span {
					display: block;
					padding-left: 1em;
					text-indent: -1em;
				}
	.overviewArea ul.noteArea {
		padding: 15px;
		margin: 0;
		background: #fff;
		box-sizing: border-box;
	}
	.overviewArea ul.noteArea li {
		padding-left: 1em;
		text-indent: -1em;
		margin: 0 0 5px;
		font-size: 12px !important;
	}
	.overviewArea ul.noteArea li:last-child {
		margin: 15px 0 0;
		padding-left: 0.6em;
		text-indent: -0.6em;
	}
} /* sp */