@charset "utf-8";

form#mail_form {
	width:100%;
	margin: auto;
	padding: 10px 0;
	background: #ffffff;
}

form#mail_form dl {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

form#mail_form dl dt {
	clear: both;
	width: 30%;
	float: left;
	border-top: 1px solid #000000;
	padding: 15px 0;
	padding-right: 30px;
	text-align: right;
	overflow: hidden;
}

form#mail_form dl dd {
	width: 70%;
	float: right;
	border-top: 1px solid #000000;
	padding: 15px 0 15px 5%;
}
form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd {
	border: none;
}

/* -- for JavaScript 縺薙％縺九ｉ -------------------------------------------------------------------------------- */


@-webkit-keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}

@keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}


/* -- for JavaScript 縺薙％縺ｾ縺ｧ -------------------------------------------------------------------------------- */


form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="email_2"],
form#mail_form input[type="tel"] {
	max-width: 100%;
	padding: 2px 2%;
	border: 1px solid #000000;
	border-radius: 3px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}

form#mail_form input[type="text"]:focus,
form#mail_form input[type="email"]:focus,
form#mail_form input[type="email_2"]:focus,
form#mail_form input[type="tel"]:focus,
form#mail_form textarea:focus {
	border: 1px solid #55ccff;
	background: #ffffff;
}

form#mail_form ul li input[type="radio"],
form#mail_form ul li input[type="checkbox"] {
	margin-right: 10px;
}

form#mail_form ul li:first-child input[type="radio"],
form#mail_form ul li:first-child input[type="checkbox"] {
	margin-top: 0px;
}

form#mail_form select {
	font-size: 100%;
	font-family: inherit;
}

form#mail_form textarea {
	display: block;
	width: 90%;
	max-width: 90%;
	padding: 2px 2%;
	resize: vertical;
	border: 1px solid #595757;
	border-radius: 3px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}


form#mail_form ul {
	list-style-type: none;
}

form#mail_form ul li label:hover {
	cursor: pointer;
}


form#mail_form input#company,form#mail_form input#comp {
	width: 50%;
}

form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#postal,
form#mail_form input#phone,
form#mail_form input#phone_2,
form#mail_form input#schedule {
	width: 100%;
}

form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm {
	width: 100%;
}

form#mail_form input#postal+a {
	display: inline-block;
	padding: 9px 15px;
	vertical-align: middle;
	line-height: 1;
	background: #5bc0de;
	border: 1px solid #46b8da;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	text-decoration: none;
	position: relative;
	top: -1px;
}

form#mail_form input#postal+a:hover {
	cursor: pointer;
	background: #31b0d5;
	border: 1px solid #269abc;
}

form#mail_form input#address {
	width: 90%;
}


form#mail_form p#form_submit {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
}

form#mail_form input[type="button"] {
	font-size: 1.4em;
	font-weight: bolder;
	padding: 0.8em 0.5em 1.1em 1em;
	vertical-align: middle;
	line-height: 1;
	background: #e60012;
	border:none;
	color: #ffffff;
	font-family: inherit;
	transition:all 0.5s;
	letter-spacing: 0.08em;
	margin: 1em auto;
}

form#mail_form input[type="button"]:hover {
	cursor: pointer;
	background: #131313;
	border: 1px solid #39849;
}

form#mail_form input#form_submit_button {
	margin-left: 0%;
}

/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 924px ) {

form#mail_form {
	width: 95%;
}

form#mail_form dl {
	overflow: visible;
}

form#mail_form dl dt {
	width: auto;
	float: none;
	text-align: left;
	padding: 10px 0 5px;
	font-weight: normal;
}

form#mail_form dl dd {
	width: auto;
	float: none;
	border-top: none;
	padding: 0px 0 13px 0px;
}

form#mail_form dl dt span {
	font-weight: normal;
}


/* -- for JavaScript 縺薙％縺九ｉ -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
	display: none;
}


/* -- for JavaScript 縺薙％縺ｾ縺ｧ -------------------------------------------------------------------------------- */

form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="email_2"],
form#mail_form input[type="tel"] {
	margin-top: 0px;
}

form#mail_form input#form_submit_button {
	margin-left: 0;
}

form#mail_form select {
	margin-top: 0;
}

form#mail_form input#phone,
form#mail_form input#schedule {
	width: 100%;
}

}

.mailbody p{
	max-width: 800px;
	margin: 50px auto 20px;
}
@media screen and ( min-width: 925px ) {
#mail_form dl dd ul li{ display:inline-block; padding-right:18px;}
}
.underoi{ position:absolute; right:0; transform:translateX(50%); bottom:-7px;}
.underoi img{ width:50%;}
@media screen and (max-width: 736px) {
.mailbody p{
	max-width: 90%;
}
form#mail_form input#company,form#mail_form input#comp {width: 100%;}

form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#postal,
form#mail_form input#phone,
form#mail_form input#schedule {
	width: 100%;
}

form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm {
	width: 100%;
}
	form#mail_form input#schedule {
	width: 100%;
}
	form#mail_form dl dd {
		width: 100%;}
}
.mailbody{
	position: relative;
	background: #FFF2C2;
	padding-bottom: 200px;
	text-align: left;
	margin-bottom: 7px;
}
#nece:after{
	content: "必須";
	color:#FFF;
	background:#E2041B;
	padding:1px 10px 3px;
	margin-left:10px;
	font-size:0.7em;
	vertical-align:2px;
}

.voice_sec a {
	display: flex;
	flex-wrap: wrap;
	color: #000;
}
.voicebox{
	width: 100%;
	margin-top: -100px;
	background: #f7f3eb;
	padding:0;
}
.starunder{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
}
.voicebox .thirdcontent {
	font-weight: 500;
	width: 32.5%;
	margin: auto;
	font-size: 1em;
	text-align: left;
	background: #fff;
	padding: 10px;
}
.thirdcontent2{
	font-weight: 500;
	width: 32.5%;
	margin: auto;
	font-size: 1em;
	text-align: left;
	background: #fff;
	padding: 10px;	
	height: 250px;
}
.voicebox .thirdcontent a {
	color: #000;
}
.voicebox .thirdcontent2 a {
	color: #000;
}
.voice_sec{
	width: 80%;
	margin: auto;
}
.googletext{
	width:100%;
	padding:5px 8px;
	min-height: 90px;
}
.star{width: 50%!important;}
.star iframe{width: 100%; height: 3vw;}
.starday{
	display: flex;
	align-items: center;
	width: 100%;
	text-align: center;
}
.google_lp_kuti{
	max-width: 800px;
	margin: 80px auto 30px;
	border-bottom: solid 2px #000;
}
.goraiten_text img{
	width: 100%;
}
.goraiten_text{
	width: 100%;
	max-width: 900px;
	margin: -50px auto 50px;
}

@media screen and (max-width: 736px) {
.google_lp_kuti{
	width: 100%;
	margin: 50px auto;
	border-bottom:none;
}
.voicebox .thirdcontent {
	width: 100%;
	margin: auto;
}
	.googletext{
		padding:2px;
	}
.googletext{
	min-height: auto;
}
}
.raiten{
	margin-top: -50px;
}
.raiten img,.goraitencli img,.goraitencli_delete img,.goraitencli_link img{
	width: 100%;
	height: auto;
}
.goraitencli,.goraitencli_delete,.goraitencli_link{
	width: 26%;
	position: absolute;
	right: 11%;
	top: 40vw;
}

.goraitencli_delete{
	opacity: 0;
	animation: deleteimg 1s infinite;
}
.goraitencli{
	opacity: 1;
	animation: deleteimg2 1s infinite;
}
.goraitencli_link a {
	opacity: 0;
}
.goraitencli_link a:hover{
	opacity: 1;
}

@keyframes deleteimg{
    0%{opacity: 0;}
    50.9%{opacity: 0;}
    51%{opacity: 1;}
    100%{opacity: 1;}
}
@keyframes deleteimg2{
    0%{opacity: 1;}
    50.9%{opacity: 1;}
    51%{opacity: 0;}
    100%{opacity: 0;}
}
.otherraiten .goraitencli,.otherraiten .goraitencli_delete,.otherraiten .goraitencli_link{
	width: 32%;
	position: absolute;
	right: 1%;
	top: 39vw;
}
.otherraiten{
	position: relative;
	background: #fff;
	width: 100%;
	margin: 100px auto;
}
.voiceex{
	width: 16.7%;
}
.maxsp{
	display: flex;
	justify-content: center;
	align-items: stretch;
}
@media screen and (max-width: 482px) {
	.splight{font-size: 50%; text-align: center;}
	.splight div:nth-child(1){font-size: 150%;}
.star iframe{width: 100%; height: 8vw;}
.thirdcontent2{	height: auto;}
.maxsp{
	flex-wrap: wrap;
}
	.voiceex{display: none;}
	.thirdcontent2{
		width: 100%;
	}
.otherraiten{
	position: relative;
	background: #fff;
	width: 90%;
	margin: 60px auto;
}
.otherraiten .goraitencli,.otherraiten .goraitencli_delete,.otherraiten .goraitencli_link{
	width: 32%;
	position: absolute;
	right: 2%;
	top: 44vw;
}
}
.btn,
a.btn,
button.btn {
	width: 90%;
	max-width: 900px;
	background: #e60012;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 2.0rem 4rem 1.2rem;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.3rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
a.btn--red.btn--cubic {
  border-bottom: 5px solid #9f000c;
}

a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9f000c;
}

a.btn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
.kurumamail{
	margin: 80px auto 0;
}
dl dt span{
	color: #FF0004;
	font-size: 80%;
}
dl dt{
	letter-spacing: 0.08em;
}
dl dd{
	text-align: left;
}
dl{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	border-bottom: solid 1px #ccc;
	padding: 2em 0;
}
dd ul li img {
  width: auto;
  height: 2.5em;
  vertical-align: middle;
  margin-left: 0.3em;
}

dd ul li label {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.ent-form{
	margin-bottom: 100px;
}