/* ---------------------------------------------------------------------------------------------- */
/* -- driver02 css -- */



.for_pc {
	display:block;
}
.for_sp {
	display:none;
}



p.lead {
	font-size: 110%;
	line-height: 180%;
	padding:0 0 24px;
}
p.text {
	font-size: 86%;
	line-height: 180%;
}
p.text_s {
	font-size: 80%;
	line-height: 120%;
}
p.text_s span {
	font-size: 90%;
	padding-left:16px;
}
p.attention {
	font-size: 76%;
	line-height: 120%;
}
.bold {
	font-weight:bold;
}
.right {
	text-align:right;
}
.add {
	padding-top:15px;
}
.btm {
	padding-bottom:15px;
}

.driver02-area table {
	box-sizing: border-box;
	width:100%;
	border-collapse:collapse; 
	border-spacing:0px; 
}

.driver02-area h3 {
    font-size: 210%;
	line-height: 140%;
	font-weight:bold;
    margin-bottom: 40px;
}
h3.blue {
    font-size: 210%;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 40px;
    color: #0075C1;
}
h3.pink {
    font-size: 210%;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 40px;	
    color: #E85382;
}
.driver02-area h3 br {
	display:none;
}
.driver02-area h4 {
	font-size: 150%;
	line-height: 120%;
	font-weight:bold;
    color: #E85382;
	padding:40px 0 20px;    
}
.top {
	padding:60px 0 0;
	margin:60px auto 0;
	border-top:2px solid #CCC;
}
.img_center {
    text-align: center;
}
.magin_t {
    margin-top: 40px
}

/* mainimage ------------------------------------------------------------------------- */
div.mainimage {
	position:relative;
}
div.mainimage p.image {
	box-sizing: border-box;
	width:100%;
}
div.mainimage p.image img {
	width:100%;
}
div.mainimage p.text {
	position:absolute;
	bottom:20px;
	left:100px;
	font-size:100%;
	color:#FFF;
	font-weight:bold;
    width: 100%;
    max-width: 976px;    
}
div.mainimage p.text span {
    font-size:150%;
}
div.mainimage p.text img {
  	width:80%;
    max-width: 200px;
    float: left;
    margin-right: 40px;
}


/* dr_block_00 ------------------------------------------------------------------------- */
div.dr_block_00 {
	box-sizing: border-box;
	width:100%;
	max-width:1200px;
	padding:40px 0;
	margin:0 auto;
	border-bottom:2px solid #CCC;
}
div.dr_block_00 div.dr_inner {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:0;
	margin:0 auto;
}
div.dr_block_00:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_00 div.textside {
	box-sizing: border-box;
	display:block;
	width:61%;
	max-width:600px;
	float:left;
}
div.dr_block_00 div.imageside {
	box-sizing: border-box;
	display:block;
	width:31%;
	max-width:300px;
	float:right;
}
div.dr_block_00 div.imageside img {
	width:100%;
}

/* dr_block_01 ------------------------------------------------------------------------- */
div.dr_block_01 {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:60px 0 0;
	margin:0 auto;
}
div.dr_block_01:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_01 {
    margin-top: 40px;    
}

/* dr_block_02 ------------------------------------------------------------------------- */
div.dr_block_02 {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:60px 0 0;
	margin:0 auto;
}
div.dr_block_02.top {
	padding:60px 0 0;
	margin:60px auto 0;
	border-top:2px solid #CCC;
}
div.dr_block_02:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_02 img {
    	width:90%;
}
div.dr_block_02 div.block_02_01 {
		background: #00aebb;
        color: #FFFFFF;
        font-weight: bold;  
		/*width: 100%;*/
		margin: 40px auto 20px;
        padding: 15px;
		position: relative;    
}
div.dr_block_02 div.block_02_01:before {
		width: calc(100% - 20px);
		height: 0;
		display: block;
		position: absolute;
		left: 0;
		content: "";
		border-bottom: solid 20px #00aebb;
		border-right: solid 20px transparent;
		bottom: 100%;
        margin-top: 20px;
}
div.dr_block_02 div.block_02_01 div.ttl{
  	    font-size: 160%;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 10px;
}
    
div.dr_block_02_01:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}

/* dr_block_03 ------------------------------------------------------------------------- */
div.dr_block_03 {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:0 0 40px;
	margin:0 auto;
}
div.dr_block_03.top {
	padding:60px 0 40px;
	margin:60px auto 0;
	border-top:2px solid #CCC;
}

/* dr_block_03_01 */
div.dr_block_03_01 {
	padding:20px 0;
}
div.dr_block_03_01:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_03 div.block_03_01_l {
	box-sizing: border-box;
	display:block;
	width:38%;
	max-width:370px;
    float:left;
}
div.dr_block_03 div.block_03_01_r {
	box-sizing: border-box;
	display:block;
	width:60%;
	max-width:600px;
	float:right;
}
div.dr_block_03 ul {
    counter-reset: my-counter;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
  	font-size: 86%;
    color: #0075C1;    
}

div.dr_block_03 ul li {
  border-bottom: dashed 1px #000000;
  line-height: 20px;
  vertical-align: middle;
}
div.dr_block_03 ul li.topline {
  border-top: dashed 1px #000000;
} 
div.dr_block_03 ul li.top {
  border-top: dashed 1px #000000;
}
div.dr_block_03_02 div.block_03_02_l {
	box-sizing: border-box;
	display:block;
	width:68%;
	max-width:670px;
    float:left;
}
div.dr_block_03_02 div.block_03_02_r {
	box-sizing: border-box;
	display:block;
	width:30%;
	max-width:290px;
	float:right;
}
div.dr_block_03_02 div.block_03_02_r img{
    width:100%;
    max-width:290px;
}
div.dr_block_03_02:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_03_03 div.block_03_03_l {
	box-sizing: border-box;
	display:block;
	width:30%;
	max-width:290px;
    float:left;
}
div.dr_block_03_03 div.block_03_03_r {
	box-sizing: border-box;
	display:block;
    width:68%;
	max-width:670px;
	float:right;
}
div.dr_block_03_03 div.block_03_03_l img{
    width:100%;
    max-width:290px;
}
div.dr_block_03_03:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_03_01 span img, div.dr_block_03_02 span img, div.dr_block_03_03 span img {
	width: fit-content;
}

/*dr_block_04*/
/* dr_block_04 ------------------------------------------------------------------------- */
div.dr_block_04 {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:60px 0 40px;
	margin:0 auto;
}
div.dr_block_04:after,
div.dr_block_04_01:after{
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_04_01 div.block_04_01_l {
	box-sizing: border-box;
	display:block;
	width:38%;
	max-width:370px;
    float:left;
    text-align: center;
    padding-top: 60px;
}
div.dr_block_04_01 div.block_04_01_l img {
    width:80%;
	max-width:370px; 
}
div.dr_block_04_01 div.block_04_01_r {
	box-sizing: border-box;
	display:block;
	width:60%;
	max-width:600px;
	float:right;
}
div.dr_block_04_01 div.block_04_01_r img {
    width:100%;
	max-width:600px;
}

/* ###################### a hover event ###################### */
@media screen and (min-width:1024px) {


div.movie_section a:hover img {
	opacity: 0.7; filter: alpha(opacity=70);
}

div.movie_section a:hover dl dd {
	text-decoration:underline;
}

}



/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {


}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {


.for_pc {
	display:none;
}
.for_sp {
	display:block;
	width:100%;
}


p.lead {
	font-size: 104%;
}
.driver02-area h3 {
	font-size: 130%;
	text-align:center;
}
.driver02-area h3 br {
	display:block;
}
.driver02-area h4 {
	font-size: 130%;
	padding:40px 0 16px;
}
.driver02-area h4 br {
	display:block;
}

/* mainimage ------------------------------------------------------------------------- */
div.mainimage {
	position:static;
}
div.mainimage p.image {
	font-size:0;
	line-height:0;
}
div.mainimage p.text {
	position:static;
	bottom:0;
	left:0;
	font-size:80%;
	line-height:140%;
	font-weight:bold;
	padding:10px 3%;
	background-color:#000;
}
div.mainimage p.text img {
  	width:100%;
    float: none;
    margin-right: 0;
}
    
/* dr_block_00 ------------------------------------------------------------------------- */
 div.dr_block_00 {
	max-width:100%;
	padding:20px 0;
}
div.dr_block_00 div.dr_inner {
	width:94%;
	max-width:94%;
}  

/* dr_block_01 ------------------------------------------------------------------------- */
div.dr_block_01 {
	width:94%;
	max-width:94%;
	padding:40px 0 0;
}

/* dr_block_02 ------------------------------------------------------------------------- */
div.dr_block_02 {
	width:94%;
	max-width:94%;
	padding:40px 0 0;
}
div.dr_block_02.top {
	padding:40px 0 0;
	margin:40px auto 0;
}

/* dr_block_02_01 */
div.dr_block_02 div.block_02_01 div.ttl{
  	    font-size: 100%;
}
    
/* dr_block_03 ------------------------------------------------------------------------- */
div.dr_block_03 {
	width:94%;
	max-width:94%;
	padding:40px 0 0;
}
div.dr_block_03.top {
	padding:40px 0 20px;
	margin:40px auto 0;
}

/* block_03_01 */
div.dr_block_03 div.block_03_01_l,
div.dr_block_03 div.block_03_01_r {
	width:100%;
	max-width:100%;
	float:none;
}
    
/* block_03_02 */
div.dr_block_03_02 div.block_03_02_l,
div.dr_block_03_02 div.block_03_02_r {
	width:100%;
	max-width:100%;
	float:none;
}
div.dr_block_03_02 div.block_03_02_r img {
	width:100%;
	max-width:100%;
}        

/* block_03_03 */
div.dr_block_03_03 div.block_03_03_l,
div.dr_block_03_03 div.block_03_03_r {
	width:100%;
	max-width:100%;
	float:none;
}
div.dr_block_03_03 div.block_03_03_l img {
	width:100%;
	max-width:100%;
}  
    
/* dr_block_04 ------------------------------------------------------------------------- */
div.dr_block_04 {
	width:94%;
	max-width:94%;
}
div.dr_block_04.top {
	padding:40px 0 20px;    
	margin:40px auto 0;
}  
    
/* dr_block_04_01 */
div.dr_block_04 div.block_04_01_l,
div.dr_block_04 div.block_04_01_r {
	width:100%;
	max-width:100%;
	float:none;
}
div.dr_block_04 div.block_04_01_l img {
	width:50%;
	max-width:50%;
    padding-top: 0;
}    
div.dr_block_04 div.block_04_01_r img {
	width:100%;
	max-width:100%;
}    
    
}