@charset "UTF-8";

/*===========================================
    repair-contact.css
=============================================*/

.mod-content #contents h3.title {
  font-size: 1.30rem;
}

.mod-content #contents h5.stitle {
  font-size: 1.15rem;
  margin-top: 0;
}

.mod-content #contents .service {
  margin-left: 1em;
}

.mod-content #contents h4.line {
  border-bottom: #000 solid 1px!important;
  padding-bottom: 5px;
  margin-left: 13px;
  font-size: 1.3rem;
  margin-top: 30px;
  margin-bottom: 15px;
  color: #000;
  background: #FFF;
}

.dodmt0 {
  border-bottom: dotted #CCC 1px;
  margin-top: 0;
  padding-bottom: 1em;
}

@media (max-width: 640px) {
  .mod-content #contents .service {
    margin-left: 0;
  }
}

.c5-flex{
  display: flex;
  align-items: center;
}

/** c5-acd **/
.c5-acd-check{
    display: none;
}
.c5-acd-label{
    background: #E4E7EC;
    display: block;
    padding: 20px 10px 20px 24px;
    margin: 0 auto;
    position: relative;
    max-width: 600px;
    cursor: pointer;
}
.c5-acd-label:after{
    content: "";
    position: absolute;
    right: 25px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(135deg);
}
.c5-acd-label-txt{
  margin-left: 1.5em;
  font-size: 1.25em;
  font-weight: bold;
}
.c5-acd-content{
    background: #E4E7EC;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    margin: 0 auto;
    max-width: 614px;
}
.c5-acd-check:checked + .c5-acd-label:after{
    transform: rotate(-45deg);
    top: 45%;
}
.c5-acd-check:checked + .c5-acd-label + .c5-acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

.c5-acd + .c5-acd .c5-acd-label{
  border-top: 1px solid #999999;
}


/** c5-btn **/
.c5-btn{
  background: #fff;
  border: 1px solid #bcbcbc;
  border-radius: 6px;
  /* box-shadow: 5px 5px 5px rgba(0,0,0,0.2); */
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  margin: 0 15px 15px 15px;
  padding: 0;
}


.service .repair_agreement_btn a{
  width: auto;
  max-width: 600px;
  display: flex;
  align-items: center;
  margin: 0 auto 10px;
  font-size: 15px;
  font-weight: bold;
  height: auto;
  padding: 10px;
}
.service .repair_agreement_btn a .icon{
  float: none;
  margin: 0 10px;
}
#contents .service .repair_agreement_btn a span.btn_text img {
    margin: 0 6px 10px 0;
}
#contents .service .repair_agreement_btn a span.btn_text {
    display: block;
    padding: 10px 0;
}
@media (max-width: 640px){
  .service .repair_agreement_btn {
      margin-left: auto;
      margin-right: auto;
      width: auto;
  }
}
.c5-spOnly{
  display: none;
}
@media (max-width: 640px){
  .c5-spOnly{
    display: block;
  }
}

.c5-link.c5-link--down {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000 !important;
}
.c5-link.c5-link--down:before {
	content: "";
	position: absolute;
	top: -2px;
	bottom: 0;
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #000;
	vertical-align: middle;
	margin: auto;
}

.c5-acd-content dl {
	padding-left: 15px !important;
}

.c5-acd-content .c5-acd-day {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 50px;
}

.c5-acd-content .c5-acd-time {
	float: left;
	margin-left: 1em !important;
}

.c5-acd-content .c5-acd-txt {
  margin-bottom: 0.5em;
}
.c5-acd-content .c5-acd-txt2 {
  display: block;
  padding-left: 15px;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}

/*2021/11/18　追記*/
.c5-pcOnly{
  display: block;
}

@media (max-width: 640px){
    .c5-acd-content img{
        width: 100%;
        max-width: 500px;
    }
    
    .c5-pcOnly{
      display: none!important;
    }
}

/* ----- c5-msappli-list ----- */
.c5-msappli-list{
    margin: 0 1em 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    width: 80%; 
}

  div.c5-msappli-item img {
    width: 80%;
  }

/* ----- c5-msappli ----- */
@media (max-width: 640px) {
  .c5-msappli-list {
    margin: 0 0 1em;  
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
      -ms-flex-pack: left;
      justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    width: auto;   
  }
    
  .c5-msappli-item img {
    margin: 0 auto; 
    width: 100%;
  }

  .c5-msappli-list {
    padding: 1em 0.5em;
  }
  .c5-msappli-item {
    padding: 0 5px;
  }
}

/* 20221125 */

.s5-container .s5-container__inner #contents{
	padding: 0;
}

.s5-container .s5-container__inner #contents section > p{
	padding-left: 0;
}
.s5-container .s5-container__inner #contents .s5-heading2.s5--bordered{
	margin-bottom: 1em;
}

.s5-container .s5-container__inner #contents section h3.black_title{
	font-size: 1.25rem;
}

.s5-container .s5-container__inner #contents section h3.black_title ~ p{
	padding-left: 10px;
}

.s5-container .s5-container__inner #contents .s5-supportConnect > p{
	padding-left: 0;
}
.s5-container .s5-container__inner #contents .btn_area_text li a:hover,
.s5-container .s5-container__inner #contents .btn_area_text li a:active{
	text-decoration: none;	

}
.s5-container .s5-container__inner #contents a:hover .mod-linkButton, a:active .mod-linkButton {
	opacity: 1;
}

.s5-buttonV3:hover,
.s5-buttonV3:focus{
	opacity: 1;
	color: #fff;
}

.s5-container .s5-container__inner #contents dl.rcp_hours{
	display: flex;
	padding-left: 10px;
}

.s5-container .s5-container__inner #contents dl.rcp_hours dd{
	padding-left: 10px;
}

@media (max-width: 640px) {
	.s5-container .s5-container__inner #contents{
		padding: 0;
		margin: 0;
	}
	.s5-container .s5-container__inner #contents section{
		margin-bottom: 0;
	}
	.s5-container .s5-container__inner #contents section > p{
		padding-left: 5px;
	}
	
	.s5-container .s5-container__inner #contents section > section h3{
		font-size: 1rem;
	}
	
	.s5-container .s5-container__inner #contents dl.rcp_hours{
		display: block;
		padding-left: 5px;
	}
	.s5-container .s5-container__inner #contents dl.rcp_hours dd{
		display: inline;
	}
	.s5-container .s5-container__inner #contents dl.rcp_hours dd{
		padding-left: 0;
	}
	.s5-container .s5-container__inner #contents dl.rcp_hours dd + dd{
		padding-left: 5px;
	}
}


/* 2023/09/01追記 */
.s5-container p.square {
    font-weight: bold;
    margin: 0 0 0.5em 0!important;
    padding-left: 1em!important;
    position: relative;
}

.s5-container p.square::before {
    content: "";
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #000;
    position: absolute;
    left: 0;
    top: 5px;
}

.s5-container .web_mq {
	display: none;
}

@media (max-width: 640px){
	.s5-container .telnumber {
		display: none;
	}
	
	.s5-container .tel_sp_mq {
		font-size: 1.5rem;
		line-height: 1.5;
		font-weight: bold;
		color: #43677E;
		cursor: default;
		text-decoration: underline;
	}
	
	.s5-container .web_mq {
		display: inline;
		text-align: center;
	}

}