/* Common
---------------------------------------------- */

html.is_fixed,
body.is_fixed {
	overflow: hidden;
}
body.is_fixed.os_ios {
	position: fixed;
}
body {
	overflow-x: hidden;
}
.media_pc a:not(.service-map-btn):not(.concern-mov-btn):not(.connect-carlist-link):hover img {
	opacity: 0.8;
}
.wrapper .main-wrap img {
	width: 100%;
}
.wrapper .main-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
.breadcrumb {
	margin-left: 24px !important;
}
#sidebar-wrap .sidebar .wrap ul.darkgray#darkgray {
	margin-top: 0;
	border-top: 1px solid #5c5d63;
}
#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter {
	border-top: none;
}
@media only screen and (min-width: 1025px) {
	.wrapper .main-wrap {
		padding: 0 0 0;
		width: calc(100% - 165px);
		box-sizing: border-box;
	}
	#footer .contain .section .wrap {
		position: relative;
		overflow: visible;
	}
	#footer .contain .section .wrap:before {
		content: "";
		display: block;
		width: 2000px;
		height: 500px;
		background-color: #eef0f1;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
	#sidebar-wrap .sidebar .wrap ul.darkgray#darkgray {
		border-radius: 5px 5px 0 0;
		border-top: none;
	}
}
@media only screen and (max-width: 1024px) {
	#sidebar-wrap .sidebar.toppage .wrap .title-menu.support-menu-toppage:before {
		content: "ダイハツコネクト";
	}
	#sidebar-wrap .sidebar .wrap .title-menu.show.support-menu-toppage:before {
		content: "閉じる";
	}
	.touch #sidebar-wrap.sticky .sidebar.toppage .wrap .title-menu {
		padding-top: 7px!important;
		height: 50px !important;
		box-sizing: border-box;
	}
	.wrapper .main-wrap {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.breadcrumb {
		margin-top: 50px;
		margin-left: 20px !important;
	}
	#sidebar-wrap.sticky + .article .breadcrumb {
		margin-top: 0;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:first-child {
		width: 50%;
		padding-left: 0;
		box-sizing: border-box;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:last-child {
		width: 50%;
		padding-right: 0;
		box-sizing: border-box;
	}
}
@media only screen and (min-width: 768px) {
	.is_sp {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.article {
		overflow-x: hidden;
	}
	.changeScroll .article {
		overflow-x: visible;
	}
	.wrapper .main-wrap {
		padding-top: 0;
		padding-bottom: 35px;
	}
	.is_pc {
		display: none !important;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:first-child {
		width: 50% !important;
		padding-left: 0 !important;
		box-sizing: border-box;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:last-child {
		width: 50% !important;
		padding-right: 0 !important;;
		box-sizing: border-box;
	}
}


/* .main-title
---------------------------------------------- */

.main-title {
	position: relative;
	display: block;
	width: 100%;
	background-color: #f8f8f8;
	margin: 10px 0 0;
	padding: 30px 30px 40px;
	box-sizing: border-box;
}
.main-title-l {
	display: table-cell;
	padding: 20px 20px 0 0;
	box-sizing: border-box;
	vertical-align: top;
}
.main-title-r {
	display: table-cell;
	width: 39.8%;
	max-width: 420px;
	padding: 0 0 0 0;
	box-sizing: border-box;
	vertical-align: bottom;
}
.about-mov-btn {
	display: block;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .about-mov-btn:hover {
	opacity: 0.6;
}
.about-mov-btn img {
	opacity: 1 !important;
}
.main-title-img {
	display: block;
	width: 330px;
	height: 100px;
	margin-bottom: 25px;
}
.main-copy {
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 1.65;
}
.main-copy span {
	font-size: 24px;
	color: #CC0011;
}
.main-copy span strong {
	font-size: 29px;
	font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.main-copy br.is_sp,
	.main-copy br.is_pc {
		display: none;
	}
	.main-copy > br.is_sp {
		display: block !important;
	}
}
@media only screen and (min-width: 1025px) {
	.main-title:before {
		content: "";
		display: block;
		width: 2000px;
		height: 100%;
		background-color: #f8f8f8;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
}
.main-txt {
	display: block;
	width: 100%;
	padding: 0 0 0;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.nlink {
	color: #CC0011;
	cursor: pointer;
	text-decoration: underline;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-ms-transition: color 0.4s;
	transition: color 0.4s;
}
.media_pc .nlink:hover {
color: #e68088;
}
.modal-slider li .main-txt span {
	position: relative;
	display: inline-block;
	padding-right: 16px;
	box-sizing: border-box;
}
.modal-slider li .main-txt span sup {
	font-size: 10px;
	display: inline-block;
	position: absolute;
	top: -2px;
}

/* .note */

.note {
	display: block;
	width: 100%;
	padding: 0 0 0;
	box-sizing: border-box;
	font-size: 12px;
}
.note + .note {
	margin-top: 2px;
}

/* .note_list_01 */

.note_list_01 {
	position: relative;
}
.note_list_01 li {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 0 14px;
	box-sizing: border-box;
	overflow: hidden;
}
.note_list_01 li::before {
	content: "※";
	width: 14px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.note_list_01 li.note_list_01_num01,
.note_list_01 li.note_list_01_num02,
.note_list_01 li.note_list_01_num03,
.note_list_01 li.note_list_01_num04,
.note_list_01 li.note_list_01_num05,
.note_list_01 li.note_list_01_num06,
.note_list_01 li.note_list_01_num07,
.note_list_01 li.note_list_01_num08,
.note_list_01 li.note_list_01_num09,
.note_list_01 li.note_list_01_num10 {
	padding-left: 38px;
}
.note_list_01 li.note_list_01_num01::before {
	content: "※1：";
	width: 38px;
}
.note_list_01 li.note_list_01_num02::before {
	content: "※2：";
	width: 38px;
}
.note_list_01 li.note_list_01_num03::before {
	content: "※3：";
	width: 38px;
}
.note_list_01 li.note_list_01_num04::before {
	content: "※4：";
	width: 38px;
}
.note_list_01 li.note_list_01_num05::before {
	content: "※5：";
	width: 38px;
}
.note_list_01 li.note_list_01_num06::before {
	content: "※6：";
	width: 38px;
}
.note_list_01 li.note_list_01_num07::before {
	content: "※7：";
	width: 38px;
}
.note_list_01 li.note_list_01_num08::before {
	content: "※8：";
	width: 38px;
}
.note_list_01 li.note_list_01_num09::before {
	content: "※9：";
	width: 38px;
}
.note_list_01 li.note_list_01_num10::before {
	content: "※10：";
	width: 38px;
}
.note_list_01 li.note_list_01_num01b,
.note_list_01 li.note_list_01_num02b,
.note_list_01 li.note_list_01_num03b,
.note_list_01 li.note_list_01_num04b,
.note_list_01 li.note_list_01_num05b,
.note_list_01 li.note_list_01_num06b,
.note_list_01 li.note_list_01_num07b,
.note_list_01 li.note_list_01_num08b,
.note_list_01 li.note_list_01_num09b,
.note_list_01 li.note_list_01_num10b {
	padding-left: 26px;
}
.note_list_01 li.note_list_01_num01b::before {
	content: "※1";
	width: 26px;
}
.note_list_01 li.note_list_01_num02b::before {
	content: "※2";
	width: 26px;
}
.note_list_01 li.note_list_01_num03b::before {
	content: "※3";
	width: 26px;
}
.note_list_01 li.note_list_01_num04b::before {
	content: "※4";
	width: 26px;
}
.note_list_01 li.note_list_01_num05b::before {
	content: "※5";
	width: 26px;
}
.note_list_01 li.note_list_01_num06b::before {
	content: "※6";
	width: 26px;
}
.note_list_01 li.note_list_01_num07b::before {
	content: "※7";
	width: 26px;
}
.note_list_01 li.note_list_01_num08b::before {
	content: "※8";
	width: 26px;
}
.note_list_01 li.note_list_01_num09b::before {
	content: "※9";
	width: 26px;
}
.note_list_01 li.note_list_01_num10b::before {
	content: "※10";
	width: 26px;
}
.note_list_01 li + li {
	margin-top: 2px;
}

.note .note_link {
	display: inline-block;
	color: #CC0011;
	text-decoration: underline;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-ms-transition: color 0.4s;
	transition: color 0.4s;
}
.media_pc .note .note_link:hover {
	color: #e68088;
}
.link_pdf {
	position: relative;
	color: #CC0011;
	display: inline;
	text-decoration: underline;
	margin-right: 4px;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-ms-transition: color 0.4s;
	transition: color 0.4s;
}
.link_pdf:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/connect/img/icn_pdf_01.png) left top no-repeat;
	background-size: contain;
	position: relative;
	top: 3px;
	margin-left: 2px;
	/* right: -18px; */
}
.media_pc .link_pdf:hover {
	color: #e68088;
}

@media only screen and (max-width: 767px) {
	.main-title {
		margin-top: 4px;
		padding: 25px 16px 32px;
		background-color: #fff;
	}
	.main-title-l {
		display: block;
		width: 100%;
		padding: 0 0 0 0;
	}
	.main-title-r {
		display: block;
		width: 100%;
		max-width: 100%;
		padding: 22px 0 0 0;
	}
	.main-title-img {
		width: 247px;
		height: 75px;
		margin-bottom: 21px;
	}
	.main-copy {
		font-weight: bold;
		font-size: 16px;
	}
	.main-copy span {
		margin-top: 4px;
		display: block;
		font-size: 18px;
	}
	.main-copy span strong {
		display: inline-block;
		font-size: 28px;
		line-height: 1.5;
	}

	.main-title-txt {
		font-size: 24px;
		border-left: none;
		padding-left: 0;
		line-height: 22px;
	}

	.main-txt {
		margin-bottom: 20px;
	}
	.main-contents > .main-txt {
		margin: 0 auto 20px;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}

	.main-contents > .note {
		margin: 0 auto 0;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.main-copy br.is_sp{
		display: none;
	}
	.main-copy br.is_pc  {
		display: block !important;
	}
}


/* .connect-intro
---------------------------------------------- */

.connect-intro {
	display: block;
	width: 100%;
	margin: 0 0 0;
	padding: 40px 40px 0;
	box-sizing: border-box;
	background-color: #d3d3d4;
}
.connect-intro:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-intro li {
	position: relative;
	display: block;
	width: 100%;
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	margin: 0 0 0 19.5px;
	border: 2px solid #cc0011;
	padding: 22px 22px 20px;
	box-sizing: border-box;
	background-color: #fff;
	float: left;
}
.connect-intro li:first-child {
	margin-left: 0;
}

/* .connect-intro-tit */

.connect-intro-tit {
	display: block;
	width: 100%;
	margin: 0 0 0 !important;
}
.connect-intro-tit:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-intro-tit-img {
	display: table-cell;
	width: 122px;
}
.connect-intro-tit-txt {
	display: table-cell;
	width: -webkit-calc(100% - 122px);
	width: calc(100% - 122px);
	width: auto;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	vertical-align: middle;
}
@media screen and (max-width: 1279px) {
	.connect-intro-tit-txt br {
		display: none;
	}
}

/* .connect-intro-txt */

.connect-intro-txt {
	font-size: 14px;
	line-height: 1.7;
	width: 100%;
	display: block;
	padding: 0 0 0 0;
	box-sizing: border-box;
}

/* .connect-intro-img */

.connect-intro-img {
	margin-top: 15px;
	display: block;
	position: relative;
	width: 100%;
}
.connect-intro-img img {
	max-width: 100%;
}
.connect-intro li:nth-child(2) .connect-intro-img {
	position: absolute;
	bottom: 20px;
	width: -webkit-calc(100% - 46px);
	width: calc(100% - 46px);
}

@media screen and (min-width: 768px) and (max-width: 1300px){
	.connect-intro-tit-img {
		width: 28%;
	}
}
@media only screen and (max-width: 767px) {

	.connect-intro {
		margin: 0 0 0;
		padding: 0 16px 30px;
		background-color: #fff;
	}
	.connect-intro li {
		width: 100%;
		margin: 0;
		border: 2px solid #cc0011;
		padding: 18px 18px 20px;
		float: none;
	}
	.connect-intro li:first-child {
		margin-bottom: 16px;
	}
	
	/* .connect-intro-tit */
	
	.connect-intro-tit {
		display: block;
		width: 100%;
		margin: 0 0 0 !important;
	}
	.connect-intro-tit-img,
	.connect-intro-tit-img img {
		width: 96px !important;
		height: 82px !important;
	}
	.connect-intro-tit-txt {
		width: -webkit-calc(100% - 96px);
		width: calc(100% - 96px);
		font-size: 14px;
		padding: 0 0 0 16px;
	}
	
	/* .connect-intro-txt */
	
	.connect-intro-txt {
		font-size: 14px;
		padding: 0 0 0 0;
	}
	.connect-intro-txt + .connect-intro-txt {
		font-weight: bold;
		margin-top: 13px;
	}

	/* .connect-intro-img */
	
	.connect-intro-img {
		margin-top: 6px;
	}
	.connect-intro-img img {
		max-width: auto;
	}
	.connect-intro li:nth-child(2) .connect-intro-img {
		position: relative;
		bottom: auto;
		width: 100%;
	}
 
}


/* .main-contents
---------------------------------------------- */

.main-contents {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
	margin: 0 0 0;
	padding: 30px 30px 70px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
	.main-contents:before {
		content: "";
		display: block;
		width: 2000px;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
}
@media only screen and (max-width: 767px) {
	.main-contents {
		padding: 25px 0 64px;
	}
}


/* .headline-tit
---------------------------------------------- */

.headline-tit {
	position: relative;
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 1.5;
	color: #cc0011;
	margin: 0 0 32px;
	padding: 16px 0 0;
	box-sizing: border-box;
	border-top: 2px solid #cc0011;
}
*:not(.banner-special) + .headline-tit {
	margin-top: 65px;
}
.banner-special + .headline-tit {
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	.headline-tit {
		font-size: 24px;
		line-height: 1.5;
		color: #cc0011;
		margin: 0 auto 32px;
		padding: 16px 0 0;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
	* + .headline-tit {
		margin-top: 65px;
	}
}


/* .headline-tit-m
---------------------------------------------- */

.headline-tit-m {
	display: block;
	width: 100%;
	font-size: 18px !important;
	font-weight: bold;
	line-height: 1.45;
	border-left: 4px solid #cc0011;
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
* + .headline-tit-m {
	margin-top: 65px;
}

@media only screen and (max-width: 767px) {
	.headline-tit-m {
		font-size: 18px;
		margin: 0 auto 34px !important;
		padding: 0 0 0 16px;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
	* + .headline-tit-m {
		margin-top: 40px !important;
	}
	.main-txt + .headline-tit-m {
		margin-top: 38px !important;
	}
	.headline-tit + .headline-tit-m {
		margin-top: -2px !important;
	}
}


/* .headline-tit-s
---------------------------------------------- */

.headline-tit-s {
	position: relative;
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 1.5;
	color: #cc0011;
	margin: 0 0 32px;
	padding: 40px 0 0;
	box-sizing: border-box;
	border-top: 1px solid #cc0011;
}
* + .headline-tit-s {
	margin-top: 42px;
}
@media only screen and (max-width: 767px) {
	.headline-tit-s {
		font-size: 18px;
		line-height: 1.5;
		color: #cc0011;
		margin: 0 auto 26px;
		padding: 30px 0 0;
		/* width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px); */
		width: 100%;
	}
	* + .headline-tit-s {
		margin-top: 34px;
	}
}


/* .common-btn01
---------------------------------------------- */

.common-btn01 {
	position: relative;
	display: block;
	width: 474px;
	margin: 0 auto;
	padding: 20px 0 20px;
	box-sizing: border-box;
	border: 5px solid #eee;
	/* background: #cc0011 url(/connect/img/icn_ar_white_01.svg) 424px center no-repeat; */
	background: #cc0011 url(/connect/img/icn_ar_white_01.svg) 95% center no-repeat;
	background-size: 18px 18px;
	font-size: 18px;
	line-height: 1.45;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	-webkit-transition: background-color 0.6s;
	-moz-transition: background-color 0.6s;
	-ms-transition: background-color 0.6s;
	transition: background-color 0.6s;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.common-btn01:hover {
	color: #fff !important;
}
.media_pc .common-btn01:hover {
	color: #fff;
	background-color: #9d0307;
}

@media only screen and (min-width: 768px){
	.common-btn01-group {
		display: block;
		width: 94%;
		max-width: 970px;
		margin: 43px auto 0;
	}
	.common-btn01-group:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: "";
		clear: both;
		height: 0;
	}
	.common-btn01-group .common-btn01 {
		width: 100%;
		width: -webkit-calc((100% - 22px)/2);
		width: calc((100% - 22px)/2);
		max-width: 474px;
		float: left;
	}
	.common-btn01-group .common-btn01 + .common-btn01 {
		margin-left: 22px;
	}
	.common-btn01 + .headline-tit {
		margin-top: 75px;
	}
	.common-btn01-group-txt {
		clear: both;
		display: block;
		width: 100%;
		width: -webkit-calc((100% - 22px)/2);
		width: calc((100% - 22px)/2);
		max-width: 474px;
		font-size: 12px;
		line-height: 1.7;
		padding: 16px 15px 0;
		box-sizing: border-box;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1160px) {
	.common-btn01:not(.howto-btn) .is_sp {
		display: block !important;
	}
	.common-btn01-group .common-btn01 {
		padding-top: 25px;
		height: 87px;
	}
	/* .common-btn01-group .common-btn01 + .common-btn01 {
		padding-top: 12px;
	} */
	.common-btn01-flow {
		padding-top: 12px !important;
	}
}
@media only screen and (max-width: 767px) {
	.common-btn01 {
		width: 100%;
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		max-width: 354px;
		padding: 17px 0 17px;
		border: 5px solid #eee;
		/* background-image: none; */
		background-position: 93% center;
		font-size: 16px;
	}
	.common-btn01.howto-btn {
		font-size: 15px;
		padding: 17px 20px 17px 0;
	}
	.common-btn01 span {
		display: inline-block;
		/* padding-right: 24px;
		background: url(/connect/img/icn_ar_white_01.svg) right center no-repeat;
		background-size: 18px 18px; */
	}
	.common-btn01-group {
		margin-top: -10px;
	}
	.common-btn01-group .common-btn01 + .common-btn01 {
		padding-top: 11px;
		height: 78px;
		margin-top: 22px;
	}
	.common-btn01 + .headline-tit {
		margin-top: 60px;
	}
	.common-btn01-group-txt {
		clear: both;
		display: block;
		width: 100%;
		max-width: auto;
		font-size: 12px;
		line-height: 1.7;
		box-sizing: border-box;
		margin: 15px auto 20px;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
}
@media only screen and (max-width: 374px) {
	.common-btn01.howto-btn {
		font-size: 13px;
	}
}

/* .common-btn02
---------------------------------------------- */

.common-btn02 {
	position: relative;
	display: table;
	margin: 0 0;
}
.common-btn02 span {
	position: relative;
	display: inline-block;
	margin: 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
	font-size: 14px;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.common-btn02 span::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 4px;
	background: url(/connect/img/icn_ar_red_01.svg) left top no-repeat;
	background-size: 18px 18px;
	vertical-align: text-bottom;
}
.media_pc .common-btn02:hover {
	opacity: 1 !important;
}
.media_pc .common-btn02:hover span {
	opacity: 0.5;
}
.common-btn02 + .common-btn02 {
	margin-top: 10px;
}
@media only screen and (max-width: 767px) {
	.common-btn02 {
		padding: 0 16px;
		box-sizing: border-box;
	}
}

/* .connect-tit01
---------------------------------------------- */

.connect-tit01 {
	position: relative;
	display: block;
	width: 474px;
	margin: 15px auto 14px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.connect-tit01:before {
	content: "";
	display: block;
	width: 65px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 6px;
	border-top: 1px solid #cc0011;
	z-index: 0;
}
.connect-tit01:after {
	content: "";
	display: block;
	width: 65px;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 6px;
	border-top: 1px solid #cc0011;
	z-index: 0;
}

@media screen and (max-width: 767px) {
	.connect-tit01 {
		position: relative;
		width: 100%;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
		max-width: 354px;
		margin: 26px auto 12px;
		font-size: 14px;
		background: url(/connect/img/bg_line_01.svg) left center repeat-x;
		background-size: 30px 30px;
	}
	.connect-tit01 span {
		display: inline-block;
		background-color: #fff;
		padding: 0 4px;
		box-sizing: border-box;
	}
	.connect-tit01:before {
		display: none;
		width: 32px;
		left: 6px;
	}
	.connect-tit01:after {
		display: none;
		width: 32px;
		right: 6px;
	}
}

/* .connect-service
---------------------------------------------- */

.connect-service {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 0;
	background-color: #f8f8f8;
	padding: 0 30px;
	box-sizing: border-box;
}
.connect-service:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-service .connect-audio-note {
	margin-bottom: 0;
	padding-bottom: 40px;
}
.connect-audio-note > li.sublist::before {
	display: none !important;
}
.connect-audio-note-stit {
	display: block;
	width: 100%;
	margin: -50px 0 10px;
	font-weight: bold;
}
.connect-audio-note-stit + .main-txt {
	font-size: 12px;
	margin-bottom: 10px;
}
.connect-audio-note-s {
	margin-top: 0 !important;
}
@media only screen and (min-width: 1025px) {
	.connect-service:before {
		content: "";
		display: block;
		width: 2000px;
		height: 100%;
		background-color: #f8f8f8;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
}

/* .connect-service-txt */

.connect-service-note {
	display: block;
	width: 100%;
	font-size: 14px;
	background-color: #f8f8f8;
	padding: 24px 16px 12px;
	box-sizing: border-box;
	margin: 0;
}

/* .connect-service-map */

.connect-service-map {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 0;
}
.connect-service-map img {
	-webkit-backface-visibility: hidden;
}
.service-map-btn {
	display: block;
	width: 230px;
	height: 44px;
	width: 21.8%;
	height: 6.4%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	padding: 0 1px;
	box-sizing: border-box;
}
.service-map-btn:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.service-detail-btn {
	display: block;
	width: 50%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	float: left;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.is-nomovie .service-detail-btn {
	float: none !important;
	margin: 0 auto;
	width: 100% !important;
}
@media screen and (min-width: 768px) {
	.is-nomovie .service-detail-btn {
		width: 50% !important;
	}
}
.service-mov-btn {
	display: block;
	width: 50%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	float: left;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.is-nomovie .service-mov-btn {
	display: none;
}
.media_pc .service-detail-btn:hover {
	opacity: 0.4;
}
.media_pc .service-mov-btn:hover {
	opacity: 0.4;
}

/* .service-map-btn */

.service-map-btn.m1 {
	top: 250px;
	left: 77px;
	top: 44.3%;
	left: 7.3%;
}
.service-map-btn.m2 {
	top: 216px;
	left: 793px;
	top: 45.2%;
	left: 74.7%;
}
.service-map-btn.m3 {
	top: 182px;
	left: 480px;
	top: 32.5%;
    left: 44%;
}
.service-map-btn.m4 {
	top: 580px;
	left: 130px;
	top: 82.7%;
    left: 48.6%;
}
.service-map-btn.m5 {
	top: 452px;
	left: 520px;
	top: 65.79%;
	left: 49.29%;
}
.service-map-btn.m6 {
	top: 616px;
	left: 799px;
	top: 89.6699%;
	left: 75.74%;
}

@media screen and (max-width: 767px) {
	.connect-service {
		padding: 0 0;
	}
	.connect-service .connect-audio-note {
		margin-top: 5px;
		margin-bottom: 0;
		padding-bottom: 30px;
	}

	/* .service-map-btn */
	
	.service-map-btn {
		padding: 0;
	}
	.service-map-btn.m1 {
		/* width: 100px;
		height: 111px;
		top: 303px;
		left: 19px;
		width: 26.66%;
		height: 29.6%;
		top: 57.49%;
		left: 5.06%; */
		width: 122px;
		height: 99px;
		top: 358px;
		left: 91px;
		width: 32.53%;
		height: 26.4%;
		top: 68%;
		left: 24.26%;
	}
	.service-map-btn.m1::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: -90%;
	}
	.service-map-btn.m4 {
		width: 100px;
		height: 111px;
		top: 163px;
		left: 276px;
		width: 26.66%;
		height: 29.6%;
		top: 54.55%;
    	left: 70.8%;
	}
	.service-map-btn.m4::before {
		content: "";
		display: block;
		width: 100%;
		height: 50%;
		position: absolute;
		top: -30%;
	}
	.service-map-btn.m3 {
		width: 111px;
		height: 109.5px;
		top: 120px;
		left: 158px;
		width: 29.6%;
		height: 29.2%;
		top: 22.6%;
		left: 42.13%;
	}
	.service-map-btn.m2 {
		width: 100px;
		height: 111px;
		top: 146px;
		left: 3px;
		width: 26.4%;
		height: 29.6%;
		top: 27.7%;
		left: 0.8%;
	}
	.service-map-btn.m5 {
		width: 100px;
		height: 111px;
		top: 362px;
		left: 136px;
		width: 26.4%;
		height: 29.6%;
		top: 68.69%;
		left: 36.26%;
	}
	.service-map-btn.m6 {
		width: 100px;
		height: 111px;
		top: 284px;
		left: 258px;
		width: 26.4%;
		height: 29.6%;
		top: 53.88%;
		left: 68.8%;
	}

	/* .connect-service-list */

	.connect-service-list {
		position: relative;
		display: block;
		width: 100%;
		margin: 25px 0 0;
		padding: 0 16px 25px;
		box-sizing: border-box;
	}
	.connect-service-list > li {
		position: relative;
		display: block;
		width: 100%;
		margin-top: 8px;
		box-sizing: border-box;
		border: 1px solid #DC000C;
		background-color: #fff;
	}
	.connect-service-list > li > span {
		display: block;
		width: 100%;
		padding: 16px 40px 6px 95px;
		box-sizing: border-box;
	}
	.connect-service-list > li:nth-child(1) > span,
	.connect-service-list > li:nth-child(4) > span {
		padding-right: 15px;
	}
	.connect-service-tit {
		display: block;
		width: 100%;
		margin: 0 !important;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
		color: #CC0011;
	}
	.connect-service-txt {
		display: block;
		width: 100%;
		margin: 3px 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 1.65;
	}
	.connect-service-list li:nth-child(1) > span {
		background: url(/connect/img/icn_service_01.png) 16px center no-repeat;
		background-size: 70px 55px;
	}
	.connect-service-list li:nth-child(2) > span {
		background: url(/connect/img/icn_service_02.png) 16px center no-repeat;
		background-size: 70px 55px;
	}
	.connect-service-list li:nth-child(3) > span {
		background: url(/connect/img/icn_service_03.png) 16px center no-repeat;
		background-size: 70px 55px;
	}
	.connect-service-list li:nth-child(4) > span {
		background: url(/connect/img/icn_service_04.png) 16px center no-repeat;
		background-size: 70px 55px;
	}
	.connect-service-list li:nth-child(5) > span {
		background: url(/connect/img/icn_service_05.png) 16px center no-repeat;
		background-size: 70px 55px;
	}
	.connect-service-list li:nth-child(6) > span {
		background: url(/connect/img/icn_service_06.png) 16px center no-repeat;
		background-size: 70px 55px;
	}
	.connect-audio-note-stit {
		margin: -25px 0 15px;
		box-sizing: border-box;
		padding: 0 16px;
	}
	.connect-audio-note-stit + .main-txt {
		font-size: 12px;
		margin-bottom: 15px;
	}
	/* .connect-audio-note-s {
		margin-top: 0 !important;
	} */

	/* .service-list-btn */

	.service-list-btn {
		position: relative;
		display: block;
		width: 100%;
		max-width: 341px;
		margin: 0 auto;
		padding: 0;
	}
	.service-list-btn:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: "";
		clear: both;
		height: 0;
	}
	.service-list-btn .service-detail-btn {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		display: block;
		width: 50%;
		height: 100%;
		float: left;
	}
	.is-nomovie .service-list-btn .service-detail-btn {
		left: 50%;
		margin-left: -25%;
	}
	.service-list-btn .service-mov-btn {
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 2;
		display: block;
		width: 50%;
		height: 100%;
		float: left;
	}
	.is-nomovie .service-list-btn .service-mov-btn {
		display: none;
	}
	.connect-service .note_list_01 {
		margin-top: 20px;
		padding: 0 16px;
		box-sizing: border-box;
	}
}


/* .connect-carlist
---------------------------------------------- */

.connect-carlist-frame {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px 0 10px;
	cursor: default !important;
}
.connect-carlist-frame .scroll-hint-icon-wrap {
	top: 0 !important;
}
.connect-carlist-frame .scroll-hint-icon {
	top: 0 !important;
}

.connect-carlist {
	position: relative;
	display: block;
	width: 100%;
	width: calc(100% + 32px);
	/* margin: 10px 0 45px; */
	cursor: default !important;
}
.connect-carlist:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

/* .connect-carlist-list */

.connect-carlist-list {
	display: block;
	width: 100%;
}
.connect-carlist-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-carlist-list li {
	display: block;
	width: 18%;
	margin: 2.5% 0 0 2.5%;
	width: 178px;
	margin: 0 0 0 25px;
	float: left;
}
/* .connect-carlist-list li:nth-child(1),
.connect-carlist-list li:nth-child(2),
.connect-carlist-list li:nth-child(3),
.connect-carlist-list li:nth-child(4),
.connect-carlist-list li:nth-child(5) {
	margin-top: 0;
} */
.connect-carlist-link {
	display: block;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .connect-carlist-link:hover {
	opacity: 0.6;
}
.connect-carlist-img {
	display: block;
	width: 100%;
	margin-bottom: 0;
}
.connect-carlist-note {
	display: block;
	width: 100%;
	text-align: center;
	padding-left: 3px;
}
.connect-carlist-txt {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.connect-carlist-txt span {
	font-size: 12px;
	display: block;
	font-weight: normal;
}
.connect-carlist-txt.is_comingsoon {
	font-weight: normal;
}
.connect-carlist + .note.note_l {
	font-size: 14px;
	margin-top: 30px;
	line-height: 1.6;
}
.connect-carlist + .note_list_01.note_l li {
	padding-left: 16px;
}

@media screen and (min-width: 767px) {
	.connect-carlist-frame {
		height: 374px;
		height: auto;
	}
	.connect-carlist-frame::after {
		content: "";
		display: block;
		width: 2px;
		height: 300px;
		border-left: 2px solid #b82721;
		position: absolute;
		top: -10px;
		right: -34px;
		z-index: 100;
	}
	.browser_ie .connect-carlist-frame::after {
		right: -34px;
	}
	.connect-carlist {
		overflow: scroll;
		/* width: 100% !important; */
		overflow: scroll;
		-ms-overflow-style: none;    /* IE, Edge 対応 */
		scrollbar-width: none;       /* Firefox 対応 */
		margin-left: -30px;
		width: calc(100% + 61px);
	}
	.connect-carlist::-webkit-scrollbar {
		display: none;
		-webkit-appearance: none;
	}
	/* .connect-carlist-list li:nth-child(1) {
		margin-left: 0;
	} */
	.connect-carlist-in {
		/* width: 100%; */
	}
	.connect-carlist-frame .scroll-hint-icon {
		left: calc(50% - 45px) !important;
	}
}
@media screen and (max-width: 767px) {
	.connect-carlist {
		margin: 10px 0 25px -16px;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		width: -webkit-calc(100% + 32px);
		width: calc(100% + 32px);
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.connect-carlist::-webkit-scrollbar {
		display: none;
		-webkit-appearance: none;
	}
	.connect-carlist-in {
		display: block;
		width: 720px;
		padding: 0 20px 0 0;
		box-sizing: border-box;
	}
	
	/* .connect-carlist-list */
	
	.connect-carlist-list {
		display: block;
		width: 700px;
		table-layout: fixed;
	}
	.connect-carlist-list li {
		display: block;
		width: 20%;
		width: 140px !important;
		margin: 0;
		padding-left: 20px;
		box-sizing: border-box;
		float: left;
	}
	.connect-carlist-list li:nth-child(5n+1) {
		margin-left: 0;
	}
	
	.connect-carlist-img {
		display: block;
		width: 100%;
		margin-bottom: 0;
	}
	.connect-carlist-note {
		font-size: 12px;
		padding-left: 1px;
	}
	.connect-carlist-txt {
		font-size: 14px;
	}
	.connect-carlist-txt span {
		font-size: 10px;
		display: block;
		font-weight: normal;
	}
	.connect-carlist-txt.is_comingsoon {
		font-weight: normal;
	}
	.connect-carlist + .note.note_l {
		font-size: 14px;
	}
	.connect-carlist + .note_list_01.note_l li {
		padding-left: 16px;
	}
}

/* .banner-special
---------------------------------------------- */

.banner-special,
.banner-special a {
	display: block;
	width: 100%;
	max-width: 728px;
	margin: 0 auto;
}
.media_pc .banner-special a img {
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .banner-special a:hover {
	opacity: 1;
}
.media_pc .banner-special a:hover img {
	opacity: 0.4;
}

@media screen and (max-width: 767px) {
	.banner-special {
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
	.banner-special a {
		max-width: 640px;
	}
}

/* .connect-howto
---------------------------------------------- */

.connect-howto {
	position: relative;
	display: block;
	width: 100%;
	margin: 58px 0 60px;
	padding: 40px 30px 32px 30px;
	box-sizing: border-box;
	border: 2px solid #cc0011;
}
.connect-howto:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-howto.howto02 {
	padding: 60px 30px 30px 30px;
	margin-bottom: 42px;
}

/* .connect-howto-tit */

.connect-howto-tit {
	display: inline-block;
	background-color: #cc0011;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding: 17px 32px 16px;
	box-sizing: border-box;
	position: absolute;
	top: -27px;
	left: 50%;
	margin: 0 !important;
	margin-left: -149px !important;
}
.connect-howto.howto02 .connect-howto-tit {
	margin-left: -77px !important;
}
.connect-howto.howto01 .connect-howto-tit {
	margin-left: -194px !important;
}
.connect-howto-tit:before {
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -20px;
}
.connect-howto-tit:after {
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: -20px;
}

/* .connect-howto-price */

.connect-howto-price {
	font-size: 24px;
	font-weight: bold;
	color: #CC0011;
	text-align: center;
	margin: 0 0 14px;
	padding: 0 0 48px;
	border-bottom: 1px solid #cc0011;
}
.connect-howto-price span {
	font-size: 72px;
}

/* .connect-howto-list */

.connect-howto-list {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}
.howto01 .connect-howto-list {
	/* width: 845px;
	width: 85.35%; */
	width: 85%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

	.howto01 .connect-howto-list {
		width: 95%;
	}
}
.connect-howto-list > li {
	/* position: relative; */
	display: block;
	width: 143px;
	/* width: 22.77%; */
	/* float: left;
	margin-left: 295px;
	margin-left: 46.97%;
	margin-left: -webkit-calc(100% - 190px - 143px);
	margin-left: calc(100% - 190px - 143px); */
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {

	.howto01 .connect-howto-list > li.smartphone {
		max-width: 140px !important;
	}
	.howto01 .connect-howto-list > li.connect-app {
		max-width: 140px !important;
		padding-top: 26px;
	}
	.connect-howto-list > li:nth-child(1) {
		width: 190px;
		/* margin-left: 0; */
	}
	.connect-howto-list > li:nth-child(1):before {
		display: none;
	}
	.connect-howto-list > li:nth-child(1),
	.connect-howto-list > li:nth-child(2),
	.connect-howto-list > li:nth-child(3) {
		padding-top: 23px;
	}
	.howto01 .connect-howto-list {
		/* margin-left: 60px;
		margin-left: 10%; */
	}
	.howto01 .connect-howto-list > li:nth-child(1),
	.howto01 .connect-howto-list > li:nth-child(2),
	.howto01 .connect-howto-list > li:nth-child(3),
	.howto01 .connect-howto-list > li:nth-child(4) {
		/* position: relative; */
		width: 190px;
		width: 22.48%;
		max-width: 190px;
	}
	.howto01 .connect-howto-list > li:nth-child(2) {
		letter-spacing: -1px;
	}
	.howto01 .connect-howto-list > li:nth-child(2),
	.howto01 .connect-howto-list > li:nth-child(3) {
		/* margin-left: 112px;
		margin-left: -webkit-calc((100% - 23% - 23% - 29%)/2);
		margin-left: calc((100% - 23% - 23% - 29%)/2); */
	}
	.howto01 .connect-howto-list > li:nth-child(3) .connect-howto-img {
		text-align: center;
	}
	.howto01 .connect-howto-list > li:nth-child(3) .connect-howto-img img {
		/* width: 88%; */
		width: 100%;
	}
	@media screen and (max-width: 1190px) {
		.howto01 .connect-howto-list > li:nth-child(2) .connect-howto-txt br {
			display: none;
		}
	}
}
.connect-howto-img {
	display: block;
	width: 100%;
}
.connect-howto-txt {
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin-top: 2px;
}
.connect-howto-txt-list {
	position: relative;
	display: block;
	width: 110%;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding-left: 4px;
	box-sizing: border-box;
}
.connect-howto-txt-list > li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding-left: 14px;
	box-sizing: border-box;
}
.connect-howto-txt-list > li::before {
	content: "・" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}
.connect-howto-txt-list > li.connect-howto-txt-list-note::before {
	content: "※" !important;
}

.connect-howto-list + .note {
	width: 100%;
	display: block;
	margin-top: 35px;
}

.connect-howto-list + .connect-howto-stit,
.main-txt + .connect-howto-stit {
	width: 100%;
	display: block;
	border-top: 1px solid #cc0011;
	padding-top: 16px;
	margin-top: 24px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	color: #CC0011;
}
.main-txt + .connect-howto-stit {
	border-top: none;
	margin-top: -10px;
}
.connect-howto .main-txt {
	margin: 0 0 8px !important;
}

@media only screen and (max-width: 1024px) {
	
	.connect-howto-txt {
		font-size: 13px;
	}
	.connect-howto-txt-list {
		font-size: 11px;
	}
	.connect-howto-txt-list li {
		padding-left: 12px;
	}
	.connect-howto-list .connect-howto-list-s li:before {
		left: -39%;
	}
}
@media only screen and (max-width: 767px) {
	.connect-howto {
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
		margin: 64px auto 48px;
		padding: 60px 16px 26px 16px;
	}
	.connect-howto.howto02 {
		padding: 20px 16px 18px 16px;
		margin-bottom: 38px;
	}
	.connect-howto.howto01 {
		margin-top: 55px;
		padding-top: 50px;
	}
	
	/* .connect-howto-tit */
	
	.connect-howto-tit {
		font-size: 16px;
		line-height: 1.5;
		padding: 9px 25px 10px;
		top: -34px;
		left: 50%;
		text-align: center;
		margin-left: -97px !important;
	}
	.connect-howto.howto02 .connect-howto-tit {
		padding: 11px 29px 12px;
		top: -26px;
		margin-left: -69px !important;
	}
	.connect-howto.howto01 .connect-howto-tit {
		margin-left: -97px !important;
		top: -33px;
	}
	
	/* .connect-howto-price */
	
	.connect-howto-price {
		margin: 0 0 14px;
		padding: 0 0 12px;
	}
	.connect-howto-price span {
		font-size: 72px;
	}
	
	/* .connect-howto-list */
	
	.connect-howto-list {
		display: block;
		width: 94% !important;
	}
	.howto01 .connect-howto-list {
		width: 98% !important;
	}
	.connect-howto-list > li {
		clear: both;
		width: 100%;
		float: none;
		margin-left: 0;
		padding-top: 25px;
	}
	.connect-howto-list li:before {
		display: none;
	}
	.connect-howto-list > li:nth-child(1) {
		width: 100%;
		margin-left: 0;
		background-image: none;
		padding-top: 0;
	}
	.connect-howto-list li:nth-child(1):before {
		display: none;
	}
	.connect-howto-list li:nth-child(2):before {
		display: none;
	}
	.connect-howto-list > li:nth-child(2) {
		padding-top: 25px;
	}
	.connect-howto-list > li:nth-child(3) {
		padding-top: 25px;
	}
	.connect-howto-img {
		display: table-cell;
		width: 125px;
	}
	.connect-howto-txt {
		display: table-cell;
		width: auto;
		font-size: 14px;
		text-align: left;
		margin-top: 0;
		padding-left: 8px;
		box-sizing: border-box;
		vertical-align: middle;
	}
	.connect-howto-txt-list {
		padding-left: 0;
		margin-top: 3px;
	}
	.connect-howto-txt-list li {
		padding: 0;
		padding-left: 14px;
		background-image: none;
	}
	/* .connect-howto-list li:nth-child(3) .connect-howto-txt br,
	.connect-howto-list li:nth-child(4) .connect-howto-txt br {
		display: block;
	} */
	.connect-howto-list li:nth-child(3) .connect-howto-txt small {
		display: block;
	}
	.howto01 .connect-howto-list > li:nth-child(2) {
		padding-top: 15px;
	}
	.connect-howto-list + .note {
		margin-top: 25px;
	}

	@media screen and (max-width: 374px) {
		.connect-howto-list {
			width: 100% !important;
		}
		.connect-howto-tit {
			font-size: 13px;
			margin-left: -83.5px !important;
		}
		.connect-howto.howto02 .connect-howto-tit {
			margin-left: -61.5px !important;
		}
		.connect-howto.howto01 .connect-howto-tit {
			margin-left: -83.5px !important;
		}
		.howto01 .connect-howto-list > li:nth-child(3) br {
			display: none;
		}
	}
}


/* .connect-audio
---------------------------------------------- */

.connect-audio-txt {
	margin-top: 30px;
}
.connect-audio-frame {
	display: block;
	margin-top: 10px;
}
.connect-audio {
	position: relative;
	display: block;
	width: 100%;
	margin: 24px 0 24px -30px;
	margin: 0 0 24px 0;
	padding: 0;
	box-sizing: border-box;
	cursor: default !important;
}
.media_pc .connect-audio {
	overflow: hidden !important;
}
.media_tab .connect-audio {
	overflow: scroll !important;
}
.connect-audio:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-audio::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}
@media screen and (min-width: 768px) {
.connect-audio-in {
	display: block;
	width: 100%;
	width: 1410px;
	width: 1686px;
	width: 1690px;
	/* padding: 0 16px;
	padding: 0 30px; */
	padding: 0 30px 0 0;
	box-sizing: border-box;
}
.connect-audio-list {
	width: 1350px;
}
}

.connect-audio-frame {
	display: block;
	position: relative;
}
/* .connect-audio-list */

.connect-audio-list {
	display: table;
	table-layout: fixed;
	width: 100%;
	/* width: 1350px; */
	border: 1px solid #bfc1c8;
	box-sizing: border-box;
	border-collapse:collapse;
	line-height: 1.65;
}
.connect-audio-list-fixed {
/* .connect-audio-list.is_fixed { */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
	width: 278px;
	pointer-events: none;
}
.connect-audio-list.is_fixed {
	/* position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 276px;
	border-top: none;
	border-right: none; */
}
/* .connect-audio-list.is_fixed::before {
	content: "";
	display: block;
	width: 30px;
	height: calc(100% + 2px);
	position: absolute;
	top: 0;
	left: -31px;
	background-color: #fff;
} */
.connect-audio-list.is_fixed th {
	border-right: 1px solid #bfc1c8;
}
.connect-audio-list.is_fixed th.connect-th:not(.thp) {
	border-right: none;
}
.connect-audio-list-frame {
	position: relative;
	display: block;
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100% - 2px);
	width: 1380px;
	width: 1659px;
	height: 100%;
	border: 2px solid #cd0410;
	position: absolute;
	top: -2px;
	left: -1px;
	left: -5px;
	z-index: 10;
}
.connect-audio-list.is_fixed .connect-audio-list-frame {
	border-right: none;
	width: calc(100% + 2px);
	left: -1px;
	border-right: none;
}
@media screen and (max-width: 767px) {
	.connect-audio-list-frame {
		width: 964px;
		width: 1178px;
	}
}
.connect-audio-nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.connect-audio-nav td {
	display: none;
}
.connect-audio-list th {
	position: relative;
	width: 20%;
	width: 16.6%;
	/* background-color: #eeeeee; */
	background: url(/connect/img/bg_table_01.png) left top repeat;
	border-left: 1px solid #bfc1c8;
	border-top: 1px solid #bfc1c8;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 14px 18px;
	box-sizing: border-box;
}
.connect-audio-list th.thp {
	padding: 14px 18px 14px 28px;
}
.connect-audio-list th.thp:before {
	content: "";
	display: block;
	width: 12px;
	height: 100%;
	height: -webkit-calc(100% + 1px);
	height: calc(100% + 1px);
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #eeeeee;
	border-right: 1px solid #bfc1c8;
	box-sizing: border-box;
	z-index: 3;
}
.connect-audio-list th:nth-child(1) {
	border-left: none;
}
.connect-audio-list tr:nth-child(1) td {
	vertical-align: top;
}
.connect-audio-list td {
	border-left: 1px solid #bfc1c8;
	border-top: 1px solid #bfc1c8;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 14px 12px;
	box-sizing: border-box;
	background: url(/connect/img/bg_table_02.png) left top repeat;
}
.connect-audio-list td:nth-child(1) {
	border-left: none;
}
.connect-audio-list td span {
	display: inline-block;
	position: relative;
	padding-right: 14px;
	box-sizing: border-box;
}
.connect-audio-list td sup {
	font-size: 10px;
	display: inline-block;
	position: absolute;
	top: -2px;
	white-space: nowrap;
}
@media screen and (min-width: 768px) {
	.connect-audio-list img {
		max-width: 230px;
		max-width: 190px;
	}
}

/* .connect-audio-tit */

.connect-audio-tit {
	display: block;
	width: 100%;
	font-size: 12px;
	margin-top: 42px;
	margin-bottom: 4px;
	padding: 0 20px;
	box-sizing: border-box;
}
.connect-audio-note {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 1.7;
	margin-top: 24px;
	margin-bottom: 64px;
}
.connect-audio-note li {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 14px;
	box-sizing: border-box;
	margin-top: 1px;
}
.connect-audio-note li:before {
	content: "・";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* .concern-mov-btn */

.concern-mov-btn {
	display: block;
	width: 420px;
	/* margin-top: -5px;
	margin-bottom: 65px; */
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
	margin: 0 auto;
}
.media_pc .concern-mov-btn:hover {
	opacity: 0.6;
}
.mov-block-txt {
	font-size: 14px;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.mov-block {
		display: block;
		width: 100%;
		background-color: #FAFAFA;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin: 0 0 40px;
		padding: 26px 0;
		box-sizing: border-box;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.connect-audio-txt {
		font-size: 12px;
	}
	.connect-audio {
		/* margin: 26px 0 26px -16px; */
		margin: 0 0 26px 0;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		/* width: -webkit-calc(100% + 32px);
		width: calc(100% + 32px); */
		width: -webkit-calc(100% + 16px) !important;
		width: calc(100% + 16px) !important;
		padding-bottom: 2px;
	}
	.media_tab .connect-audio,
	.media_sp .connect-audio {
		overflow: scroll;
	}
	.connect-audio::-webkit-scrollbar {
		display: none;
		-webkit-appearance: none;
	}
	.connect-audio-in {
		display: block;
		width: 100%;
		/* width: 652px;
		width: 922px; */
		width: 980px;
		width: 1194px;
		/* padding: 0 16px; */
		padding: 0 16px 0 0;
		box-sizing: border-box;
	}
	/* .connect-audio-list */
	
	.connect-audio-list {
		/* width: 100%;
		width: 620px; */
		width: 964px;
		width: 1178px;
		background: url(/connect/img/bg_table_01.png) left top repeat;
		/* border-top: 1.5px solid #bfc1c8; */
	}
	.connect-audio-list-fixed {
		width: 111px;
	}
	/* .connect-audio-list.is_fixed {
		width: 101px;
	} */
	/* .connect-audio-list.is_fixed::before {
		width: 16px;
		height: calc(100% + 4px);
		left: -17px;
		z-index: -1;
	} */
	.connect-audio-list th.thp:before {
		height: -webkit-calc(100% + 2px);
		height: calc(100% + 2px);
	}
	.os_ios.media_sp .connect-audio-list th.thp:after {
		content: "";
		display: block;
		width: 100%;
		height: 6px;
		background-color: #eeeeee;
		z-index: 2;
		position: absolute;
		bottom: -1px;
		left: 0;
	}
	.connect-audio-list.is_fixed .connect-th:not(.thp) {
		padding-right: 0;
		white-space: nowrap;
	}
	.connect-audio-list th {
		/* border-top: 1px solid #bfc1c8; */
		font-size: 12px;
		padding: 14px 12px;
		background-image: none;
	}
	.connect-audio-list th:nth-child(1) {
		width: 20%;
		width: 110px;
	}
	.connect-audio-list tr:nth-child(1) th:nth-child(1) {
		border-top: none;
	}
	.connect-audio-list.is_fixed tr:nth-child(1) th:nth-child(1) {
		/* border-top: 1px solid #bfc1c8; */
	}
	.connect-audio-list td {
		font-size: 12px;
		padding: 14px 12px;
	}
	.connect-audio-list strong {
		letter-spacing: -1px;
	}
	.connect-audio-list img {
		max-width: 133px;
	}

	/* .connect-audio-tit */

	.connect-audio-tit {
		margin-top: 26px;
		padding: 0 16px;
		box-sizing: border-box;
	}
	.connect-audio-note {
		padding: 0 16px;
		box-sizing: border-box;
		margin-bottom: 44px;
	}

	/* .concern-mov-btn */
	
	.concern-mov-btn {
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
		margin: 5px auto 45px;
	}
	.concern-mov-btn.m4 {
		margin: 25px auto 40px;
	}

	.mov-block-txt {
		font-size: 14px;
		margin-bottom: 16px;
		width: 100%;
		text-align: center;
	}
	
}

/* .connect-flow-list
---------------------------------------------- */

.connect-flow-list {
	clear: both;
	width: 100%;
	margin: 35px auto 50px;
}
.connect-flow-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-flow-list > li {
	display: block;
	width: 23.32%;
	/* margin: 0 0 0 2.23%; */
	margin: 0 0 0 28px;
	padding: 0;
	box-sizing: border-box;
	float: left;
	z-index: 1;
}
.connect-flow-list-frame {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	border: 1px solid #bfc1c8;
	border: 2px solid #cb0017;
	padding: 26px 15px 15px;
	padding: 12px 12px 12px;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 1;
	text-align: left;
}
@media screen and (min-width: 768px) {

	.connect-flow-list > li.flow-list-step2 {
		/* width: 74.45%; */
		width: calc(100% - 28px - 23.32%);
	}
	.connect-flow-list02 > li {
		width: 100%;
		margin: 0;
		float: none;
	}
	.connect-flow-list-frame-in {
		position: relative;
		content: "";
		display: block;
		width: 100%;
		border: 1px solid #bfc1c8;
		box-sizing: border-box;
		padding: 26px 15px 15px;
	}
	.connect-flow-list > li.flow-list-step2 .connect-flow-list-frame-in {
		width: calc((100% - 61px)/3);
		float: left;
	}
	.connect-flow-list-frame-in + .connect-flow-list-frame-in {
		margin-left: 30px;
	}

	.connect-flow-list02 .connect-flow-list-frame {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.connect-flow-list02 .connect-flow-list-frame-in {
		width: calc((100% - 61px)/3);
		margin-top: 12px;
		/* float: left; */
	}
	.connect-flow-list02 .connect-flow-list-frame-in:nth-child(4),
	.connect-flow-list02 .connect-flow-list-frame-in:nth-child(2),
	.connect-flow-list02 .connect-flow-list-frame-in:nth-child(3) {
		margin-top: 0;
	}
	.connect-flow-list02 .connect-flow-list-frame-in:nth-child(5) {
		margin-left: 0;
	}

	.connect-flow-list-frame::after {
		content: "";
		display: block;
		width: 32px;
		height: 54px;
		background: url(/connect/img/wifi/icn_ar_red_02_01.svg) -6px top no-repeat;
		background-size: contain;
		position: absolute;
		top: 50%;
		margin-top: -27px;
		right: -32px;
		z-index: 0;
	}
	.connect-flow-list > li:nth-child(1) {
		margin-left: 0;
	}
	/* .connect-flow-list > li:nth-child(1) .connect-flow-list-frame,
	.connect-flow-list > li:nth-child(2) .connect-flow-list-frame {
		padding-top: 44px;
	} */
	.connect-flow-list > li:last-child .connect-flow-list-frame::after {
		display: none;
	}

	.connect-flow-list-frame-in::after {
		content: "";
		display: block;
		width: 16px;
		height: 32px;
		background: url(/connect/img/icn_ar_red_03.svg) 0 top no-repeat;
		background-size: contain;
		position: absolute;
		top: 50%;
		margin-top: -16px;
		left: -24px;
		z-index: 0;
	}
	.connect-flow-list-frame-in:nth-child(2)::after {
		display: none;
	}
}

.connect-flow-list-tit {
	display: inline-block;
	/* width: 38px; */
	height: 38px;
	background-color: #cc0011;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
    padding: 6px 20px 7px;
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	top: -15px;
	left: 50%;
	margin: 0 !important;
	margin-left: -46px !important;
	z-index: 2;
}
.connect-flow-list-tit:before {
	content: "";
	display: block;
	width: 12px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -12px;
}
.connect-flow-list-tit:after {
	content: "";
	display: block;
	width: 12px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: -12px;
}
.connect-flow-list-img {
	display: block;
	/* max-width: 102px; */
	width: 100%;
	max-width: 212px;
	margin: 0 auto 16px;
}
/* .connect-flow-list li:nth-child(3) .connect-flow-list-img {
	max-width: 200px;
	width: 80%;
	margin: 0 auto 4px;
} */
.connect-flow-list-txt {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	.connect-flow-list-txt {
		max-width: 212px;
		margin: 0 auto;
	}
}
/* .connect-flow-list02 .connect-flow-list-frame-in:nth-child(3) .connect-flow-list-txt {
	max-width: 280px;
} */

@media screen and (max-width: 1150px) {
	.connect-flow-list-txt br.is_pc {
		display: none;
	}
}

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

	/* .connect-flow-list */

	.connect-flow-list {
		margin: 0 auto 50px;
		width: 100%;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
	.connect-flow-list > li {
		position: relative;
		width: 100%;
		margin: 55px 0 0;
		float: none;
	}
	.connect-flow-list-frame {
		text-align: left;
		padding: 32px 20px 22px 16px;
	}
	.connect-flow-list > li:before {
		content: "";
		display: block;
		width: 50px;
		height: 30px;
		background: url(/connect/img/wifi/icn_ar_red_02_02.svg) left top no-repeat;
		background-size: contain;
		position: absolute;
		top: -50px;
		left: 50%;
		margin-left: -25px;
		z-index: 0;
	}
	.connect-flow-list-frame::after {
		display: none;
	}
	.connect-flow-list > li:nth-child(1) {
		margin-top: 0;
	}
	.connect-flow-list > li:nth-child(1)::before {
		display: none;
	}
	.connect-flow-list > li .connect-flow-list-frame {
		padding: 30px 20px 15px 15px;
	}
	.connect-flow-list-frame-in {
		position: relative;
		display: block;
		width: 100%;
		border-top: 1px solid #bfc1c8;
		box-sizing: border-box;
		padding: 20px 0;
	}
	.connect-flow-list-frame-in:first-of-type {
		border-top: none;
		padding: 0 0 20px;
	}
	.connect-flow-list-frame-in:last-child {
		padding-bottom: 12px;
	}
	.connect-flow-list-frame-in::after {
		content: "";
		width: 60px;
		height: 18px;
		display: block;
		position: absolute;
		top: -9px;
		left: 50%;
		margin-left: -30px;
		background: #fff url(/connect/img/manual/icn_step_next.svg) center top no-repeat;
		background-size: 36px 18px;
		background-size: contain;
		z-index: 2;
	}
	.connect-flow-list-frame-in:nth-child(2)::after {
		display: none;
	}
	.connect-flow-list-img {
		display: table-cell;
		width: 130px;
		margin: 0;
	}
	/* .connect-flow-list > li:nth-child(3) .connect-flow-list-img {
		width: 97px;
		height: 68px;
	} */
	.connect-flow-list-txt {
		display: table-cell;
		width: auto;
		font-size: 14px;
		line-height: 1.5;
		vertical-align: middle;
		padding-left: 20px;
		box-sizing: border-box;
	}
}



/*-------------------------------------------- */
/* Module：.modal
---------------------------------------------- */

.modal {
	display: block;
	width: 100%;
	height: 100vh;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: rgba(0,0,0,0.8);
	visibility: hidden;
}
.os_ios .modal {
	display: none;
}
.modal-cover {
	display: block;
	width: 100%;
	height: 100vh;
	height: 100%;
	height: -webkit-calc(100vh + 40px);
	height: calc(100vh + 40px);
	background-color: transparent;
	position: fixed;
	top: -20px;
	left: -20px;
	z-index: 0;
}
.media_sp .modal-cover {
	left: 0;
}
.modal-wrap {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	padding-bottom: 45px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.modal-in {
	position: relative;
    display: block;
    width: 90%;
    max-width: 1024px;
    height: 600px;
	position: relative;
	z-index: 2;
    margin: auto auto;
    top: 50%;
    margin-top: -300px;
	background-color: #fff;
	height: auto;
	padding: 32px 0 16px;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.modal .modal-in.is_nocenter {
	margin: 40px auto !important;
	top: 0 !important;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}
.modal-close-btn {
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 13px;
	right: 13px;
    z-index: 10;
	background: url(/connect/img/modal/btn_close_01.svg) left top no-repeat;
	background-size: contain;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .modal-close-btn:hover {
	opacity: 0.6;
}

@media screen and (max-width: 767px) {
	.modal:not(.modalMovie) .modal-in {
		width: 90%;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		padding: 24px 0 16px;
        margin: 28px auto !important;
        top: 0 !important;
    }
	.modal-close-btn {
		width: 40px;
		height: 40px;
		top: 8px;
		right: 2px;
	}
}

/* Module：.modal_slider
---------------------------------------------- */

.bx-wrapper {
	position: relative;
	width: 100%;
}
.bx-viewport {
	width: 100%;
}
.modal-slider {
    display: block;
    width: 100%;
	margin: 0;
}
.modal-slider:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.modal-slider > li {
    display: block;
	width: 100%;
	padding: 0 44px;
	box-sizing: border-box;
}
#modal01 .modal-slider > li:nth-child(1),
#modal01 .modal-slider > li:nth-child(4),
#modal02 .modal-slider > li:nth-child(1),
#modal02 .modal-slider > li:nth-child(4),
#modal03 .modal-slider > li:nth-child(1),
#modal04 .modal-slider > li:nth-child(1),
#modal05 .modal-slider > li:nth-child(1),
#modal06 .modal-slider > li:nth-child(1) {
	text-align: center;
}
#modal01 .modal-slider > li:nth-child(2) .note,
#modal01 .modal-slider > li:nth-child(3) .note {
	margin-bottom: 0;
}
#modal04 .modal-slider > li:nth-child(2) .note {
	margin-top: -10px;
}
#modal04 .modal-slider > li:nth-child(2) .main-txt {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	#modal06 .bx-viewport {
		height: auto !important;
	}
}

/* .modal-prev-btn,.modal-next-btn */

.modal-prev-btn {
	display: block;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	background: url(/connect/img/modal/btn_prev_01.svg) left top no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	left: -35px;
	z-index: 10;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.modal-prev-btn.is_deactive {
	background: url(/connect/img/modal/btn_prev_02.svg) left top no-repeat;
	background-size: contain;
	pointer-events: none;
}
.media_pc .modal-prev-btn:hover {
	opacity: 0.6;
}
.modal-next-btn {
	display: block;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	background: url(/connect/img/modal/btn_next_01.svg) left top no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	right: -35px;
	z-index: 10;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.modal-next-btn.is_deactive {
	background: url(/connect/img/modal/btn_next_02.svg) left top no-repeat;
	background-size: contain;
	pointer-events: none;
}
.media_pc .modal-next-btn:hover {
	opacity: 0.6;
}

/* .modal .bx-pager */

.modal .bx-controls-direction {
	display: none;
}
.modal .bx-pager {
	display: block;
	width: 100%;
	height: 12px;
	text-align: center;
	margin-top: 16px;
}
.modal .bx-pager-item {
	display: inline-block;
	width: 35px;
}
.modal .bx-pager-link {
	display: block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background-color: #a7a7a7;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 0 auto;
	-webkit-transition: background-color 0.6s;
	-moz-transition: background-color 0.6s;
	-ms-transition: background-color 0.6s;
	transition: background-color 0.6s;
}
.modal .bx-pager-link.active {
	background-color: #cc0011;
}
.media_pc .modal .bx-pager-link:hover {
	background-color: #cc0011;
}
.modal:not(.modalMovie) .modal-in iframe {
	display: none;
	width: 720px;
	height: 405px;
	position: absolute;
	top: 135px;
	left: 50%;
	margin-left: -360px;
	z-index: 2;
}
#modal05.modal .bx-pager {
	visibility: hidden !important;
}

@media screen and (max-width: 767px) {
	
	.modal-slider > li {
		padding: 0 24px;
	}
	.modal-mov-img {
		padding-bottom: 60px;
	}

	/* .modal-prev-btn,.modal-next-btn */

	.modal-prev-btn {
		width: 40px;
		height: 40px;
		position: fixed;
		top: 232px;
		margin-top: 0;
		left: 2px;
	}
	.modal-next-btn {
		width: 40px;
		height: 40px;
		position: fixed;
		top: 232px;
		margin-top: 0;
		right: 2px;
	}
	#modal04 .modal-slider > li:nth-child(2) .note {
		margin-top: 0;
	}

	.modal:not(.modalMovie) .modal-in iframe {
		display: none;
		/* width: 640px;
		height: 390px; */
		width: 100%;
		width: -webkit-calc(100% - 48px);
		width: calc(100% - 48px);
		height: auto;
		position: absolute;
		top: 100px;
		left: 0;
		margin-left: 24px !important;
		z-index: 2;
	}
	#modal-mov05 iframe {
		top: 130px;
	}
		
	@media screen and (orientation:landscape) {
		.modal_close_btn {
			top: 8px;
			right: 8px;
		}
		.modal-prev-btn {
			top: 125px;
		}
		.modal-next-btn {
			top: 125px;
		}
	}
} 

/*-------------------------------------------- */
/* Module：.modalMovie
---------------------------------------------- */

.modalMovie .modal-in {
    display: block;
    max-width: 1024px;
    /* height: 680px; */
	position: relative;
	z-index: 2;
    margin: auto auto;
	/* top: 50%; */
	top: 0;
	margin-top: 40px;
	padding: 55px 44px;
}
.modalMovie .modal-in iframe {
	width: 936px;
    height: 570px;
	/* width: 100%; */
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	.modalMovie .modal-in {
		top: 0;
		margin-top: 40px;
		padding: 16px 16px;
    }
	@media screen and (orientation:landscape) {
		.modalMovie .modal_close_btn {
			top: 8px;
			right: 8px;
		}
		.modalMovie .modal-in {
			margin: 28px auto !important;
			top: 0 !important;
		}
	}
}

/*-------------------------------------------- */
/* Module：#modal
---------------------------------------------- */

.modal-tit {
	font-size: 28px;
	color: #CC0011;
	font-weight: normal;
	margin: 16px 0 16px;
	padding-left: 44px;
	box-sizing: border-box;
}
.modal-tit-label {
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding: 6px 13px;
	box-sizing: border-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #cc0011;
	margin: 0 0 0 0;
	position: absolute;
    top: 54px;
    left: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
	.modal-tit-label {
		font-size: 10px;
		left: 290px;
	}
}
.modal-icn {
	display: block;
	width: 96px;
	border: 1px solid #dc000c;
	box-sizing: border-box;
	position: absolute;
	top: 32px;
	right: 44px;
}

.modal-frame {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #cc0011;
	box-sizing: border-box;
	margin: 24px auto 0;
}
.modal-frame-in {
	display: block;
	width: 100%;
	padding: 33px 20px 50px;
	padding: 33px 20px 50px;
	box-sizing: border-box;
}
#modal05 .modal-slider li:nth-child(2) .modal-frame-in,
#modal05 .modal-slider li:nth-child(3) .modal-frame-in,
#modal05 .modal-slider li:nth-child(4) .modal-frame-in {
	padding: 33px 39px 35px;
}
.modal-frame:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	border-left: 1px solid #cc0011;
	border-top: 1px solid #cc0011;
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	left: 8px;
}
.modal-frame:after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	border-right: 1px solid #cc0011;
	border-top: 1px solid #cc0011;
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	right: 8px;
}
.modal-frame-in:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	border-left: 1px solid #cc0011;
	border-bottom: 1px solid #cc0011;
	box-sizing: border-box;
	position: absolute;
	bottom: 8px;
	left: 8px;
}
.modal-frame-in:after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	border-right: 1px solid #cc0011;
	border-bottom: 1px solid #cc0011;
	box-sizing: border-box;
	position: absolute;
	bottom: 8px;
	right: 8px;
}

/* .modal-stit01 */

.modal-stit01 {
	display: block;
	width: 264px;
	background-color: #cc0011;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	padding: 12px 28px 12px;
	box-sizing: border-box;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -132px;
}
#modal05 .modal-stit01,
#modal06 .modal-stit01 {
	width: 280px;
	margin-left: -140px;
}
.modal-stit01:before {
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -20px;
}
.modal-stit01:after {
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: -20px;
}
#modal01 .stit01-01-01-02,
#modal01 .stit01-01-01-04,
#modal02 .stit01-02-01-02,
#modal03 .stit01-03-01-02,
#modal04 .stit01-04-01-02,
#modal05 .stit01-05-01-02,
#modal06 .stit01-06-01-02 {
	width: auto !important;
	display: inline-block;
	position: relative;
	top: 0;
	left: auto;
	margin: -40px auto 0 !important;
}
#modal04 .stit01-04-01-02 {
	margin: -25px auto 0 !important;
}

/* .modal-stit02 */

.modal-stit02 {
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	font-weight: normal;
	margin-bottom: 18px;
}
.modal-stit02::before {
	content: "";
	width: 100%;
	height: 50%;
	border-bottom: 1px solid #dc000c;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.modal-stit02 > span {
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: #CC0011;
	border: 1px solid #dc000c;
	padding: 9px 27px;
	box-sizing: border-box;
	background-color: #fff;
}
.modal-stit02 > span:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(/connect/img/modal/icn_tri_01.svg) left top no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.modal-stit02 span span {
	position: relative;
	display: inline-block;
	padding-right: 16px;
	box-sizing: border-box;
}
.modal-stit02 span span sup {
	font-size: 10px;
	display: inline-block;
	position: absolute;
	top: -2px;
}

#modal02 .modal-slider > li:nth-child(3) .modal-img,
#modal03 .modal-slider > li:nth-child(2) .modal-img,
#modal03 .modal-slider > li:nth-child(3) .modal-img {
	margin-bottom: 16px;
}
.modal-img img {
	pointer-events: none;
}

/* .modal-copy01 */

.modal-copy01 {
	display: block;
	font-size: 16px;
	color: #CC0011;
	margin: 6px auto 8px;
}

/* .modal-list-01 */

.modal-list-01 {
	display: table;
	width: 100%;
	margin-top: -12px;
}
.modal-list-01 li {
	display: table-cell;
	width: 50%;
}
.modal-list-01-tit {
	display: block;
	width: 100%;
	padding-right: 20px; 
	font-size: 16px;
	color: #CC0011;
	margin-bottom: 4px;
	box-sizing: border-box;
}
.modal-list-01-txt {
	display: block;
	width: 100%;
	padding-left: 15px;
	padding-right: 20px; 
	font-size: 12px;
	line-height: 1.65;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.modal-list-01 li:nth-child(2) .modal-list-01-tit {
	padding-left: 15px;
	padding-right: 0;
}
.modal-list-01 li:nth-child(2) .modal-list-01-txt {
	padding-left: 30px;
	padding-right: 0; 
}

/* .modal-stit03 */

.modal-stit03 {
	display: block;
	widows: 100%;
	max-width: 700px;
	margin: 0 auto 16px;
	text-align: center;
	overflow: hidden;
}
.modal-stit03 span {
	position: relative;
	display: block;
	widows: 100%;
	margin: 0 auto;
	padding: 8px 0;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #cc0011 url(/connect/img/modal/icn_tri_02_l_pc.svg) left center no-repeat;
	background-size: 30px 90px;
}
.modal-stit03 span:before {
	content: "";
	display: block;
	width: 30px;
	height: 90px;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	right: 0;
	z-index: 2;
	background: url(/connect/img/modal/icn_tri_02_r_pc.svg) right center no-repeat;
	background-size: 30px 90px;
}

/* .modal-check */

.modal-check {
	display: table;
	width: 100%;
	border: 1px solid #dc000c;
	box-sizing: border-box;
	margin-bottom: 16px;
	overflow: hidden;
}
.modal-check-l {
	display: table-cell;
	width: auto;
	padding: 15px 20px 15px 15px;
	vertical-align: top;
	box-sizing: border-box;
}
.modal-check-r {
	display: table-cell;
	width: 150px;
	border: 3px solid #fff;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	background-color: #cc0011;
}
.modal-check-tit {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #CC0011;
	padding: 0 0 0 84px;
	box-sizing: border-box;
	background: url(/connect/img/modal/label_check.svg) left top no-repeat;
	background-size: 79px 26px;
}
.modal-check-txt {
	display: block;
	width: 100%;
	font-size: 14px;
	margin-top: 13px;
}
.modal-check-btn {
	display: block;
	width: 117px;
	height: 31px;
	margin: 0 auto;
}
.modal-check-btn img {
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .modal-check-btn:hover img {
	opacity: 0.6;
}

/* .modal-list-02 */

.modal-list-02 {
	display: block;
	width: 100%;
	margin-top: -6px;
	margin-bottom: 12px;
}
.modal-list-02:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.modal-list-02 li {
	display: block;
	width: 25%;
	width: -webkit-calc((100% - 60px)/4);
	width: calc((100% - 60px)/4);
	margin-left: 20px;
	float: left;
}
.modal-list-02 li:first-child {
	margin-left: 0;
}
.modal-list-02-tit {
	display: table;
	width: 100%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-bottom: 26px;
	padding: 8px;
	box-sizing: border-box;
	background-color: #cc0011;
}
.modal-list-02-tit span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.modal-list-02-txt {
	display: table;
	width: 100%;
	font-size: 12px;
	line-height: 1.65;
	text-align: center;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.modal-list-02-txt span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

/* .modal-list-03 */

.modal-list-03 {
	display: table;
	width: 100%;
	margin-top: -6px;
	margin-bottom: 20px;
}
.modal-list-03 li {
	display: table-cell;
	width: 50%;
	width: -webkit-calc(100% - 210px);
	width: calc(100% - 210px);
	vertical-align: middle;
}
.modal-list-03 li:nth-child(2) {
	vertical-align: top;
	width: 210px;
}

/* .modal-list-06 */

.modal-list-06 {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	max-width: 900px;
	margin-top: -6px;
	margin-bottom: 20px;
}
.modal-list-06-img {
	width: calc(100% - 210px);
}
.modal-list-06 .modal-car-status {
	width: 210px;
}

/* .modal-list-07 */

.modal-list-07 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 12px;
}
.modal-list-07 li {
	display: block;
	width: 33.33%;
	width: -webkit-calc((100% - 60px)/3);
	width: calc((100% - 60px)/3);
}
.modal-list-07-tit {
	display: table;
	width: 100%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-bottom: 26px;
	padding: 8px;
	box-sizing: border-box;
	background-color: #cc0011;
}
.modal-list-07-tit span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

/* .modal-list-08 */

.modal-list-08 {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 918px;
	margin-top: -6px;
	margin-bottom: 20px;
}
@media screen and (min-width: 768px) {

	.modal-list-08 .modal-img {
		width: 46.18%;
		max-width: 424px;
	}
	.modal-list-08 .modal-car-status {
		width: 160px !important;
	}
	.modal-list-08 .note_list_01 {
		max-width: 330px;
		width: 36%;
		margin-top: 20px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 850px) {
	#modal04 .modal-stit02 + .main-txt br {
		display: none !important;
	}
}

/* .modal-list-09 */

.modal-list-09 {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 918px;
	margin-top: -6px;
}
@media screen and (min-width: 768px) {

	.modal-list-09 .modal-img {
		width: 46.18%;
		max-width: 424px;
	}
	.modal-list-09 .note_list_01 {
		max-width: 330px;
		width: 36%;
		margin-top: 20px !important;
	}
}

/* .modal-car-status */

.modal-car-status {
	display: block;
	width: 210px;
	border: 1px solid #dc000c;
	padding: 2px 2px 16px;
	box-sizing: border-box;
}
.modal-car-status-tit {
	display: block;
	width: 100%;
	background-color: #cc0011;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 14px 10px;
	box-sizing: border-box;
	margin-bottom: 14px;
}
.modal-car-status-txt {
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 4px;
}
.modal-car-status-txt::before {
	content: "";
	width: 8px;
	height: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #cc0011;
	position: absolute;
	top: 7px;
	left: 14px;
}

@media screen and (min-width: 768px) {

	/* .modal-list-08 .modal-car-status */

	.modal-list-08 .modal-car-status-tit {
		font-size: 10px;
		padding: 7px 6px;
		margin-bottom: 8px;
	}
	.modal-list-08 .modal-car-status-txt {
		font-size: 10px;
	}
	.modal-list-08 .modal-car-status-txt.num::before {
		top: 1px;
	}
}

/* .modal-car-status-txt.num */

.modal-car-status-txt.num {
	padding-left: 32px;
	padding-right: 15px;
}
.modal-car-status-txt.num::before {
	width: 13px;
	height: 13px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: none;
	top: 4px;
}
.modal-car-status-txt.num.n01::before {
	background: url(../img/icn_num_01.svg) 0 0 no-repeat;
	background-size: contain;
}
.modal-car-status-txt.num.n02::before {
	background: url(../img/icn_num_02.svg) 0 0 no-repeat;
	background-size: contain;
}
.modal-car-status-txt.num.n03::before {
	background: url(../img/icn_num_03.svg) 0 0 no-repeat;
	background-size: contain;
}
.modal-car-status-txt.num.n04::before {
	background: url(../img/icn_num_04.svg) 0 0 no-repeat;
	background-size: contain;
}
.modal-car-status-txt.num.n05::before {
	background: url(../img/icn_num_05.svg) 0 0 no-repeat;
	background-size: contain;
}
.modal-car-status-txt.num.n06::before {
	background: url(../img/icn_num_06.svg) 0 0 no-repeat;
	background-size: contain;
}

/* .modal-stit04 */

.modal-stit04 {
	display: block;
	width: 100%;
	border: 1px solid #cc0011;
	padding: 2px;
	box-sizing: border-box;
	margin-top: 16px;
}
.modal-stit04 span {
	display: block;
	width: 100%;
	border: 1px solid #cc0011;
	padding: 11px 10px 10px;
	box-sizing: border-box;
}
.modal-stit04-txt {
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	color: #CC0011;
}
.modal-stit04-note {
	display: block;
	width: 100%;
	font-size: 12px;
	text-align: center;
}

/* .modal-frame02 */

.modal-frame02 {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #cc0011;
	padding: 29px 30px 50px;
	box-sizing: border-box;
	margin: 24px auto 0;
}
.modal-frame02 .note {
	line-height: 1.65;
}
.modal-frame02 + .common-btn01 {
	margin-top: -37px;
}

/* .modal-stit05 */

.modal-stit05 {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	color: #CC0011;
	margin-bottom: 10px;
}

/* .modal-list-04 */

.modal-list-04 {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #bfc1c8;
	box-sizing: border-box;
	margin: -14px 0 18px;
}
.modal-list-04 li {
	display: table-cell;
	width: 33.33%;
	border-left: 1px solid #bfc1c8;
	box-sizing: border-box;
}
.modal-list-04 li:nth-child(1) {
	border-left: none;
}
.modal-list-04-tit {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
	background-color: #eeeeee;
	border-bottom: 1px solid #bfc1c8;
	padding: 18px 10px;
	box-sizing: border-box;
}
.modal-list-04-txt {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
	padding: 26px 10px;
	box-sizing: border-box;
}

/* .modal-copy02 */

.modal-copy02 {
	display: block;
	widows: 100%;
	font-size: 18px;
	line-height: 1.5;
	padding-top: 7px;
}

/* .modal-stit06 */

.modal-stit06 {
	display: block;
	widows: 100%;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.5;
	color: #CC0011;
	margin-bottom: 24px;
}

/* .modal-note-list */

.modal-note-tit {
	display: block;
	width: 100%;
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 4px;
	padding: 0 0;
	box-sizing: border-box;
}
.modal-note-list {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 1.7;
}
.modal-note-list li {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 13px;
	box-sizing: border-box;
}
.modal-note-list li:before {
	content: "・";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* .modal-list-05 */

.modal-list-05 {
	display: block;
	width: 100%;
	margin-top: 32px;
}
.modal-list-05:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.modal-list-05 li {
	display: block;
	width: -webkit-calc((100% - 36px)/3);
	width: calc((100% - 36px)/3);
	float: left;
	margin-left: 17.5px;
}
.modal-list-05 li:nth-child(1) {
	margin-left: 0;
}
.modal-list-05-tit {
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
	color: #CC0011;
	margin-bottom: 8px;
}
.modal-list-05-txt {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 5px;
}

#modal01 .modal-slider > li:nth-child(2) .main-txt {
	margin-bottom: 20px;
}
#modal05 .modal-slider > li:nth-child(2) .modal-img {
	margin-top: -22px;
}
#modal05 .modal-slider > li:nth-child(1) .main-txt {
	margin-top: 30px;
	margin-bottom: 0;
	text-align: left;
}

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

	.modal-tit {
		font-size: 20px;
		margin: 10px 0 10px;
		padding-left: 24px;
		box-sizing: border-box;
	}
	.modal-tit-label {
		position: relative;
		top: auto;
		left: auto;
		font-size: 11px;
		line-height: 1.5;
		padding: 8px 12px;
		margin: 10px 0 0 24px;
		width: -webkit-calc(100% - 48px);
		width: calc(100% - 48px);
	}
	.modal-icn {
		width: 64px;
		top: 24px;
		right: 24px;
	}
	
	.modal-frame {
		margin: 34px auto 0;
	}
	.modal-frame-in {
		padding: 33px 20px 38px;
	}
	#modal05 .modal-slider li:nth-child(2) .modal-frame,
	#modal05 .modal-slider li:nth-child(3) .modal-frame,
	#modal05 .modal-slider li:nth-child(4) .modal-frame {
		margin: 14px auto 0;
	}
	#modal05 .modal-slider li:nth-child(2) .modal-frame-in,
	#modal05 .modal-slider li:nth-child(3) .modal-frame-in,
	#modal05 .modal-slider li:nth-child(4) .modal-frame-in {
		padding: 12px 15px 25px;
	}
	.modal-frame:before ,
	.modal-frame:after,
	.modal-frame-in:before,
	.modal-frame-in:after {
		display: none;
	}
	
	/* .modal-copy01 */

	.modal-copy01 {
		font-size: 14px;
		margin: 2px auto 2px;
	}
	#modal02 .modal-slider > li:nth-child(3) .modal-img,
	#modal03 .modal-slider > li:nth-child(2) .modal-img,
	#modal03 .modal-slider > li:nth-child(3) .modal-img {
		margin-bottom: 30px;
	}

	/* .modal_stit01 */
	
	.modal-stit01 {
		position: relative;
		width: auto;
		max-width: 95%;
		font-size: 14px;
		padding: 10px 10px 10px;
		margin: -54px auto 15px !important;
		top: auto;
		left: auto;
		margin-left: auto;
	}
	#modal05 .modal-stit01,
	#modal06 .modal-stit01 {
		width: auto;
		padding: 10px 10px 10px;
		margin-left: auto;
	}
	.modal-stit01:before {
		width: 10px;
		left: -10px;
	}
	.modal-stit01:after {
		width: 10px;
		right: -10px;
	}
	#modal01 .stit01-01-01-02,
	#modal01 .stit01-01-01-04,
	#modal02 .stit01-02-01-02,
	#modal03 .stit01-03-01-02,
	#modal04 .stit01-04-01-02,
	#modal05 .stit01-05-01-02,
	#modal06 .stit01-06-01-02 {
		max-width: 85%;
		width: 240px;
		margin: -40px auto 0 !important;
	}
	#modal04 .stit01-04-01-02,
	#modal06 .stit01-06-01-02 {
		margin-top: -30px !important;
	}
	@media screen and (min-width: 430px) {
		#modal04 .stit01-04-01-02 {
			margin-top: -20px !important;
		}
	}

	/* .modal-stit02 */
	
	.modal-stit02 {
		margin-top: 15px;
		margin-bottom: 16px;
	}
	.modal-stit02 > span {
		font-size: 16px;
		padding: 7px 14px;
	}

	/* .modal-list-01 */
	
	.modal-list-01 {
		display: block;
		margin-top: 4px;
	}
	.modal-list-01 li {
		display: block;
		width: 100%;
	}
	.modal-list-01-tit {
		padding-right: 0; 
		font-size: 15px;
		margin-bottom: 4px;
	}
	.modal-list-01-txt {
		padding-left: 0;
		padding-right: 0; 
		font-size: 12px;
		margin-bottom: 4px;
	}
	.modal-list-01 li:nth-child(2) .modal-list-01-tit {
		padding-left: 0;
		padding-right: 0;
	}
	.modal-list-01 li:nth-child(2) .modal-list-01-txt {
		padding-left: 0;
		padding-right: 0; 
	}
	.modal-list-01 li:nth-child(2) {
		padding-top: 10px;
	}

	/* .modal-stit03 */
	
	.modal-stit03 {
		width: 100%;
		max-width: 298px;
		margin: 10px auto 26px;
	}
	.modal-stit03 span {
		width: 100%;
		max-width: 298px;
		padding: 8px 0;
		background: #cc0011 url(/connect/img/modal/icn_tri_02_l_sp.svg) left center no-repeat;
		background-size: 30px 150px;
		font-size: 14px;
	}
	.modal-stit03 span:before {
		width: 30px;
		height: 150px;
		margin-top: -75px;
		background: url(/connect/img/modal/icn_tri_02_r_sp.svg) right center no-repeat;
		background-size: 30px 150px;
	}

	/* .modal-check */
	
	.modal-check {
		position: relative;
		display: table;
		width: 100%;
		border: 1px solid #dc000c;
		box-sizing: border-box;
		margin-top: -10px;
		margin-bottom: 16px;
		z-index: 2;
	}
	.modal-check-l {
		display: block;
		width: 100%;
		padding: 15px 15px 22px 15px;
	}
	.modal-check-r {
		display: block;
		width: 100%;
		border: 3px solid #fff;
		padding: 14px 0 14px;
	}
	.modal-check-tit {
		padding: 36px 0 0 0;
		background: url(/connect/img/modal/label_check.svg) left top no-repeat;
		background-size: 80px 26px;
	}
	.modal-check-txt {
		margin-top: 13px;
	}
	.modal-check-btn {
		width: 115px;
		height: 30px;
	}

	/* .modal-list-02 */
	
	.modal-list-02 {
		margin-top: 0;
		margin-bottom: 12px;
	}
	.modal-list-02 li {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
		float: none;
	}
	.modal-list-02 li:first-child {
		margin-top: 0;
	}
	.modal-list-02-tit {
		margin-bottom: 16px;
		padding: 8px;
	}
	.modal-list-02-txt {
		margin-bottom: 0;
	}

	/* .modal-list-03 */
	
	.modal-list-03 {
		display: block;
		margin-top: -14px;
		margin-bottom: 20px;
	}
	.modal-list-03 li {
		display: block;
		width: 100%;
		vertical-align: top;
	}
	.modal-list-03 li:nth-child(2) {
		width: 100%;
	}

	/* .modal-list-06 */
	
	.modal-list-06 {
		display: block;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.modal-list-06-img {
		width: 100%;
	}
	.modal-list-06 .modal-car-status {
		width: 100%;
	}

	/* .modal-list-07 */
	
	.modal-list-07 {
		display: block;
		margin-top: 30px;
		margin-bottom: 12px;
	}
	.modal-list-07 li {
		width: 100%;
		margin-top: 20px;
	}
	.modal-list-07 li:first-child {
		margin-top: 0;
	}
	.modal-list-07-tit {
		margin-bottom: 20px;
		padding: 8px;
	}

	/* .modal-list-08 */
	
	.modal-list-08 {
		display: block;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	/* .modal-list-09 */
	
	.modal-list-09 {
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	#modal04 .modal-stit02 {
		margin-top: 30px;
	}

	/* .modal-car-status */

	.modal-car-status {
		width: 100%;
		padding: 2px 2px 16px;
		margin-top: 16px;
	}
	.modal-car-status-txt {
		padding-left: 35px;
	}
	.modal-car-status-txt::before {
		left: 19px;
	}
	.modal-list-03 .note {
		margin-top: 12px;
	}

	/* .modal-car-status-txt.num */
	
	.modal-car-status-txt.num {
		padding-left: 37px;
		padding-right: 15px;
	}
	.modal-car-status-txt.num::before {
		width: 13px;
		height: 13px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background-color: none;
		top: 4px;
	}

	/* .modal-stit04 */
	
	.modal-stit04 {
		display: block;
		width: 100%;
		border: 1px solid #cc0011;
		padding: 2px;
		box-sizing: border-box;
		margin-top: 16px;
	}
	.modal-stit04 span {
		display: block;
		width: 100%;
		border: 1px solid #cc0011;
		padding: 11px 10px 10px;
		box-sizing: border-box;
	}
	.modal-stit04-txt {
		font-size: 14px;
	}
	.modal-stit04-note {
		font-size: 10px;
		margin-top: 4px;
	}

	/* .modal-frame02 */
	
	.modal-frame02 {
		padding: 16px 15px 46px;
		margin: 15px auto 0;
	}
	.modal-frame02 .note {
		line-height: 1.65;
	}
	.modal-frame02 + .common-btn01 {
		margin-top: -35px;
		width: 266px;
		padding: 8px 0 8px;
	}
	
	/* .modal-stit05 */
	
	.modal-stit05 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	/* .modal-list-04 */
	
	.modal-list-04 {
		display: block;
		margin: -4px 0 16px;
	}
	.modal-list-04 li {
		display: block;
		width: 100%;
		border-left: none;
		border-top: 1px solid #bfc1c8;
	}
	.modal-list-04 li:nth-child(1) {
		border-top: none;
	}
	.modal-list-04-tit {
		font-size: 12px;
		padding: 8px 8px;
	}
	.modal-list-04-txt {
		font-size: 12px;
		padding: 15px 8px;
	}

	/* .modal-copy02 */
	
	.modal-copy02 {
		font-size: 14px;
		margin-bottom: 4px;
	}
	
	/* .modal-stit06 */
	
	.modal-stit06 {
		font-size: 20px;
		margin-bottom: 16px;
	}
	
	/* .modal-note-list */
	
	.modal-note-tit {
		margin-top: -5px;
	}

	/* .modal-list-05 */
	
	.modal-list-05 {
		margin-top: 22px;
	}
	.modal-list-05 li {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.modal-list-05-tit {
		margin-bottom: 16px;
	}
	.modal-list-05-txt {
		margin-bottom: 8px;
	}
	.modal-list-05-txt + .modal-img {
		margin-bottom: 3px;
	}
	
	#modal05 .modal-slider > li:nth-child(2) .modal-img {
		margin-top: -12px;
		margin-bottom: 2px;
	}
	#modal05 .modal-slider > li:nth-child(1) .main-txt {
		margin-top: 20px;
	}
}

@media screen and (max-width: 374px) {
	.modal-tit {
		font-size: 18px;
	}
	
	/* .modal-copy01 */

	.modal-copy01 {
		font-size: 12px;
	}

	/* .modal_stit01 */
	
	.modal-stit01 {
		padding: 10px 10px 10px;
		font-size: 11px;
		margin-bottom: 15px;
	}
	#modal05 .modal-stit01,
	#modal06 .modal-stit01 {
		width: auto;
		padding: 10px 10px 10px;
		margin-left: auto;
	}
	#modal05 .stit01-05-01-02 {
		margin-top: -30px !important;
	}

	/* .modal-stit02 */
	
	.modal-stit02 > span {
		font-size: 14px;
	} 

	/* .modal-list-01 */
	
	.modal-list-01-tit {
		font-size: 13px;
	}
	.modal-list-01-txt {
		font-size: 10px;
	}
	.modal-stit03 span {
		font-size: 12px;
	}
	
	/* .modal-stit05 */
	
	.modal-stit05 {
		font-size: 16px;
	}
	
	/* .modal-list-04 */
	
	.modal-list-04-tit {
		font-size: 10px;
	}
	.modal-list-04-txt {
		font-size: 10px;
	}

	/* .modal-copy02 */
	
	.modal-copy02 {
		font-size: 12px;
	}
	
	/* .modal-stit06 */
	
	.modal-stit06 {
		font-size: 18px;
	}
}
.os_android .droid-sans {
	font-family: Verdana, "Droid Sans";
}


/* Module：.connect-news
---------------------------------------------- */

.connect-news {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 30px 40px;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
@media only screen and (min-width: 1025px) {
	.connect-news:before {
		content: "";
		display: block;
		width: 2000px;
		height: 100%;
		background-color: #f8f8f8;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
}
.connect-news-wrap {
	position: relative;
	display: block;
	width: 100%;
	border-bottom: 2px solid #cd0411;
	padding: 0 0 12px;
	box-sizing: border-box;
}
.connect-news-tit {
	margin-bottom: 0;
}
.connect-news-list {
	display: block;
	width: 100%;
}
.connect-news-list li {
	border-top: 1px solid #bfc1c8;
	padding: 10px 0;
	box-sizing: border-box;
}
.connect-news-list li:first-child {
	border-top: none;
	padding-top: 8px;
}
.connect-news-article {
	display: block;
	padding: 8px 40px;
	box-sizing: border-box;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	color: #000;
	font-size: 14px;
	line-height: 1.65;
}
.connect-news-date {
	display: table-cell;
	width: 120px;
	font-size: 15px;
	font-weight: bold;
}
.connect-news-txt {
	display: table-cell;
}
a.connect-news-article .connect-news-txt {
	color: #cd0411;
	text-decoration: underline;
}
.connect-news-btn {
	display: block;
	width: 128px;
	height: 33px;
	background: url(/connect/img/btn_more_01_pc.png) left top no-repeat;
	background-size: contain;
	text-indent: -9999px;
	position: absolute;
	top: 21px;
	right: 0;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
}

/* .connect-news-noinfo */

.is_noinfo .connect-news-wrap {
	height: 222px;
}
.connect-news-noinfo {
    position: relative;
	display: block;
	width: 450px;
    font-size: 18px;
    color: #CC0011;
	color: #000;
	text-align: center;
    border: 2px solid #dc000c;
    padding: 25px 27px;
    box-sizing: border-box;
    margin: 22px auto 0;
}
.connect-news-noinfo:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(/connect/img/modal/icn_tri_01.svg) left top no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.media_pc a.connect-news-article:hover {
	opacity: 0.6;
}
.media_pc .connect-news-btn:hover {
	opacity: 0.6;
}

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

.connect-news {
	padding: 8px 16px 40px;
	background-color: #fff;
}
.connect-news-wrap {
	padding: 0 0 25px;
}
.connect-news-tit {
	width: 100%;
	margin-bottom: 0;
}
.connect-news-list li {
	border-top: 1px solid #bfc1c8;
	padding: 8px 0 10px;
}
.connect-news-list li:last-child {
	border-bottom: 1px solid #bfc1c8;
}
.connect-news-article {
	padding: 8px 0;
	color: #000;
	font-size: 14px;
	line-height: 1.65;
}
.connect-news-date {
	display: block;
	width: 100%;
	padding-bottom: 2px;
}
.connect-news-txt {
	display: block;
	width: 100%;
}
.connect-news-btn {
	width: 148px;
	height: 33px;
	background: url(/connect/img/btn_more_01_sp.png) left top no-repeat;
	background-size: contain;
	position: relative;
	top: auto;
	right: auto;
	margin: 22px auto 0;
}

/* .connect-news-noinfo */

.is_noinfo .connect-news-wrap {
	height: 232px;
}
.connect-news-noinfo {
	width: 100%;
    font-size: 16px;
    border: 2px solid #dc000c;
    padding: 30px 27px;
    margin: 34px auto 0;
}

}




/*-------------------------------------------- */
/* Plugin：scrollhint
---------------------------------------------- */

@keyframes scroll-hint-appear {
0% {
	transform: translateX(40px);
	opacity: 0;
}
10% {
	opacity: 1;
}
50%,
100% {
	transform: translateX(-40px);
	opacity: 0;
}
}

.scroll-hint.is-right-scrollable {
	background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
	position: absolute;
	/* top: calc(50% - 40px); */
	top: 400px;
	left: calc(50% - 60px);
	box-sizing: border-box;
	width: 120px;
	height: 75px;
	border-radius: 5px;
	transition: opacity .3s;
	opacity: 0;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	padding: 20px 10px 10px 10px;
}

@media screen and (max-width: 767px) {
.media_pc .scroll-hint-icon,
.media_tab .scroll-hint-icon {
	top: 200px;
	left: calc(50% - 50px);
	width: 100px;
}
.media_sp .scroll-hint-icon-wrap {
	top: 375px;
	height: 75px;
}
.media_sp .scroll-hint-icon {
	top: 0;
}
}

.scroll-hint-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	pointer-events: none;
}

.scroll-hint-text {
	font-size: 10px;
	color: #FFF;
	margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
	opacity: .8;
}

.scroll-hint-icon:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
	content: "";
	width: 34px;
	height: 14px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -20px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
	opacity: 0;
	transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
	opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	animation: scroll-hint-appear 1.2s linear;
	animation-iteration-count: 2;
}

 
.scroll-hint-icon-wrap {
	z-index: 11 !important;
}
.scroll-hint-icon {
	opacity: 1 !important;
}

/* .scroll-hint hide
--------------------------------------------- */

.scroll-hint-icon-wrap {
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	opacity: 0;
}
.scroll-hint-icon-wrap.is-active {
	opacity: 1;
}
.scroll-hint-icon-wrap.is-hide,
.scroll-hint-icon-wrap.is_hide {
	opacity: 0;
}