@charset "utf-8";

/* for HTML5 */
header,
footer,
section,
article,
nav,
figure,
figcaption,
aside,
details,
hgroup,
menu {display: block;}


/* -- 修理受付用 -- */

/* HEADER */
header{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	line-height: 1;
}
#BZ-header.ULplus{ border-bottom: #666666 18px solid;} 

#BZ-logo-solution-nolink{
	position:absolute;
	top:15px;
	left:10px;
	z-index:10;
    line-height: 0;
    
}

#BZ-logo-solution-nolink .siteinfo{
	display:inline-block;
	max-width:431px;
	margin-right:10px;
	}

#BZ-logo-solution-nolink .siteinfo img{
    width: 100%;
    max-width: 431px;
	height:auto;
}


#BZ-logo-solution-nolink #BZ-logo-ex{
	display:inline-block;
	height:auto;
	width:100%;
	max-width:87px;
	vertical-align:bottom;
}
#BZ-logo-solution-nolink #BZ-logo-ex{
	max-width:87px;
}


/* Footer */
#BZ-maintenance-footer{
	background:#2F61C8;
/*	color:#D5DFF4; */
    color:#FFF;
    margin: 0;
    padding: 20px 10px;
	}

#BZ-maintenance-footer ul{
	display:table;
	width:100%;
	margin:0 auto;
	padding:20px 0;
}
#BZ-maintenance-footer ul li{
	display:table-cell;
	width:50%;
    text-align: center;
	}
#BZ-maintenance-footer ul li a{
	display:inline-block;
	background:none;
	padding:0;
	color:#ffffff;
	text-align:left;
    text-decoration: underline;
	}
#BZ-maintenance-footer ul li a:link{color:#fff;}
#BZ-maintenance-footer ul li a:visited{color:#fff;}
#BZ-maintenance-footer ul li a:hover{color:#fff; opacity:.2;}
#BZ-maintenance-footer ul li a:before{
	position:relative;
	top:2px;
	content:url(../img/bg-arrow04.png);
	margin-right:2px;
	}

#BZ-maintenance-footer p.copyright{ text-align: center; font-size:75%; padding:10px 10px 12px 10px; }


/* main */
#BZ-contents{clear: both; float: none; }
#BZ-section ul.kome li{ font-size:98%; margin-bottom: 0.5em; line-height: 1.3em !important; text-indent:-2.5em; margin-left:2.5em;}

#BZ-section p.kome{ margin-bottom: 0.5em; line-height: 1.3em !important; text-indent:-2.5em; margin-left:2.5em;}
    


#BZ-contents .BZ-toPagetop a:before{
	position:relative;
	top:4px;
	content:url(../img/bg-arrow03-up.png);
	padding-right:5px;
	}
a.BZ-link:before,
span.BZ-link:before{
	content:url(../img/bg-arrow01.png);
	position:absolute;
	top:.1em;
	left:0;
	}

a.BZ-linkDown:before,
span.BZ-linkDown:before{
	content:url(../img/bg-arrow01-down.png);
	position:absolute;
	top:0;
	left:0;
	}



#BZ-topTitle{
	background-image:url(../img/bg-title.png);
	background-position:center center;
	background-repeat:none;
	-webkit-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	min-height:244px;
	padding-top:92px;
	text-align:right;
}

#repair-process{width: 100%;clear: both; float: none; margin-bottom: 3em;}

#repair-process .repair-process01,
#repair-process .repair-process02,
#repair-process .repair-process03,
#repair-process .repair-process04{ width: 100%; margin:0 auto; padding:10px 0 10px 0; clear: both; float: none;}


#repair-process .repair-process01 img,
#repair-process .repair-process02 img,
#repair-process .repair-process03 img,
#repair-process .repair-process04 img{ wdth:auto; max-width: 300px; vertical-align: top; float: left; }

#repair-process .repair-process01 h4,
#repair-process .repair-process02 h4,
#repair-process .repair-process03 h4,
#repair-process .repair-process04 h4{ display: inline-block; width: 50%; background:#2B3AB3; color:#FFF; padding: 10px; border-radius: 3px; vertical-align: top;}

#repair-process .repair-process01 p,
#repair-process .repair-process02 p,
#repair-process .repair-process03 p,
#repair-process .repair-process04 p{ display: block; width: auto; margin: auto;  margin-left: 20px;}

#repair-process .repair-process01::after,
#repair-process .repair-process02::after,
#repair-process .repair-process03::after{ content: '';
	display: block;
	position: absolute;
	top: -40px;
	width: 100%;
	height: 35px;
	background: url("../img/process/arrow00.png")
}


#BZ-contents #BZ-Code #BZ-Code-error{ 
    margin: 2em auto;
/*    background-color: #FBE7D9; */
    background-color: #FBFAB8;
    padding: 20px 10px 0 10px;
    width: 60%;
    border: 2px dotted #DF6672;
    display: block;
}
#BZ-contents #BZ-Code #BZ-Code-error p{ text-align: center; width: auto;display: block;}


#BZ-Code #BZ-Code-input{ margin: 2em auto 3em auto; text-align: center; 
    /* background-color: #FBE7D9; padding: 25px 10px 20px 10px; width: 80%; border-radius: 10px; */
    }

#BZ-contents #BZ-Code-input {}

#BZ-contents #BZ-Code-input #maintenance-code{ vertical-align: middle;font-size: 100%; padding: 5px;}

#BZ-contents #BZ-Code-input #maintenance-code-Enter{font-size: 100%; position: relative; }

#BZ-contents .BZ-orange-Button{
    display: inline-block;
    background-color: #E96707;
    color:#fff;
	padding:12px 20px 10px;
    border: none;
	border-radius:10px;
	box-shadow:0 0 6px rgba(0,0,0,0.6);
	font-weight:bold;
    line-height:1.4em;
	text-align:center;
    margin: 10px auto;
    white-space: nowrap;
    width: auto;
    cursor: pointer;
	}
    
    
#BZ-contents .BZ-orange-Button input{ background-color: #E96707; color: #fff; font-weight: bold;}

#BZ-contents .BZ-blue-Button{ 
    display: inline-block;
    background-color: #2F61C8;
    color:#fff;
	padding:12px 20px 10px;
    border: none;
	border-radius:10px;
	box-shadow:0 0 6px rgba(0,0,0,0.6);
	font-weight:bold;
    line-height:1.4em;
	text-align:center;
    margin: 10px auto;
    width: auto;
    cursor: pointer;
	}
    
#BZ-contents .BZ-blue-Button{ background-color: #2F61C8; color: #fff; font-weight: bold;}



#BZ-contents .BZ-orange-Button:hover,
#BZ-contents .BZ-blue-Button:hover{
	box-shadow:none;
	}

#BZ-contents .BZ-orange-Button::before,
#BZ-contents .BZ-blue-Button::before{
	position:relative;
	content:url("../img/bg-arrow04.png");
	padding-right:5px;
    vertical-align: top;
    top:50%;
    transform: translateY(-50%);
	}

#BZ-contents .download::before{
    content: "↓";
    text-decoration: underline;
    font-size: .8em;
}

#BZ-contents .file-download{
    position: relative;
}

#BZ-contents .file-download::before{
    content: "";
    top: -1px;
    display: inline-block;
    height:.5em;
    width:.5em;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    padding:0;
    margin-right: 10px;
    margin-bottom: 2px;
    vertical-align: middle;
    transform: scaleY(1.2) rotate(45deg) translateY(-50%);
}

#BZ-contents .file-download::after{
    content: "";
    position: absolute;
    bottom: 12px;
    left: 19px;
    display: inline-block;
    height: .1em;
    width: .92em;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    padding:0;
    margin-bottom: 2px;
    vertical-align: middle;
}

input#maintenance-code-Enter{ background:url("../img/bg-arrow04.png") no-repeat 10px center ; width: 12em}

#BZ-contents .Aterm-banner{width: auto; margin:15px auto 30px auto; text-align: center;}
#BZ-contents .Aterm-banner a{width: auto; max-width: 560px; display: inline-block;}

#BZ-contents .Aterm-banner img{
	height: auto;
	width: 100%;
    max-width: 560px;
    margin:0 auto;
	}

#BZ-contents .Aterm-banner a:hover img{ opacity: .7;} 
 

/* SYUURI TEJUN = #repair-step */
#BZ-contents #repair-step{} 
.flex-box{ display: flex;}

/* Repair-step */
#repair-step .flex-box { margin: 0 auto 2em auto; padding: 0 1.53% 30px;}
#repair-step .flex-box .step-img{flex-basis:20%; text-align: center;}
#repair-step .flex-box .step-info{flex-basis:80%;}
#BZ-contents #repair-step .flex-item .step-info p{  width: 100%; text-align: left; margin: 0 0.5em 0.5em 0.5em; padding:1px;}
#BZ-contents #repair-step p,
#BZ-contents #repair-step ul{
    margin: 0 1.53% 0.6em; /* Moto 0 1.53% 30px */
    padding: 0 0 0 2.04%;
    text-align: left;
}
#repair-step .flex-box img{ width: auto; height: auto; max-width: 150px; border-radius: 8px;}
#repair-step .information{ font-size: 120%;}
#BZ-contents #repair-step h4{
	margin:0 1% 15px;
	padding:5px 05px 0 0;
    color:#3E3492;
	}

/* 1字インデント */
#BZ-contents p.indent1em {
    text-indent: -1em;
    padding-left: 1em;
}

/* 下向き矢印 */
.steparrow{
    position: relative;
}
.steparrow::before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 28px;
    height: 25px;
    background: #3E3492;
    transform: translateX(-50%);
    z-index: 0;
}
.steparrow::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 0;
    height: 0;
    border: 30px solid;
    border-bottom-width: 0;
    border-color: #3E3492 transparent transparent transparent;
    transform: translateX(-50%);
}


.repair-info-waku{ margin: 1.5em auto 2em auto; padding: 1.5em 1.5em 0 1.5em; background-color: #FFFFFF;
    border:2px solid #FF0000;
    width: 80%;
}


/* Only mini screen */
.miniscreen-on,
a.phone-number{ display: none; }


/* For Media Options */
/* BreakPoint */
@media (max-width: 660px) {
  #BZ-logo-solution-nolink{ height: auto;}
  #BZ-logo-solution-nolink .BZ-logo-text{ display: none;}
  #BZ-logo-solution-nolink .siteinfo{
	display:inline-block;
	max-width:70%;
	margin-right:10px;
	}

    #BZ-logo-solution-nolink .siteinfo img{
    width: 100%;
    max-width: 431px;
	height:auto;
    }
    #BZ-logo-solution-nolink #BZ-logo-ex{
	max-width:13%;
	}
    
    #BZ-header.ULplus{ height: auto; min-height: 60px;
     border-bottom: #666666 10px solid;
    } /* #666666 */
    
    #BZ-header.ULplus{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:65px;
	width:100%;
	background:#ffffff;
	border-bottom:5px solid #3868CA;
	z-index:100;
    margin-bottom: 20px;
	}
    
    #BZ-contents{ padding-top: 15px;}
    
    main{ padding-top: 5px;}
    
}/* /@media (max-width: 660px)END */


@media (max-width: 640px) {
    #repair-step .flex-box{ display: block; margin: 10px 0 1.5em 0; padding: 12px 0 10px 0; width: 100%; float: none; clear: both;}
    #repair-step .flex-box .step-img,
    #repair-step .flex-box .step-info{text-align:center; display: block;position:static;padding: 12px 0 10px 0; }
    #repair-step .flex-box .step-img{padding-bottom: 0px;}
    #repair-process .repair-process01 img,
    #repair-process .repair-process02 img,
    #repair-process .repair-process03 img,
    #repair-process .repair-process04 img{ 
        width:auto; max-width: 120px; vertical-align: top; float: left; 
    }
    #repair-step .flex-box .step-info {text-align: center;background-color: #E4E0F0 ; border-radius: 5px; display: block; width: 98%; margin: 20px auto 10px auto;} /* #f7f1fc #E4E0F0 */
    #repair-step .flex-box .step-info h4{ }
    #repair-step .flex-box .step-info p{ text-align: left; margin: 0 0.5em 1em 0.5em; padding:1px;}
    .steparrow::before { display: none !important; }
}/* /@media (max-width: 640px)END */


@media (max-width: 480px) {
  #BZ-logo-solution-nolink{ height: auto;}
  #BZ-logo-solution-nolink .BZ-logo-text{ display: none;}
  #BZ-logo-solution-nolink .siteinfo{
	display:inline-block;
	max-width:70%;
	margin-right:10px;
	}

    #BZ-logo-solution-nolink .siteinfo img{
    width: 100%;
    max-width: 431px;
	height:auto;
    }
    #BZ-logo-solution-nolink #BZ-logo-ex{
	max-width:13%;
	}
    
    #BZ-header.ULplus{ height: auto; min-height: 60px;
     border-bottom: #666666 10px solid;
    } /* #666666 */
    
    #BZ-header.ULplus{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:65px;
	width:100%;
	background:#ffffff;
	border-bottom:5px solid #3868CA;
	z-index:100;
    margin-bottom: 20px;
	}
    
    #BZ-contents{ padding-top: 15px;}
    
    #BZ-contents .BZ-list-notes .BZ-list-notes{ margin-left: -1em !important;}
    
    #BZ-contents #BZ-Code #BZ-Code-error{ width: 90%;　}
        
    .PConly{display: none;}
    a.phone-number{ display: inline;}
    
    main{ padding-top: 5px;}

    .miniscreen-on{ display: inline !important;}    
    .repair-info-waku{ margin: 1.5em auto 2em auto; padding: 1em 0.5em 0 1em;
    width: 90%; font-size:90%;
    }


}/* media (max-width: 480px)END */


@media (max-width: 320px) {
  #BZ-logo-solution-nolink {height: auto;}
  #BZ-logo-solution-nolink .BZ-logo-text{ display: none;}
  #BZ-logo-solution-nolink .siteinfo{
	display:inline-block;
	max-width:100%;
	margin-right:10px;
	}

    #BZ-logo-solution-nolink .siteinfo img{
    width: 100%;
	height:auto;
    }
    #BZ-logo-solution-nolink #BZ-logo-ex{
	max-width:20%;
    display: block;
    margin: 5px auto;
	}
    
    #repair-process .repair-process01 img,
    #repair-process .repair-process02 img,
    #repair-process .repair-process03 img,
    #repair-process .repair-process04 img{ 
    width:auto; max-width: 90px;
    float: none; clear: both; 
    }

    
    #BZ-agreeBtn{ margin-top: 1em;}

}/* media (max-width: 320px)END */



/* Step GuideNavi  */
#StepGuide { margin: 0 1.53% 2.2em;}

#StepGuide ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#StepGuide #stepinfo{
  display: flex;
  width: 100%;
}
#StepGuide #stepinfo li{
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  flex-basis: 100%;
  padding-right: 1em;
  margin: 0 -.5em;
  position: relative;
}
#StepGuide #stepinfo li span{
  position: relative;
  display: flex;
  margin: 0;
  text-align: center;
  background: #beccea;
  color: :#fff;
  padding: .7em 0 .7em 1.4em;
  z-index: 2;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 100%;
}
 
#StepGuide #stepinfo li::before{
  content: "";
  position: absolute;
  top: 50%;
  background-color: #eeeeee;
  width: 3em;
  height: 3em;
  left: -1.6em;
  transform: translateY(-50%) rotate(-45deg) skew(-20deg, -20deg);
  z-index: 3;
}
 
#StepGuide #stepinfo li::after{
  content: "";
  position: absolute;
  top: 50%;
  background-color: #beccea;
  width: 3em;
  height: 3em;
  right: 0;
  transform: translateY(-50%) rotate(-45deg) skew(-20deg, -20deg);
  z-index: 1;
}
 
#StepGuide #stepinfo li:nth-child(1){z-index: 5;}
#StepGuide #stepinfo li:nth-child(2){z-index: 4;}
#StepGuide #stepinfo li:nth-child(3){z-index: 3;}
#StepGuide #stepinfo li:nth-child(4){z-index: 2;}
#StepGuide #stepinfo li:nth-child(5){z-index: 1;}
 
#StepGuide #stepinfo li:nth-child(1){
  margin-left: 0;
  padding-left: 0;
}
 
#StepGuide #stepinfo li:nth-last-child(1){
  margin-right: 0;
  padding-right: 0;
}
 
#StepGuide #stepinfo li:nth-child(1)::before,
#StepGuide #stepinfo li:nth-last-child(1)::after{
  display: none;
}
 
#StepGuide #stepinfo .current span,
#StepGuide #stepinfo .current::after{
  background: #2f61c8;
  color:#fff;
}


#BZ-Code-input input[type="text"]{
	padding:6px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:100%;
    outline: none; 
	}
/*
#BZ-Code-input input:focus{
    border: solid 2px #E96707;
    background-color: #FFF5EC;
}
*/
#BZ-Code-input input.attention{
    border: solid 2px #f6c503;
    background-color: #fffdd0;
}


#BZ-contents h3.h3Red{
	background:#FAE7EB;
	border:1px solid #DF6672;
	}


/* 既存ファイルから流用 */
#BZ-wrapper .BZ-sp-block{
	display:none;
	}

#BZ-header-siteLink li#BZ-header-sl-toBottomMenu{
	display:none;
	}

.BZ-accordionBox{
	display:none;
	}



/* Step GuideNavi's BreakPoint */
@media (max-width: 910px) {
    #StepGuide ul{
      font-size: 80%;
    }
      #StepGuide #stepinfo li{
    }
}/* media (max-width: 910px)END */


@media (max-width: 640px) {
    #StepGuide { margin: 0 auto 1.5em auto;}
        #StepGuide ul{
      font-size: 70%;
    }
    #BZ-maintenance-footer ul li{
	 font-size:87%;
     }
     #BZ-maintenance-footer p.copyright{font-size:70%;}
     img{width: auto; max-width: 98%;}
}/* media (max-width: 640px)END */


@media (max-width: 480px) {
    #StepGuide ul{
    }
    #StepGuide #stepinfo{
    }
    #StepGuide #stepinfo li{
    }

    #StepGuide #stepinfo li::before{
    }

    #StepGuide #stepinfo li::after{
    }

    #StepGuide #stepinfo .current{
    }

    #StepGuide #stepinfo .current::after{}
    #StepGuide #stepinfo .current::before{
    }
    
    
    #BZ-maintenance-footer ul{
	display:block;
	width:90%;
	margin:0 auto 15px auto;
	padding:0;
    }
    #BZ-maintenance-footer ul li{
	display:block;
	width:100%;
    text-align: center;
    margin: 0 auto 10px auto;
	}
    #BZ-maintenance-footer ul li a{
	display:block;
    }
    
}/* media (max-width: 480px)END */


#BZ-contents p + h3,
#BZ-contents ul + h3,
#BZ-contents .BZ-col-wide + h3{ margin-top: 2.5em; clear: both; float: none; }


/* ---- First Priority 
-------------------------------------*/
.AS-small{font-size: 87%;}
.AS-marginS{margin-left: 0;}
.color-red{ color:red ;}

header:after,
footer:after,
main:after,
#repair-process:after,
.clearfix{
    content: "."; 
    display: block; 
    height: 0;
    overflow: hidden;
    clear: both; 
    visibility: hidden;
}