.mv_wrap small {
	color: #fff;
	position: absolute;
	left: 20px;
	margin: 0 auto;
	bottom: 10px;
	font-size: 13px;
}

#section01{
        background-image: url("../images/sec01_bg.jpg");
}
.section_cont .section_cont_img.movie_cont{width: 100%;padding-top: 0px;}
.section_cont .section_cont_img .movie_box{
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	padding-top: 56.2%;
}

.section_cont .section_cont_img .movie_box p,
.section_cont .section_cont_img .movie_box iframe{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.section_cont .section_cont_img .movie_box p .icon_play{
    width: 115px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.section_cont .section_cont_img h6{font-size: 16px;line-height: 1.3;color: #031d44;font-weight: bold;margin-bottom: 10px;}
.text01{font-size: 20px;line-height: 1.3;color: #031d44;font-weight: bold;text-align: left;width: 100%;margin: 0 auto 40px auto;}
.text02{font-size: 17px;line-height: 1.3;color: #031d44;font-weight: bold;text-align: left;width: 100%;margin: 0 auto 20px auto;}
.text03{font-size: 15px;line-height: 1.3;color: #031d44;font-weight: bold;text-align: left;width: 100%;margin: 0 auto 20px auto;}
.text03 span{display: block;margin-top: 5px;font-weight: normal;}
/*
.text01{font-size: 20px;margin-bottom: 20px !important;}
.text02{font-size: 17px;margin-bottom: 20px !important;}
.text03{font-size: 15px;margin-bottom: 20px !important;}
*/
.Questionnaire_wrap {background-color: #FFF;}
#section_profile {background-color: #ebf0f5;}
._pc {display: block!important;}
._sp {display: none !important;}

.banner_area {display: block;width: 980px;margin: 0 auto;padding: 100px 0;border-top: 1px solid #D6D6D6;box-sizing: border-box;}
.banner_area .inner {width: 490px;margin: 0 auto;}
.banner_area a {transition: 0.5s;}
.banner_area a:hover {opacity: 0.7;}

.bnr_area {
  display: block;
  width: 980px;
  margin: 0 auto;
  padding: 100px 0;
  border-top: 1px solid #D6D6D6;
  box-sizing: border-box;
}
.bnr_area a {width: 690px;display: block;margin: 0 auto;transition: 0.5s;}
.bnr_area a:hover {opacity: 0.7;}
@media screen and (max-width: 735px) {
    #section01{
        background-image: url("../images/sec01_bg_sp.jpg");
    }
    .section_cont .section_cont_img .movie_box p .icon_play{
        width: 85px;
    }
}
@media screen and (min-width: 736px) {
    .section01_image_wrap{
        position: absolute;
        top: 135px;
        right: 0px;
    }
}

@media screen and (max-width: 735px) {
    .section01_image_wrap{
        margin: 0 0 50px;
        position: relative;
    }
}

#section01 .section01_image{
    width: 340px;
    position: relative;
}

@media screen and (max-width: 735px) {
    #section01 .section01_image{
        width: 260px;
        margin: 0 auto;
    }
}

#section01 .section01_image::after{
    content: '';
	display: block;
	width: 85%;
	padding-top: 85%;
    position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}


#section02{
    background-image: url("../images/sec02_bg.jpg");
}
@media screen and (max-width: 735px) {
    #section02{
        background-image: url("../images/sec02_bg_sp.jpg");
    }
}
/*#section01 .section_head h3, */#section02 .section_head h3{
    color: #031d44;
}
/*#section01 .section_head p, */#section02 .section_head p{
    color: #031d44;
}


#section03{
    background-image: url("../images/sec03_bg.jpg");
}
@media screen and (max-width: 735px) {
    #section03{
        background-image: url("../images/sec03_bg_sp.jpg");
    }
}

@media screen and (min-width: 736px) {
    .section02_image{
        width: 695px;
        position: absolute;
        top: 80px;
        right: -240px;
    }
}

@media screen and (max-width: 735px) {
    .section02_image{
        padding: 90px 0;
    }
}


.mod-Bg-blue {background: #eaeff5;/*background: #f6f8fb;*/padding: 1px 0;}
.mod-Bg-white {background: #FFF;}
.mod-TitlePerson {padding: 0px;/*padding: 14px 10px 12px 10px;background: #f6f8fb;*/}
.mod-TitlePerson span.dep{font-size: 15px;line-height: 1.5 !important;display: block;margin-bottom: 5px;}

/*#cont02.u-inner {max-width: 980px;margin: 0 auto;margin-bottom: 0px;background-color: #ecf0f6;}
.mod-Title5 {position: relative;line-height: 1.5;}
.mod-Title5 {font-size: 36px;padding: 50px 40px 0px 40px;margin: 0px;}
.mod-Bg-gray .mod-Row {padding: 30px 40px 50px 40px;margin: 0px !important;}
*/




/*  ビデオエリア  */
.mod-Movie{width: 100%;margin: 0px;position: relative;padding-bottom: 56%;overflow: hidden;}
.mod-Movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/*-----------------------------------------------------------------*/
.sup {vertical-align: super;}
p.caution_txt {
	line-height: 1.6em;
	padding-top: 1em;
}

.section_cont_wrap {
	display: block;
}
.section_cont {
	display: flex;
	justify-content: space-between;
	flex-flow: nowrap;
}
.section_cont_box {
	width: 550px;
}

.section_cont .section_cont_img{
    display: block;
}

.section_cont_img {
    width: 365px;
    padding-top: 164px;
}

.section_cont_img figure {
	margin-bottom: 30px;
	position: relative;
}

.section_cont_img figcaption {
	font-size: 13px;
	line-height: 1.4em;
	padding-top: 0.5em;
}

.wide_image figcaption {
	font-size: 15px;
	line-height: 1.4em;
	padding-top: 1em;
}

.section_cont_split:first-child{
    width: 100%;
}

.section_cont_split:last-child{
    width: 100%;
    padding-top: 0;
}


.section_cont_wrap video {
	width: 100%;
}

.wide_image {
	width: 980px;
	text-align: center;
}

.wide_image_flex {
	width: 860px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.wide_image_flex.max {
	width: 980px;
}
.wide_image_flex.max2 {
	width: 980px;
    gap: 5px 2%;
}
.wide_image figure {
	margin-top: 60px;
	position: relative;
}

.wide_image_flex figure {
	margin-top: 60px;
	width: 400px;
	position: relative;
}

.wide_image_flex.max figure {
	margin-top: 0px;
	width: 48%;
	position: relative;
}
.wide_image_flex.max2 figure {
	margin-top: 0px;
	width: 32%;
	position: relative;
}
.wide_image_flex figcaption {
	font-size: 15px;
	line-height: 1.4em;
	padding-top: 0.5em;
}
.wide_image_flex figcaption a {font-size: 14px;color: #031d44;opacity: 1;}
.wide_image_flex figcaption a:hover {opacity: 0.5;}
.wide_image_flex figcaption a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/arrow.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.top_mg0 {
	margin-top: 0;
	padding-top: 0;
}

.no_frex { display: block !important;}

.local_img_mg1 { padding: 0 30px 50px 0;} /*知能化運転支援固有のスタイル*/
.local_img_mg2 { padding: 0 0 0 30px;} /*知能化運転支援固有のスタイル*/

/*#section02 .section_head, #section03 .section_head {
    height: 490px;
    padding-top: 140px;
}*/

.mov:hover {
	opacity: 0.8;
}

.mov::after {
	content: url("../common/img/icon_play.png");
	transform: scale(0.3);
	position: absolute;
	top: -9px;
	left: 82px;
}
/*
.section_cont h5 {
	font-size: 23px;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
}
*/
#section01 .section_cont_wrap{
    background-color: rgba(255, 255, 255, 0.8);
}

#section02 .section_cont_wrap{
    background-color: rgba(255, 255, 255, 0.5);
}

#section03 .section_cont_wrap{
    background-color: rgba(255, 255, 255, 0.8);
}

/*-----------------------------------------------------------------*/
@media screen and (max-width: 735px) {
	
.mv_wrap small {
	font-size: 11px;
}

	.section_cont {
		display: block;
        padding: 0 calc(50% - 150px);
	}
	
	.section_cont_split:last-child{
        display: block;
    }
	
	.section_cont_box, .section_cont_wide {
		width: 300px;
		margin: 0 auto;
	}
	.section_cont_img {
	    width: 300px;
		margin: 0 auto;
		padding-top: 0;
	}

	.wide_image {
		width: 300px;
		text-align: center;
		margin: 0 auto;
	}
	
	.wide_image img {
		width: 100%;
	}
	.wide_image figure {
		margin-top: 30px;
	}

	.wide_image figcaption {
		font-size: 13px;
		text-align: left;
	}
	
	
	.wide_image_flex {
		width: 300px;
		display: block;
	}
	
	.wide_image_flex figure {
		margin-top: 30px;
		width: 100%;
	}

	.wide_image_flex figcaption {
		font-size: 13px;
	}

	.mov::after {
		transform: scale(0.3);
		top: -35px;
		left: 33px;
	}

	#section02 .section_cont_wrap{
	    background-color: rgba(255, 255, 255, 0.9);
	}

	
	.section_cont h5 {
		font-size: 16px;
		text-align: left;
	}

	
	.local_img_mg1 { padding: 0;} /*知能化運転支援固有のスタイル*/
	.local_img_mg2 { padding: 40px 0 0 0;} /*知能化運転支援固有のスタイル*/

	#section02 .section_head h3{
		text-shadow: 0px 0px 4px rgba(230,230,230,1), 0px 0px 2px rgba(230,230,230,1), 0px 0px 2px rgba(230,230,230,1);
	}
	#section02 .section_head p{
		text-shadow: 0px 0px 4px rgba(230,230,230,1), 0px 0px 2px rgba(230,230,230,1), 0px 0px 2px rgba(230,230,230,1);
	}

.wide_image_flex.max {
	width: 100%;
}
.wide_image_flex.max figure {
	margin-top: 30px;
	width: 100%;
	position: relative;
}


    
._pc {
  display: none !important;
}
._sp {
  display: block!important;
}
.banner_area {max-width: 350px;width: 100%;margin: 0px auto;padding: 50px 0;}
.banner_area .inner {width: 100%;}

.bnr_area {
  max-width: 350px;
  width: 100%;
  margin: 0px auto;
  padding: 50px 0;
}
.bnr_area a {width: 100%;}
}

.section_cont.mb0 {margin-bottom: 0px !important;}
.section_cont_img.mb0 {padding-top: 25px !important;}
.section_cont_img figure p {font-size: 14px;line-height: 1.7;margin-top: 5px;}

.section_cont_wrap h4.ind {position: relative;padding-left: 160px;color:#3366cc;}
.section_cont_wrap h4.ind span.cate {width: 140px;font-size: 22px;position: absolute;top: 0;left: 0;color: #FFF !important; background-color: #3366cc;border-radius: 10px;padding: 0px;line-height: 4;text-align: center;}
.section_cont_wrap h4.ind span.caution_txt {display: block;line-height: 1.5;margin-top: 15px;}

.section_cont_wrap h4.ind2 {position: relative;padding-left: 160px;color:#33cc66;}
.section_cont_wrap h4.ind2 span.cate {width: 140px;font-size: 22px;position: absolute;top: 0;left: 0;color: #FFF !important; background-color: #33cc66;border-radius: 10px;padding: 0px;line-height: 4;text-align: center;}

.section_cont .movie_box{
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	padding-top: 56.2%;
}
.section_cont .movie_box iframe{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.profile_wrap dd .profile_text h5 .ruby {font-size: 14px;display: inline-block;position: relative;top: -3px;left: 5px;}
.section_cont_text.heaf {display: flex;justify-content: space-between;}
.section_cont_text.heaf p {width: 48%;}

.section_cont_fL {width: 48%;float: left;}
.section_cont_fR {width: 48%;float: right;}
.section_cont_fL .m80 {margin-top: 80px;}
.section_cont_fR .m80 {margin-top: 80px;}
.section_cont_fL .h320 {height: 488px;}
.section_cont_fR .h320 {height: 488px;}
figure.m30 {margin-top: 30px;}
.section_cont_fL figcaption,.section_cont_fR figcaption {font-size: 15px;line-height: 1.4em;padding-top: 0.5em;}



.clearfix:after {content: "";display: block;clear: both;} 
.clearfix:before {content: "";display: block;clear: both;}
.clearfix {display: block;}

@media screen and (max-width: 735px) {
.section_cont_wrap h4.ind {padding-left: 0px;}
.section_cont_wrap h4.ind span.cate {width: 100%;position: relative;line-height: 2;display: block;margin-bottom: 20px;}
.section_cont_wrap h4.ind2 {padding-left: 0px;}
.section_cont_wrap h4.ind2 span.cate {width: 100%;position: relative;line-height: 2;display: block;margin-bottom: 20px;}
.section_cont_fL {width: 100%;float: none;}
.section_cont_fR {width: 100%;float: none;margin-top: 40px;}
.section_cont_fL .m80 {margin-top: 40px;}
.section_cont_fR .m80 {margin-top: 40px;}
.section_cont_fL .h320 {height: auto;}
.section_cont_fR .h320 {height: auto;}
.wide_image_flex.max2 {width: 100%;}
.wide_image_flex.max2 figure {margin-top: 30px;width: 100%;}
.wide_image_flex.max2 figure:first-child {margin-top: 0px;}
}



.mt30{margin-top: 30px !important;}