@charset "utf-8";


html{
   /* visibility: hidden;*/
   	font-size: 10px;
	transition: .2s;
}

/*
html.wf-active{
visibility:visible;
}*/



html,body{
    width: 100%;
    
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
format('woff');
}

 *{
     box-sizing: border-box;
 }



body{
font-family: 'Noto Sans JP', sans-serif;
   
   font-size: 2rem;
	line-height: 1.5;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
   text-align: center;
    
}
body,
td,
th{
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}


h2,
h3,
h4,
h5,
h6,
strong{
    font-weight: 600;
    line-height: 1.5;
}
th{
font-weight: 400;
}

a {
	color:#333;
	outline: none;
	text-decoration: none;
	
}

a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}


input, select, textarea {
    padding: 5px 10px;
	border: 1px solid #ccc;
	margin: 2px;
    background: #fff;

}


input[type=radio], input[type=checkbox] {
	margin:0 1rem 0 0;
	width: auto;
    
	transform: scale(1.4);
}

label{
	display: inline-block;
}

.width100{
	width:100%;
}

.wrap{
	
}


.block{
	display: block;
}

.onlysp{
	display: none;
}
.none{
	display:none;
}

.uline{
    text-decoration: underline;
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.fo-centuryG{
font-family: Century Gothic;
}




.wrap{
overflow: hidden;
width: 100%;
height: 100%;
position: relative;



width: 1920px;
height: 1080px;
margin: 0 auto;

}
.home .wrap{

}



 .mainbody{
	max-width:120rem;
	margin: 0 auto;
}
.mainbody2{
	max-width:100rem;
	margin: 0 auto;
}
 .contents {
  padding: 60px 0;
}

.error{
    font-weight: 700;
    color: #EC0F13;
}



/**login***/
.box01wrap{
    background: #f0f0f0;
    margin: 8rem 8rem 0;
    height: 92rem;
    
     margin: 4rem 8rem 0;
     height: 96rem;
}


.box01wrap._onheader{
    margin-top: -1rem;
    height: 92rem;
}

.box02wrap{
 background: #f0f0f0;
    margin: 4rem 8rem 15rem;
}
.maintenancePgae .box01wrap,
.maintenancePgae .box02wrap{
    background: #ddd;
    background: #ddd;
}

.box03wrap{
margin: 0rem 8rem 0;
}

.logintop {
    display: inline-block;
}
.logintop h1{
    padding: 0 0 6rem;
}
.logintop table{
    margin: 0 0 6rem;
}
.logintop td{
    padding: 2rem;
    font-size: 3rem;
    font-weight: 500;
}
.logintop input,
.logintop select{
font-size: 3rem;
width: 40rem;
}
.logintop._error{
    font-size: 3rem;

}

.btn01{
display: inline-block;
  color: #fff;
  background: #000;
  padding: 1.5rem 4rem;
  position: relative;
  font-size: 3rem;
  font-weight: 500;
  white-space: nowrap;
}
.btn01::after {
  display: inline-block;
  content: "";
  height: 25px;
  width: 25px;
  margin: 0 0 0 1rem;
  background: url("../img/arrow01_w.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}
.btn01._02{
    background: #dc0a0a
}
.sectionbg .btn01._02{

    width: 27rem;
}



.loginselect li{
    padding: 5rem;
}

.undernavi01 dl{
    position: absolute;
    bottom: 1rem;
    right: 8rem;
    z-index: 2;
}
.undernavi01._02:after {
    background: #143c78;
    border-radius: 20px 0 0 0;
    height: 8rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 60%;
    content: "";
    display: block;
    z-index: 1;
}
/* .undernavi01._03:after {
    background: #dc0a0a;
    border-radius: 20px 0 0 0;
    height: 8rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 60%;
    content: "";
    display: block;
    z-index: 1;
} */




.undernavi01 dt{
    font-size: 3rem;
    margin: 0 2rem 0 0;
}
.receptionPage .undernavi01,
.maintenancePgae .undernavi01{
    color: #fff;
}

.undernavi01 dd a{
    display: inline-block;
  color: #fff;
  background: #000;
  padding: .2rem 2rem 0;
  position: relative;
  font-size: 2rem;
  margin: .2rem;
  font-weight: 700;
  width: 13rem;
}
.receptionPage .undernavi01 a,
.maintenancePgae .undernavi01 a{
   background: rgba(255,255,255,.4);
}
.sectionPgae .undernavi01 dd a{
background: #bdc9d1;
color: #000;
}
.undernavi01 ._logout:before {
  display: inline-block;
  content: "";
  height: 15px;
  width: 15px;
  margin: 0 1rem 0 0;
  background: url("../img/logout_w.svg") no-repeat center center;
  background-size: contain;
}
.sectionPgae .undernavi01 ._logout:before {
  background: url("../img/logout.svg") no-repeat center center;
  background-size: contain;
}

/**ログイン後の画面**/
.receptionPage{
   background: rgb(220,10,10);
background: -moz-linear-gradient(0deg, rgba(220,10,10,1) 20%, rgba(255,255,255,1) 20%);
background: -webkit-linear-gradient(0deg, rgba(220,10,10,1) 20%, rgba(255,255,255,1) 20%);
background: linear-gradient(0deg, rgba(220,10,10,1) 20%, rgba(255,255,255,1) 20%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc0a0a",endColorstr="#ffffff",GradientType=1);
}
.maintenancePgae{
    background: rgb(20,60,120);
background: -moz-linear-gradient(0deg, rgba(20,60,120,1) 20%, rgba(255,255,255,1) 20%);
background: -webkit-linear-gradient(0deg, rgba(20,60,120,1) 20%, rgba(255,255,255,1) 20%);
background: linear-gradient(0deg, rgba(20,60,120,1) 20%, rgba(255,255,255,1) 20%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#143c78",endColorstr="#ffffff",GradientType=1);
}


.header01{
    background: #fff;
    padding: 0 0 2rem;
    border-bottom: 2px solid #ccc;
}
.sectionPgae .header01{
    border:none;
}

.header01 .logo{
    padding: 0 5rem 0 0;
}
.header01 .logo h1{
    padding: 0 2rem 0 0;
}
.header01 .logo h1 img {
    display: block;
}
.header01 .logo p{
    font-size: 3rem;
    font-weight: 500;
    white-space: nowrap;
}
.seibinavi dl{
    margin: 0 4rem 0 0;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}
.seibinavi dt{
    background: #969696;
    padding:0rem 1rem;
    color: #fff;
    margin: 0 2rem 0 0;
    font-size: 90%;
    position: relative;
    white-space: nowrap;
}
.seibinavi dt:after {
  content: "";
  position: absolute;
  left: 100%;
  border-left: 1.0rem solid #969696;
  border-top:1.5rem solid transparent;
  border-bottom:1.5rem solid transparent;
}
.sbtn01{
display: inline-block;
  color: #fff;
  background: #000;
  padding: .1rem 1rem;
  position: relative;
  font-weight: 500;
  font-size: 90%;
  margin: 0 0 0 1rem;
}
.sbtn01::after {
  display: inline-block;
  content: "";
  height: 1.8rem;
  width:  1.8rem;
  margin: 0 0 0 1rem;
  background: url("../img/arrow01_w.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;

}





.mainbox01{
    padding:6rem;
}
.mainbox02{
    padding: 2rem;
}

.memberlist{
    background:#fff url("../img/arrow_kado.svg") no-repeat bottom right;
    flex-basis: 31%;
    margin: 0 1% 4rem;
    padding: 2rem;
     text-align: left; 
}
.memberlist._past{
    background-color: #E9E9E1;
}
.memberlist._cancel{
    background-color: #ddd;
}



.memberlist h3{
    display: inline-block;
    color: #dc0a0a;
    font-size: 2.4rem;
    padding: 0 2rem;
    margin: 0 0 1rem;
}
.memberlist h3._accepting{
    border: 2px solid #dc0a0a;   
}
.memberlist h3._completed{
    border: 2px solid #f8cece;
    background: #f8cece;
}
.memberlist dl{
    display: flex;
    align-items: center;
    
}
.memberlist dt{
    font-size: 2.4rem;
    flex-basis: 25%;
    white-space: nowrap;
    flex-basis: 25%;
}
.memberlist dd{
    font-size: 3rem;
    font-weight: 600;
    flex-basis: 75%;
}
.reservetime{
    text-align: right;
}
.reservetime span{
    border: 1px solid #666;
    color: #666;
    display: inline-block;
    padding:.5rem 1rem;
}


.overflow01{
    overflow: auto;
    height: 70rem;   
}






/*スタッフ選択**/
.stufftitle h3{
    font-size: 4rem;
    margin: 0 0 4rem;
}
.stufftitle._02 h3{
    margin-bottom: 2rem;
}

.stufftitle h3:before{
    content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 2rem solid #dc0a0a;
  border-top: 1.8rem solid transparent;
  border-bottom: 1.8rem solid transparent;
  margin: 0 2rem 0 0;
  vertical-align: middle;
}
.maintenancePgae .stufftitle h3:before{
border-left-color: #143c78;
}

.staffbtn ul{
    padding: 0 0 10rem;
    padding: 0 0 4rem;
}
.staffbtn li{
    font-size: 4rem;
     flex-basis: 31%;
    margin: 0 1% 3rem;
    padding: 2rem;
    background: #fff;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}
.staffbtn li.active{
    background: #cacaca;
}
.btn02{
display: inline-block;
  color: #fff;
  background: #000;
  padding: 1.5rem 5rem;
  position: relative;
  font-size: 3rem;
  font-weight: 500;
  min-width: 27rem;
}
.btn02._02{
    background: #dc0a0a
}
/**完了後履歴**/
.historytable{
    width: 100%;
    border-collapse: collapse;
}
.historytable td{
    font-size: 2.5rem;
    padding: 2rem;
}
.historytable td{
    border-top: 1px solid #ccc;
}
.historytable tr:nth-child(even){
    background: #fff;
}
.historytag{
    display: inline-block;
    color: #dc0a0a;
    font-size: 2.4rem;
    padding: 0 2rem;
    margin: 0 0 1rem;
    min-width: 15rem;
    text-align: center;
    font-weight: 600;
}
.historytag._accepting{
    border: 2px solid #dc0a0a;
    background: #fff;
}
.historytag._completed{
    border: 2px solid #f8cece;
    background: #f8cece;
}


/***過去のアドバイスカード**/
.pasttable{
        width: 100%;
    border-collapse: collapse;
    margin: 0 0 1rem;
}
.pasttable td,
.pasttable th{
    font-size: 2rem;
    padding: 1rem;
    border: 1px solid #ccc;
}
.pasttable tr:nth-child(odd) td{
    background: #fff;
}

.pasttable th{
    color: #fff;
    background: #143c78;
}
.pasttable .btn01,
.historytable .btn01,
.carusernavi .btn01{
    padding: .8rem 2rem;
    font-size: 2.2rem;
}
.carusernavi .btn01 {
    background: #323232;
}
.sort_down{
    color: rgba(255,255,255,.5);
}
.sort_up{
    color: #fff;
}


.pager span,
.pager a{
	display: inline-block;
	padding: .3rem 1rem;
    margin: 0 2px;
    font-weight: 500;
}
.pager .current{
	background: #143c78 ;
    color: #fff;
}


/*メンテナンスリスト**/
.caruserinfowrap{
    padding: 0 0 1rem;
}
.caruserinfo{
max-width: 60%;
}
.caruserinfo dl{
    margin: 0 0 0 2rem;
    font-weight: 600;
}
.caruserinfo dt{
    color: #969696;
    font-size: 1.5rem;
    padding: 0 1rem 0 0;
}
.caruserinfo dd{
    font-size: 2rem;
}
.caruser-obd {
    display: grid;
    grid-template-columns: 1fr 8.2rem;
    margin-right: 2rem;
    border: 1px solid #B4B4B4;
    background: #fff;
}
.caruser-obd dt,
.caruser-obd dd {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #323232;
    color: #fff;
    padding: 1rem 2rem;
    line-height: 1.45;
}
.caruser-obd dd {
    color: #323232;
    background: #fff;
}
.caruser-obd select {
    padding: 1rem;
    font-size: 80%;
    background: #e8ecf1;
}
.unum {
    line-height: 1;
}
.unum input{
    width: 5em;
  padding: .3rem 1rem;
  margin: 0;
  height: 4rem;
  font-size: 2rem;
  background: #e8ecf1;
}
.nonumber{
    width: 5em;
    background:#f7f654;
    display: block;
     height: 4rem;
}



.carchecklist >div{
    flex-basis: 49%;
}
.checktable{
    width: 100%;
    border-collapse: collapse;
}
.checktable td,
.checktable th{
    font-size: 2rem;
    padding: .9rem;
    border: 1px solid #ccc;
    text-align: left;
    background: #F5F5F0;
}
.maintenancePgae .checktable td,
.maintenancePgae .checktable th{
    background: #f5f5f0;
}

.checktable tr:nth-child(even) td{
    background: #fff;
}
.checktable td {
    font-size: 90%;
}
.checktable td.bgerror{
background: #fff1f1 !important;
}

.maintenancePgae .checktable  .tr-selected td{ background-color:#fff7bd; }

.checkwiper{
    padding: 1rem 0 1rem 7.5rem;
}
.checkwiper dl{
    padding: 1rem 0;
}
.checkwiper dt{
    flex-basis:5em; 
}
.checkbikou dt{
    flex-basis: 22%;
   
}
.checkbikou .note {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    color: #DC0A0A;
    white-space: nowrap;
    margin: .2rem 1rem 0 0;
}
.checkbikou dd{
    flex-basis: 78%;
    border-left: 1px solid #ccc;
    padding: 0 2rem;
}
.checkbikou ._overflow{
    font-size: 90%;
    height: 8.2rem;
    overflow: auto;
}
.checkbikou textarea{
    width: 100%;
    height: 7rem;
    background: #e8ecf1;
    font-size: 80%;
}
.checktable select{
    width: 28rem;
    padding: .3rem 1rem;
    height: 2.8rem;
    font-size: 80%;
    background: #e8ecf1;
}
.checktable select.select01{
    width: 20rem;
}

.contacttag{
    background: #aaa;
    color: #fff;
    display: inline-block;
    padding: 0 1rem;
    font-size: 80%;
}
.contacttag._01{
    background:#dc0a0a;
}
.contacttag._02{
    background:#0000FF;
}




/***セクションの画面***/
/*header**/
.sectionhead{
    padding: 0 8rem;
}
.headertop01{
padding: 0 0rem 2rem;
}
.headinfo dt{
    background: #4eaeaa;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 0 0 0 10px;
}
.headinfo dd{
    background: #2a766f;
    color: #fff;
     padding: 2rem 3rem;
     border-radius: 0 0 10px 0;
}
.headinfo dl img{
    max-height: 3rem;
}

.headavi01 dt{
    font-size: 3rem;
    margin: 0 2rem 0 0;
}
.headavi01 dd a{
    display: inline-block;
  background: #bdc9d1;
color: #000;
  padding: .1em 2rem;
  position: relative;
  font-size: 2rem;
  margin: .2rem;
  font-weight: 500;
}

.headavi01 ._logout:before {
  display: inline-block;
  content: "";
  height: 15px;
  width: 15px;
  margin: 0 1rem 0 0;
  background: url("../img/logout_w.svg") no-repeat center center;
  background-size: contain;
}
.sectionPgae .headavi01 ._logout:before {
  background: url("../img/logout.svg") no-repeat center center;
  background-size: contain;
}
.topicpath {
    background: #323232;
    padding: 4px 0;
    
}

.topicpath ul{
    height: 5rem;
    
   
    overflow-x: auto;
    white-space: nowrap;
    
   width: 95%;
    background: #444;
    margin: auto;
  
}
.topicpath li {
    padding: 0 2rem 0 2rem;
    color: #fff;
}
.topicpath li:after{
    content: ">";
    color: #9fa0a0;
    margin: 0 0 0 1rem;
}
.topicpath li:last-child:after{
    display: none;
}
.topicpath li:last-child{
    
}

.topicpath a{
    color: #fff;
}
.btn-left,
.btn-right{
    color: #fff;
    cursor: pointer;
    padding: 0 1em;
}



/*
.topicpathslide {
    position: relative;
    margin: 0;
}
.topicpathslide .prev{
position: absolute;
  top: 0%;
  bottom: 0;
  margin: auto;
  left: 0%;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 90;
  color: #fff;
}
.topicpathslide .next{
position: absolute;
  top: 0%;
  bottom: 0;
  margin: auto;
  right: 0%;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 90;
  color: #fff;
}*/


.sectionbg{
    background: url("../img/bg01.jpg") no-repeat bottom center;
    background-size: cover;
    height: calc(100% - 22rem);
    position: relative;
}
.sectionbox{
    max-width: 145rem;
    margin: 0 auto;
    padding: 5rem 0 4rem;
}
.sectioncont{
    flex-basis: 70%;
}
.sectionimg{
    flex-basis: 25%;
}
.sectionnum{
    padding: 0 4rem 0 0;
}
.sectiontitlewrap{
 border-bottom: 5px solid;
  border-image: linear-gradient(90deg, rgba(50,50,50,1) 80%, rgba(220,10,10,1) 80%) 1;
  margin: 0 0 3rem;
}
.sectiontitle{
    flex-basis:80%;
}
.sectiontitle h2{
    font-size: 4.6rem;
    text-align: left;
    line-height: 1.2;
    margin: 0 0 1rem;
}
.sectiontitle h2 small{
    font-size: 60%;
}

.sectioninfo dl{
    padding: 0 0 1rem;
    font-weight: 600;
}
.sectioninfo dt{
    flex-basis: 6em;
    background: #323232;
    color: #fff;
    font-size: 2.4rem;
    margin: 0 2rem 0 0;
    padding: .5rem 1rem;
}
.sectioninfo dd{
    flex-basis: 92%;
    text-align: left;
}
.sectioninfo dl._01 dt{
    background: #dc0a0a;
}

.sectioninfo dd{
    font-size: 3rem;
}
.sectiontxt{
    text-align: left;
    font-size: 2.4rem;
}
.sectionchoice01{
    font-size: 3.6rem;
    font-weight: 600;
    padding: 0 0 4rem;
}
.sectionchoice01 li{
    padding: 0 4rem;
}
.sectionchoice01 input[type="radio"],
.sectionchoice01 input[type="checkbox"] {
  margin: 0 2rem 0 1rem;
  width: auto;
  transform: scale(2.5);
}
.sectionchoice01 select{
    font-size: 3rem;
    min-width: 30rem;
}
.sectionchoice01._sec20 dl{
    flex-basis: 48%;
}
.sectionchoice01._sec20 dt{
    background: #dbdbdb;
    margin: 0 0 1rem;
}




.sectionchoice02 {
max-width: 145rem;
  margin: -1rem auto -2rem;
  font-weight: 600;
}

.sectionchoice02 dl{
    font-size:2.5rem;
    margin: 0 0 1rem;
}
.sectionchoice02 dt{
   /*flex-basis: 13%;*/
    position: relative;
    background: #ddd;
    padding: .2rem  2rem;
    margin: 0 0 1rem;
    /*font-size: 80%;*/
}
.sectionchoice02 dd{
 /*  flex-basis: 80%;*/
    position: relative;
    /*font-size: 70%;*/
    padding: 0 .5rem;
}
/*
.sectionchoice02 dt:after {
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  width: 3.5rem;
  height: 3.5rem;
  content: "";
  display: block;
  position: absolute;
  right: 2rem;
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
}*/
.sectionchoice02 dl li{
    white-space: nowrap;
}
.sectionchoice02 dl li label{
    padding: .7rem 0;
}
/*
.sectionchoice02 dl li:nth-child(1){
    flex-basis: 25%;
}
.sectionchoice02 dl li:nth-child(2){
    flex-basis: 50%;
}
.sectionchoice02 dl li:nth-child(3){
    flex-basis:20%;
}
.sectionchoice02 dl li:nth-child(4){
    flex-basis:15%;
}*/
.carstep{
position: absolute;
  
}
._step01{
    left: -4rem;
    top: 2rem;
}
._step01 .carimg{
    margin: 0rem -2rem 0 0;
}
._step02{
    left: -4rem;
    top: 20%;
}
._step03{
    left: -4rem;
    top: 40%;
}
._step04{
    left: -4rem;
    top: 60%;
}
._step05{
    left:-4rem;
    top: 75%;
}
._step06{
    left: -4rem;
    top: 85%;
}
._step01 .carimg,
._step02 .carimg,
._step03 .carimg,
._step04 .carimg,
._step05 .carimg,
._step06 .carimg{
    transform:rotate(90deg); 
}

._step07{
    left: 0;
    bottom: 0;
}
._step08{
    left:8%;
    bottom: 0;
}
._step09{
    left:16%;
    bottom: 0;
}
._step10{
    left:24%;
    bottom: 0;
}
._step11{
    left:32%;
    bottom: 0;
}
._step12{
    left:40%;
    bottom: 0;
}
._step13{
    left:48%;
    bottom: 0;
}
._step14{
    left:56%;
    bottom: 0;
}
._step15{
    left:64%;
    bottom: 0;
}
._step16{
    left:72%;
    bottom: 0;
}
._step17{
    left:80%;
    bottom: 0;
}
._step18{
    right:0%;
    bottom: 0;
}

._step19 .carimg,
._step20 .carimg,
._step21 .carimg/*,
._step22 .carimg,
._step23 .carimg,
._step24 .carimg*/{
    transform:rotate(-90deg); 
}


._step19{
     right: -4rem;
    bottom: 15%;
}
._step20{
    right: -4rem;
    bottom: 50%;
}
._step21{
    right: -4rem;
    bottom: 80%;
}
._step21 .carimg{
    margin: 0 0 0 -2rem;
}
/*
._step22{
    right: -4rem;
    bottom: 48%;
}
._step23{
    right: -4rem;
    bottom: 64%;
}
._step24{
    right: -4rem;
    bottom: 80%;
}
._step24 .carimg{
    margin: 0 0 0 -2rem;
}*/


/*15**/
.section15_titlewrap{
  border-bottom: 5px solid;
  border-image: linear-gradient(90deg, rgba(50,50,50,1) 80%, rgba(220,10,10,1) 80%) 1;
  margin: 0 0 3rem;
}
.section15_wrap .sectionnum{
    flex-basis: 15%;
}
.section15_box{
    flex-basis: 85%;
}
.sectionchoice03{
    margin: 0 0 3rem;
}
.sectionchoice03 li{
  
    font-size: 2.5rem;
    padding: 0;
    text-align: left;
    font-weight: 600;
}
.sectionchoice03._02 li{
flex-basis: 30%;
padding-right: 2rem;
}
 .sectionchoice03 select{
    font-size: 2.7rem;
    width: 40rem;
}
.sectionchoice03._02 li select{
width: 45rem;
}
.bikoubox._02 textarea{
    height: 15rem;
}
.bikoubox._02 .error{
    text-align: left;
    font-weight: 600;
}

/*
.section15box{
    border-bottom: 5px solid;
  border-image: linear-gradient(90deg, rgba(50,50,50,1) 80%, rgba(220,10,10,1) 80%) 1;
  margin: 0 0 1rem;
}
.section15box:last-child{
    border:none;
    margin-bottom: 0;
}
.section15num{
    flex-basis: 13%;
    text-align: left;
    padding: 0 0 3rem;
}
.seciton15titlewrap{
    flex-basis: 80%;
}
.seciton15wrap .sectionchoice01{
    flex-basis: 37%;
    font-size: 2.5rem;
    padding: 0;
}
.seciton15title{
    text-align:left;
    flex-basis: 88%;
}
.seciton15title h2{
    font-size: 3rem;
}
.seciton15title p{
    padding: 0 0 1rem;
}
.seciton15title .sectioninfo dl:nth-child(1){
    flex-basis:60%;
}
.seciton15title .sectioninfo dl:nth-child(2){
    flex-basis:40%;
}
.seciton15title .sectioninfo dt{
    flex-basis: 8em;
    text-align: center;
}
.section15img{
    flex-basis: 10%;
}*/


/*21**/
.packtable{
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 5rem;
}
.packtable td,
.packtable th{
    padding: .5rem;
    border: 1px solid #666;
    line-height: 1.2;
    font-weight: 500;
}
.packtable th{
    background: #7c92a1;
    color: #fff;
}

.packtable th.th01{
    background: #889daa;
}
.packtable th small{
    font-size: 70%;
}
.packtable td{
    background: #fff;
}
.packtable td.td01{
    background: #bcc7cf;
}

/*22**/
.plantable{
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 5rem;
    border: 3px solid #b14537;;
}
.plantable td,
.plantable th{
    padding: .5rem;
    border: 1px solid #fff;
    line-height: 1.2;
    font-weight: 500;
}
.plantable th{
    background: #b14537;
    color: #fff;
}

.plantable th.th01{
    background: #b86546;
}

.plantable td{
    background: #fff;
}
.plantable td.td01{
    background: #f0f2f4;
}


.borderbtm01{
    border-bottom: 1px solid #ccc;
    margin-bottom: .5rem;
    padding-bottom:.5rem;
}
.bordertop01{
    border-top: 4px dotted #becad1;
    padding-top: 2rem;
     margin-top: 2rem;
}




/***/
.bikoubox {
    margin: 0 0 5rem;
}
.bikoubox textarea{
    width: 100%;
    height: 35rem;
    font-size: 3rem;
}

/*check
------------------------------------------------*/
.checkPage .box02wrap{
    background: transparent;
}
.checkArea {
    padding: 2rem 2rem 6.5rem;
    background: #323232;
    font-size: 2.7rem;
    font-weight: 700;
}
.checkArea h2 {
    font-size: 3.2rem;
    letter-spacing: 0.05em;
    color: #FFFF00;
    margin-bottom: 2rem;
}
.checkArea h3 {
    font-size: 2.7rem;
    margin-bottom: 4rem;
    border: 1px solid #000;
    padding: 1rem;
}
.checkArea .box {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 6rem 7rem 4rem;
    background: #fff;
    height: 69rem;
}
.checkArea .imgbox {
    position: relative;
    margin-bottom: 4rem;
}
.checkArea .imgbox .txt {
    position: absolute;
    right: .3em;
    bottom: 0;
    color: #323232;
    text-align: left;
    z-index: 1;
}
.checkArea._windshield .imgbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.checkArea._windshield .imgbox .txt {
    position: relative;
    bottom: auto;
    right: 0;
}
.checkArea .checkWrap {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 4rem;
}
.checkArea .checkWrap.jc-center {
    justify-content: center;
    gap: 6rem;
}
.checkWrap li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
}
.obdTxt {
    width: 25.6rem;
    background: #DD0000;
    font-size: 3.2rem;
    font-weight: 700;
    padding: 1.5rem;
    border-radius: 1rem;
    color: #fff;
    line-height: 1.4;
}
.obdTxt strong {
    display: block;
    font-size: 118%;
    line-height: 1.2;
}
.checkArea li:nth-of-type(2) .obdTxt {
    background: #006ACE;
}
.checkArea label {
    cursor: pointer;
    letter-spacing: .1em;
    transition: .2s;
}
.checkArea label:hover {
    opacity: .7;
}
.checkArea input[type=radio],
.checkArea input[type=checkbox] {
    vertical-align: .25em;
    margin-right: 2em;
}
.btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .7em;
    font-size: 3rem;
    font-weight: 700;
    background: #143C78;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    text-align: center;
    color: #fff;
    margin: 2rem auto 0;
    max-width: 27rem;
    border: none;
    padding: 1rem;
    transition: .2s;
    cursor: pointer;
}
.btn::after {
    content: "";
    display: block;
    background: url(../img/arrow01_w.svg) center center no-repeat;
    background-size: contain;
    width: 2.7rem;
    aspect-ratio: 1;
}
.btn:hover {
    background: #323232;
}
.btn[disabled] {
    background: #b3b3b3 !important;
    cursor: not-allowed;
    pointer-events: none;
}
.agree input[type="checkbox"] {
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0 ;
	pointer-events: none;
	z-index: -999;
	position: relative;
}
.agree label {
	position: relative;
	padding-left: 4.7rem;
	transition: .3s;
}
.agree label::before {
    content: '';
    display: block;
    width: 3rem;
    height: 3rem;
    border: .2rem solid #aaa;
    position: absolute;
    left: .2rem;
    top: .1rem;
    border-radius: .5rem;
    -webkit-transition: all .3s, border-color .08s;
    transition: all .3s, border-color .08s;
}
.agree label::after {
    content: "";
    display: block;
    width: 2.3rem;
    aspect-ratio: 1;
    background: #fff;
    clip-path: polygon(80% 0, 100% 0, 100% 100%, 50% 100%, 50% 80%, 80% 80%);
    transform: rotate(45deg);
    position: absolute;
    left: .4rem;
    top: 0rem;
    opacity: 0;
    z-index: 1;
}
.agree label:hover::before {
	transform: scale(1.1)
}
.agree input[type="checkbox"]:checked + label:before {
	background: #143C78;
	border-color: #143C78;
}
.agree input[type="checkbox"]:checked + label::after {
	opacity: 1;
}



/*ヘッダー
------------------------------------------------*/

/*全体レイアウト
-------------------------------------------------*/





/*フッター
------------------------------------------------*/

/*トップページ
------------------------------------------------*/


/**コンテンツ
**************************************************/














/*********************************/
/* PC用のスタイル記述ここから */
/*********************************/
/*@media print, screen and (min-width: 769px) {*/
@media print, screen and (min-width: 621px) {	
img {
    image-rendering: -webkit-optimize-contrast;
}





.leftbox{
	display:inline-block;
	float:left;
	padding:0px 10px 0px 0;
}
	.fmenucont .leftbox {
		padding: 0;
	}
.rightbox{
	display:inline-block;
	float:right;
	padding:0px 0 0px 10px;
}

.centerbox{
	display:inline-block;
	float:left;
	padding:0px 2.2%;
}

.mwidth50{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    width: 100%;
    max-width: 50%;
}
.mwidth40{
    width: 100%;
    max-width: 41%;
}
.mwidth30{
    width: 100%;
    max-width: 31%;
}
.mwidth60{
    width: 100%;
    max-width: 65%;
}

.mwidth25{
    width: 100%;
    max-width: 23%;
}
.mwidth20{
    width: 100%;
    max-width: 18%;
}







}





/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
/*@media screen and (max-width: 768px) {*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {



}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {




.onlypc{
	display:none;
}
.onlysp{
	display: block;
}



.spblock{
	display: block;
}

.spcenter{
    text-align: center;
}


.contbox img.alignright {
	max-width: 100%;
    float: none;
    margin: 0 0 10px;
}
.contbox img.alignleft {
	max-width: 100%;
    float: none;
    margin: 0 0 10px;
}





}







/*safariのみ**/
_::-webkit-full-page-media, _:future, :root .contacttel dd{
  
}


/*ieのみ*/
@media all and (-ms-high-contrast: none) {


}