@charset "utf-8";

#SCT1 .step:after,
#contents .quo:after,
#maincontents:after,
#topicpath:after,
.block:after,
.row:after,
.button_01:after,
.button_02:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#SCT1 .step,
#contents .quo,
#maincontents,
#topicpath,
.block,
.row {
	zoom: 1;
}

#topicpath {
	margin: 0 auto 0 auto;
	width: 964px;
	height: 27px;
	text-align: left;
	overflow: hidden;
	margin-bottom:10px;
	font-size:11px;
}
#topicpath ul li{
	display:inline;
}
#topicpath ul li a{
}
	#topicpath a {
		color: #006699 !important;
	}
	#topicpath .pankuzu {
		padding-top: 10px;
		float: left;
	}

#pageBody {
	margin: 0;
	width: auto;
	text-align: center;
}
#contents {
	background: url(/IMAGES/DRIVENAVI/CAMPAIGN/bg_contents.png) repeat-y left top;
	margin: 0 auto 25px auto;
	max-width: 964px;
	text-align: left;
}
#contents strong {
	font-weight: bold;
}
#topcontents {
	position: relative;
	background: url(/IMAGES/DRIVENAVI/CAMPAIGN/main_pht.jpg) no-repeat left top;
	margin: -2px -5px 0 -5px;
	width: 974px;
	height: 385px;
}
#topcontents .term {
	padding: 30px 0 0 0;
	margin-bottom: 23px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75;
	color: #fff;
	text-align: center;
}
#topcontents h1 {
	margin-bottom: 44px;
	text-align: center;
}
#topcontents h3 {
	margin-bottom: 8px;
	text-align: center;
}
#topcontents .lead {
	font-size: 14px;
	line-height: 1.44;
	text-align: center;
}
#topcontents .lead strong {
	display: inline-block;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
}

/*#maincontents a {
	color: #c81444;
	text-decoration: underline;
}
#maincontents a:hover {
	color: #c81444;
	text-decoration: none;
}*/


#maincontents {
	background: url(/IMAGES/DRIVENAVI/CAMPAIGN/bg_contents_b.png) no-repeat left bottom;
	padding-bottom: 3px;
}
#maincontents .quo {
	background-color: #fafafa;
	border-bottom: solid 1px #d0d0d0;
	margin: 0 3px;
	padding: 16px 0;
}
#maincontents .quo .image {
	padding-left: 34px;
	float: left;
}
#maincontents .quo .pack {
	margin-left: 324px;
	padding: 12px 0 0 0;
}
#maincontents .quo .pack h3 {
	margin-bottom: 11px;
	font-size: 16px;
	font-weight: bold;
	color: #c81444;
}
#maincontents .quo .pack p {
	font-size: 14px;
	line-height: 1.45;
}
#SCT1 {
	margin: 0 1px;
	padding-top: 40px;
}

/*#SCT1 {
	margin: 0 3px;
	padding: 53px 0 60px 0;
}*/

#SCT1 h2 {
	margin-bottom: 30px;
	text-align: center;
}
#SCT1 .lead {
	margin-bottom: 15px;
	font-size: 16px;
	text-align: center;
}
#SCT1 h3 {
	margin-bottom: 43px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#SCT1 .step {
	background: url(/IMAGES/DRIVENAVI/CAMPAIGN/step_bg.png) no-repeat 69px 0;
	margin: 0 35px 64px 35px;
}
#SCT1 .step .image {
	float: right;
}
#SCT1 .step ol {
	padding-top: 30px;
	list-style: none;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	font-weight: bold;
	line-height: 1.25;
}
#SCT1 .step li {
	margin-left: 160px;
	font-size: 16px;
}
#SCT1 .step ol .li1 {
	margin-bottom: 62px;
}
#SCT1 .step ol .li2 {
	margin-bottom: 56px;
}
#SCT1 .step ol .li3 {
	margin-bottom: 55px;
	font-size: 18px;
}
#SCT1 .step ol .li4 {
	font-size: 14px;
	line-height: 1.45;
}
#SCT1 .btnSet {
	text-align: center;
}
#SCT1 .btnSet .btn1 {
	margin-bottom: 20px;
}
#SCT1 .btnSet p {
	margin-bottom: 13px;
	font-size: 15px;
	line-height: 1.45;
	text-align: center;
}
/*#SCT1 .btnSet .btn2 {
	padding-top: 13px;
*/


#SCT2 {
	background-color: #f3f3f3;
	border-top: solid 1px #d0d0d0;
	margin: 0 3px;
	padding: 25px 0 30px 0;
}
#SCT2 h3 {
	margin: 0 95px 9px 95px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.65;
	color: #777;
}
#SCT2 ul {
	margin: 0 95px;
	font-size: 13px;
	line-height: 1.65;
	color: #777;
}
/*--from_sep--*/
#SCT2 ul li a{
	color: #c81444;
	text-decoration: underline;
}
#SCT2 ul li a:hover{
	color: #c81444;
	text-decoration: none;
}
/*--from_sep--*/

#SCT3 {
	background-color: #656565;
	margin: 0 3px;
	padding: 37px 0 23px 0;
}
#SCT3 dl {
	margin: 0 95px 23px 95px;
	color: #fff;
}
#SCT3 dt {
	padding: 3px 0 0 7px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	color: #fff;
}
#SCT3 dd {
	border-left: solid 1px #b2b2b2;
	margin-left: 181px;
	padding-left: 25px;
	font-size: 12px;
	line-height: 1.75;
}
#SCT4 {
	padding: 60px 10px 40px;
}



#SCT4 h2 {
	margin-bottom: 10px;
	text-align: center;
}
#SCT4 .sct4box{
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
#SCT4 .sct4box .banner{
	padding:20px;
}
#SCT4 .clear{
	clear:both;
}

/*--from_sep--*/
ul.button_01 li{
	float: left;
	width: 260px;
	padding-right: 20px;
}
ul.button_01 li:last-child{
	padding-right: 0;
}
ul.button_01{
	margin-bottom: 25px !important;
}
ul.button_01 p{
	text-align: center;
}
ul.button_01 li a p{
	color:#333333 !important;
	text-decoration: none !important;
}
ul.button_01 li a:hover p{
	color:#c81444 !important;
	text-decoration: underline !important;
}


ul.button_02 li{
	float: left;
	width: 168px;
	padding-right: 49px;
}
ul.button_02 li:last-child{
	padding-right: 0;
}
ul.button_02{
	width: 821px;
}
ul.button_02 p{
	text-align: center;
}
ul.button_02 li a p{
	color:#333333 !important;
	text-decoration: none !important;
}
ul.button_02 li a:hover p{
	color:#c81444 !important;
	text-decoration: underline !important;
}
.btn1 img:hover,.btn2 img:hover{
	opacity: 0.8 ;
}
/*--from_sep--*/
		.mb60{
			margin-bottom: 20px;
		}	
		.mb_sli1{
			margin-bottom: 20px;
		}	
		.slder1 .swiper-container{
			text-align: center;
		}
		@media(min-width: 992px){
			.slider1 .swiper-wrapper{
				flex-wrap:wrap;
			}
			.slider  .swiper-slide{
			    width: auto;
    padding: 0 5px;
    height: auto;
			}
			.swiper-button-prev,.swiper-button-next,.swiper-pagination{
				display: none;
			}
		}
		.slider .swiper-slide img{
			width: 100%;
			height: auto;
		}
		.prettyprint{
			border: none;
			background: #fafafa;
			color: #697d86;
		}
		
		
		.dc-37 { padding: 30px 0px 0; }

@media screen and (max-width: 599px) { .dc-37 {    padding-left: 10px;    padding-right: 10px;    padding-top: 0; } }

.dc-37__lead { padding-bottom: 20px;  font-size: 14px; }

.dc-37__body { padding-top: 20px;margin: 0 auto;width: 692px; }

.dc-37-cards:before, .dc-37-cards:after { content: ''; display: table; }

.dc-37-cards:after { clear: both; }

@media screen and (max-width: 599px) { .dc-37-cards { height: 215px; overflow: hidden; margin-left: -10px; margin-right: -10px; } }

@media screen and (max-width: 599px) { .dc-37-cards__list { height: 215px; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; font-size: 0; white-space: nowrap; } }

.dc-37-cards__item { float: left; width: 214px; margin-right: 20px; margin-bottom: 20px; }


@media screen and (max-width: 599px) { .dc-37-cards__item { float: none; display: inline-block; margin-right: 10px; font-size: 12px; }
  .dc-37-cards__item:first-child { margin-left: 10px; } }



.dc-37-card__text { box-sizing: border-box; padding: 0 12px; height: 110px;  }

.dc-37-card__spot { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 10px;padding-bottom: 5px; text-align: left;font-size: 14px; }

.dc-37-card__spot a { font-size: 13px; font-weight: bold; }

.dc-37-card__author { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 5px; font-size: 12px;text-align: left; }

.dc-37-footer-link { margin-top: 30px; text-align: center; }

.dc-37-footer-link a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; box-sizing: border-box; max-width: 100%; font-weight: bold; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; color: #fff; position: relative; padding: 10px 20px 9px 30px; background: #c71444; text-decoration: none; font-size: 13px; font-weight: bold; }

.dc-37-footer-link a:hover { text-decoration: none; }

.dc-37-footer-link a:link, .dc-37-footer-link a:visited, .dc-37-footer-link a:active, .dc-37-footer-link a:hover { color: #fff; }

.dc-37-footer-link a:before { content: ''; position: absolute; top: 50%; left: 8px; width: 7px; height: 7px; margin-top: -5px; border-style: solid; border-color: #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (max-width: 599px) { .dc-37-footer-link a { padding: 9px 15px 8px 30px; font-size: 12px; } 


.swiper_wid {width: 100%;}}
li{list-style: none;}

.swiper_wid {    border: #cccccc 1px solid;}

.other_post{font-size: 16px;
    width: 850px!important;
    margin: 0 auto!important;
    text-align: right;}
.other_post a{color: #c81444;text-decoration: underline;font-weight: bold;}
.other_post a:hover{color: #c81444;text-decoration: none;font-weight: bold;}
@media screen and (max-width: 599px) { 
div#container img{max-width:100%;}

.method {    padding: 60px 0px;    margin: 0 30px;}
	
.method .method_txt {
    padding: 30px 0 0px;
}
		
	
#SCT4 .sct4box{    display: block;}





.other_post{width: 100%!important;}


		.mb60{
			margin-bottom: 30px;
		}	

		.other{margin-bottom: 30px;}
		.mb_sli1{
			margin-bottom: 10px;
		}	


   .slider1	.swiper-pagination{    bottom: 20px;}
	.slider1 .swiper-container{padding: 0px 0px 40px;}

.slider2 .swiper-pagination{    bottom: 20px;}
.slider2 .swiper-container{padding: 0px 0px 40px;}


}



.method_txt{      padding: 0px 0 30px;
    margin: 0 30px;
    text-align: left;
    font-size: 14px;
    line-height: 1.4;}


.method img{    margin: 0 auto;
    max-width: 90%!important;}




#SCT2 h3 {    margin: 0 25px 9px;}
#SCT2 ul {    margin: 0 25px;}



 


@media screen and (min-width: 599px){
	
 .slide1 .swiper-slide{
  float: left; width: 214px!important; margin-right: 20px; margin-bottom: 20px; }
 .slide1 .swiper-wrapper {
    width: 765px!important;
    margin: 0 auto!important;
    display:block!important;}
	
	.main_mgn{ margin: 0 2px;}
	
	
	.other {
    margin-bottom: 30px;
}

.method_txt{        max-width: 86%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 0;
    font-size: 16px;
    line-height: 1.6;}

.method {    padding: 60px 0px;    margin: 0 30px;}
	

	
  .sp_br{    display: none;  }


#maincontents #SCT4 {    padding: 40px 0px 0px;}
#SCT4 .sct4box .banner{
	padding:15px 20px;
}

div.slider2 {
    width: 680px;
    margin: 0 auto 20px;
}



  .slider2 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .slider2 .swiper-slide {
    width: 44%;
    padding: 15px 20px;
  }


.pickup .swiper-wrapper .swiper-slide img {
    width: 100%;
}

  .slider2 .swiper-button-prev,
  .slider2 .swiper-button-next,
  .slider2 .swiper-pagination {
    display: none;
  }
}





.method {    background-color: #e9e9e9;border-radius:10px;}
.lead_b{font-size:18px;font-weight:bold;}



/*--banner--*/
.dc-11, .dc-11--border-none { padding: 20px 20px 0; }

.dc-11__inner { border-top: 1px solid #bababa; padding-top: 20px; }

.dc-11__image { text-align: center; }

.dc-11__text { padding: 20px 0 0; }

.dc-11__body { font-size: 14px; line-height: 1.6; }

.dc-11--border-none .dc-11__inner { border-top: 0; padding-top: 0; }

.dc-11-images { display: inline-table; }

.dc-11-images__item { display: table-cell; width: 300px; }

.dc-11-images__item:first-child { padding-right: 40px; }

.dc-11-images__item img { width: 300px; }

.dc-11-images__item img:hover { width: 300px; opacity: 0.8; }

.dc-11-images__caption { padding: 10px; background: #f3f3f3; font-size: 14px; text-align: left; }


@media (min-width: 600px) {
  .slider1 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .slider1 .swiper-slide{
    width: 28%;
    padding: 10px;
  }
  .slider1 .swiper-button-prev,
  .slider1 .swiper-button-next,
  .slider1 .swiper-pagination {
    display: none;}

.slider1 .swiper-slide img{    width: 100%;}
  
}


div#contents {
    width: auto;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.pc_in { display:initial!important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 599px) {
.pc { display: none !important; }
.pc_in { display: none !important; }
.sp { display: block !important; }
}


/*swiper 関連*/

.swiper-pagination-bullet-active {
    background: #c71444!important;
}
.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

/*RWD Image Maps関連*/

img[usemap] {
    max-width: 100%;
    height: auto;
}