@charset "utf-8";
/* CSS Document */
.form-title{
	font-weight: 900;
}
.form-title span{
	font-weight: normal;
}
.ver2022 .no-dsp{
	display:none;
}

.ver2022 input[type="checkbox"]{
  display:none;
}
.ver2022 input[type="radio"]{
  display:none 
}
.ver2022 .t_black{
	color: #000;
}
@media screen and (max-width:480px) {

.ver2022 .wrap,.ver2022 .wrap2{
	width: 90%;
	margin: 0 auto;
	padding-left: 5% !important;
	padding-right: 5% !important;
}
.ver2022 h2{
	font-size:5vw;
}

.ver2022 .w380,.ver2022 .w380_02 {
	width: 100%;
}
.ver2022 .w380 picture{
	width: 75%;
	margin:9.5vw auto;
}
.ver2022 .w380_02 picture{
	width: 75%;
	margin:9.5vw auto 0 auto;
}
.ver2022 .catalog_text01{
	padding:0;
}
.ver2022 .catalog_attention picture{
	width:10vw;
	margin:auto;
}
.ver2022 .catalog_formtop{
	width:100%;
	height:auto;
	margin-top:0;
	margin-bottom:9.5vw;
	line-height:1.65em;
	text-align:center;
	padding:5.5vw 0;
	background-color:white;
	color: #E4524E;
	}

.ver2022 .t_col {
	color: #E4524E;
	font-size:4vw;
	margin-top:1.6vw;
}

.ver2022 .t_col_02 {
	text-align:center;
	color: #E4524E;
	font-size:4vw;
	margin-bottom:5.4vw;
}

/* フォーム関連 */

.ver2022 form input{
	font-size:4vw;
}

.ver2022 form input[type="text"],
.ver2022 form input[type="tel"],
.ver2022 form input[type="number"],
.ver2022 form input[type="email"],
.ver2022 form button,
.ver2022 form select {
	background: #FFF;
	border: none;
	padding: 2.5vw 2vw;
	width: 43%;
	margin:0;
}
.ver2022 form select {
	background: #FFF;
	border: none;
	padding: 2.5vw 2vw;
	width: 43%;
	height:11.2vw;
	font-size:4vw;
	margin:0;
}
/* 修理受付フォーム */
.ver2022 .repair_form form select {
	width: 60%;
}
.ver2022 form input[id="zip01"],.ver2022 form input[id="zip02"],
.ver2022 form input[id="shipping_zip01"],.ver2022 form input[id="shipping_zip02"],
.ver2022 form input[id="order_zip01"],.ver2022 form input[id="order_zip02"]
 {
	width: 12vw;
}

.ver2022 p.zipphone{
font-size:6vw;
line-height:12vw;
padding:0 0.5vw;
}

.ver2022 form input[id="order_tel01"],.ver2022 form input[id="order_tel02"],.ver2022 form input[id="order_tel03"],.ver2022 form input[id="tel01"],.ver2022 form input[id="tel02"],.ver2022 form input[id="tel03"] {
	width: 21vw;
}

.ver2022 form input[type="text"].long, .ver2022 form input[type="email"].long, .ver2022 form select.long {
	width: 100%;
}

.ver2022 form p span.col {
	color: #E4524E;
	margin-left: 0.5em;
}
.ver2022 form p span.col2 {
	color: #E4524E;
}

.ver2022 form label {
	display: inline-block;
}

.ver2022 form input[type="radio"] {
	margin: 1vw 2vw auto 4vw;
}

.ver2022 form input[type="radio"] + p {
	display: inline;
}

.ver2022 form input[type="checkbox"] {
	margin: 0 2vw 0 0;
}

.ver2022 .flx-50 {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	
}

.ver2022 .flx-50 > div {
	width:88vw;
	margin: 1vw 0 0 2vw;
}

/* お問い合わせ */

.ver2022 .longbutton{
	width:88vw;
	margin-top:1.6vw;
	margin-bottom:8vw;
}

.ver2022 form textarea{
	background: #FFF;
	border: none;
	padding: 2.5vw 2vw;
	width: 39.5vw;
	margin:0;
	width:90vw;
	height:30vw;
}

/* 採用フォーム */

.ver2022 .birth-day p{
	line-height:10vw;
	padding:1vw 3vw 0 3vw;
}

/* 既存との修正コード */
.ver2022 .btn_area{
padding:0;
}
.ver2022 .btn_area li{
margin-bottom:0;
}

/* 確認画面 */
dl.form-entry {
    width: 100%;
    margin: 0 0 9.5vw 0;
    padding: 0;
    background:#e8e8e8;
    position: relative;
}
dl.form-entry dt {
	font-size:4vw;
	line-height:8vw;
	padding:2vw 4vw 0 4vw;
}
dl.form-entry dd {
	font-size:4vw;
	line-height:6.2vw;
	padding:0 4vw 2.9vw 4vw;
}
dl.form-entry dd:last-child {
    border-bottom: 0;
}
dl.form-entry .selectdate {
    margin-top: 12px;
    padding: 5px 6px 5px 4px;
    font-size: 12px;
    vertical-align: bottom;
}
dl.form-entry li {
    margin-bottom: 0.3em;
    vertical-align: middle;
}
dl.form-entry .bg_head {
    padding-bottom: 10px;
}

.zipimg a.rnd_btn1{
	width:47vw;
	font-size:3.2vw;
}
form select[id="card_month"] ,form select[id="card_year"] {
	width: 30vw;
	margin-right:0.5em;
}
.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin: 0 auto;
    position: relative;
    width:74.4vw;height:auto;
    line-height:4.2vw;
    padding:3vw 10vw 3vw 5vw;
    border:#420206 0.3vw solid;
    border-radius:2.1vw;
}
.acd-label h3{
    font-size:3.8vw;
    line-height:7.2vw;
    text-align:left;
}
.acd-label:after{
    box-sizing: border-box;
    content: '';
    display: block;
    height: 4.2vw;
    padding: 3vw;
    position: absolute;
    right: 0;
    bottom: 42%;
}
.acd-content{
    border:#420206 0.3vw solid;
    border-bottom-right-radius:2.1vw;
    border-bottom-left-radius:2.1vw;
    border-top:none;
    display: block;
    width:83.4vw; height: 0;
    margin:auto;
    margin-top:-2vw;
    opacity: 0;
    padding: 4vw 3vw 0 3vw;
    visibility: hidden;
}
.acd-content-view{
    border:#420206 0.3vw solid;
    border-radius:2.1vw;
    display: block;
    width:87.4vw; height: auto;
    margin:auto;
    padding: 2vw;
}
.acd-check + .acd-label{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    border-bottom:none;
    height:auto;
}
.acd-check + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-bottom:2vw;
}
.guide-wrap{
	width:95%;height:auto;
	margin:-2vw auto 4vw auto;
	border-top:0.3vw #420206 dotted;
	padding:0 2.5%;
	position:relative;
}
.acd-content-view .guide-wrap{
	margin:-2vw auto 0 auto;
	border-top:none;
}

.guide-wrap p{
	margin-bottom:4vw;
}
.guide-wrap .guide-a-text{
	width:100%;height:auto;
	display:inline-block;
	padding:4vw 0 4vw 0;
	vertical-align:top;
}
.guide-wrap .guide-a-text3{
	width:100%;height:auto;
	display:inline-block;
	padding:4vw 0 0 0;
	vertical-align:top;
}
.guide-wrap .guide-a-image{
	width:90%;height:auto;
	display:inline-block;
	padding:4vw 0 6vw 0;
	vertical-align:top;
	text-align:center;
}
.guide-wrap .guide-a-text2{
	font-size:3.2vw;
	position:absolute;
	bottom:0;right:0;
}
.guide-wrap .guide-a-text3 .paytop{
	font-size:4.2vw;
}
.guide-wrap .guide-a-text3 .ul{
	display: inline-block;
	background: linear-gradient(transparent 60%, #f8e180 60%);
}
.guide-wrap .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.acd-content-view .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.acd-label h3::first-letter{
    font-size:5.5vw;
    color:blue;
}
.guide-wrap .guide-a-text3 p:nth-child(1)::first-letter{
    font-size:5.5vw;
    color:red;
}

}

@media screen and (min-width:481px) {
form{
font-size:1.5rem;
}

.ver2022 h2{
	font-size:1.8rem;
}
	.wrap {
		width: 82rem;
		margin: 0 auto;
		padding-left: 14rem;
		padding-right: 14rem;
	}

.ver2022 .w380,.ver2022 .w380_02 {
	width: 38rem;
}

.ver2022 .catalog_text01{
	padding:0;
}
.ver2022 .catalog_attention picture{
	width:6.5rem;
	margin:auto;
}
.ver2022 .wrap2 {
		width: 59.2rem;
		margin: 0 auto;
		padding-left : 25.4rem;
		padding-right: 25.4rem;
	}
.ver2022 .catalog_formtop{
		width:71.2rem;
		height:11.5rem;
		margin-bottom:6rem;
		text-align:center;
		padding:2rem 0;
		background-color:white;
		color: #E4524E;
		font-size:1.6rem;
		margin-left:-6rem;
	}
.ver2022 .t_col {
	color: #E4524E;
}

/* フォーム関連 */

.ver2022 form input[type="text"],
.ver2022 form input[type="tel"],
.ver2022 form input[type="number"],
.ver2022 form input[type="email"],
.ver2022 form button,
.ver2022 form select {
	padding:1.1rem;
	width: 26rem;
	border:none;
	}

.ver2022 form input{
	font-size:1.8rem;
}

.ver2022 form input[id="zip01"],.ver2022 form input[id="zip02"],form select[id="card_month"]{
	width: 8rem;
}
form select[id="card_year"] {
	width: 12rem;
}

.ver2022 p.zipphone{
font-size:2.4rem;
line-height:4rem;
padding:0 1rem;margin:0;
}

.ver2022 form input[id="tel01"],.ver2022 form input[id="tel02"],.ver2022 form input[id="tel03"] {
	width: 15rem;
}
.ver2022 form input[type="text"].long, .ver2022 form input[type="email"].long, .ver2022 form select.long {
	width: 59.2rem;
}

.ver2022 form input[type="radio"] {
	margin-left: 2rem;
}

.ver2022 form button {
	border: solid 0.2rem #231815;
	padding: 0.6rem 1rem;
	border-radius: 3rem;
}

.ver2022 form p span.col {
	color: #E4524E;
	margin-left: 0.5rem;
}

.ver2022 form p span.col2 {
	color: #E4524E;
}

.ver2022 form label {
	display: inline-block;
}

.ver2022 form input[type="radio"] {
	margin: -0.3rem 0.5rem 0 2rem;
	vertical-align: middle;
}
/* 標準のラジオの見た目を消す */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #666;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

/* 選択されたときの中の●を自作 */
input[type="radio"]:checked::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background: #666; /* 選択時の色 */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ver2022 form input[type="radio"] + input[type="radio"] {
	display: inline-block;
	margin: 0 1rem 0 5rem;
}

.ver2022 form input[type="radio"] + p {
	display: inline;
}

.mw_wp_form .vertical-item + .vertical-item {
    margin-top: 1rem !important;
}
.ver2022 form input[type="checkbox"] {
	margin: -0.3rem 0.5rem 0 0;
}

/* 標準のチェックボックスを消す */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.6rem;   /* サイズ */
  height: 1.6rem;
  border: 0.2rem solid #666;
  border-radius: 0.2rem; /* ←角丸。0なら四角、50%なら丸 */
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.6rem;
}

/* チェックが入った時の見た目 */
input[type="checkbox"]:checked::before {
  content: "✔";               /* 中にチェックマーク */
  font-size: 1.2rem;             /* チェックの大きさ */
  color: #fff;                 /* チェックマークの色 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* チェックされたときの背景色 */
input[type="checkbox"]:checked {
  background-color: #666;  /* 好きな色に変更 */
  border-color: #666;
}

.mwform-checkbox-field label{
margin-bottom:1.2rem !important;
}


.ver2022 .flx-50 {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	
}

.ver2022 .flx-50 > div {
	width: calc(50% - 2rem);
	margin: 1rem 0 0 2rem;
}

/* お問い合わせ */

.ver2022 .longbutton{
	width:47rem;
}

.ver2022 form textarea{
	padding: 1.1rem;
	border:none;
	width: 59.2rem;
	height:10rem;
}
/* 修理受付フォーム */
.ver2022 .repair_form form textarea{
	height: 21.7rem;
}
.ver2022 .repair_form form .parts_area{
	padding-right: 0;
}
.ver2022 .repair_form form .rnd_btn1{
	width: 24rem;
}
.ver2022 .repair_form form input[type="submit"].btn-to-confirm{
	width: 31.5rem;	
}
.ver2022.repair_confirm .local_h1 p{
	line-height: 4.3rem;
} 
.ver2022.repair_confirm table.confirm-list{
	width: 59.2rem;
	margin-bottom: 5.7rem;
}
.ver2022.repair_confirm table.confirm-list th{
	text-align: left;
	padding-left: 2rem;
}
.ver2022.repair_confirm .btn_area li{
	display: block;
	text-align: center;
}
.ver2022.repair_confirm .btn_area li:first-child{
	margin-bottom: 2rem;
}
.ver2022.repair_confirm .btn-turn-back{
	width: 31.5rem;
	margin-right: auto;
	margin-left: auto;

}
.ver2022.repair_confirm .btn-to-confirm{
	width: 31.5rem;
}
/* 紹介メール */

.ver2022 .flx-50 > div{
	width:100%;
}

/* 採用フォーム */

.ver2022 .birth-day p{
	line-height:5.5rem;
	padding:1rem 1rem 0 1rem;
}

/* 確認画面 */
.ver2022 table.confirm-list{
	width:80rem;
	border:none;
	font-size:1.5rem;
	line-height:5.5rem;
	
}
.ver2022 table.confirm-list th{
	width:21.2rem;
	text-align:center;
	font-weight:normal;
	background:#e8e8e8;
	padding:0;
	border:none;
}
.ver2022 table.confirm-list td{
	font-weight:normal;
	background:#e8e8e8;
	padding:0 0 0 20px;
	border:none;
}
.ver2022 table.confirm-list td.kikkake{
	padding:1.5rem 2rem;
	line-height:2.5rem;
}
.ver2022 table.confirm-list th.vtop{
	vertical-align:top;
}

.zipimg{
	padding:0.7rem 3rem;
}
.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin: 0 auto;
    position: relative;
    width:80rem;height:1.8rem;
    font-size:1.8rem;
    line-height:1.8rem;
    padding:1.5rem 1rem 1.5rem 2rem;
    border:#420206 0.1rem solid;
    border-radius:1rem;
}
.acd-label h3{
    font-size:1.6rem;
    text-align:left;
}
.acd-label h3::first-letter{
    font-size:2.6rem;
    color:blue;
}
.guide-wrap .guide-a-text3 p:nth-child(1)::first-letter{
    font-size:2.6rem;
    color:red;
}
.acd-label:after{
    box-sizing: border-box;
    content: '';
    display: block;
    height: 1.8rem;
    padding: 1.5rem 2rem;
    position: absolute;
    right: 0;
    top: 0;
}
.acd-content{
    border:#420206 1px solid;
    border-bottom-right-radius:1rem;
    border-bottom-left-radius:1rem;
    border-top:none;
    display: block;
    width:80rem; height: 0;
    margin:auto;
    margin-top:-1rem;
    opacity: 0;
    padding: 2rem 1.5rem 0 1.5rem;
    visibility: hidden;
}
.acd-content-view{
    border:#420206 1px solid;
    border-radius:1rem;
    display: block;
    width:80rem; height: auto;
    margin:auto;
    padding: 1.5rem;
}
.acd-check + .acd-label{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom:none;
    height:auto;
}
.acd-check + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-bottom:1rem;
}
.guide-wrap{
	width:79rem;height:auto;
	margin:-1rem auto 2rem auto;
	border-top:0.1rem #420206 dotted;
	position:relative;
}
.acd-content-view .guide-wrap{
	margin:-1rem auto 0 auto;
	border-top:none;
}

.guide-wrap p{
	margin-bottom:2rem;
}
.guide-wrap .guide-a-text{
	width:45%;height:auto;
	display:inline-block;
	padding:2rem 0 4rem 0;
	vertical-align:top;
}
.guide-wrap .guide-a-text3{
	width:99%;height:auto;
	display:inline-block;
	padding:2rem 0 0 0;
	vertical-align:top;
}
.guide-wrap .guide-a-image{
	width:53%;height:auto;
	display:inline-block;
	padding:2rem 0 4rem 0;
	vertical-align:top;
	text-align:center;
}
.guide-wrap .guide-a-image2{
	width:100%;height:auto;
	display:inline-block;
	padding:2rem 0 0 0;
	vertical-align:top;
	text-align:center;
}
.guide-wrap .guide-a-image2 img{
	max-height:32.7rem;
}
.guide-wrap .guide-a-text2{
	position:absolute;
	bottom:0;right:0;
}
.guide-wrap .guide-a-text3 .paytop{
	font-size:1.8rem;
}
.guide-wrap .guide-a-text3 .ul{
	display: inline-block;
	background: linear-gradient(transparent 60%, #f8e180 60%);
}
.guide-wrap .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.acd-content-view .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}


}