@charset "utf-8";

/* *****************************************************

css reset

***************************************************** */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}



/* *****************************************************

common

***************************************************** */
/*
body { background:#0f8234; }
#wrap { background:#ffffff; }
*/

html {
 -webkit-text-size-adjust: 100%;
}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.nmt20 { margin-top:-20px!important; }

.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr30{margin-right:30px !important;}

.pt0 { padding-top:0!important; }
.pt10 { padding-top:10px!important; }
.pb0 { padding-bottom:0!important; }
.pb10 { padding-bottom:10px!important; }

.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }


.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fsU { font-size:1.12em; }
.fsD { font-size:0.86em; }

.td-lt{text-decoration: line-through;}

.diib { display:inline-block; }

.cf:after {
    content: '';
    display: block;
    clear: both;
}

.tal{ text-align:left !important; }
.tac{ text-align:center !important; }
.tar{ text-align:right !important; }

.fcRed { color:#ff0000!important; transition:all 0.5s ease;}
.fcGreen { color:#15973d!important; transition:all 0.5s ease;}
.fcYellow { color:#ffd800!important; transition:all 0.5s ease;}

.doubleLine{
  position: relative;
}
.doubleLine::before{
  content: "";
  position: absolute;
  border-top: 2px solid red;
  width: 100%;
  top: 35%;
  left:0;
  opacity:0.8;
}
.doubleLine::after{
  content: "";
  position: absolute;
  border-top: 2px solid red;
  width: 100%;
  top: 65%;
  left:0;
  opacity:0.8;
}

/* *****************************************************
非表示設定
***************************************************** */

#wrap.point article#point { display:none!important; }

#wrap.station article#station,
#wrap.station .nav01 { display:none!important; }
#wrap.station .nav02 { border-left:1px dotted #898989; }

#wrap.howto article#howto,
#wrap.howto .nav02 { display:none!important; }

#wrap.plan article#plan,
#wrap.plan .nav03 { display:none!important; }

#wrap.car article#car,
#wrap.car .nav04 { display:none!important; }

#wrap.flow article#flow,
#wrap.flow .nav05 { display:none!important; }

#wrap.campaign .nav06 { display:none!important; }





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

.tal_sp{ text-align:left !important; }
.tac_sp{ text-align:center !important; }
.tar_sp{ text-align:right !important; }

}

.bold { font-weight:bold; }

.wrap{ width:980px; margin:0 auto;  }
.pc{ display:block; }
.sp{ display:none; }

.ofh { overflow:hidden; }

.gArrowbtn02{ display: block; margin: 32px auto 20px ; padding: 0; width: 384px; border: none; font-size: 1.8rem; color: #fff; background: #00a33c; text-align: center;}
.gArrowbtn02 a{ display: block; padding: 12px 0; color: #fff; text-decoration: none; }
.gArrowbtn02:hover{ background: #009537; cursor: pointer;}
.gArrowbtn02 a:hover{ color: #fff; }
.gArrowbtn02 span{ display: inline-block; padding: 13px 22px; background: url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat left center ; background-size: 7px 11px; font-weight: bold;}
.gArrowbtn02 a span{ padding-top: 0; padding-bottom: 0;}

.fixed {
	position: fixed;
	top: 0;
	z-index: 19999;
}	

@media screen and (max-width: 767px) {
	
	.wrap{ width:100%;  }
	.pc{ display:none; }
	.sp{ display:block; }

	.gArrowbtn02{ display: block; margin: 0 3% 32px ; padding: 0; width: 94%; border: none; font-size: 1.4rem; color: #fff; background: #00a33c; text-align: center;}
	.gArrowbtn02 a{ display: block; padding: 10px 0; color: #fff; text-decoration: none; }
	.gArrowbtn02:hover{ background: #009537; cursor: pointer;}
	.gArrowbtn02 a:hover{ color: #fff; }
	.gArrowbtn02 span{ display: inline-block; padding: 13px 22px; background: url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat left center ; background-size: 7px 11px; font-weight: bold;}
	.gArrowbtn02 a span{ padding-top: 0; padding-bottom: 0;}

	.fixed {
		position: fixed;
		top: 0;
		z-index: 19999;
	}	

}


.regist .entryBtn3 { 
	width:400px; 
	margin:0 auto; 
	padding:12px 0 10px; 
	font-size:2.0rem; 
	line-height:1.8; 
	font-weight:bold; 
	text-align:center;
	letter-spacing:2px;
	color:#ffffff; 
	display:inline-block; 
	border:none;
	border-radius:5px; 
	background:url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat 5% 50% #089942;
	transition:all 0.5s ease;
}
.regist .entryBtn3:hover { 
	text-decoration:none!important; 
	color:#089942; 
	background:url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat 5% 50% #eee;
}
.regist .entryBtn3:hover .fcYellow{ 
	color:#089942!important; 
}

.regist .box {
	margin:0 auto;
	padding:30px;
	width:80%;
	background:#eeeeee;
	border-radius:10px;
	box-sizing:border-box;
}

.arrowLink01{ margin: 0;}
.arrowLink01 a{ display: inline-block; background: url(/imgs/common/icon_arrow_grn_r_01.png) no-repeat 0 0.55em; padding-left: 20px; color: #007f2f; font-weight: bold; text-decoration: none; font-size:1.8rem;}
.arrowLink01 a:hover{ color: #007f2f; text-decoration: underline;}

.topTtl01{ background: url(/imgs/top/icon_ttl_leaf.png) no-repeat top center; margin: 40px auto; background-size: 40px auto; padding-top: 30px; line-height: 35px; text-align: center; letter-spacing: 1.2px; font-weight: bold; }
.topTtl01 img{ width: auto; height: 35px; padding-right: 5px; vertical-align:bottom; }

.topTtl01.ttl01{ width: 342px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 147px 0; background-size: 40px auto;}
.topTtl01.ttl02{ width: 356px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 168px 0; background-size: 40px auto;}
.topTtl01.ttl03{ width: 310px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 150px 0; background-size: 40px auto;}
.topTtl01.ttl04{ width: 163px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 100px 0; background-size: 40px auto;}
.topTtl01.ttl05{ width: 252px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 81px 0; background-size: 40px auto;}
.topTtl01.ttl06{ width: 280px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 114px 0; background-size: 40px auto;}


#point_metro .topTtl01.ttl01{ width: 370px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 120px 0; background-size: 40px auto; letter-spacing:0em;}


@media screen and (max-width: 767px) {
	.regist .entryBtn3 { width:80%; font-size:1.8rem; padding-left:10px; }
	
	.regist .box {
		margin-top:25px;
		width:90%;
		padding:20px;
		font-size:1.2rem;
	}
	.arrowLink01{ font-size:1.4rem; padding:0 3%; text-align:left !important;}
	.arrowLink01 a{ display: inline-block; background: url(/imgs/common/icon_arrow_grn_r_01.png) no-repeat 0 0.20em; padding-left: 10px; color: #007f2f; font-weight: bold; text-decoration: none; font-size:1.4rem;}

	.topTtl01{ line-height: 26px; font-size: 1.2rem; padding-top: 23px; margin: 30px auto; }
	.topTtl01 img{ width: auto; height: 26px; padding-right: 7px; }
	
	.topTtl01.ttl01{ width: 258px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 109px 0; background-size: 30px auto;}
	.topTtl01.ttl02{ width: 260px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 119px 0; background-size: 30px auto;}
	.topTtl01.ttl03{ width: 240px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 114px 0; background-size: 30px auto;}
	.topTtl01.ttl04{ width: 141px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 83px 0; background-size: 30px auto;}
	.topTtl01.ttl05{ width: 205px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 65px 0; background-size: 30px auto;}
	.topTtl01.ttl06{ width: 215px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 86px 0; background-size: 30px auto;}
	
	#point_metro .topTtl01.ttl01{ width: 342px; background: url(/imgs/top/icon_ttl_leaf.png) no-repeat 120px 0; background-size: 30px auto;}
}

/* *****************************************************

tag

***************************************************** */
html {
	font-size: 62.5%;
}
body {
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"游ゴシック",YuGothic,sans-serif;
	font-size: 1.6rem;
}
a {
    color: #06f;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}




/* HEADER */
header{ width:100%; background-color:#FFF; margin:0 auto; height:55px; position:relative; border-bottom:1px solid #16a040; }
header .inner{ width:980px; background-color:#FFF; margin:0 auto; height:55px; position:relative; }
header h1{ position:absolute; left:0px; top:5px; margin:0 0 0 0; line-height:0; }
header nav{ width:620px; position:absolute; left:225px; top:15px; margin:0 0 0 0; }
header nav ul{ display:block; margin:0 0 0 0; padding:0 0 0 0; text-align:right; }
header nav ul li:first-child{ border-left:1px dotted #898989; }
header nav ul li{ display:inline-block; border-right:1px dotted #898989; }
header nav ul li a{ display:block; line-height:28px; font-size:1.4rem; padding:0 12px; color:#333333; letter-spacing:1px; }
header nav ul li a:hover{ color:#16a040; text-decoration:none; }
header #regist{ position:absolute; right:0px; top:10px; margin:0 0 0 0; line-height:0; }
header #regist a:hover{ opacity:0.7; }
header #spmenu{ display:none }
#nav{ display:none }

header.fixed{ height:55px; }



@media screen and (max-width: 767px) {
	header{ display:block; width:100%; padding:0 3%; height:48px; box-sizing:border-box; border-bottom:0px; }
	header .inner{ display:table; width:100%; height:48px; border-bottom:0px; }
	header h1{ display:table-cell; position:static; width:50%; padding:0 0 0 0; margin:0 0 0 0; vertical-align:middle; }
	header h1 img{ height:31px; }
	header nav{ display:none }
	header #regist{ display:table-cell; position:static; margin:0 0 0 0; line-height:0; padding:0 0 0 0; vertical-align:middle; text-align:right; }
	header #regist img{ height:31px; margin:0 10% 0 0; }
	header #spmenu{ display:table-cell; margin:0 0 0 0; line-height:0; width:9%; padding:0 0 0 0; vertical-align:middle; text-align:right; }
	header #spmenu img{ width:28px; }

	header.fixed{ height:48px; border-bottom:1px solid #16a040; }
	header.fixed .inner{ display:table; width:100%; height:47px; }
	header.fixed h1{ display:table-cell; position:static; width:50%; padding:0 0 0 0; margin:0 0 0 0; vertical-align:middle; }
	header.fixed #regist{ display:table-cell; position:static; margin:0 0 0 0; line-height:0; padding:0 0 0 0; vertical-align:middle; text-align:right; }
	header.fixed #spmenu{ display:table-cell; margin:0 0 0 0; line-height:0; width:9%; padding:0 0 0 0; vertical-align:middle; }


	#nav{
        display:none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 20000;
		background:url(/campaign_common/imgs/lp/common/bg_nav.png) repeat;
	}

	#nav #nav_head{ background-color:#FFFFFF; }
	#nav #nav_head #nav_head_in{ display:table; width:97%; margin:0 3%; height:48px; }
	#nav #nav_head #nav_head_in #logo02{ display:table-cell; width:50%; margin:0 0 0 0; padding:0 0 0 0; text-align:left; vertical-align:middle; line-height:0; }
	#nav #nav_head #nav_head_in #logo02 img{ height:31px; }
	#nav #nav_head #nav_head_in #navspc{ display:table-cell; margin:0 0 0 0; padding:0 0 0 0; text-align:right; }
	#nav #nav_head #nav_head_in #navclose{ display:table-cell; width:9%; margin:0 0 0 0; padding:0 0 0 0; text-align:right; }
	#nav #nav_head #nav_head_in #navclose img{ height:48px; vertical-align:top; }
	#nav ul{ margin:0 0 0 0; display:block !important; }
	#nav ul li{ display:block; background:url(/campaign_common/imgs/lp/common/icon_sp_menu.png) 5% 50% no-repeat; background-size:14px auto; padding:0 21px 0 15%; border-bottom:1px solid #FFFFFF;   }
	#nav ul li a{ font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF; font-size:18px; display:block; text-align:left; padding:10px 0 8px 0;}
	#nav ul li a:hover{ text-decoration:underline; }
	#nav ul li.lastchild{ padding:5px 0 0 0; text-align:center; display:block; background:none; border-bottom:0px;   }
	#nav ul li.lastchild a{ display:block; text-align:center; }
	#nav ul li.lastchild img{ max-width:340px; width:90%; }

}


/* FOOTER */
footer{ padding:156px 0 0 0; position:relative; }
footer .pict01 { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
footer .footer01{ background-color:#009838; border-bottom:1px solid #4db774; height:122px; position:relative; }
footer .footer01 .inner{ width:980px; margin: 0 auto; position: relative;}
footer .footer01 .inner .pageTop{ position: absolute; right: 0px;  top: -88px; z-index: 99;}
footer .footer02{ background-color:#008330; border-top:1px solid #00732a; margin: 0 auto;position: relative; }
footer .footer02 .inner{ width:980px; margin: 0 auto; position: relative; padding: 35px 0 80px; overflow:hidden;}

footer .footer02 .contact { width: 580px; margin:0 auto 20px; float:none; display:block; text-align:center; color:#ffffff; }
footer .footer02 .link { width: 100%; padding-bottom:20px; float:right; display:block; overflow:hidden; position: relative; }

footer .footer02 ul.siteLinks{ width: 100%; margin:0 0 20px; display:block; text-align:center; }
footer .footer02 ul.siteLinks li{display: inline-block; margin:5px 0 5px 25px; line-height: 1.6;}
footer .footer02 ul.siteLinks li:first-child {margin-left:0;}
footer .footer02 ul.siteLinks li a{ font-size: 1.2rem;color: #fff; text-decoration: none;}
footer .footer02 ul.siteLinks li a:hover{text-decoration: underline; color: #FFF;}
footer .footer02 ul.snsLinks{ float: right; width: 210px; text-align: right; margin: 0 0 10px 0;}
footer .footer02 ul.snsLinks li{ display: inline-block; margin: 0 5px; }
footer .footer02 ul.snsLinks li a{display: inline-block;width: 28px; height: 28px;}
footer .footer02 ul.snsLinks li a img{ width: 27px; height: auto; }
footer .footer02 .pageTop img{ display:none; }
footer .footer02 p.copy{text-align: right; font-size: 1.1rem; clear: right; color: #FFF; position: absolute; right: 0; bottom:0px;}

@media screen and (max-width: 767px) {
	footer{ padding:69px 0 0 0; position:relative; }
	footer .pict01{ width: 100%; min-width: inherit;}
	footer .pict01 img{width: 320px; height: auto; }
	footer .footer01{  height:70px; position:relative; }
	footer .footer01 .inner{ width:100%; margin: 0 auto; position: relative;}
	footer .footer02{ background-color:#008330; border-top:1px solid #00732a; margin: 0 auto;position: relative; }
	footer .footer02 .inner{ width:100%; margin: 0 auto; position: relative; padding: 35px 0 80px; }
	footer .footer02{min-width: 100%; }
	footer .footer02 .inner{padding: 20px 15px; box-sizing:border-box; width: 100%; }
	
	footer .footer02 .contact { width: 100%; margin:0 0 20px; float:none; font-size:1.2rem; }
	footer .footer02 .link { width: 100%; float:none; }
	
	footer .footer02 .inner ul.siteLinks{ width: 100%; float: none; text-align:left; }
	footer .footer02 .inner ul.siteLinks li{margin:0 5px 0 0; line-height: 1.6;}
	footer .footer02 .inner ul.siteLinks li a{ font-size: 1.1rem;}
	footer .footer02 .inner ul.snsLinks{ float: none; width: 100%; text-align: center; margin: 20px 0 10px 0;}
	footer .footer02 .inner ul.snsLinks li a{display: inline-block;width: 20px; height: 20px; }
	footer .footer02 .inner ul.snsLinks li a img{ width: 100%; height: auto; }
	footer .footer02 .inner p.copy{text-align: center; font-size: 0.8rem; clear: both; position: static;}
	footer .footer02 .pageTop{ position:fixed;right: 0;bottom: 0; z-index:97; top: auto; line-height:0; }
	footer .footer02 .pageTop img{ display:inline; height: 52px; width: auto;}
}




/* MAIN IMAGE */
#main_img{ background:#FFF; position:relative; }
#main_img.topLine{ border-top:20px solid #16a040; }

#main_img h2{ display:block; padding:6px 0; line-height:24px; text-align:center; background:#16a040; color:#FFF; font-size:1.6rem; letter-spacing:1px; font-weight:bold; box-sizing:border-box; }

#main_img .aplusTTL {
	padding:15px;
	border-top:8px solid #16a040;
	border-bottom:8px solid #16a040;
	background:#ffffff;
	text-align:center;
}
#main_img .aplusTTL img {
	width:80%;
	max-width:380px;
	margin:0 auto;
}


#main_img p{
	display:block; 
	width:100%; 
	min-width:980px; 
	margin:0px; 
	height:437px;
	text-align:center; 
	line-height:0;
	background-repeat:no-repeat;
	background-position:center top;
}
#main_img p span{ display:none; }

#main_img p#main_nocamp			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_nocamp.webp); }
#main_img p#main01				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img01.webp); }
#main_img p#main02				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img02.webp); }
#main_img p#main03				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img03.webp); }
#main_img p#main04				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img04.webp); }
#main_img p#main05				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img05.webp); }
#main_img p#main06				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img06.webp); }
#main_img p#main07				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img07.webp); }
#main_img p#main08				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img08.webp); }
#main_img p#main09				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img09.webp); }
#main_img p#main10				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img10.webp); }
.student #main_img p#main		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_student_2305.webp);}
#main_img p#main_0yen			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_0yen.webp); height:774px; }
#main_img p#main_cdedirect-co	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_cdedirect-co.webp); }
#main_img p#main_elavel2102		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_elavel2102.webp); }
#main_img p#main_home			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_home2101.webp); }
#main_img p#main_fjco			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_fjco.webp); }
#main_img p#main_fukurico		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_fukurico2101.webp); }

#main_img p#main_kamei-g		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_kamei-g.webp); }
#main_img p#main_upr			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_upr.webp); }

#main_img p#main_mfgr2103		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfgr_2103.webp); }
#main_img p#main_mfr			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfr.webp); }
#main_img p#main_mfr-co			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfr-co.webp); }
#main_img p#main_msp-p			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_msp-p.webp); }
#main_img p#main_realtynewsco	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_realtynewsco.webp); }
#main_img p#main_saisonflat		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_saisonflat.webp); }
#main_img p#main_tokyu			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_tokyu2012.webp); }
#main_img p#main_toppi			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_toppi.webp); }
#main_img p#main_tpoint2207		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_tpoint_2207.webp); }
#main_img p#main_metro			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_metro.webp); min-width:auto;  }
#main_img p#main_metro_2309		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_metro_2309.webp); min-width:auto;  }
#main_img p#main09_pickup		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img09_pickup.webp); }
#main_img p#main_mfgr_pickup	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfgr_pickup.webp); }
#main_img p#main_ny0_pickup		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_ny0_pickup.webp); }
#main_img p#main_car			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_car.webp); height:460px; margin-bottom:30px; }
#main_img p#main_lp3_camp2303	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_lp3_camp2303.webp); }
#main_img p#main_camp2304		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp2304.webp); }
#main_img p#main_camp230401		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230401.webp); }
#main_img p#main_camp230701		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230701.webp); }
#main_img p#main_camp230801		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230801.webp); }
#main_img p#main_camp230901		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230901.webp); }
#main_img p#main_cparea			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_cparea.webp); }
#main_img p#main_senon			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_senon.webp); }
#main_img p#main_mgh		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mgh.webp); }
#main_img p#main_nskre		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_nskre.webp); }
#main_img p#main_yamato_s_s	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_nskre.webp); }

.no-webp #main_img p#main_nocamp		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_nocamp.jpg); }
.no-webp #main_img p#main01				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img01.jpg); }
.no-webp #main_img p#main02				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img02.jpg); }
.no-webp #main_img p#main03				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img03.jpg); }
.no-webp #main_img p#main04				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img04.jpg); }
.no-webp #main_img p#main05				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img05.jpg); }
.no-webp #main_img p#main06				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img06.jpg); }
.no-webp #main_img p#main07				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img07.jpg); }
.no-webp #main_img p#main08				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img08.jpg); }
.no-webp #main_img p#main09				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img09.jpg); }
.no-webp #main_img p#main10				{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img10.jpg); }
.no-webp .student #main_img p#main		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_student_2305.jpg);}
.no-webp #main_img p#main_0yen			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_0yen.png); }
.no-webp #main_img p#main_cdedirect-co	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_cdedirect-co.jpg); }
.no-webp #main_img p#main_elavel2102	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_elavel2102.jpg); }
.no-webp #main_img p#main_home			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_home2101.jpg); }
.no-webp #main_img p#main_fjco			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_fjco.jpg); }
.no-webp #main_img p#main_fukurico		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_fukurico2101.jpg); }
.no-webp #main_img p#main_kamei-g		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_kamei-g.jpg); }
.no-webp #main_img p#main_upr			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_upr.jpg); }
.no-webp #main_img p#main_mfgr2103		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfgr_2103.jpg); }
.no-webp #main_img p#main_mfr			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfr.jpg); }
.no-webp #main_img p#main_mfr-co		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfr-co.jpg); }
.no-webp #main_img p#main_msp-p			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_msp-p.jpg); }
.no-webp #main_img p#main_realtynewsco	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_realtynewsco.jpg); }
.no-webp #main_img p#main_saisonflat	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_saisonflat.jpg); }
.no-webp #main_img p#main_tokyu			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_tokyu2012.jpg); }
.no-webp #main_img p#main_toppi			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_toppi.jpg); }
.no-webp #main_img p#main_tpoint2207	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_tpoint_2207.jpg); }
.no-webp #main_img p#main_metro			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_metro.jpg); }
.no-webp #main_img p#main_metro_2309	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_metro_2309.jpg); }
.no-webp #main_img p#main_car			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_car.jpg); }
.no-webp #main_img p#main09_pickup		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img09_pickup.jpg); }
.no-webp #main_img p#main_mfgr_pickup	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mfgr_pickup.jpg); }
.no-webp #main_img p#main_ny0_pickup	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_ny0_pickup.jpg); }
.no-webp #main_img p#main_lp3_camp2303	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_lp3_camp2303.jpg); }
.no-webp #main_img p#main_camp2304		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp2304.jpg); }
.no-webp #main_img p#main_camp230401	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230401.jpg); }
.no-webp #main_img p#main_camp230701	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230701.jpg); }
.no-webp #main_img p#main_camp230801	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230801.jpg); }
.no-webp #main_img p#main_camp230901	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_camp230901.jpg); }
.no-webp #main_img p#main_cparea		{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_cparea.jpg); }
.no-webp #main_img p#main_senon			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_senon.jpg); }
.no-webp #main_img p#main_mgh			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_mgh.jpg); }
.no-webp #main_img p#main_nskre			{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_nskre.jpg); }
.no-webp #main_img p#main_yamato_s_s	{ background-image:url(/campaign_common/imgs/lp/mainimg/main_img_nskre.jpg); }

/* fin */
#main_img p#main01_1806			{ background-image:url(/campaign_common/img/cp/201804lp/main_img01_1806.jpg); }
#main_img p#main05_1806			{ background-image:url(/campaign_common/img/cp/201804lp/main_img05_1806.jpg); }
#main_img p#main_aplus			{ background-image:url(/campaign_common/img/cp/201804lp/main_img_aplus.jpg); }
#main_img p#main_b1summer		{ background-image:url(/campaign_common/img/cp/201804lp/main_img_b1summer.jpg); }
#main_img p#main_buy			{ background-image:url(/campaign_common/img/cp/201804lp/main_img_buy.jpg); }
#main_img p#main_camp2010 		{ background-image:url(/campaign_common/img/cp/201804lp/main_img_camp2010.jpg); }
#main_img p#main_camp2104		{ background-image:url(/campaign_common/img/cp/201804lp/main_img_camp2104.jpg); }
#main_img p#main_de				{ background-image:url(/campaign_common/img/cp/201804lp/main_img_de.jpg); }
#main_img p#main_kuji			{ background-image:url(/campaign_common/img/cp/201804lp/main_img_kuji.jpg); }
#main_img p#main_rzfukuoka		{ background-image:url(/campaign_common/img/cp/201804lp/main_img_rzfukuoka.jpg); }
#main_img p#main_snditp220401	{ background-image:url(/campaign_common/img/cp/201804lp/main_img_snditp220401.jpg); }

@media screen and (max-width: 767px) {
	#main_img{ background:#FFF; }
	#main_img.topLine{ border-top:24px solid #16a040; }
	#main_img h2{ display:block; height:auto; line-height:1.3; font-size:1.2rem; letter-spacing:0px; min-width:100%; padding:6px 0; }
	#main_img p{ width:100%; margin:0px; height:auto; background:none; min-width:100%;}
	#main_img p#main_0yen{ height:auto; }
	#main_img p#main_car{ height:auto; }
	#main_img p span{ display:block; width:100%; }
	#main_img p span img { width:100%; height:auto; }
}



/* メインイメージ内バナー */
#main_img .banner {
	display:block;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	z-index:2;
}
#main_img .banner a {
	display:block;
	position:absolute;
	z-index:10000;
	transition:all 0.5s ease;
}


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

	#main_img .banner {
		width:100%;
		padding-top:53.125%;
		top:28px;
	}
	#main_img .banner a {
		width:47%;
		height:90%;
		top:5%;
		right:3%;
	}
}

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

	#main_img .banner {
		width:980px;
		height:437px;
		top:36px;
	}
	#main_img .banner a {
		width:382px;
		height:382px;
		top:26px;
		right:2px;
	}
	#main_img .banner a:hover {
		background:#fff;
		opacity:0.3;
	}

}



/* 申込みボタン */
.regist{ padding:34px 0 30px 0; width:980px; margin:0 auto; }
.regist .bnr01{ margin:0 0 30px 0; }
.regist .detailinfo{ margin:0 0 20px 0; text-align:left; font-size:1em; line-height:1.8; padding:0px 0 0px 0; }
.regist .detailinfo strong{ margin-bottom:5px; display:block; font-size:1.15em; font-weight:bold; }
.regist .detailinfo em{ font-weight:bold; color:#ea4b1a; }
.regist .detailinfo a { color:#17a141; text-decoration:underline; }
.regist .detailinfo a:hover { color:#17a141; text-decoration:none; }
#detail{ padding-top:80px; }
.btnTxt {
	font-size:16px;
	line-height:1.8em;
	text-align:center;
}


@media screen and (max-width: 767px) {
	.regist{ padding:24px 3% 24px; width:100%; box-sizing:border-box; }
	.regist .bnr01{ margin:0 0 20px 0; }
	.regist .bnr01 img{ width:100%; }
	.regist .detailinfo{ margin:0 0 10px 0; font-size:1.4rem; line-height:1.8; padding:0px 0 0px 0; }
	#detail{ padding-top:20px; }
	.btnTxt {
		font-size:12px;
		line-height:1.8em;
		text-align:left;
	}

}

.campInfo {
	width:94%;
	max-width:964px;
	margin:0 auto 35px;
	padding:20px;
	text-align:center;
	border:2px solid #199846;
	box-sizing:border-box;
}
.campInfo .campTTL{
	margin:0 0 10px;
	font-size:1.24em;
	font-weight:bold;
	color:#199846;
}
.campCoution {
	width:94%;
	max-width:670px;
	margin:20px auto 35px;
	padding:15px;
	text-align:center;
	border:2px solid #ff0000;
	font-size:0.86em;
	box-sizing:border-box;
}
@media screen and (max-width: 767px) {
	.campCoution {
		padding:10px;
	}
}



/* カレコのポイント */
#point{ padding:0 0 0 0; margin:0 0 30px 0; }
#point ul{ display:block; margin:0 auto; text-align:center; letter-spacing: -.4em; padding:20px 0 0 0; width:996px; }
#point ul li{ display:inline-block; letter-spacing: normal; margin:0 0 0 0; }
#point ul.v2 li{ display:inline-block; letter-spacing: normal; margin:0; }

@media screen and (max-width: 767px) {
	#point{padding:0 0 0 0; margin:0 0 0px 0; }
	#point ul{ display:block; margin:0 auto; text-align:center; letter-spacing: -.4em; padding:0 3% 0; width:100%; box-sizing:border-box; }
	#point ul li{ width:33%; margin:0 0 8px 0; }
	#point ul.v2 li{ width:33%; margin:0 0 8px 0; }
	#point ul li.point01{ margin-left:16.5%; }
	#point ul li.point02{ margin-right:16.5%; }
	#point ul li img{ width:100%; }

	#point ul.c3 li.point01{ margin-left:0; }
	#point ul.c3 li.point02{ margin-right:0; }
}


/* ステーション検索 */
#station{ padding:30px 0 0 0; }
#station .leadTxt { text-align:center; margin-bottom:25px; }
#station_map{ width:980px; margin:0 auto; padding:0 0 0 0; }
#station_map iframe{ width:100%; margin:0 auto; height:580px; }

#searcharea{ background-color:#f3f2f2;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#searcharea #searchareainner{ padding:25px 40px 0 40px; }
#searcharea #searchareainner p.top{ display:block; text-align:center; margin:0 0 15px 0; font-size:16px }
#searcharea #searchareainner p.bottom{ display:block; text-align:right; margin:0 0 0 0; padding:10px 0 15px 0; }
#searcharea #searchareainner p.bottom a{ background:url(/campaign_common/imgs/lp/common/icon01.png) no-repeat 0 50%; padding:0 0 0 17px; color:#000000; }
#searcharea #searchareainner ul.formlist{ display:block; padding:0 0 0 40px; margin:0 0 20px 0; }
#searcharea #searchareainner ul.formlist li{ display:block; float:left; }
#searcharea #searchareainner ul.formlist li input.formtxt{ margin:0 15px 0 0;  width:610px; height:45px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #d3d3d3; font-size:114%; text-indent:18px; }
#searcharea #searchareainner ul.formlist li input.formbtn{ margin:3px 0 0 0; }
#searcharea #searchareainner .searcharea_map{ margin:3px 0 0 0; height:380px;  }

@media screen and (max-width: 767px) {
	#station{ padding:30px 0 0 0; overflow:hidden; }
	#station .leadTxt { font-size:1.4rem; }
	#station_map{ width:100%; margin:0 auto; }
	#station_map iframe{ width:94%; height:550px; margin:0 3%; }
	#searcharea{ background-color:#f3f2f2;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	#searcharea #searchareainner{ padding:15px 2% 0; }
	#searcharea #searchareainner p.top{ display:block; text-align:center; margin:0 0 15px 0; font-size:14px; color:#333333; }
	#searcharea #searchareainner p.bottom{ display:block; text-align:right; margin:0 0 0 0; padding:10px 0 15px 0; }
	#searcharea #searchareainner p.bottom a{ background:url(/campaign_common/imgs/lp/common/icon01.png) no-repeat 0 50%; padding:0 0 0 17px; color:#000000; font-size:1.4rem; }
	#searcharea #searchareainner ul.formlist{ display:block; padding:0 0 0 0; margin:0 0 10px 0; }
	#searcharea #searchareainner ul.formlist li{ display:block; text-align:center; width:100%;}
	#searcharea #searchareainner ul.formlist li input.formtxt{ margin:0 0 8px 0;  width:100%; font-size:1.4rem; height:35px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #d3d3d3; text-indent:18px; box-sizing:border-box;}
	#searcharea #searchareainner ul.formlist li input.formbtn{ margin:0 0 0 0; width:70%; }
	#searcharea #searchareainner .searcharea_map{ margin:3px 0 0 0; height:350px;  }
}


/* HOW TO */
#howto{ width: 100%; padding-top:30px; padding-bottom: 5px; }
#howto .howToinner{ width: 100%; background-size: auto 2px;}
#howto .howToinner ul{ width: 980px; margin: 0 auto; overflow: hidden; }
#howto .howToinner ul li{ float: left; width: 168px; margin-left: 35px;}
#howto .howToinner ul li:first-child{ margin-left: 0; }
#howto .howToinner ul li dl{}
#howto .howToinner ul li dl dt{ position: relative; border-bottom: solid 1px #cccccc; text-align: center; line-height:0; }
#howto .howToinner ul li dl dt:before{ content:""; position: absolute; bottom: -1px; left: 0; display: block; width: 32px; height: 0; border-top: solid 1px #00a33c; }
#howto .howToinner ul li dl dt img{ width: auto; height: 140px; }
#howto .howToinner ul li dl dd { border-bottom: solid 1px #cccccc;}
#howto .howToinner ul li dl dd .ttl{ margin: 15px 0; text-align: center; font-size: 2rem; color: #007f2f; font-weight: bold; }
#howto .howToinner ul li dl dd .text{ margin: 0 0 20px; font-size:1.6rem; }

@media screen and (max-width: 767px) {
	#howto{ padding: 30px 0 0px;}
	#howto .howToinner{ background: url(/imgs/top/bg_howto_01.gif) repeat-x 0 64px; background-size: auto 1px;}
	#howto .howToinner ul{ width: 100%; position: relative; }
	#howto .howToinner ul li{ width: 100%; margin: 0; padding: 0 15px; }
	#howto .howToinner ul li dl dt img{ width: auto; height: 129px; margin: 0 auto; }
	#howto .howToinner ul li dl dd .ttl{ margin: 12px 0; font-size: 1.6rem; }
	#howto .howToinner ul li dl dd .text{ margin: 0 0 20px; letter-spacing: -1px;}
	#howto .howToinner .slick-prev{ position: absolute; z-index: 1; padding: 0; display: block; border: none; width: 26px; height: 30px; top: 50px; left: 0; margin-top: 0; background:url(/campaign_common/imgs/lp/common/btn_slide_prev_03.png) no-repeat; background-size: 26px 30px; text-indent: -9999px; overflow: hidden; }
	#howto .howToinner .slick-next{ position: absolute; z-index: 1; padding: 0; display: block; border: none; width: 26px; height: 30px; top: 50px; right: 0; margin-top: 0; background:url(/campaign_common/imgs/lp/common/btn_slide_next_03.png) no-repeat; background-size: 26px 30px; text-indent: -9999px; overflow: hidden; }
	#howto .howToinner .slick-prev:hover,
	#howto .howToinner .slick-next:hover{ cursor: pointer; }
	#howto .gArrowbtn02{ margin-bottom:0px;  }

}

/* FLOW */
#flow{ width: 100%; padding-top:30px; padding-bottom: 0px; }
#flow .flowinner{ width: 100%; background-size: auto 2px;}
#flow .flowinner ul{ width: 980px; margin: 0 auto; overflow: hidden; }
#flow .flowinner ul li{ width: 230px; margin:0 7px; }
#flow .flowinner ul li:first-child{ margin-left: 0; }
#flow .flowinner ul li dl{}
#flow .flowinner ul li dl dt{ position: relative; border-bottom: solid 1px #cccccc; text-align: center; line-height:0px; }
#flow .flowinner ul li dl dt:before{ content:""; position: absolute; bottom: -1px; left: 0; display: block; width: 32px; height: 0; border-top: solid 1px #00a33c; }
#flow .flowinner ul li dl dt img{ width: auto; height: 140px; }
#flow .flowinner ul li dl dd .ttl{ display:table; margin: 15px 0; width:100%; }
#flow .flowinner ul li dl dd .ttl span{ display:table-cell; margin: 15px 0; text-align: center; font-size: 2rem; color: #007f2f; font-weight: bold; height:120px; vertical-align:middle; }
#flow .flowinner ul li dl dd .text{ display:table; width:100%; margin: 0 0 20px; }
#flow .flowinner ul li dl dd .text span{ display:table-cell; font-size:1.4rem; line-height:1.8; vertical-align:top; height:185px; }

@media screen and (max-width: 767px) {
	#flow{ padding: 30px 0 15px;}
	#flow .flowinner{ background: url(/imgs/top/bg_howto_01.gif) repeat-x 0 64px; background-size: auto 1px;}
	#flow .flowinner ul{ width: 100%; position: relative; }
	#flow .flowinner ul li{ width: 100%; margin: 0; padding: 0 15px; }
	#flow .flowinner ul li dl dt img{ width: auto; height: 129px; margin: 0 auto; }
	#flow .flowinner ul li dl dd .ttl{ display:table; margin: 15px 0 10px; width:100%; }
	#flow .flowinner ul li dl dd .ttl span{ display:table-cell; margin: 0 0; text-align: center; font-size: 1.6rem; color: #007f2f; font-weight: bold; height:60px; vertical-align:middle; }
	#flow .flowinner ul li dl dd .text{ margin: 0 0 20px; letter-spacing: -1px;}
	#flow .flowinner ul li dl dd .text span{ height:auto; }
	#flow .flowinner .slick-prev{ position: absolute; z-index: 1; padding: 0; display: block; border: none; width: 26px; height: 30px; top: 70px; left: 0; margin-top: 0; background:url(/campaign_common/imgs/lp/common/btn_slide_prev_03.png) no-repeat; background-size: 26px 30px; text-indent: -9999px; overflow: hidden; }
	#flow .flowinner .slick-next{ position: absolute; z-index: 1; padding: 0; display: block; border: none; width: 26px; height: 30px; top: 70px; right: 0; margin-top: 0; background:url(/campaign_common/imgs/lp/common/btn_slide_next_03.png) no-repeat; background-size: 26px 30px; text-indent: -9999px; overflow: hidden; }
	#flow .flowinner .slick-prev:hover,
	#flow .flowinner .slick-next:hover{ cursor: pointer; }

}

@media screen and (min-width: 768px) {
	#flow .flowinner ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	#flow .flowinner ul li{ 
		border-bottom: solid 1px #cccccc;
	}
}



/*PLAN*/
#plan{ width: 100%; padding:30px 0 0 0; margin:0 auto 10px; overflow:hidden; }
#planTab { margin-bottom:25px; border-bottom:5px solid #fedd32; overflow:hidden; }
#planTab li { width:33.33%; box-sizing:border-box; float:left; padding:0 0 0 2px; }
#planTab.c2 li { width:50%; box-sizing:border-box; float:left; padding:0 0 0 2px; }
#planTab li:first-child { padding-left:0; }
#planTab li p{ margin:6px 0 2px; padding:15px 0; color:#ffffff; font-size:1.6rem; line-height:1.4em; font-weight:bold; letter-spacing:0.05em; text-align:center; background:#999; border-radius:5px 5px 0 0; cursor:pointer; }
#planTab li p span{ padding:0 0 0 18px; display:inline-block; background: url(/imgs/common/icon_arrow_white_r_01.png) no-repeat 0 50%; background-size: 7px 9px;}
#planTab li.ac p { margin:2px 0 0; padding:18px 0; color:#806f14; background:#fedd32; cursor:default;}
#planTab li.ac p span{ padding:0 0 0 18px; display:inline-block; background: url(/imgs/common/icon_arrow_gl_d_01.png) no-repeat 0 50%; background-size: 9px 7px;}
#planTab li p em{ width:90%; max-width:140px; background:#ffffff; display:block; margin:5px auto 0; padding:2px 0; font-size:10px; line-height:12px; color:#333333; text-align:center; box-sizing:border-box; border-radius:3px; }
#planTab li p.noIcon{ padding:25px 0 26px; }
#planTab li.ac p.noIcon{ padding:28px 0 29px; }

#plan #plan_table{ width:870px; margin:0 auto 40px; }
#plan #plan_table h3{ text-align:center; display:block; font-size:1.8rem; font-weight:bold; letter-spacing:1px; margin:0 auto 30px; }
#plan #plan_table h4{ text-align:left; display:block; font-size:2.0rem; font-weight:bold; color:#007f2f; letter-spacing:1px; margin:0 auto 30px; }
#plan h5{ width:100%; }
#plan #plan_table .read{ font-size:1.6rem; margin:0 auto; line-height:1.8; }


.tableWrap01{ margin:20px 0 60px; overflow: hidden; }
.tableWrap02{ margin: 20px 0 0; overflow: hidden; }
.tableWrap02.week{ overflow: hidden;}

.tableWrap01 .taxin,
.tableWrap02 .taxin{ font-size:14px!important; margin:0 0 5px; padding:0; text-align:right!important; }

.tableWrap01 table + p,
.tableWrap02 table + p{ float: left; }

.tableWrap01 + .notice,
.tableWrap02 + .notice{ font-size: 1.4rem; }
.tableWrap02 + .notice.more{ margin-bottom: 50px; }

.campLink .notice{ font-size: 1.2rem; padding-left: 24px;}



.tableWrap01 table + p{ padding: 100px 0px 40px; width:70px; text-align:center; }



.tableWrap01 .month { width: 200px; float: left;}
.tableWrap01 .month tr th,
.tableWrap01 .month tr td { text-align: center; vertical-align: middle; border: solid 1px #00a33c; padding: 10px; }
.tableWrap01 .month th{ color: #fff; background: #00a33c; }
.tableWrap01 .month tr td { height:180px; padding: 10px 10px; box-sizing:border-box; font-size:1.4rem; color: #00a33c; box-sizing:border-box; }
.tableWrap01 .month tr td div { padding:10px 0; box-sizing:border-box; }
.tableWrap01 .month tr td div.border-t { border-top:1px solid #00a33c; }
.tableWrap01 .month tr td p{ margin: 0; font-size: 1.8rem; color: #00a33c; font-weight: bold;}
.tableWrap01 .month tr td p.price{ font-size: 2.2rem; }
.tableWrap01 .month tr td p span{ padding: 10px 0; font-size: 1.4rem; line-height: 2.4rem; font-weight: normal; display: block; }

.tableWrap01 .month tr td p.arrow{
	position:relative;
	padding-top:10px;
}
.tableWrap01 .month tr td p.arrow::after{
	content: '';
	display:block;
	width: 0;
	height: 0;
	margin:0 auto;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:8px solid #ff0000;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
}

.tableWrap01 .use{ width: 600px; float: left; }

.tableWrap01 .use tr th,
.tableWrap01 .use tr td{ position: relative; text-align: center; vertical-align: middle; border: solid 1px #00a33c; padding: 10px; }
.tableWrap01 .use th{ color: #fff; background: #00a33c; }
.tableWrap01 .use tr td { width: 33.333%; height:180px; font-size: 1.4rem; color: #00a33c; padding: 10px; box-sizing:border-box; }
.tableWrap01 .use tr td:first-child:before{ content:""; display: block; position: absolute; top: 50%; right: -16px; z-index: 1; background: url(/imgs/plan/icon_table_plus_02.png) no-repeat; width: 32px; height: 32px; margin-top: -18px; }
.tableWrap01 .use tr td:first-child + td:before{ content:""; display: block; position: absolute; top: 50%; right: -16px; z-index: 1; background: url(/imgs/plan/icon_table_minus_02.png) no-repeat; width: 32px; height: 32px; margin-top: -18px; }
.tableWrap01.c2 .use tr td:first-child + td:before{ display: none;}
.tableWrap01 .use tr td:last-child{ background: #e5f6eb; }
.tableWrap01 .use tr td p.bNone{ background: none; }
.tableWrap01 .use tr td div { padding:10px 0; box-sizing:border-box; }
.tableWrap01 .use tr td div.noTxt { padding-top:30px; }
.tableWrap01 .use tr td div.border-t { border-top:1px solid #00a33c; }
.tableWrap01 .use tr td p{ margin: 0; font-size: 1.8rem; color: #00a33c; font-weight: bold;}
.tableWrap01 .use tr td p.price{ font-size: 2.2rem; }


.tableWrap01.corpTable .regist{ width: 196px; float: left;}
.tableWrap01.corpTable .regist tr th,
.tableWrap01.corpTable .regist tr td{ text-align: center; vertical-align: middle; border: solid 1px #00a33c; padding: 10px; font-weight: bold; }
.tableWrap01.corpTable .regist th{ color: #fff; background: #00a33c; }

.tableWrap01.corpTable .regist tr td { height: 143px;  padding: 25px 10px; }
.tableWrap01.corpTable .regist tr td p{ margin: 0; font-size: 1.8rem; font-weight: bold; color: #00a33c;}
.tableWrap01.corpTable .regist tr td p span{ padding: 10px; font-size: 1.4rem; line-height: 2.4rem; display: block; }

.tableWrap01.corpTable table + p{ padding: 80px 5px 40px; }
.tableWrap01.corpTable table + p img{ width: 24px; height: 24px; }

.tableWrap01.corpTable .use{ width: 390px; }

.tableWrap01.corpTable .use tr td:first-child + td:before{ content:none; }

.tableWrap01.corpTable.gold .regist{ width: 150px; float: left;}
.tableWrap01.corpTable.gold .regist tr th,
.tableWrap01.corpTable.gold .regist tr td{ text-align: center; vertical-align: middle; border: solid 1px #00a33c; padding: 10px; font-weight: bold; }
.tableWrap01.corpTable.gold .regist th{ color: #fff; background: #00a33c; }

.tableWrap01.corpTable.gold .regist tr td { height: 143px; font-size: 1.8rem; color: #00a33c;  padding: 25px 10px; font-weight: bold; }
.tableWrap01.corpTable.gold .regist tr td span{ padding: 10px; font-size: 1.4rem; line-height: 2.4rem; display: block; }

.tableWrap01.corpTable.gold table + p{ padding: 80px 3px 40px; }
.tableWrap01.corpTable.gold table + p img{ width: 24px; height: 24px; }

.tableWrap01.corpTable.gold .month{ width: 150px;}
.tableWrap01.corpTable.gold .use{ width: 486px; }

.tableWrap01.corpTable.gold .use tr td{ width: 30.5%; padding: 0;}
.tableWrap01.corpTable.gold .use tr td p{ padding: 16px 10px 10px;}
.tableWrap01.corpTable.gold .use tr td:first-child + td:before{ content:""; display: block; position: absolute; top: 50%; right: -16px; z-index: 1; background: url(/imgs/plan/icon_table_minus_02.png) no-repeat; width: 32px; height: 32px; margin-top: -16px; }
.tableWrap01.corpTable.gold .use tr td:last-child{ width: 38%; background: none; }
.tableWrap01.corpTable.gold .use tr td span{ font-size: 1.3rem; letter-spacing: -1.2px;}

.coutionTxt { padding-left:1em; text-indent:-1em; font-size:12px; line-height:1.6em; }
.txt.price02,
.txt.price03,
.coutionTxt.price02,
.coutionTxt.price03 { display:none; }

.tableWrap02 h5 { padding:0 0 18px; font-weight:bold; }
.p2,
.p3,
.p2_road { display:none; }

.p2active .p1 { display:none; }
.p2active .p2 { display:block; }
.p2active .p1_road { display:none; }
.p2active .p2_road { display:block; }

.p2active .txt.price02,
.p2active .coutionTxt.price02 { display:block; }
.p2active .txt.price01,
.p2active .txt.price03,
.p2active .coutionTxt.price01,
.p2active .coutionTxt.price03 { display:none; }

.tableWrap02 table{ float: left; border: solid 1px #00a33c; border-collapse: collapse; border-spacing: 0; margin:0 0 20px 0; }

.tableWrap02 table.time{ width: 645px; }
.tableWrap02 .time .thHead{ width: 186px; }

.tableWrap02 table tr th,
.tableWrap02 table tr td{ font-size: 1.4rem; text-align: center; vertical-align: middle; padding: /*14px*/ 10px; font-weight: bold; box-sizing: border-box; }

.tableWrap02 table.time.discount tr th,
.tableWrap02 table.time.discount tr td{ padding: /*16px*/ 0 10px;}
.tableWrap02 table.time.discount + .pcOnly + .mileage .mlHead + tr + tr td,
.tableWrap02 table.time.discount + .pcOnly + .mileage .mlHead + tr + tr + tr td,
.tableWrap02 table.time.discount + .pcOnly + .mileage .mlHead + tr + tr + tr + tr td{ padding: /*16px*/ 0 10px;}

.tableWrap02 table tr .class { color: #fff; text-align: left; background: url(/imgs/plan/border_dashed_col_w.gif) #00a33c repeat-x left 0 bottom 0;}
.tableWrap02 table tr .class a{ display: block; color: #fff;}
.tableWrap02 table tr .class a.blank{ float: left;}
.tableWrap02 table tr .class a.attention{ float: right; }

.tableWrap02 table tr th{ color: #fff; background: url(/imgs/plan/border_dashed_col_w.gif) #00a33c repeat-x left bottom;}
.tableWrap02 table tr th span{ font-size: 1.2rem; display: block; word-break: keep-all; }

.tableWrap02 table tr.time{ height: 88px; }
.tableWrap02 table tr.time th{ width: 88px; }
.tableWrap02 table tr.time th.nightPack{ width: 110px; padding: 10px 5px; }
.tableWrap02 table.time.discount tr .thHead{}
.tableWrap02 table.time.discount tr.time{ height: 68px; }
.tableWrap02 table.time.discount tr.time th{ width: 126px; padding: /*15px 0 15px*/ 0; }
.tableWrap02 table tr:first-child th{ width: 132px; font-size: 1.6rem;}
.tableWrap02 table tr th.thHead{ color: #fff; background: url(/imgs/plan/border_dashed_th_w.gif) #00a33c no-repeat right 0 bottom 0; text-align: center; }
.tableWrap02 table tr.time th.thHead{ color: #fff; background: url(/imgs/plan/border_dashed_th_w.gif) #00a33c no-repeat right 0 bottom 0; text-align: center; }
.tableWrap02 table tr:last-child th{ background: #00a33c;}
.tableWrap02 table tr:last-child td{ background: url(/imgs/plan/border_dashed_row_g.gif) no-repeat right 0 bottom 0;}
.tableWrap02 table tr td.brNone{ background: url(/imgs/plan/border_dashed_col_g.gif) no-repeat left 0 bottom 0;}
.tableWrap02 table tr .bbNone{ background: url(/imgs/plan/border_dashed_row_g.gif) no-repeat right 0 bottom 0;}

.tableWrap02 table tr td{ background: url(/imgs/plan/border_dashed_th_g.gif) no-repeat right 0 bottom 0; }

.tableWrap02 table tr .bbNone.brNone{ background: none; }

.tableWrap02 .mileage{ width: 206px; }
.tableWrap02 .mileage th{ padding: /*14px 0 13px*/ 0; }

.tableWrap02 .mileage .kmFirst{ height: 123px; }
.tableWrap02 .mileage .kmFirst.r2{ height: 81px; }
.tableWrap02 .mileage .kmFirst.r1{ height: 41px; }

.tableWrap02  table + p{ padding: 144px 2px 0px; }

.tableWrap02 .mileage .mlHead{ height: 86px; }
.tableWrap02 .mileage .hour6{ height: 88px;}
.tableWrap02 .mileage .hour30{}
.tableWrap02 .mileage .mlHead + * + * + *{ height: 66px; }

.tableWrap02 .mileage .hour6 th,
.tableWrap02 table tr.time th{ background: url(/imgs/plan/border_dashed_row_w.gif) #00a33c no-repeat right 0 top 0; }

.tableWrap02 .mileage .hour6 th:first-child{ width: 50%; background: url(/imgs/plan/border_dashed_row_w.gif) #00a33c no-repeat right 0 top 0; }
.tableWrap02 table tr.odekake th:first-child{ background: url(/imgs/plan/border_dashed_th_w.gif) #00a33c no-repeat right 0 bottom 0; }

.tableWrap02 .mileage .hour6 th:last-child,
.tableWrap02 .mileage .hour30,
.tableWrap02 table tr.time th:last-child{background: #00a33c;}

.tableWrap02 table .h48{ height: 48px; }
.tableWrap02 table .h68{ height: 68px; }
.tableWrap02 table .h88{ height: 88px; }
.tableWrap02 table .h136{ height: 136px; }
.tableWrap02.spOnly{ display:none; }

.tableWrap02 td.empty {padding:0; position:relative;}
.tableWrap02 td.empty::after {
	display:block;
	content:"";
	width:100%;
	height:100%;
	background-image: linear-gradient(
		to left top, transparent calc(50% - 0.5px),
		#14973c 50%,
		#14973c calc(50% + 0.5px),
		transparent calc(50% + 1px)
	);
	position:absolute;
	top:0;
	left:0;
}

.pcOnly{ display:block; }
.plan_point{}
.plan_point .plan_point_box{ float:left; width:270px; }
.plan_point .plan_point_box:nth-of-type(2){ margin:0 30px; }
.plan_point .plan_point_box .img01{ display:block; text-align:center; margin:0 0 0 0; }
.plan_point .plan_point_box .ttl01{ display:block; margin:0 0 0 0; text-align:center; color:#16a040; font-size:1.4rem; font-weight:bold; }
.plan_point .plan_point_box .ttl01 strong{ display:block; font-size:2.0rem; font-weight:bold; padding:8px 0 14px 0; }
.plan_point .plan_point_box .txt01{ display:block; margin:0 0 8px 0; font-size:1.6rem; font-weight:bold; line-height:1.8; }
.plan_point .plan_point_box .txt02{ margin:0 0 0 0; font-size:1.4rem; font-weight:normal; }

@media screen and (min-width: 769px){
	.spOnly{ display:none; }
	.tableWrap01.corporate table + p{ padding: 160px 0px 40px; width:35px; text-align:center; }
	.tableWrap01.corporate table + p img { width:14px; }
	.tableWrap01.corporate .month tr th,
	.tableWrap01.corporate .use tr th { height:30px; }
	.tableWrap01.corporate .month tr td,
	.tableWrap01.corporate .use tr td { height:290px; }
	.tableWrap01.corporate .month { width: 160px;}
	.tableWrap01.corporate .use{ width: 480px; }
	.tableWrap01.corporate.corporate_campB .month tr td div { height:135px; }
}
@media screen and (max-width: 768px){
	.spOnly{ display:block; }
	#plan{ padding:30px 3% 0; margin:0 0 0px 0; box-sizing:border-box; }
	#plan h2{ }
	#plan #plan_table{ width:100%; margin:0 auto; }
	#plan #plan_table h3{ font-size:1.2rem; margin:0 auto 20px; }
	#plan #plan_table h4{ font-size:1.6rem; margin:0 auto 10px; }
	#plan #plan_table .read{ font-size:1.2rem; margin:0 auto; line-height:1.6; }
	.tableWrap01{ margin-bottom: 50px; }
	.tableWrap02{ overflow: scroll; margin:20px -15px 10px 0; }
	.tableWrap02.spOnly{ margin-top:0; }
	.tableWrap02.week{ overflow: scroll; margin-bottom: 10px;}
	.tableWrap01 .tableInner{ width: 100%; }
	.tableWrap02 .tableInner{ width: 660px; }
	.tableWrap01 + .notice,
	.tableWrap02 + .notice{ margin: 20px 0; }

	.tableWrap01 .taxin{ font-size:12px!important;}
	.tableWrap02 .taxin{ font-size:12px!important;}

	.tableWrap01.corpTable .regist,
	.tableWrap01.corpTable.gold .regist,
	.tableWrap01 .month,
	.tableWrap01.corpTable .month,
	.tableWrap01.corpTable.gold .month,
	.tableWrap01 .use,
	.tableWrap01.corpTable .use,
	.tableWrap01.corpTable.gold .use{ width: 100%; float: none; margin: 0 auto; }
	.tableWrap01 table + p ,
	.tableWrap01.corpTable table + p ,
	.tableWrap01.corpTable.gold table + p { float: none; text-align: center; margin: 5px 0; padding : 0; width:100%; line-height:0; }
	.tableWrap01 table + p img{ width: 16px; height: 16px; }
	
	.tableWrap01.corpTable .regist tr td p,
	.tableWrap01.corpTable.gold .regist tr td p,
	.tableWrap01 .month tr td p,
	.tableWrap01.corpTable .month tr td p,
	.tableWrap01.corpTable.gold .month tr td p,
	.tableWrap01 .use tr td p,
	.tableWrap01.corpTable .use tr td p,
	.tableWrap01.corpTable.gold .use tr td p { font-size: 1.4rem; }
	.tableWrap01.corpTable .regist tr td,
	.tableWrap01.corpTable.gold .regist tr td,
	.tableWrap01 .month tr td,
	.tableWrap01.corpTable .month tr td,
	.tableWrap01.corpTable.gold .month tr td { height: auto; padding: 10px ; }
	.tableWrap01 .use tr td,
	.tableWrap01.corpTable .use tr td,
	.tableWrap01.corpTable.gold .use tr td{ height: auto; vertical-align: top; padding: 0; }
	
	.tableWrap01 .use tr td p,
	.tableWrap01.corpTable .use tr td p,
	.tableWrap01.corpTable.gold .use tr td p{ padding: 16px 10px; }
	
	.tableWrap01.corpTable.gold .use tr td,
	.tableWrap01.corpTable.gold .use tr td:last-child{ display: block; width: 100%; border-top: none; }
	.tableWrap01.corpTable .regist tr td p span,
	.tableWrap01.corpTable.gold .regist tr td p span,
	.tableWrap01 .month tr td p span,
	.tableWrap01.corpTable .month tr td p span,
	.tableWrap01.corpTable.gold .month tr td p span{ font-size: 1.1rem; line-height: 1.6rem; padding: 5px 0; }
	.tableWrap01 .use tr td p span,
	.tableWrap01.corpTable .use tr td p span,
	.tableWrap01.corpTable.gold .use tr td p span{ font-size: 1.1rem; line-height: 1.6rem; padding: 10px 0; }
	.tableWrap01 .use tr td:first-child:before{ content:""; display: block; position: absolute; top: 50%; right: -9px; background: url(/imgs/plan/icon_table_plus_02.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin-top: -10px; }
	.tableWrap01.corpTable.gold .use tr td:first-child:before{ content:""; display: block; position: absolute; top: inherit; bottom: -8px; right: 50%; background: url(/imgs/plan/icon_table_plus_02.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin-right: -8px; }
	.tableWrap01 .use tr td:first-child + td:before{ content:""; display: block; position: absolute; top: 50%; right: -9px; background: url(/imgs/plan/icon_table_minus_02.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin-top: -10px; }
	.tableWrap01.corpTable.gold .use tr td:first-child + td:before{ content:""; display: block; position: absolute; top: inherit; bottom: -8px; right: 50%; background: url(/imgs/plan/icon_table_minus_02.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin-right: -8px; }
	.tableWrap01.corpTable table + p img,
	.tableWrap01.corpTable.gold table + p img{ width: 16px; height: 16px; }

	.tableWrap01 .month tr td{ padding:10px;}
	.tableWrap01 .month tr td p{ font-size: 1.0rem;}
	.tableWrap01 .month tr td p.price{ font-size: 1.8rem; }
	.tableWrap01 .month tr td p span{ font-size: 1.0rem; }
	.tableWrap01 .month tr td div{ padding:8px 0; font-size: 1.0rem; }
	.tableWrap01 .use tr td{ padding:10px;}
	.tableWrap01 .use tr td div.noTxt { padding-top:24px; }
	.tableWrap01 .use tr td p{ margin:0; padding:0; font-size: 1.6rem; color: #00a33c; font-weight: bold;}
	.tableWrap01 .use tr td p.price{ font-size: 1.8rem; }
	.tableWrap01 .use tr td div { padding:8px 0; font-size: 1.0rem; }

	#planTab li p{ padding:11px 0; font-size:1.4rem; line-height:1.4em; letter-spacing:0; }
	#planTab li.ac p { padding:14px 0; }
	#planTab li p span,
	#planTab li.ac p span{ padding:0 5px 0 12px; }
	#planTab li p.noIcon{ padding:22px 0 21px; }
	#planTab li.ac p.noIcon{ padding:24px 0 25px; }

	.tableWrap02 .mileage{ display: none;  margin-right: 15px; }
	
	.tableWrap02.spOnly{ overflow: inherit; margin-right: 0; }
	.tableWrap02.spOnly .tableInner{ width: 100%;}
	.tableWrap02.spOnly p{ text-align: center; margin-bottom: 15px; line-height:0; }
	.tableWrap02.spOnly table{ float: none; width: 100%; }
	.tableWrap02.spOnly .mileage{ display: table; }
	
	.tableWrap02.spOnly .mileage th{ width: 50%; }
	.tableWrap02 table.time{ margin-right: 15px; }
	.tableWrap02.spOnly .mileage .kmFirst{ height:80px; }
	.tableWrap02.spOnly .mileage .kmFirst{ height: 123px; }
	.tableWrap02.spOnly .mileage .kmFirst.r2{ height: 81px; }
	.tableWrap02.spOnly .mileage .kmFirst.r1{ height: 41px; }

	.tableWrap02.spOnly{ display:block; }
	.pcOnly{ display:none; }
	
	.plan_point{ padding:0 0 20px 0;}
	.plan_point .plan_point_box{ float:none; width:100%; margin:0 auto 10px; }
	.plan_point .plan_point_box:nth-of-type(2){ margin:0 0px 10px; }
	.plan_point .plan_point_box .img01{ float:left; width:35%; line-height:0; }
	.plan_point .plan_point_box .img01 img{ width:100%; }
	.plan_point .plan_point_box .ttl01{ font-size:1.0rem; font-weight:bold; float:right; width:65%; text-align:left; padding:20px 0 0 10px; box-sizing:border-box; }
	.plan_point .plan_point_box .ttl01 strong{ display:block; font-size:1.6rem; font-weight:bold; padding:8px 0 14px 0; text-align:left; }
	.plan_point .plan_point_box .txt01{ display:block; clear:both; margin:0 0 5px 0; font-size:1.2rem; font-weight:normal; line-height:1.8; }
	.plan_point .plan_point_box .txt02{ margin:0 0 0 0; font-size:1.0rem; font-weight:normal; }
	#plan .gArrowbtn02{ margin-bottom:0px;  }
}



/* CAR */

#car{ 
	width: 100%; 
	padding:30px 0 0 0; 
	margin:0 auto 30px; 
	box-sizing:border-box;
}
#car .inner{ 
	width:100%;
	max-width:840px; 
	margin:0 auto; 
}
#car .inner #slider{ 
	padding:0 0 25px; 
}
#car .inner #slider ul.slick-slider{ 
	padding:0 0 45px; 
}
#car .inner .slick-prev{ 
	position:absolute; 
	left:-70px; 
	top:50%; 
	margin-top:-29px; 
	z-index:1000; 
	width:58px; 
	height:58px; 
	border:0px; 
	background:url(/campaign_common/imgs/lp/common/btn_prev.png) no-repeat 0 0; 
	text-indent:-9999px;
}
#car .inner .slick-next{ 
	position:absolute; 
	right:-70px; 
	top:50%; 
	margin-top:-29px; 
	z-index:1000; 
	width:58px; 
	height:58px; 
	border:0px; 
	background:url(/campaign_common/imgs/lp/common/btn_next.png) no-repeat 0 0; 
	text-indent:-9999px;
}
#car .inner .slick-dots{ 
	position:absolute; 
	left:0; 
	bottom:0; 
	z-index:1000; 
	text-align:center; 
	width:100%; 
}
#car .inner .slick-dots li{ 
	display:inline-block; 
	margin:0 7px; 
}
#car .inner .slick-dots li button{ 
	width:23px; 
	height:23px; 
	margin:0; 
	padding:0; 
	line-height:0; 
	border:0px; 
	background:url(/campaign_common/imgs/lp/common/icon_pager.png) no-repeat 0 0; 
	background-size:auto 100%; 
	text-indent:-9999px; 
}
#car .inner .slick-dots li.slick-active button{ 
	background:url(/campaign_common/imgs/lp/common/icon_pager_a.png) no-repeat 0 0;
	background-size:auto 100%; 
}

#car .inner .slick-slide{ 
	text-align:center; 
}
#car p{ 
	text-align:center; font-size:1.4rem; 
}
#car .inner .slick-slide .in{
	width:90%;
	margin:0 auto;
	padding-top: 90%;
	text-align:center;
	background:#f5f4eb;
	border-radius: 50%;
	position:relative;
}
#car .inner .slick-slide .in img{
	width:100%;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
}
#car .inner .slick-slide .in .data{
	width:100%;
	margin:0 auto;
	color:#333;
	position:absolute;
	bottom:18px;
	left:0;
	right:0;
	z-index:2;
}
#car .inner .slick-slide .maker{ 
	font-size:14px;
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 0 2px #f5f4eb,-1px 0 2px #f5f4eb,0 1px 2px #f5f4eb,0 -1px 2px #f5f4eb,
				1px 0 2px #f5f4eb,-1px 0 2px #f5f4eb,0 1px 2px #f5f4eb,0 -1px 2px #f5f4eb,
				1px 0 2px #f5f4eb,-1px 0 2px #f5f4eb,0 1px 2px #f5f4eb,0 -1px 2px #f5f4eb;
}
#car .inner .slick-slide .carname{ 
	font-size:16px;
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 0 2px #f5f4eb,-1px 0 2px #f5f4eb,0 1px 2px #f5f4eb,0 -1px 2px #f5f4eb,
				1px 0 2px #f5f4eb,-1px 0 2px #f5f4eb,0 1px 2px #f5f4eb,0 -1px 2px #f5f4eb,
				1px 0 2px #f5f4eb,-1px 0 2px #f5f4eb,0 1px 2px #f5f4eb,0 -1px 2px #f5f4eb;
}
#car .inner .slick-slide .category{
	display:inline-block;
	margin-top:4px;
	padding:3px 0.8em 2px;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#333;
	border-radius:3px;
}

@media screen and (max-width: 767px) {
	#car{ 
		margin:0 auto 0px; 
		padding:60px 3% 0; 
	}
	#car .inner #slider ul.slick-slider{ 
		padding:0 0 25px;
	}
	
	#car .inner .slick-prev{ 
		left:-3%; 
		top:100%; 
		width:26px; 
		height:30px; 
		background:url(/campaign_common/imgs/lp/common/btn_slide_prev_04.png) no-repeat 0 0; 
		background-size:26px 30px; 
	}
	
	#car .inner .slick-next{ 
		position:absolute; 
		right:-3%; 
		top:100%; 
		width:26px; 
		height:30px; 
		background:url(/campaign_common/imgs/lp/common/btn_slide_next_04.png) no-repeat 0 0; 
		background-size:26px 30px; 
	}

	#car .inner .slick-dots li{ 
		margin:0 2px; 
	}
	#car .inner .slick-dots li button{ 
		width:6px; 
		height:6px; 
	}
	#car p{ 
		text-align:left; 
		font-size:1.2rem; 
	}

	#car .inner .slick-slide .in .data{
		bottom:5px;
	}
	#car .inner .slick-slide .maker{ 
		font-size:10px;
	}
	#car .inner .slick-slide .carname{ 
		font-size:12px;
	}
	#car .inner .slick-slide .category{
		margin-top:0;
		font-size:10px;
	}
					
}

				
				
				
				
				
/*----------------------------------------------------
	camp_info
----------------------------------------------------*/

#camp_info { text-align:left; margin:0 0 30px 0; }

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

	#camp_info { font-size:1.4rem; }
	#detailinfo { font-size:1.4rem; }
	
}

#camp_info .beltTTL {
	padding:5px 0;
	font-size:1.15em;
	line-height:32px;
	letter-spacing:0.2em;
	text-align:center;
	color:#ffffff;
	background:#666666;
}

#camp_info #camp_info_list { margin:0 0 15px; padding:25px; background:#eeeeee; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#camp_info #camp_info_list label { width:250px; display:block; margin:15px auto 10px; padding:5px 10px; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-align:center; }

#camp_info #submit{
	display:block;
	width:470px;
	height:64px;
	margin:0 auto 0 auto !important;
	background:url(/campaign_common/imgs/lp/common/entry_btn_off.gif) 0 0 no-repeat;
	cursor:pointer;
	font-size:0;
	border:none;
	color:#663300;
}
#camp_info #submit:hover{
	background:url(/campaign_common/imgs/lp/common/entry_btn_on.gif) 0 0 no-repeat;
}

#camp_info #submit2 { 
	width:400px; 
	margin:0 auto; 
	padding:10px 0; 
	font-size:2.0rem; 
	line-height:1.8; 
	font-weight:bold; 
	text-align:center;
	letter-spacing:2px;
	color:#ffffff; 
	display:inline-block; 
	border-radius:5px; 
	background:url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat 5% 50% #089942;
}
#camp_info #submit2:hover { 
	text-decoration:none!important; 
	color:#089942; 
	background:url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat 5% 50% #eeeeee;
}
#camp_info #submit2[disabled]{
	background:url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat 5% 50% #eeeeee;
	color:#333; 
}

.coutionList2 { margin:0; padding:0; }
.coutionList2 li { margin:0 0 8px; padding:0 0 0 28px; position:relative; }
.coutionList2 li > span { margin:0; padding:0; position:absolute; top:0; left:0; }
.coutionList2 li em { display:block; }

@media screen and (max-width: 767px) {
	#camp_info #camp_info_list { padding:15px; }
	#camp_info #camp_info_list label { width:100%; box-sizing:border-box; display:block; margin:15px auto 10px; padding:5px 10px; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-align:center; }
	#camp_info #submit2 {  width:80%; font-size:1.4rem; }
	.coutionList2 { margin:0; padding:0; }
	.coutionList2 li { margin:0 0 8px; padding:0 0 0 28px; line-height:1.5; position:relative; }
	.coutionList2 li > span { margin:0; padding:0; position:absolute; top:0; left:0; }
	.coutionList2 li em { display:block; }
}


.buyimg {
	width:90%;
	max-width:370px;
	margin:0 auto;
	padding:10px 0;
}



.corpList {
	margin-top:1em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.corpList li{
	width:100%;
	padding-left:1.2em;
	font-size:1em;
	box-sizing:border-box;
	overflow:hidden;
}
.corpList li::before{
	content: '●';
	color:#16a040;
	position: absolute;
	top:0;
	left:0;
}
.noinput {
	font-size:1.4rem;
	color:#ff3300;
}
.noinput a {
	text-decoration:underline;
	color:#ff3300;
}
.noinput a:hover {
	text-decoration:none;
}

#camp_info #camp_info_list label.check { 
	width:100%; 
	display:block; 
	margin:15px auto 10px; 
	padding:5px 10px; 
	background:#fff;
	font-size:14px;
	border-radius:3px; 
	text-align:center;
}

@media screen and (min-width: 768px) {
	.corpList li{
		width:50%;
	}
	#camp_info #camp_info_list label.check { 
		width:500px; 
		font-size:16px;
	}
	.noinput {
		font-size:1.6rem;
	}
}

.figureBox {
	margin:20px 0 0!important;
	padding:20px 10px!important;
	text-align:center;
	background:#ffffff;
	border-radius:6px;
}
.figureBox img {
	max-width:850px;
	margin:0 auto;
}

#companySelectBox {
	margin:20px 0;
	padding:15px;
	background:#ffffff;
	border-radius:6px;
}
#companySelect {
	width:100%;
	max-width:600px;
	margin:0 auto;
	border: 1px solid #17a242;
	border-radius: 6px;
	overflow:hidden;
	position:relative;
}
#companySelect select {
	width: 100%; 
	height: 44px; 
	padding: 0 60px 0 17px; 
	font-size: 1em; 
	border: none;
	outline: none;
	letter-spacing: 0.05em; 
	appearance: none; 
}
#companySelect::before {
	display: block;
	content: '';
	width:42px;
	height:100%;
	background:#17a242;
	position:absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	z-index:1;
	transition:all 0.5s ease;
}
#companySelect:hover::before {
	background: #24956b;
}
#companySelect::after{
	display: block;
	content: '';
	margin: auto 0;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position:absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	pointer-events: none;
	z-index:2;
}
#companySelect select::-ms-expand{
	display: none;
}
#companySelectBox .group {
	display:none;
	max-width:600px;
	margin:15px auto 0;
}
#companySelectBox .group ul {
	padding:0;
	margin:10px 0 0;
}
#companySelectBox .group ul li {
	padding:0 0 0 1em;
	margin:0;
	position:relative;
}
#companySelectBox .group ul li::before {
	content: '●';
	color:#17a242;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (min-width: 768px) {
	#companySelectBox {
		padding:20px;
	}
	#companySelect select {
		font-size: 1em; 
	}
}


/* -----------------------------------------------------------------
.entry_metro
--------------------------------------------------------------------*/
.entry_metro {
	width:100%;
}
.entry_metro .entryBtnList {
	width:90%;
	max-width:640px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.entry_metro .entryBtnList li{
	width:100%; 
	text-align:center;
}
.entry_metro .entryBtnList li p {
	display:block;
	width:100%;
	margin:0 0 15px;
	padding:0;
	letter-spacing:0em;
	font-weight:bold;
	position:relative;
}
.entry_metro .entryBtnList .btn {
	width:100%;
	max-width:320px; 
	margin:0 auto; 
	padding:10px 0; 
	font-size:1.8rem; 
	line-height:1.8; 
	font-weight:bold; 
	text-align:center;
	color:#ffffff; 
	display:block; 
	border-radius:5px; 
	background:url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat 5% 50% #089942;
}
.entry_metro .entryBtnList .btn:hover { 
	text-decoration:none!important; 
	color:#089942; 
	background:url(/imgs/common/icon_arrow_ylw_r_01.png) no-repeat 5% 50% #eeeeee;
}

.entry_metro .appBtnList {
	width:90%;
	max-width:400px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.entry_metro .appBtnList li{
	width:50%; 
	text-align:center;
}
.entry_metro .appBtnList li img{
	width:90%;
	max-width:173px;
}


@media screen and (max-width: 767px) {
	.entry_metro {
		padding:40px 0 0;
	}
	.entry_metro .entryBtnList li{
		margin-top:20px;
	}
	.entry_metro .entryBtnList li:first-child{
		margin-top:0;
	}
	.entry_metro .entryBtnList .btn {
		font-size:1.5rem; 
		line-height:1.8; 
	}
}
@media screen and (min-width: 768px) {
	.entry_metro {
		padding:60px 0 0;
	}
	.entry_metro .entryBtnList li{
		width:300px; 
		text-align:center;
	}
	.entry_metro .entryBtnList .btn {
		font-size:1.8rem; 
		line-height:1.8; 
		letter-spacing:0.05em;
	}
}


/* -----------------------------------------------------------------
#point_metro
--------------------------------------------------------------------*/
#point_metro {
	width:100%;
}
#point_metro .leadTxt {
	width:100%;
	max-width:800px;
	margin:0 auto;
	line-height:1.8em;
	letter-spacing:0.05em;
	text-align:left;
}
#point_metro .box {
	width:90%;
	max-width:982px;
	margin:0 auto;
	background:#f1f0f0;
	border-radius:5px;
	box-sizing:border-box;
}
#point_metro .rootimage {
	width:100%;
	text-align:center;
}
#point_metro .rootimage img {
	width:100%;
	margin:0 auto;
	border-radius:5px;
}

@media screen and (max-width: 767px) {
	#point_metro {
		padding:30px 0 0;
	}
	#point_metro .box {
		padding:30px 20px;
	}
	#point_metro .leadTxt {
		font-size:1.4rem;
	}
	#point_metro .rootimage img {
		max-width:600px;
	}
}
@media screen and (min-width: 768px) {
	#point_metro {
		padding:40px 0 0;
	}
	#point_metro .box {
		padding:60px 40px;
	}
	#point_metro .leadTxt {
		text-align:center;
	}
	#point_metro .rootimage img {
		max-width:840px;
	}
}



/* -----------------------------------------------------------------
.infoList
--------------------------------------------------------------------*/

.infoList {
	margin:0;
	padding:0;
}
.infoList > li {
	margin:8px 0 0;
	padding:0 0 0 1em;
	text-indent:-1em;
	position:relative;
}

.infoList2 {
	margin:0;
	padding:0;
}
.infoList2 > li {
	margin:8px 0 0;
	padding:0 0 0 2.25em;
	text-indent:0;
	position:relative;
}
.infoList2 > li .mark {
	position:absolute;
	top:0;
	left:0;
}

/* -----------------------------------------------------------------
 /tp/000/
--------------------------------------------------------------------*/

#carimg {
	width:100%;
	margin:0 auto;
}

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

	#carimg {
		width:980px;
	}

}


/* -----------------------------------------------------------------
 catchTxt
--------------------------------------------------------------------*/
.catchTxt .txt {
	display:inline-block;
	padding:0 25px;
	position:relative;
}
.catchTxt .txt::before,
.catchTxt .txt::after{
	display:block;
	content:"";
	width:20px;
	height:2px;
	margin:auto 0;
	background:#000;
	position:absolute;
	top:0;
	bottom:0;
}
.catchTxt .txt::before{
	left:0;
	transform: rotate(60deg);
}
.catchTxt .txt::after{
	right:0;
	transform: rotate(-60deg);
}
@media screen and (min-width: 768px) {
	.catchTxt .txt {
		padding:0 28px;
		font-size:1.28em;
	}
	.catchTxt .txt::before {
		width:24px;
	}
}



/* -----------------------------------------------------------------
 entrySelectBox
--------------------------------------------------------------------*/

.entrySelectBox{
	width:100%;
	margin-bottom:40px;
	background:#eee;
	border-radius:8px;
	overflow:hidden;
}
.entrySelectBox .leadTxt {
	width:100%;
	padding:10px;
	font-size:1.24em;
	color:#fff;
	background:#999;
}
.entrySelectBox .selectBox{
	width:100%;
	padding:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	box-sizing:border-box;
}
.entrySelectBox .lBox,
.entrySelectBox .rBox {
	width:50%;
	margin:0;
	padding:20px 0;
	text-align:center;
	box-sizing:border-box;
}
.entrySelectBox .lBox label,
.entrySelectBox .rBox label {
	display:block;
	margin:0 0 12px;
}
.entrySelectBox .entryBtn3 {
	width:90%!important;
}
.entrySelectBox .entryBtn3:hover {
	background-color:#fff!important;
}
.entrySelectBox .entryBtn3.no {
	pointer-events: none;
	color:#666;
	background:#ddd;
}

@media screen and (max-width: 767px) {
	.entrySelectBox .selectBox{
		padding:0 10px;
	}
	.entrySelectBox .lBox,
	.entrySelectBox .rBox {
		width:100%;
	}
	.entrySelectBox .rBox {
		border-top:1px solid #999;
	}
	.catchTxt .txt {
		padding:0 28px;
		font-size:1.28em;
	}
	.catchTxt .txt::before {
		width:24px;
	}
	.entrySelectBox .entryBtn3 {
		font-size:1.6rem!important;
	}
}

@media screen and (min-width: 768px) {
	.entrySelectBox .lBox,
	.entrySelectBox .rBox {
		width:50%;
	}
	.entrySelectBox .rBox {
		border-left:1px solid #999;
	}
	.entrySelectBox .lBox label,
	.entrySelectBox .rBox label {
		font-size:1.12em;
	}
}

#fixBanner {
	width:100%;
	padding:8px 0;
	text-align:center;
	background:#fff;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	position:fixed;
	left:0;
	bottom:0;
	z-index:2;
}
#fixBanner .entryBtn {
	display:block;
	width:90%;
	max-width:360px;
	margin:0 auto;
	padding:5px 0;
	font-size:1.8rem;
	line-height:1.4;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#fff;
	text-decoration:none;
	background:#E60012;
	border-radius:5px;
	position:relative;
	transition:background 0.5s ease;
}
#fixBanner .entryBtn:hover {
	background:#c60010;
}
#fixBanner .entryBtn::after {
	display:inline-block;
	content:"";
	height:0;
	margin:auto 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: calc(tan(60deg) * 8px) solid #ffffff;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	transition:all 0.5s ease;
}
#fixBanner .entryBtn:hover::after {
	right:15px;
}