@charset "utf-8";

span.point{
	color:#E5134A;
}
.driver .recommendBox a:hover{
	text-decoration: none;
}
.driver .chooseContents a {
    color: #fff;
    text-decoration: underline;
}
.driver .chooseContents a:hover {
    text-decoration: none;
}
.driver .highlighter {
    background: linear-gradient(transparent 55%, #fff100 56%);
}

#contents .snsSet .fb_iframe_widget {
	vertical-align: top;
	display: inline-block;
}


@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
	#mainAreaCont .breadcrumb {
	    z-index: 30;
	}
	.lesson.driver #contents {
	    padding: 0;
	}
	#contents .inner{
		width:94%;
		max-width: 400px;
		padding:1% 3%;
	}
	.lesson.driver .breadcrumb{
		z-index:10;
	}

	.lesson.driver #mainAreaCont .logo {
	    left: -40px;
	    position: absolute;
	    top: 10px;
	    z-index:20;
	    width: 128px;
	}
	.lesson.driver #mainAreaCont .mainMv {
	    margin: 0 auto;
	    position: relative;
	    width: 100%;
	}
	.lesson.driver #mainAreaCont .mainIn {
			left:40px;
	    margin: 0 auto;
	    width: 100%;
			top:0;
	}
	.lesson.driver #mainAreaCont .mainIn .ttl {
	    left: auto;
	    padding: 80px 10px 0 100px;
			position:relative;
	    top: auto;
	}
	.lesson.driver #mainAreaCont {
	    background: #e3d8e0 none repeat scroll 0 0;
	    height: 200px;
	    position: relative;
			overflow:hidden;
	}
	.lesson.driver #mainAreaCont .cover {
	    background: url("/kiso/files/img/common/bg_main_bottom.png") repeat-x scroll center bottom, rgba(0, 0, 0, 0) url("/kiso/files/img/lesson/bg_main_op.png") repeat scroll 0 0;
		background-size: 25px auto, 6px 6px;
	    height: 200px;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
	.lesson.driver #mainAreaCont .mainMv .mv {
		display:none;
	}
	.lesson.driver #mainAreaCont .mainMv .mvsp {
		background: url("/kiso/files/img/lesson/socket/L14_TOP.gif") no-repeat center 20px;
	    height: 200px;
	    width: 100%;
	}


	.driver .ktImg {
		width: 100px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	.driver .ktText01,
	.driver [class^="lectureText0"],
	.driver [class^="lectureText1"]{
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 131px);
		padding: 1em;
		position: relative;
	}
	.driver [class^="lectureText0"],
	.driver [class^="lectureText1"]{
		background: #fff;
		border: #666 2px solid;
		border-radius: 12px;
		box-sizing: border-box;
		position: relative;
	}
	.driver [class^="lectureText0"]:before,
	.driver [class^="lectureText1"]:before {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		border-top: #666 2px solid;
		border-left: #666 2px solid;
		background: #fff;
		position: absolute;
		top: 50%;
		margin-top: -8px;
		left: -10px;
		transform: rotate(-45deg);
	}
	.driver .lectureText01,
	.driver .lectureText02,
	.driver .lectureText03 {
		left: 19px;
		width: calc(100% - 125px);
	}
	.driver .lectureText04:before,
	.driver .lectureText06:before,
	.driver .lectureText07:before,
	.driver .lectureText09:before,
	.driver .lectureText11:before,
	.driver .lectureText14:before {
    	left: calc(100% + -7px);
    	transform: rotate(135deg);
	}
	.driver .lectureText04,
	.driver .lectureText06,
	.driver .lectureText07,
	.driver .lectureText09,
	.driver .lectureText11 {
		margin: 0 18px 0 0;
	}
	.driver .ktLecture02 .ktImg {
		left: 8px;
		width: 30%;
	}
 	.driver .ktLecture04 {
 		margin: 20px 0;
 	}
  	.driver .lectureText04 {
  		width: 69%;
  	}
   	.driver .ktLecture04 .ktImg {
 		width: 20%;
 		margin: 0 0 0 10px
 	}
 	.driver .ktLecture06 {
 		margin: 40px 0 10px;
 	}
 	.driver .ktLecture07 {
 		position: relative;
 	}
  	.driver .lectureText07 {
  		width: 65%;
  		margin: 20px 0 0;
  	}
 	.driver .ktLecture07 .ktImg {
 		position: absolute;
 		top: 22px;
 		right: 0px;
 		width: 45%;
 	}
   	.driver .lectureText08 {
   		width: 55%;
  		margin: 0 0 0 10px;
  		font-weight: bold;
  		padding: 0.8em;
  	}
      .driver .lectureText08 span {
  		font-size: 90%;
  		font-weight: normal
  	}
    .driver .lectureText09 {
  		width: 63%;
  		display:  inline-block;
  		vertical-align: middle;
  	}
    .driver .ktLecture09 {
 		margin: 20px 0 0;
 	}
   	.driver .ktLecture09 .ktImg {
 		width: 20%;
 		margin: 0 0 0 20px
 	}
 	.driver .ktLecture10 {
 		position: relative;
 		margin: 20px 0;
 	}
  	.driver .lectureText10 {
  		width: 64%;
  		margin: 0 0 0 110px;
  		padding: 0;
  	}
    .driver .lectureTextInner10,
    .driver .lectureTextInner11 {
  		padding: 0 2%;
  	}
    .driver .lectureTextInner10 p {
  		padding: 10px 5px;
  	}
    .driver .lectureTextInner10 img {
  		padding: 10px 0;
  	}
 	.driver .ktLecture10 .ktImg {
 		position: absolute;
 		top: 40px;
 		left: 0;
 	}
  	.driver .ktLecture11 {
 		margin: 20px 0;
 	}
   	.driver .lectureText11 {
  		width: 63%;
  		display:  inline-block;
  		vertical-align: middle;
  	}
    .driver .ktLecture11 .ktImg {
 		width: 20%;
 		margin: 0 0 0 20px;
 	}
    .driver .lectureText11 {
  		width: 63%;
  		display:  inline-block;
  		vertical-align: middle;
  	}
    .driver .lectureText12 {
  		width: 62%;
  		margin: 0 0 0 8px;
  	}
    .driver .ktLecture13 {
 		margin: 20px 0;
 	}
    .driver .ktLecture13 .ktImg {
 		width: 20%;
 		margin: 0 20px 0 0;
 	}
    .driver .lectureText13 {
  		width: 71%;
  		display:  inline-block;
  		vertical-align: middle;
  		letter-spacing: -0.3px;
  		padding: 1em  0.2em 1em 0.9em;
  	}
   	.driver .ktLecture14 {
 		position: relative;
 		margin: 20px 0 40px;
 	}
  	.driver .lectureText14 {
  		margin: 20px 0 0;
  		width: 65%;
  	}
 	.driver .ktLecture14 .ktImg {
 		position: absolute;
 		top: 10px;
 		right: 0;
 		width: 42%;
 	}

	.driver [class^="lectureText0"] p {
		font-size: 93%;
	}
	.driver [class^="lectureText1"] p {
		font-size: 93%;
	}

	.driver .ktArea{
		/* padding-bottom:30px; */
		overflow: hidden;
	}
	.driver .ktArea .ktText p{
		font-size: 93%;
	}

	.driver .pickupArea{
		background:#4EB09C;
	}
	.driver .pickupArea .inner > p,
	.driver .pickupArea .pointContents > p{
		color: #fff;
	} 
	.driver #contents p {
			font-size: 108%;
			margin-bottom: 5px;
			line-height: 180%;
			padding-top: 10px;
	}
	.br-pc {
		display: none;
	}
	/*----------------------------*/
	.driver .qaBox{
		background:none;
		padding: 40px 0 10px;
	}
	.driver .qaBox .qaImg{
		width: 80%;
		margin: 20px auto 15px;
		display: block;
	}
	.driver .qaBox h2.qaTtl{
		background: url("/kiso/files/img/lesson/socket/bg_socket_qattl01.png") no-repeat left top;
		background-size:60px 60px;
		color:#FFF;
		margin-bottom:20px;
		min-height:60px;
		padding: 10px 0 0 70px;
		font-size:170%;
		font-weight:bold;
	}
	.driver .qaBox p{
		color:#FFF;
		font-size:124%;
		margin:0;
		padding:0 2%;
		width:96%;
	}
	/*----------------------------*/
	.driver .chooseBox{
		padding:35px 0 30px;
	}
	.driver h2.ttl01{
		background: url("/kiso/files/img/lesson/socket/bg_socket_usettl.png") no-repeat left top;
		background-size:60px 60px;
		margin-bottom:0px;
		min-height:60px;
		padding: 10px 0 0 65px;
		font-size:160%;
		font-weight:bold;
	}
.driver h2.ttl02 {
    background: url(/kiso/files/img/lesson/socket/bg_socket_lineupttl01.png) no-repeat left top;
    background-size: 60px 60px;
    color: #FFF;
    margin-top: 35px;
    margin-bottom: 20px;
    min-height: 75px;
    padding: 0 0 0 70px;
    font-size: 147%;
    font-weight: bold;
}
	.driver .chooseBox p span {
			color: #f00;
	}
    .chooseLecture img {
    	width: 66%;
    	margin: 20px auto 3px;
    	display: block;
    }
	.driver .chooseContents{
		padding:0;
	}
	.driver h3.subTtl,.driver h4.subTtl{
		background: url("/kiso/files/img/lesson/socket/bg_subttl_icon.png") no-repeat left center;
		background-size:12px;
		font-size: 135%;
		font-weight:bold;
		padding:3px 0 0 15px;
		margin-bottom:20px;
	}
	.driver h3.subTtl02{
		background: url("/kiso/files/img/lesson/socket/bg_subttl_icon02.png") no-repeat left center;
		background-size:12px;
		font-size: 135%;
		font-weight:bold;
		padding:3px 0 0 15px;
		margin-bottom:20px;
		color:#FFF;
	}

	/*----------------------------*/
	#point01 .box01 p {
		margin: 15px 0;
		color:  #fff;


	}
	#point01 .box01 p  span{
		display: block;
		font-size: 90%;
		margin: 10px 0 0;
	}
    .ktLecture02 {
    	margin: 20px 0 0;
    }
   	/*----------------------------*/
	#point02 {
		padding: 25px 0;
	}
	.ktLecture03 {
		margin: 20px 0;
	}
	.point02ListBox {
		width: 47%;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 20px;
	}
	.point02ListBox:nth-child(odd) {
		margin: 0 3% 20px 0;
	}

	#point02 h5 {
		margin: 6px 0 0;
		font-size: 100%;
		font-weight: bold;
		letter-spacing: -0.3px;
	}
	.driver .point02ListBox p a {
		color: #f00;
		border-bottom: 1px solid;
	}
	.driver iframe {
			width: 100%;
			margin: 13px 0;
	}

	.driver .chooseContents .chooseMovie{
		float:none;
		width:100%;
		margin:0 auto;
		max-width:445px;
	}
	.driver .chooseContents .chooseMovie iframe{
		width:100%;
	}
	.driver .chooseContents .chooseMovie img {
		margin-bottom: 30px;
	}
	.driver .chooseContents .chooseLecture{
		float:none;
		width:100%;
	}
	.driver .chooseContents .chooseLecture p{
		font-size:108%;
		margin-bottom:20px;
		line-height:180%;
		padding-top:10px;
	}

	/*----------------------------*/
	.driver #point03 .box {
		background: #fff;
		padding: 5% 3%;
	}
	.driver #point03 .box img {
		width: 100%;
		height: auto;
		display:  block;
		margin: 20px auto 0;
	} 
	.point03ListBox {
		width: 47%;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 20px;
	}
	.point03ListBox:nth-child(odd) {
		margin: 0 3% 20px 0;
	}
	.driver .point03ListBox p a {
		color: #fff;
		border-bottom: 1px solid;
		font-size: 85%;
	}
	#point03 .next {
		font-size: 130%;
		margin: 15px 0;
		font-weight: bold;
		text-align: center;
	}
	.driver .chooseContents .ktLecture02{
		/* display:none; */
	}
	.driver .chooseContents .ktLecture02 .lectureTextInner02 {
	}

	.driver .chooseBox{
		padding:35px 0 30px;
	}
	.driver .chooseReadBox{
		padding:10px 0;
		color:#FFF;
	}
	.driver .chooseReadBox h4.chooseRead{
		font-size:139%;
		font-weight:bold;
	}
	.driver .chooseReadBox p{
		font-size:124%;
	}

	.driver .chooseBox .box {
		padding: 0 10px;
		color: #fff;
		font-size: 108%;
		line-height: 1.7;
	}
	.driver .chooseBox .box01 p {
		margin-bottom: 10px;
	}
	.driver .chooseBox .box02 {
		margin: 20px 0 20px;
	}


	.driver .chooseList{
		margin-bottom:10px;
	}
	.driver .chooseBox h2.chooseTtl{
		background: url("/kiso/files/img/lesson/socket/bg_socket_choosettl01.png") no-repeat left top;
		background-size:60px 60px;
		color:#FFF;
		margin-bottom:0px;
		min-height:60px;
		padding: 10px 0 0 70px;
		font-size:170%;
		font-weight:bold;
	}
	.driver .chooseBox .ktImg{
		float:left;
	}


	.driver .chooseBox .btn01 {
		text-align: center;
		margin: 35px auto 15px;
		max-width: 250px;
	}


	.driver .chooseBox .chooseContents{
		padding-top:40px;
	}
	.driver .chooseBox .chooseContents .subTtl{
		color:#FFF;
	}
	.driver .chooseBox .chooseContents .chooseListBox{
		color:#FFF;
		display: inline-block;
		max-width:300px;
		width:50%;
	}
	.driver .chooseBox .chooseContents .chooseListBox a{
		color:#FFF;
		text-decoration:underline;
	}
	.driver .chooseBox .chooseContents .chooseListBox a:hover{
		text-decoration:none;
	}
	.driver .chooseBox .chooseContents .chooseListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox h4{
		font-weight:bold;
		font-size:139%;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox h5{
		font-weight:bold;
		font-size:124%;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox p{
		font-size:108%;
	}
	/*--------------------*/
	.tipsBox01{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		box-sizing:border-box;
		margin: 25px auto 15px;
		padding: 5%;
		width: 100%;
	}
	.driver .tipsBox01 .tips{
		color:#333333;
		width:100%;
		float:note;
	}
	.driver .tipsBox01 .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:124%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox01 .tipsWide h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox01 .tips h3 br{
		display:none;
	}
	.driver .tipsBox01 .tipsWide p{
		font-size:108%;
		margin-bottom:20px;
	}
	.driver .tipsBox01 .tips ul li{
		list-style-type:decimal;
		margin-left:20px;
		font-size:108%;
	}
	.driver .tipsBox01 .tips h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox01 .tips p{
		font-size:108%;
		margin-bottom: 10px;
	}
	.driver .tipsBox01 .tips .noteText{
		font-size:100%;
		margin-top:10px;
	}
	.driver .tipsBox01 .tips{
		color:#333333;
		width:100%;
		float:none;
	}
	.driver .tipsBox01 .tipsImg{
		max-width: 260px;
		width:100%;
		float:none;
		margin:0 auto 10px;
	}
	.driver .tipsBox01 .tipsImg p {
		font-size: 130%;
		font-weight: bold;
		margin: 0 0 10px;
	}
	/*--------------------*/
	.driver .tipsBox02{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		box-sizing:border-box;
		margin:15px auto;
		padding: 5%;
	    width: 100%;
	}
	.driver .tipsBox02 .tips{
		color:#333333;
		width:100%;
		float:note;
	}
	.driver .tipsBox02 .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:124%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox02 .tipsWide h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
		position: relative;
	}
	.driver .tipsBox02 .tips img {
		display:  block;
		width: 20%;
		margin-left: auto;
	}
	.driver .tipsBox02 .tips h3 br{
		display:none;
	}
	.driver .tipsBox02 .tipsWide p{
		font-size:108%;
		margin-bottom:20px;
	}
	.driver .tipsBox02 .tips ul li{
		list-style-type:decimal;
		margin-left:20px;
		font-size:108%;
	}
	.driver .tipsBox02 .tips h3{
		font-size: 140%;
		font-weight:bold;
		padding-bottom: 3px;
		letter-spacing: -0.3px;
	}
	.driver .tipsBox02 .tips p{
		font-size:108%;
		margin-bottom: 0;
	}
	.driver .tipsBox02 .tips .noteText{
		font-size:100%;
		margin-top:10px;
	}
	.driver .tipsBox02 .tips{
		color:#333333;
		width:100%;
		float:none;
	}
	.driver .tipsBox02 .tipsImg{
		max-width: 180px;
		width:100%;
		float:none;
		margin: 10px auto;
		text-align:  center;
	}

	/*--------------------*/
	.driver .tipsBox03{
	    background:#FFF;
	    border:5px solid #FAB4C5;
	    border-radius:5px;
	    box-sizing:border-box;
	    margin: 15px auto 30px;
	    padding: 5%;
	    width: 94%;
	}
	.driver .tipsBox03 .tips{
	    color:#333333;
	    width:100%;
	    float:note;
	}
	.driver .tipsBox03 .tips .tipsLabel{
	    background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat left 3px;
	    color:#E6154A;
	    font-size:124%;
	    font-weight:bold;
	    padding-left:30px;
	    margin-bottom:10px;
	}
	.driver .tipsBox03 .tipsWide h3{
	    font-size:154%;
	    font-weight:bold;
	    margin-bottom:15px;
	}
	.driver .tipsBox03 .tips h3 br{
	    display:none;
	}
	.driver .tipsBox03 .tipsWide p{
	    font-size:108%;
	    margin-bottom:20px;
	}
	.driver .tipsBox03 .tips ul li{
	    list-style-type:decimal;
	    margin-left:20px;
	    font-size:108%;
	}
	.driver .tipsBox03 .tips h3{
	    font-size: 140%;
	    font-weight:bold;
	    margin: 20px 0 10px;
	}
	.driver .tipsBox03 .tips h3 span{
	    font-size: 70%;
	    display: block;
	}
	.driver .tipsBox03 .tips p{
	    font-size:108%;
	    /* margin-bottom:20px; */
	}
	.driver .tipsBox03 .tips .noteText{
	    font-size:100%;
	    margin-top:10px;
	}
	.driver .tipsBox03 .tips{
	    color:#333333;
	    width:100%;
	    float:none;
	}
	.driver .tipsBox03 .size {
		margin: 25px 0 0;
	}
	.driver .tipsBox03 .tipsImg{
	    max-width: 100px;
	    width:100%;
	    float:none;
	    margin:0 auto 10px;
	    text-align: center;
	}
	.driver .tipsBox03 .tips h4{
	    font-size: 118%;
	    font-weight:bold;
	    margin: 20px 0 8px;
	}
	.driver .tipsBox03 .tips h4 .small{
	    font-size: 85%;
	    display: block;
	    font-weight: normal;
	}
	.driver .tipsBox03 .tip01 {
		font-size: 100%;
		display: inline-block;
		/* width: 90%; */
		padding: 23px 15px 50px;
		vertical-align: bottom;
		position: relative;
		background: #ddd;
	}
	.driver .tipsBox03 .tip01 img {
		width: 15%;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.driver .tipsBox03 .tip02 {
		font-size: 100%;
		/* width: 100%; */
		display: inline-block;
		margin: 20px auto;
		padding: 21px 3px;
		text-align: center;
		border: 1px solid #333;
	}
	.driver .tipsBox03 .tip02 p {
		text-align: left;
		display:  inline-block;
		padding: 0 3%;
	}
	.driver .tipsBox03 .tip02 img {
		width: 80%;
	}
	.driver .tipsBox .tips{
		color:#333333;

		float: none;
	    width: 100%;
	}
	.driver .tipsBox .tipsImg{
		float:none;
		width:100%;
		max-width: 240px;
		margin: 15px auto 0;
		text-align:center;
	}
	.driver .tipsBox .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:124%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox .tips h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox .tips h3 br{
		display:none;
	}
	.driver .tipsBox dl {
		margin: 0 0 20px 0;
	}
	.driver .tipsBox dt {
		font-size:108%;
		font-weight: bold;
	}

	.driver .tipsBox .tips p{
		font-size:108%;
		margin-bottom:20px;
	}



    /*----------------------------*/
    .driver .confirmationArea {
        background: url("/kiso/files/img/lesson/socket/bg_socket_confirmation.png") repeat-x left 50px;
        height: auto;
        padding-top: 40px;
        overflow: hidden;
        min-height: 385px;
    }
    .driver .confirmationArea h3 {
		font-size: 	18px;
		font-weight: bold;
		color: #fff;
		padding: 15px 4% 0;
	}
    .driver .confirmationArea h3 span {
		font-size: 	13px;
		font-weight: normal;
		display: inline-block;
		vertical-align: middle;
	}
    .driver .confirmationArea .inner {
        padding: 30px 0 45px !important;
    }
    .driver .confirmationArea .confirmationImg {
        width: 100px;
        display: inline-block;
        vertical-align: middle;
    }
    .driver .confirmationArea .confirmationImg > div {
		display: none;
	}
    .driver .confirmationArea .confirmationImg .default {
		display: block
	}
    .driver .confirmationArea .confirmationAnser {
        width: calc(100% - 120px);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -10px;
        max-height: 250px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation,
	.driver .confirmationArea .confirmationAnser .confirmationOn {
        background: #fff;
        color: #666;
        width: 100%;
        display: inline-block;
        margin: 30px 0 10px;
        padding: 0;
        font-size: 93%;
        border: #666 2px solid;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 1em;
        position: relative;
    }
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        opacity: 0;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a:not([href$=".html"]),
    .driver .confirmationArea .confirmationAnser .confirmationOn a:not([href$=".html"]) {
        margin: 70px 0 0;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a[target="_blank"],
    .driver .confirmationArea .confirmationAnser .confirmationOn a[target="_blank"] {
        position: absolute;
        left: 0;
        bottom: -70px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a[href="#"],
    .driver .confirmationArea .confirmationAnser .confirmationOn a[href="#"] {
        position: absolute;
        left: 0;
        bottom: -136px;
    }
    .driver .confirmationArea .confirmationAnser img {
		height: 57px;
	}
    .driver .confirmationArea .confirmationAnser .confirmation:before,
	.driver .confirmationArea .confirmationAnser .confirmationOn:before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: #fff;
        border-top: #666 2px solid;
        border-left: #666 2px solid;
        position: absolute;
        top: 50%;
        left: 0;
        margin: -6px 0 0 -7px;
        transform: rotate(315deg);
    }
    .driver .confirmationArea .confirmationAnser .anser {
        background: none;
        color: #666;
        width: 100%;
        height: auto;
        margin: 0;
        float: none;
		position: relative;
    }
    .driver #btn {
        margin: 0 auto;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }
    .driver #btn a {
        display: block;
        vertical-align: top;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: bold;
        color: #EA0B46;
        margin: 0 0 10px;
        text-align: left;
        padding: 9px 10px;
        background-color: #FEEDF1;
        border: #FAB4C5 2px solid;
        border-radius: 10px;
        box-shadow: 3px 3px 0 #ddd;
        animation: moveBtn 2s infinite 2s normal ease-out;
    }
    .driver #btn a:hover {
		text-decoration: none;
	}





	@keyframes moveBtn {
		0% {top:26px;}
		20% {top:32px;}
		25% {top:32px;}
		30% {top:16px;}
		38% {top:26px;}
		42% {top:20px;}
		48% {top:26px;}
	}
	#btn a:hover{
		background-color:#FAB4C5;
		border:#ED6A89 5px solid;
		top:30px;
		left:40px;
		box-shadow: 1px 1px 0 #ddd;
		animation: none;
	}


	/*----------------------------*/
	.driver .twitterQuestion{
		max-width:280px;
		width:50%;
		margin:0 auto;
		float:none;
	}
	.driver .snsSet{
		float:none;
	}
	.socketBottom{
		width:100%;
		margin:30px auto 0;
	}


	/*----------------------------*/
	.driver .lineupBox{
		padding:35px 0 30px;
	}
	.driver .lineupBox h2.lineupTtl{
		background: url("/kiso/files/img/lesson/socket/bg_socket_lineupttl01.png") no-repeat left top;
		background-size:60px 60px;
		margin-bottom:0px;
		min-height:60px;
		padding: 10px 0 0 70px;
		font-size:170%;
		font-weight:bold;
	}
	.driver .lineupBox .ktLecture04{
		margin: 20px 0 0 0;
	}

	/*----------------------------*/
	.driver .chooseBox .chooseContents{
		padding-top:40px;
	}
	.driver .chooseBox .chooseContents .chooseLeft{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseLeft .chooseText{
		background: url("/kiso/files/img/lesson/socket/img_driver_icon01.gif") no-repeat left center;
		background-size:29px 25px;
		padding:9px 0 0 40px;
		height:40px;
	}
	.driver .chooseBox .chooseText02{
		background: url("/kiso/files/img/lesson/socket/img_driver_icon02.gif") no-repeat left center;
		background-size:29px 25px;
		padding:9px 0 0 40px;
		height:40px;
		margin-top:5px;
	}
	.driver .chooseBox .chooseText03{
		background: url("/kiso/files/img/lesson/socket/img_driver_icon03.gif") no-repeat left center;
		background-size:29px 25px;
		padding:9px 0 0 40px;
		height:40px;
		margin-top:5px;
	}
	.driver .chooseBox .chooseContents .chooseLeft p{
		margin-bottom:15px;
	}
	.driver .chooseBox .chooseContents .subTtl{
		color:#FFF;
	}
	.driver .chooseBox .chooseContents .chooseListBox{
		color:#FFF;
		display: inline-block;
		vertical-align: top;
		max-width: 280px;
		padding: 2%;
		width: 45%;
		margin: 0 0 30px 0;
	}
	.driver .chooseBox .chooseContents .chooseListBox a{
		color:#fff;
	  /*color:#e5134a;*/
		text-decoration:underline;
	}
	.driver .chooseBox .chooseContents .chooseListBox a:hover{
		text-decoration:none;
	}
	.driver .chooseBox .chooseContents .chooseListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseSbox{
		width:135px;
		float:left;
		margin-right:10px;
	}

	.driver .chooseBox .chooseContents .chooseSbox h4{
		font-size: 139%;
	    font-weight: bold;
	    margin: 10px 0 5px;
	}
	.driver .chooseBox .chooseContents .chooseSbox p{
		font-size:108%;
	}
	.driver .chooseContents .chooseSbox p{
		font-size:108%;
	}
	.driver .chooseReadBox .halfLeft,.driver .chooseReadBox .halfRight{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	.driver .chooseReadBox .halfLeft img,.driver .chooseReadBox .halfRight img{
		width:115px;
	}
	.driver .chooseReadBox .halfLeft h4,.driver .chooseReadBox .halfRight h4,.driver .chooseReadBox .halfRight p,.driver .chooseReadBox .halfLeft p{
		margin-bottom:10px;
	}

	/*----------------------------*/
	.driver .lineupBox .lineupContents{
		padding-top:40px;
		color: #fff;
	}
	.driver .lineupBox .lineupContents .subTtl{
	}
	.driver .lineupBox .lineupContents .lineupList li {
		margin: 0 0 10px;
		font-size: 108%;
		font-weight:  bold;
		text-indent: -1.2rem;
		padding: 0 0 0 1.8em;
	}
	.driver .lineupBox .lineupContents .lineupListBox{
		display: inline-block;
		max-width:280px;
		width:46%;
		padding: 1.8%;
		vertical-align: top;
		letter-spacing: normal;
		margin: 0 0 30px 0;
	}
	.driver .lineupBox .lineupContents .lineupListBox a{
		text-decoration:underline;
	}
	.driver .lineupBox .lineupContents .lineupListBox a:hover{
		text-decoration:none;
	}
	.driver .lineupBox .lineupContents .lineupListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .lineupBox .lineupContents .lineupListBox h4{
		font-weight:bold;
		font-size:124%;
		margin-bottom:10px;
	}
	.driver .lineupBox .lineupContents .lineupListBox p{
		font-size:108%;
	}
	.driver .lineupBox .tipsBox .tips{
		color:#333333;
		width:100%;
		float:none;
	}
	.driver .lineupBox .tipsBox .tipsImg{
		float:none;
	}
	.driver .lineupBox .lineupContents .lineupListBox a{
		color:#E5134A;
		text-decoration:underline;
	}
	.driver .lineupBox .lineupContents .lineupListBox a:hover{
		text-decoration:none;
	}

	.driver .lineupBox .tipsBox .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:124%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .lineupBox .tipsBox .tips h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .lineupBox .tipsBox .tips h3 br{
		display:none;
	}
	.driver .lineupBox .tipsBox .tips p{
		font-size:108%;
		margin-bottom:20px;
	}

	/*----------------------------*/
	.driver .recommend{
		background: none;
		padding:45px 10px;
	}
	.driver .recommend .recommendLeft{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.driver .recommend .recommendRight{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.driver .recommend .recommendBox{
		width:100%;
		margin:0 auto;
		padding-top: 20px;
	}
	.driver .recommendBox h4 {
		margin: 10px 0 0;
		font-size: 108%;
		font-weight: bold;
		letter-spacing: -0.3px;
	}
	.driver .recommendBox p {
		padding: 0;
	}
	.driver .recommendBox a {
		font-size: 88%;
	}
	.driver .recommend .recommendImg{
		margin:0 auto 15px;
		width:220px;
	}
	.driver .recommend .recommendBox h3{
		font-size:139%;
		font-weight:bold;
		margin-bottom:10px;
	}
	#contents .socketBottom .snsSet {
	    padding-top: 30px;
	    text-align: center;
	}
	.driver .recommend .recommendNote{
		padding:0 0 15px;
	}

}



@media screen and (min-width: 768px) {
	
	.lesson.driver .breadcrumb{
		z-index:10;
	}	
	.sp {
			display: none !important;
	}
	/*-----.ktArea------*/
	
	.driver .ktArea .ktText h2{
		font-size:170%;
		font-weight:bold;
	}
	.driver .ktArea{
		margin: -12px 0 0;
	}
	.driver .ktArea .ktImg{
		float:left;
		margin-bottom:0;
	}
	.driver .ktArea .ktText{
		float:left;
		padding-top: 70px;
		margin-left:40px;
	}
	.driver .ktArea .ktText01{
		width:720px;
	}
	.driver .ktArea .ktText p{
		font-size:139%;
	}
	
	/*-----.lectureText------*/
	
	.lectureTextInner01,.lectureTextInner02,.lectureTextInner03,.lectureTextInner04{
		/* opacity:0; */
	}
	.driver .ktImg{
		float:left;
	}
	/*-----content common------*/	
	
	.driver .pickupArea{
		background:#4EB09C;
		color: #fff;
	}	
	.driver h2.ttl01{
		background: url("/kiso/files/img/lesson/socket/bg_socket_usettl.png") no-repeat left top;
		color: #000;
		margin-bottom:20px;
		min-height:75px;
		padding:45px 0 0 90px;
		font-size: 30px;
		font-weight: bold;
	}
	.driver h2.ttl02{
		background: url("/kiso/files/img/lesson/socket/bg_socket_lineupttl01.png") no-repeat left top;
		margin-bottom: 30px;
		min-height:75px;
		padding:45px 0 0 90px;
		font-size: 30px;
		font-weight:bold;
	}
	.driver h3.subTtl,
	.driver h4.subTtl{
		background: url("/kiso/files/img/lesson/socket/bg_subttl_icon.png") no-repeat left center;
		padding:3px 0 0 35px;
		margin-bottom:20px;
		font-size: 190%;
		font-weight:  bold;
	}
	.driver h4.subTtl{
		font-size: 30px;
		margin: 86px 0 22px;
	}
	.driver h3.subTtl02{
		background: url("/kiso/files/img/lesson/socket/bg_subttl_icon02.png") no-repeat left 7px;
		font-size:200%;
		font-weight: bold;
		padding:3px 0 0 35px;
		margin-bottom:20px;
		color:#FFF;
	}
	
	/*-----.qaBox------*/	
	
	.driver .qaBox{
		background: url("/kiso/files/img/lesson/socket/img_socket_qaimg01.png") no-repeat top 140px right 10px;
		padding:85px 0 60px;
	}
	.driver .qaBox h2.qaTtl{
		background: url("/kiso/files/img/lesson/socket/bg_socket_qattl01.png") no-repeat left top;
		color:#FFF;
		margin-bottom:20px;
		min-height:75px;
		padding:45px 0 0 90px;
		font-size:231%;
		font-weight:bold;
	}
	.driver .qaBox p{
		color:#FFF;
		font-size:139%;
		margin: 21px 0 14px 20px;
		width:510px;
		line-height: 1.8;
	}
	/*-----.choose------*/
	
	.driver .chooseBox{
		padding: 75px 0 55px;
		font-size: 18px;
	}
	.driver .chooseBox .inner {
		background: url("/kiso/files/img/lesson/socket/img_socket_chooseimg.png") no-repeat bottom right;		
	}
	.driver .chooseBox p {
		margin: 0 0 32px;
		line-height: 1.8;
	}
	.driver .chooseBox p span,.driver .txt02 {
		color: #f00;
	}
	.driver .chooseLecture {
		margin: 45px 0 0;
	}
	
	/*-----.point01------*/	
	
	.driver #point01 {
		padding: 37px 0 25px;
		color: #fff;
		font-size: 18px;
		line-height: 1.8;
	}
	.driver .box01 {
		margin: 46px 0 40px;
		line-height: 1.8;
	}
	.driver .box01 p{
		display: inline-block;
		font-size: 18px;
		margin: 0 15px 0 0;
	}
	.driver .box01 img{
		display:  inline-block;
		vertical-align: top;
	}
	.driver .box01 p span{
		display: block;
		font-size: 14px;
		margin: 15px 0 0;
	}
	/*-------------------*/
	.driver .tipsBox01{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		margin: 45px 0 30px;
		padding:35px 25px;
		width: 910px;
		color: #333;
	}
	.driver .tipsBox01 .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat top 5px left 3px;
		color:#E6154A;
		font-size: 110%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox01 .tips {
		display: inline-block;
		width: 402px;
		margin: 0 83px 0 0;
		font-size:  18px;
		line-height: 1.8;
	}
	.driver .tipsBox01 .tipsImg {
		display: inline-block;
		width: 400px;
		font-size: 26px;
	}
	.driver .tipsBox01 .tipsImg p{
		font-size: 26px;
		font-weight: bold;
		margin: 0 0 20px
	}
	/*-------------------*/
	.driver .ktLecture01 .lectureText01{
		background: url("/kiso/files/img/lesson/socket/bg_kttext01.png") no-repeat 0 20px;
		width: 766px;
		height: 190px;
		float:left;
		/* opacity:0; */
		line-height: 1.55;
		margin: 12px 0 0 -7px;
	}
	.driver .ktLecture01 .lectureText01 p{
		color:#333333;
		font-size: 22PX;
		font-weight:bold;
		text-align:  center;
		padding: 90px 0 90px 70px;
	}

	.driver .ktLecture02{
		position:relative;
		margin: 0 0;
	}
	.driver .ktLecture02 .lectureText02{
		background: url("/kiso/files/img/lesson/socket/bg_kttext02.png") no-repeat;
		width: 755px;
		height: 141px;
		margin: 57px 0 33px 62px;
		float:left;
		/* opacity:0; */
		line-height: 1.6;
	}
	.driver .ktLecture02 .lectureText02 p{
		color: #333;
		font-size: 22px;
		font-weight:bold;
		padding: 36px 150px 80px 83px;
	}
	.driver .ktLecture02 .ktImg{
		position:absolute;
		right:0;
		top: 0;
	}

	/*-----.point02------*/	
	
	.driver #point02 {
		padding: 50px 0 25px;
		font-size: 18px;
	}
	.driver #point02 h5 {
		margin: 10px 0 0;
	}	
	.driver .point02ListBox {
		color: #000;
		display: inline-block;
		vertical-align: top;
		margin: 0 10px 53px 0;
		width: 230px;
	}
	.driver .point02ListBox p a {
		color: #f00;
		display:  inline-block;
		padding: 9px 0 0;
		font-size: 14px;
		font-weight:  bold;
		border-bottom: 1px solid;
	}
	.driver .point02ListBox p a:hover{
		text-decoration: none;
	}
	.driver .point02ListBox:last-of-type {
		margin: 0 0 35px 0;
	}
	/*-----------------*/
	.driver .tipsBox02{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		margin: 30px 15px 10px;
		padding: 35px 25px 20px 25px;
		width:870px;
	}
	.driver .tipsBox02 .tipsWide{
		color:#333333;
		width:100%;
		float:note;
	}
	.driver .tipsBox02 .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size: 20px;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox02 .tips h3{
		font-size:200%;
		font-weight:bold;
	}
	.driver .tipsBox02 .tips p{
		list-style-type:decimal;
		font-size: 139%;
	}
	.driver .tipsBox02 .tips h3{
		font-size: 130%;
		font-weight:bold;
		margin: 0 0 25px;
		display: inline-block;
	}
	.driver .tipsBox02 .tips img {
		display: inline-block;
		vertical-align: middle;
		margin: -20px 0 0 27px;
	}
	.driver .tipsBox02 .tips h3:after{
		/* content: url("/kiso/files/img/lesson/socket/img_socket_wrench_point2img05.png"); */
	}
	.driver .tipsBox02 .tips p{
		width: 504px;
		font-size: 18px;
		margin-bottom: 28px;
		display:  inline-block;
		line-height: 1.8;
	}
	.driver .tipsBox02 .tips p.img {
		margin: 36px 0;
	}
	.driver .tipsBox02 .tips p strong {
		font-weight: bold;
	}
	.driver .tipsBox02 .tips a {
		color: #EC4C76;
	}

	.driver .tipsBox02 .tips .noteText{
		font-size:100%;
		margin-top:10px;
	}
	.driver .tipsBox02 .tips{
		color:#333333;
		display:  inline-block;
		width: 570px;
		margin: 0 15px 0 0;
	}
	.driver .tipsBox02 .tipsImg{
		display: inline-block;
		width: 242px;
	}
	/*----------------------------*/
	.driver .ktLecture03{
		margin: 65px 0 0;
	}
	.driver .lectureText03{
		background: url("/kiso/files/img/lesson/socket/bg_kttext01.png") no-repeat 0 20px;
		width: 766px;
		height: 190px;
		float:left;
		/* opacity:0; */
		line-height: 1.55;
	}
	.driver .lectureText03 p{
		color: #333;
		font-size: 22PX;
		font-weight:bold;
		padding: 68px 0 0 90px;
		line-height: 1.7;
	}
	.driver .ktLecture04{
		position:relative;
		margin: -32px 0 0;
	}
	.driver .lectureText04{
		background: url("/kiso/files/img/lesson/socket/bg_kttext04.png") no-repeat;
		width: 855px;
		height: 195px;
		margin: 62px 0 27px;
		float:left;
		/* opacity:0; */
		line-height: 1.6;
	}
	.driver .lectureText04 p{
		color: #333;
		font-size: 22px;
		font-weight:bold;
		line-height: 1.8;
		padding: 53px 82px 80px 50px;
	}
	.driver .ktLecture04 .ktImg{
		position:absolute;
		right: 0;
		top: 87px;
	}
	.driver .lectureText05{
		background: url("/kiso/files/img/lesson/socket/bg_kttext05.png") no-repeat 0 20px;
		/* padding: 86px 0 25px 33px; */
		width: 510px;
		height: 150px;

		float:left;

		margin: 65px 0 0;
		/* opacity:0; */
		line-height: 1.55;
	}
	.driver .lectureText05 p{
		color: #333;
		font-size: 22PX;
		font-weight:bold;
		text-align:  center;
		padding: 58px 0;
	}
	.driver .ktLecture06{
		position:relative;
	}
	.driver .lectureText06{
		background: url("/kiso/files/img/lesson/socket/bg_kttext06.png") no-repeat right;
		width: 853px;
		height: 195px;
		margin: 18px 0 37px;
		float:left;
		/* opacity:0; */
		line-height: 1.6;
	}
	.driver .lectureText06 p{
		color: #333;
		font-size: 22px;
		font-weight:bold;
		line-height: 1.8;
		padding: 78px 82px 80px 222px;
	}
	.driver .ktLecture06 .ktImg{
		position:absolute;
		right: 0;
		top: 55px;
	}
	/*-----.lineupBox------*/	
	.driver .lineupBox {
		padding: 0 0 60px;
	}	
	.driver .lineupBox p,
	.driver .lineupBox li{
		font-size: 18px;
		margin: 0 0 30px;
		letter-spacing: -0.3px;
		line-height: 1.7;
	}
	.driver .lineupList {
		margin: 30px 0;
	}
	.driver .lineupList ul{
		display: inline-block;
		width: 450px;
		font-size: 18px;
		font-weight:  bold;
		letter-spacing: -0.3px;
		vertical-align: top;
		margin: 40px 60px 0 0;
	}
	.useMovie {
		display: inline-block;
	}
	.driver .ktLecture07{
		position:relative;
		padding: 95px 0 0;
	}
	.driver .lectureText07{
		background: url("/kiso/files/img/lesson/socket/bg_kttext07.png") no-repeat right;
		width: 768px;
		height: 195px;
		margin: 18px 0 71px;
		float:left;
		/* opacity:0; */
		line-height: 1.6;
	}
	.driver .lectureText07 p{
		color: #333;
		font-size: 22px;
		font-weight:bold;
		line-height: 1.8;
		padding: 78px 60px 80px 65px;
	}
	.driver .ktLecture07 .ktImg{
		position:absolute;
		right: -15px;
		top: 73px;
	}
	/*------------------------*/
	.driver .tipsBox03{
	    background:#FFF;
	    border:5px solid #FAB4C5;
	    border-radius:5px;
	    margin: 102px auto 60px;
	    padding: 35px 30px 40px;
	    width: 900px;
	    min-height: 310px;
	    position: relative;
	}
	.driver .tipsBox03 .tipsWide{
	    color:#333333;
	    width:100%;
	    float:note;
	}
	.driver .tipsBox03 .tips .tipsLabel{
	    background: url("/kiso/files/img/lesson/socket/bg_socket_tipslabel_icon.gif") no-repeat left 3px;
	    color:#E6154A;
	    font-size:154%;
	    font-weight:bold;
	    padding-left:30px;
	    margin-bottom:10px;
	}
	.driver .tipsBox03 .tips h3{
	    font-size:200%;
	    font-weight:bold;
	    margin-bottom:15px;
	}
	.driver .tipsBox03 .tips h3 span{
	    font-size: 22px;
	    font-weight:bold;
	    display: block;
	}
	.driver .tipsBox03 .tips h4{
	    font-size: 22px;
	    font-weight:bold;
	    margin-bottom: 8px;
	}
	.driver .tipsBox03 .tips h4 .small{
	    font-size: 14px;
	    font-weight: normal;
	    display: inline-block;
	    margin: 0 0 0 20px;
	}
	.driver .tipsBox03 .size {
		margin: 75px 0 0;
	}
	.driver .tipsBox03 .size p {
		font-size: 16px;
		letter-spacing: -0.3px;
	}
	.driver .tipsBox03 .tip01 {
		font-size: 16px;
		display: inline-block;
		width: 252px;
		padding: 30px 20px 70px;
		margin: 0 12px 0 0;
		vertical-align: bottom;
		position: relative;
		background: #ddd;
	}
	.driver .tipsBox03 .tip01 img {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.driver .tipsBox03 .tip02 {
		font-size: 16px;
		display: inline-block;
		width: 585px;
		padding: 21px 0;
		text-align: center;
		border: 1px solid #333;
	}
	.driver .tipsBox03 .tip02 p {
		text-align: left;
		display:  inline-block;
	}
	.driver .tipsBox03 .tips{
	    color:#333333;
	}
	.driver .lectureText08{
		background: url("/kiso/files/img/lesson/socket/bg_kttext08.png") no-repeat 0 20px;
		/* padding: 86px 0 25px 33px; */
		width: 710px;
		height: 150px;
		float:left;
		margin: 10px 0 0 14px;
		/* opacity:0; */
		line-height: 1.55;
	}
	.driver .lectureText08 p{
		color: #333;
		font-size: 22PX;
		font-weight:bold;
		text-align: left;
		padding: 50px 0 0 100px;
		line-height: 1.5;
	}

	.driver .lectureText08 p span{
		font-size: 18px;

		font-weight: normal
	}
	.driver .ktLecture08 .ktImg {
		margin: -63px 0 0 22px;
		position:  relative;
		z-index: 999;
	}
	/*-----.recommendArea------*/	
	.driver .recommendArea {
		padding: 50px 0;
	}
	.driver .ktLecture09{
		position:relative;
		margin: -32px 0 0;
	}
	.driver .lectureText09{
		background: url("/kiso/files/img/lesson/socket/bg_kttext09.png") no-repeat top right;
		width: 855px;
		height: 195px;
		margin: 62px 0 27px 10px;
		float:left;
		/* opacity:0; */
		line-height: 1.6;
	}
	.driver .lectureText09 p{
		color: #333;
		font-size: 22px;
		font-weight:bold;
		padding: 52px 139px 80px 240px;
		line-height: 1.4;
	}
	.driver .ktLecture09 .ktImg{
		position:absolute;
		right: 0;
		top: 70px;
	}
	.driver .lectureText10{
		background: url("/kiso/files/img/lesson/socket/bg_kttext10.png") no-repeat;
		margin: -16px 0 0 0;
		width: 765px;
		height: 280px;
		float:left;
		/* opacity:0; */
		line-height: 1.55;
	}
	.driver .lectureText10 {
		text-align: center;
	}
	.driver .lectureText10 p{
		color: #333;

		font-size: 18px;
		letter-spacing: -0.8px;
		font-weight:bold;
		padding: 45px 0 13px 57px;
		text-align: left;
	}
	.driver .ktLecture11{
		position:relative;
		margin: 20px 0 0;
	}
	.driver .lectureText11{
		background: url("/kiso/files/img/lesson/socket/bg_kttext11.png") no-repeat right;
		width: 853px;
		height: 195px;
		margin: 18px 0 37px;
		float:left;
		/* opacity:0; */
		line-height: 1.6;
	}
	.driver .lectureText11 p{
		color: #333;
		font-size: 22px;
		font-weight:bold;
		letter-spacing: -0.5px;
		line-height: 1.4;
		padding: 68px 100px 80px 222px;
	}
	.driver .ktLecture11 .ktImg{
		position:absolute;
		right: 0;
		top: 50px;
	}
	.driver .lectureText12{
		background: url("/kiso/files/img/lesson/socket/bg_kttext12.png") no-repeat 0 20px;
		/* padding: 86px 0 25px 33px; */
		width: 765px;
		height: 200px;
		float:left;
		margin: 0;
		/* opacity:0; */
		line-height: 1.55;
	}
	.driver .lectureText12 p{
		color: #333;
		font-size: 22px;
		line-height: 1.5;
		letter-spacing: -0.5px;
		font-weight:bold;
		text-align: left;
		padding: 57px 55px 0 80px;
	}
	.driver .recommend {
		margin: 50px 0 0;
	}
	.driver .recommend p {
		font-size: 18px;
	}
	.driver .recommendBox {
		margin:  20px 0 0;
	}
	.driver .recommendBox h4 {
		font-size: 18px;
		margin: 10px 0;
	}
	.driver .recommend .point02ListBox p a {
		display: inline;
		text-decoration: none;
	}
	/*-----.point01------*/	

	.driver #point03 {
		padding: 37px 0 58px;
		margin: 0 0 60px;
		color: #fff;
		font-size: 18px;
		line-height: 1.8;
	}
	.driver #point03 .inner > p:first-of-type{
		text-indent: -0.5em;
	}
	.driver .ktLecture13 {
		margin: 38px 0 0;
	}
	.driver .lectureText13{
		background: url("/kiso/files/img/lesson/socket/bg_kttext13.png") no-repeat;
		/* padding: 86px 0 25px 33px; */
		width: 765px;
		height: 200px;
		float:left;
		margin: -10px 0 0;
		/* opacity:0; */
		line-height: 1.55;
	}
	.driver .lectureText13 p{
		color: #333;
		font-size: 22px;
		line-height: 1.5;
		letter-spacing: -0.5px;
		font-weight:bold;
		text-align: left;
		padding: 48px 55px 0 119px;
		text-indent: 0;
	}
	.driver #point03 .pointContents .box {
		text-align: center;
		background:  #fff;
		color: #000;
		padding: 36px 0 27px;
	}
	.driver #point03 .pointContents .box p{
		font-size: 20px;
		padding: 0 0 30px;
	}
	.driver .ktLecture14{
		position:relative;
		margin: 50px 0 93px;
	}
	.driver .lectureText14{
		background: url("/kiso/files/img/lesson/socket/bg_kttext14.png") no-repeat;
		width: 853px;
		height: 195px;
		margin: 52px 0 0;
		float:left;
		/* opacity:0; */
		line-height: 1.6;
	}
	.driver .lectureText14 p{
		color: #333;
		font-size: 22px;
		font-weight:bold;
		letter-spacing: -0.5px;
		line-height: 1.4;
		padding: 68px 100px 80px 127px;
	}
	.driver .ktLecture14 .ktImg{
		position:absolute;
		right: -17px;
		top: 0;
	}
	.driver .point03ListBox {
		color: #000;
		display: inline-block;
		vertical-align: top;
		margin: 0 47px 79px 0;
		width: 280px;
	}
	.driver .point03ListBox p a {
		color: #fff;
		display:  inline-block;
		padding: 23px 0 0;
		font-size: 14px;
		font-weight:  bold;
		line-height: 1;
		border-bottom: 1px solid;
	}
	.driver .point03ListBox p a:hover{
		text-decoration: none;
	}
	.driver .point03ListBox:last-of-type {
		margin: 0 0 35px 0;
	}
	.driver #point03 .next {
		font-size: 30px;
		font-weight: bold;
		text-align: center;
	}
    /*----------------------------*/
    .confirmationArea {
        background: url("/kiso/files/img/lesson/socket/bg_socket_confirmation.png") repeat-x;
        height: 520px;
        padding-top: 80px;
        overflow: hidden;
    }
    .driver .confirmationArea h3 {
        font-size:  30px;
        font-weight: bold;
        color: #fff;
        margin: 20px 0 25px 60px;
    }
    .driver .confirmationArea h3 span {
        font-size:  18px;
        font-weight: normal;
        display: inline-block;

        vertical-align: middle;
        margin: 0 0 0 40px;
    }
    .driver .confirmationArea .confirmationImg {
        width: 245px;
        float: left;
    }
    .driver .confirmationArea .confirmationImg > div {
        display: none;
    }
    .driver .confirmationArea .confirmationImg .default {
        display: block;
    }
    .driver .confirmationArea .confirmationAnser {
        width: 720px;
        float: left;
    }
    .driver .confirmationArea .confirmationAnser a {
        color: #666;
        text-decoration: underline;
    }
    .driver .confirmationArea .confirmationAnser .confirmation,
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        color: #666;
        margin-top: 30px;
        font-size: 124%;
        font-weight: bold;
        width: 340px;
        background: url("/kiso/files/img/lesson/socket/bg_socket_confirmation01.gif") no-repeat left top;
    }
    .driver .confirmationArea .confirmationAnser .confirmation {
        height: 137px;
        padding: 46px 50px 0 70px;
  }
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        opacity: 0;
        height: 127px;
        padding: 34px 50px 0 80px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation img,
    .driver .confirmationArea .confirmationAnser .confirmationOn img {
        margin: 85px 0 -70px;
    }
    .driver .confirmationArea .confirmationAnser .anser {
        color: #666;
        margin: 25px 0 0 40px;
        position: relative;
    }
    .driver #btn {
        margin: 0 auto;

        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }
    .driver #btn a {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        font-size: 20px;
        font-weight: bold;
        color: #EA0B46;
        margin: 0 12px 20px;
        text-align: center;
        padding: 20px 20px;
        background-color: #FEEDF1;
        border: #FAB4C5 5px solid;
        border-radius: 10px;
        box-shadow: 5px 5px 0 #ddd;
        animation: moveBtn 2s infinite 2s normal ease-out;
        text-decoration: none;
    }



	@keyframes moveBtn {
		0% {top:26px;}
		20% {top:32px;}
		25% {top:32px;}
		30% {top:16px;}
		38% {top:26px;}
		42% {top:20px;}
		48% {top:26px;}
	}

}