@charset "utf-8";
/* CSS Document */

.slick-dots {
	width: 100%;
	height: 10px;
	text-align: center;
}
.slick-dots li {
	padding: 0 8px;
	vertical-align: top;
	display: inline-block;
}
.slick-dots li button {
	width: 10px;
	height: 10px;
	text-indent: -99px;
	border: 1px solid #008CD6;
	border-radius: 5px;
	background: #FFF;
	display: block;
	overflow: hidden;
	outline: none;
	box-sizing: border-box;
}
.slick-dots li.slick-active button {
	background: #008CD6;
}



/*------------------------------
#wrap
------------------------------*/
.performanceTextArea h3 {
	padding: 25px 15px;
	background: #008CD6;
}
#wrap .txt01 {
	margin: 0 15px;
}

/*---------------
#performanceText_r1Container
---------------*/
.performanceText_r1 h3 {
	padding-bottom: 72px;
}
#performanceText_r1Tip {
	width: 300px;
    height: 75px;
	margin: -70px auto 50px;
    padding-top: 15px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
#performanceText_r1MainTextBottom {
	margin: 24px 10px 28px;
}

/*---------------
#main_r2
---------------*/
.performanceText_r2 {
	overflow: hidden;
}
.performanceText_r2 h3,
.performanceText_r2 .txt01 {
	margin-bottom: 25px;
}

/* #r2_list */
#r2_list {
	margin: 0 15px;
}
#r2_list dt {
	margin-top: 35px;
	padding-left: 10px;
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #FFF;
	background: #008CD6;
	clear: both;
}
#r2_list dd {
	padding: 13px 0 25px 0;
	position: relative;
}

#r2_list dd div {
	outline: none;
}
#r2_list dd .slick-list {
	width: 100%;
}
#r2_list dd#r2_list03 .slick-list {
	width: 100%;
}
#r2_list dd#r2_list04 .slick-list {
	width: 100%;
}
#r2_list dd span {
	padding: 5px 0 5px 35px;
	font-size: 14px;
	line-height: 21px;
	display: block;
	position: relative;
}
#r2_list dd span:before {
	content: '';
	width: 10px;
	height: 21px;
	vertical-align: top;
	background: url(../img/sp/icon01.png) no-repeat 0 3px;
	background-size: 12px 13px;
	display: block;
	position: absolute;
	left: 10px;
	top: 5px;
}
#r2_list dd .slick-dots {
	position: absolute;
	left: 0;
	bottom: 0;
}
#performanceText_r2Tip {
	margin: 22px 0 27px;
	text-align: center;
}

#r2_list dd.show2 .slick-dots {
	width: 150px;
	left: 0;
	right: 0;
	margin: auto;
}
#r2_list dd.show2 .slick-dots li button {
	background: rgba(255,255,255,0);
}
#r2_list dd.show2 .slick-dots li.slick-active button {
	background: #008CD6;
}

/*---------------
#main_r3
---------------*/
#performanceText_r3Container {
	margin-bottom: 30px;
}
.security h4 {
	margin: 0 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #008CD6;
}
.securityTextArea {
	margin-bottom: 42px;
}
.securityTextArea p {
	margin: 13px 15px;
}
#securityTextAreaTiny {
	margin-top: 10px;
	font-size: 11px;
	display: block;
}
#main_r3 dd figure {
	margin: 0 10px;
}

/*---------------
#main_r4
---------------*/
#performanceText_r4Container h4 {
	padding-right: 9px;
}
#performanceText_r4MainText {
	margin: 30px 15px;
}
#performanceText_r4MainTextBottom {
	margin: 0 15px;
}
#performanceText_r4Deals {
	margin: 35px 15px 0;
	text-align: center;
	position: relative;
}
#main_r4 h3:after {
	bottom: -7px;
	margin-left: -4px;
	border-width: 7px 4px 0;
	border-top-color: #FFF;
}
#performanceText_r4DealsBottom {
	margin: 20px 15px 50px;
}

/*------------------------------
#feature10
------------------------------*/
#pointCharacteristicCaption,
.pointCharacteristic_10pointsCategory {
	display: block;
}
#pointCharacteristicText {
	padding: 18px 0;
	text-align: center;
	background: #008CD6;
	display: block;
}
#pointCharacteristicCaptionText,
#pointCharacteristicCaptionImage {
	margin: 0 15px;
}
#pointCharacteristicCaptionText {
	margin-top: 20px;
}
#pointCharacteristicCaptionImage {
	margin-top: 10px;
}

/* #pointCharacteristic_10points */
#pointCharacteristic_10points {
	margin: 25px 15px 0;
}
.points {
	margin-bottom: 37px;
}
.points .pointsImage {
	margin: 16px 0 25px;
}
.points .pointsText {
	margin-bottom: 20px;
	display: none;
}
.points .accBtn {
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
	font-size: 12px;
	border: 1px solid #BAE2F8;
	cursor: pointer;
}
.points .accBtn .close,
.points .accBtn.active .open {
	display: none;
}
.points .accBtn.active .close {
	display: inline-block;
}
.points .accBtn span:before {
	content: '＋ ';
	vertical-align: bottom;
	font-size: 15px;
	font-weight: bold;
}
.points .accBtn span.close:before {
	content: '－ ';
}


/*------------------------------
#contents01
------------------------------*/
#caseArea {
	margin-bottom: 45px;
}
#changeArea h3 {
	padding: 30px 15px 35px;
	background: #008CD6;
}
#changeAreaMainText {
	font-weight: normal;
	margin: 23px 15px;
}
#caseAreaCase02 {
	margin: 35px 0 0;
}
.caseAreaTit h4 {
	margin: 0 15px;
	padding-bottom: 12px;
	border-bottom: 1px solid #008BD5;
}
 .titSub {
	margin: 10px 15px 15px;
}
 .slide {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
#r2_list .slick-slide {
	outline: none;
}
 .slick-slider .slick-track,
 .slick-slider .slick-list {
	display: flex;
	flex-shrink: 0;
	flex-basis: auto;
}
 .slick-slider .slick-list {
	overflow: hidden;
}
 .slide li {
	margin: 0 5px;
	padding: 11px 0 0 0;
	background: #DBDCDC;
	outline: none;
}
 .slide li.after {
	background: #D9EFFB;
}
 .slide li div {
	width: 60px;
	height: 17px;
	margin: 0 auto 12px;
	line-height: 19px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
	background: #3D3938;
}
 .slide li.after div {
	background: #008CD6;
}
 .slide li p {
	padding: 12px 14px;
	font-size: 13px;
}
 .slide li.after p {
	color: #008CD6;
}
 .slide .slick-dots {
	width: 100%;
	margin-top: 15px;
	clear: both;
}
 .slide .slick-dots li {
	margin: 0;
	padding: 0 8px;
	background: #FFF;
}


/*------------------------------
#merit
------------------------------*/
#meritMainText {
	padding: 30px 10px 35px 15px;
	background: #008CD6;
	display: block;
}
.merit {
	margin: 28px 15px 0;
}
.merit p {
	margin: 20px 0 35px;
	color: #008CD6;
}


/*------------------------------
#construction
------------------------------*/
#construction {
	margin: 20px 0 35px;
}
#construction h2 {
	height: 40px;
	margin-bottom: 18px;
	line-height: 40px;
	text-align: center;
	background: #D9EFFB;
}
#construction h2 img {
	vertical-align: middle;
}

/* #construction_list */
#construction_list {
	margin: 0 15px;
}
#construction_list > li {
	margin-bottom: 28px;
}
#construction_list > li figure img {
	width: 100%;
}
#construction_list > li div {
	margin-top: 5px;
	font-weight: bold;
	color: #008BD5;
}
#construction_list > li div .categories {
	margin: 0;
	font-weight: normal;
	color: #3E3939;
}
#construction_list > li ul:after {
	content: '';
	display: block;
	clear: both;
}
#construction_list > li ul li {
	float: left;
}
#construction_list > li ul li:before {
	content: '｜';
	margin: 0 3px;
	display: inline-block;
}
#construction_list > li ul li:first-child:before {
	display: none;
}

.constructionFooter a {
	margin: 0 15px;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid #008BD5;
	display: block;
}

.rebreathNote{
	font-size: 12px;
	text-align: right;
	margin-top: 15px;
}

/*** SPの場合、画像のwidthを100%に ***/
.securityTextImage img,
#pointCharacteristicCaptionImage img,
.points .pointsImage img {
    width: 100%;
}
#performanceText_r2Tip img {
	width: 70%;
}