@charset "utf-8";
/* CSS Document */
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.naka_mv{
	background: #222 url("../img/contact.png") no-repeat bottom -0.2px right;
    background-size: 100%;
}
@media screen and (max-width: 1300px){ 
	.naka_mv{background-size: 1300px;}
}
@media screen and (max-width: 768px) {
    .naka_mv {
        background-size: 900px;
    }
}
@media screen and (max-width: 768px) {
    .naka_mv {
        background-size: 900px;
    }
}
.content{padding: 40px 5% 160px;}
@media screen and (max-width: 1300px){.content{padding: 40px 5% 80px;}}
@media screen and (max-width: 768px){.content{padding: 40px 5% 100px;}}
.pnkz{padding: 0 0 120px;}
@media screen and (max-width: 768px){.pnkz{padding: 0 0 50px;}}

/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝

content

☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
form{
	width: 70%;
	display: block;
	margin: 0 auto;
}
form>div{
	display: flex;
	gap: 100px;
	margin-bottom: 40px;
}
form .bold{
	width: 135px;
}
form  div>span,.boder{
	width: calc( 100% - 235px);
}
form  div>span input,textarea{
	height: 40px;
	background: #dcdcdc;
	border: none;
	box-sizing: border-box;
	padding: 12px 15px;;
	width: 100%;
}
textarea{
	height: 300px;
}	
#inquiry-type-error{
	position: absolute;
    top: 1.5em;
	left: -.1em;
}
.boder{
	display: flex;
	gap: 20px;
	position: relative;
	
}
.form div:nth-of-type(1) .is-error{margin-bottom: 1.5em;}
.form .btn{margin: 100px auto 0;}
.btn input {
    font-size: 24px;
    background: #222;
    color: #fded52;
    max-width: 320px;
	border: none;
}
.btn input:hover{
	background: #fded52;
	 color: #222;
}
.boder input{margin-right: 10px;}



form div >span{
	display: block;
}
/*エラーメッセ*/
#inquiry-type-error,#name-error,
#name-kana-error,#phone-error,
#email-error,#inquiry-content-error
{
	color: #CB1013;
}
@media screen and (max-width: 1300px){form{width: 90%;}}
@media screen and (max-width: 960px){
	form{width: 100%;}
	form>div{gap: 40px;}
	form  div>span, .boder{
		width: calc( 100% - 175px);
	}
	.btn input {
		font-size: 14px;
	}
}
@media screen and (max-width: 768px){
	form .bold {
		font-size: 18px;
		width: 100%;
	}
	form div>span, .boder{
		width: 100%;
	}
	form>div{
		flex-direction: column;
		gap: 10px;
		margin-bottom: 20px;
	}	
}
input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
	background: #dcdcdc;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝

confirm

☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.confirm table{
	width: 70%;
	display: block;
	margin: 0 auto 160px;
	text-align: left;
}
.confirm th,.confirm td{padding: 20px;box-sizing: border-box;}
.confirm th{width:230px;}
.confirm td{width: calc(100% - 230px);}
.confirm ul{display: flex;justify-content: center;gap:40px;}
.confirm li {width: 320px;}
.form .btn,.confirm .btn{
	padding: 0;
}
.form .btn input,
.confirm .btn input{
	width: 100%;
    height: 100%;
    text-align: left;
  	padding: 23px 20px;
}
.confirm li:first-child {
	background: #fff;
	border: #222 solid 2px;
}
.confirm li:first-child input{
    background: #fff;
    color: #222;
}
.confirm li:hover:first-child input{
   	background: #fded52;
}
.confirm li:first-child::after {
	content: "";
	display: inline-block;
	height: 12px;
	width: 12px;
	border-bottom: solid #222 2px;
	border-right: solid #222 2px;
	transform: rotate(-45deg) translateY(-50%);
	position: absolute;
	right: 40px;
	top: 50%;
}
@media screen and (max-width: 1300px){
	.confirm table{width: 90%;margin: 0 auto 100px;}
	.from .btn,.confirm .btn{
		padding: 0;
	}
}
@media screen and (max-width: 960px){
	.confirm table{width: 100%;}
	.confirm th{width:190px;}
	.confirm td{width: calc(100% - 190px);}
}
@media screen and (max-width: 768px){
	.confirm table{border-spacing: 0 20px; margin: 0 auto 60px;}
	.confirm ul {flex-direction: column;align-items: center;}
	.confirm th,.confirm td{padding: 5px 10px; width: 100%;display: block;}
	.from .btn,.confirm .btn{
		padding: 0;
	}
	.confirm li {
        width: 90%;
    }
	.confirm li:first-child::after{
		content: "";
		display: inline-block;
		height: 8px;
		width: 8px;
		border-bottom: solid #222 2px;
		border-right: solid #222 2px;
		right: 20px;
	}
	.form .btn input,.confirm .btn input{padding: 23px 20px;}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝

transmission

☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.transmission{
	text-align: center;
}
.transmission em,.transmission>p{
	margin-bottom: 40px;
}
.transmission em{font-size: 30px;display: block;}
.transmission>p{font-size: 24px;}
.transmission img{
	width: 70%;
	max-width: 190px;
	margin: 0 auto 100px;
}
.transmission a{
	margin: 0 auto;
}
.transmission btn{
	width: 100%;
    height: 100%;
    text-align: left;
  	padding: 23px 20px;
}
@media screen and (max-width: 768px){
	.transmission em{font-size: 24px;}
	.transmission>p{font-size: 16px;}
	.transmission em,.transmission>p{margin-bottom: 20px;}
	.transmission img{margin: 0 auto 80px;}
	.transmission .btn{
		padding: 20px 20px;
		width: 90%;
		min-width: 250px;
	}
}
.br480{display:none;}
@media screen and (max-width: 480px){
	.br480{display:block;}
}