@charset "utf-8";


*,*:before,*:after {
  box-sizing:border-box;
}

body {
  fontfamily:"Noto Sans JP",sans-serif;
}

h2 {
  fontfamily:"Noto Sans JP",sans-serif;
  font-weight:bold;
}

h2 + span{
  font-weight:bold;
}

.douisuru dt {
  visibility:hidden;
}

  .contact-sub {
    font-size:15px;
    display:block !important;
    font-weight:normal;
  }

    .mark li {
      margin:10px 0 10px 0;
      font-size:16px;
    }


.mark label input {
  transform:scale(1.0);
}


dt {
  letter-spacing:0em;
}

.company-name dt span:nth-of-type(3),
.name-kanji dt span:nth-of-type(3),
.name-kana dt span:nth-of-type(3),
.mail dt span:nth-of-type(2),
.number dt span:nth-of-type(2),
.koumoku dt span:nth-of-type(2) {
  background-color:#DB0707;
  color:#fff !important;
  font-weight:bold;
  width:50px;
  text-align:center;
  display:inline-block !important;
  position:relative !important;
  bottom:4px;
  left:5px;
}

.company-name dt span:nth-of-type(2),
.name-kanji dt span:nth-of-type(2),
.name-kana dt span:nth-of-type(2) {
  font-size:10%;
  color:#000 !important;
  display:inline-block !important;
}

.naiyou dt span:nth-of-type(2) {
  background-color:#D9D0D0;
  color:#fff !important;
  font-weight:bold;
  width:50px;
  text-align:center;
  position:relative;
  bottom:3px;
  left:5px;
  display:inline-block !important;
}

#sec-09{
  position:relative;
  background: #F7F5F5;
}





.name01 {
  margin-right:0px;
}

.top-agree {
  text-align:center;
  font-size:14px;
  padding-bottom:30px;
}
.agree-content {
  text-align:center;
  font-size:14px;
}

.agree-list {
  width:90%;
  margin:0 auto;
}

.agree-box,
.agree-list {
  text-align:center;
  width:100%;
  margin:0 auto;
}

.agree-box span {
  text-align:center;
}
#sec-09 {
	color:#000;
	background-color:#F7F5F5;
	padding-top:0px;
	width:100%;
	margin:0 auto;
}
#sec-09 h2 {
  font-size:24px;
	text-align:center;
	font-weight:normal;
  font-weight:bold !important;
}
#sec-09 h2 span {
font-weight:bold;
}

.checkbox-list .my-checkbox {
  font-size:14px;
}

.heading-par {
	font-size:15px;
	text-align:center;
}

.contact-wrapper {
	padding-top:0px;
}

.contact {
	width:100%;
	margin:0 auto;
	padding:0 10px;
}

.l-inner {
  padding:40px 0;
  width:100%;
	margin:0 auto;
}



form#mail_form {
	width: 100%;
	margin: 0 auto;
	font-size: 95%;
	line-height: 1.8;
}

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

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

}

form#mail_form dl dd {
	width: 100%;
	padding: 15px 0 15px 0;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child + dd {
	border: none;
}

form#mail_form dl dt span {
	display: block;
	font-size: 70%;
	color: #3377ff;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
	display: inline-block;
	float: left;
	color: #ffffff;
	padding: 4px 10px;
  display:none !important;
}

form#mail_form dl dt span.required {
	background: #d9534f;
	border: 1px solid #d43f3a;
  display:none !important;
}

form#mail_form dl dt span.optional {
	background: #337ab7;
	border: 1px solid #2e6da4;
}

form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match {
	display: block;
	color: #ff0000;
	margin-top: 3px;
  font-size:16px;
}


span.loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-top: 5px solid rgba( 255, 255, 255, 0.2 );
	border-right: 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
	border-left: 5px solid #ffffff;
	-webkit-transform: translateZ( 0 );
	-ms-transform: translateZ( 0 );
	transform: translateZ( 0 );
	-webkit-animation: load-circle 1.0s linear infinite;
	animation: load-circle 1.0s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}


@-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="tel"] {
	max-width: 100%;
	padding: 12px;
	border: 3px solid #E6E6E6;
	background: #fff;
	-webkit-appearance: none;
	font-size: 20px;
	font-family: "Noto Sans JP",sans-serif;
	margin-top: 7px;
  height:50px;
}

form#mail_form input[type="text"]:focus,
form#mail_form input[type="email"]:focus,
form#mail_form input[type="tel"]:focus,
form#mail_form textarea:focus {
  box-shadow: 0px 0px 3px #55ccff;
  border: 6px solid #55ccff;
	background: #ffffff;
}

form#mail_form ul li input[type="radio"],
form#mail_form ul li input[type="checkbox"] {
	margin-right: 10px;
	margin-top: 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: "Noto Sans JP",sans-serif;

	margin-top: 10px;
}

form#mail_form textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 200px;
	padding: 7px 2%;
	resize: vertical;
	border: 6px solid #E6E6E6;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 20px;
	font-family:"Noto Sans JP",sans-serif;
}


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

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


form#mail_form input#company {
	width: 100%;
}

form#mail_form input#name_1,
form#mail_form input#name_2 {
  width:50%;
}
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#postal + a {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #46b8da;
	background: #5bc0de;
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
}

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

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


form#mail_form p#form_submit {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
  text-align:center;
}

form#mail_form input[type="button"] {
	padding: 15px 20px;
	border: 1px solid #000;
	background: #000;
	font-size: 16;
	color: #ffffff;
	font-family: inherit;
	-webkit-appearance: none;
  margin:0 auto;
  width:100%;
  max-width:345px;
}

form#mail_form input[type="button"]:hover {
	cursor: pointer;
	background: rgba(0,148,201);
	border: 1px solid rgba(0,149,210);
}

form#mail_form input#form_submit_button {

}







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

/* 1000pixel start */

.contact-content {
  font-size:15px !important;
}

@media screen and ( min-width: 960px ) {

  #sec-09 {
  	color:#000;
  	background-color:#F7F5F5;
  	padding-top:50px;
  	width:100%;
  	margin:0 auto;
  }

  .company-name dt span:nth-of-type(3),
  .name-kanji dt span:nth-of-type(3),
  .name-kana dt span:nth-of-type(3),
  .mail dt span:nth-of-type(2),
  .number dt span:nth-of-type(2),
  .koumoku dt span:nth-of-type(2),
  .naiyou dt span:nth-of-type(2) {
    display:block !important;
    position:none !important;
    position:static;
    width:70px;
  }





  .mark li {
    margin:20px 0 10px 0;


  }



  .agree-box {
    padding-right:40px;
  }

  .contact-right img {
    width:100%;
  }

  .l-inner-contact {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack: center;
  	-ms-flex-pack: center;
    justify-content:center;
  }

  .l-container {
    width:100%;
  }

  .contact-right {
    width:20%;
  }

}


span.ok {
  display:block !important;
  margin-bottom:40px;

}
.ok-box {
  display:inline-block;
}


@media screen and ( max-width: 1000px ) {

  form#mail_form p#form_submit  {
    padding:0 0;
  }

  span.ok {
   margin-bottom:20px;
  }

form#mail_form {
	width:100%;
	font-size: 100%;
}

form#mail_form dl {
	overflow: visible;
}

form#mail_form dl dt {
	width: 100%;
	float: none;
	text-align: left;
	padding: 5px 0 5px 0px;
	font-weight: normal;
	color:#000;
  margin-bottom:0px;
}

form#mail_form dl dd {
	width: 100%;
	float: none;
	border-top: none;
	padding: 0px 0 10px 0px;
	color:#000;
}

.names-flex {
  display:flex;

}

form#mail_form dl dt span {
	font-weight: normal;
}
.name01 {
  margin-right:3px;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
	margin-right: 1em;
	margin-bottom: 2em;
  display:none !important;
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

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

form#mail_form input#postal + a {
	padding: 6px 15px 5px;
}

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

form#mail_form select {
	font-size: 16px;
	margin-top: 0;
}

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

}
/* 1000pixel end */

.large {
	font-size:15px !important;
	color:#000 !important;
	display:inline-block !important;
}

dt span.small {
	font-size:10px;
	color:#000 !important;
	display:inline-block !important;
}

.rq {
	position:absolute;
	background-color:#ff0000;
	color:#fff !important;
	display:inline-block !important;
	width:48px;
	height:22px;
	line-height:22px;
	text-align:center;
	margin-left:10px;
	font-weight:bold;
}

.free {
	position:absolute;
	background-color:#D9D0D0;
	color:#fff !important;
	display:inline-block !important;
	width:48px;
	height:22px;
	line-height:22px;
	text-align:center;
	margin-left:10px;
	font-weight:bold;
}

.form-head-sm {
	margin-bottom:10px;
}

#sec-09 h2 {
  font-family:"Noto Sans JP",sans-serif;
  font-weight:400;
}
.final-agree {
  text-align:center;
}

.ok {
  display:block;
}

.contact-wrapper {
  padding-right:20px;
  padding-left:20px;
}

dt {
  font-size:20px;
}


    .concent-txt {
      font-size: 10px !important;
      height: 160px;
      overflow: scroll;
      padding: 10px 10px 0 10px;
      margin: 10px 0 0px;
      background: #FFFFFF;
      font-weight:normal;
    }


@media screen and (min-width:960px) {

  .contact-wrapper {
    padding-top:20px;
  }

  .names-flex {
    display:flex;
  }


  form#mail_form input[type="text"],
  form#mail_form input[type="email"],
  form#mail_form input[type="tel"] {
  	max-width: 100%;
  	padding: 12px;
  	border: 6px solid #E6E6E6;
  	background: #fff;
  	-webkit-appearance: none;
  	font-size: 24px;
  	font-family: "Noto Sans JP",sans-serif;
  	margin-top: 7px;
    height:70px;
  }




  form#mail_form textarea {
  	display: block;
  	width: 100%;
  	max-width: 100%;
  	height: 400px;
  	padding: 7px 2%;
  	resize: vertical;
  	border: 6px solid #E6E6E6;
  	background: #fafafa;
  	-webkit-appearance: none;
  	font-size: 20px;
  	font-family:"Noto Sans JP",sans-serif;
  }

  dt {
    font-size:26px;
  }




  form#mail_form input[type="button"] {
  	padding: 20px 15px;
  	border: 1px solid #000;
  	background: #000;
  	font-size: 30px;
  	color: #ffffff;
  	font-family: inherit;
  	-webkit-appearance: none;
    margin:0 auto;
    width:100%;
    max-width:480px;
    font-weight:bold;
  }

  #sec-09 h2 {
    font-size:59px;
  	text-align:center;
  	font-weight:400;
    font-family:"Noto Sans JP",sans-serif;
  }

  .contact-sub {
    font-size:35px;
    display:block !important;
    font-weight:normal;
    padding-top:30px;
  }

  .names {
    width:100%;
  }

  .name01,
  .name02 {
    width:50%;
  }

  .name01 {
    margin-right:10px;
    margin-bottom:0px;
  }

  form#mail_form dl {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:25px;
  }


	form#mail_form dl dt {
		clear: both;
		width: 20%;
		padding: 0px 0 15px;
		text-align: left;
		overflow: hidden;

	}

	form#mail_form dl dd {
		width: 80%;

		padding: 0px 0 15px 0;
	}

	.rq {
		display:block !important;
	}

	.free {
		display:block !important;
	}



  .agree-content {
    text-align:center;
    font-size:14px;
    float:none !important;
    width:100% !important;
  }

  .submit-center {
    width:100%;
  }

  .center-left {
    width:15%;
  }

  .center-right {
    width:85%;
  }

  .contact-inner {
    width:100%;
    display:flex;
    flex-wrap:nowrap;

  }
  .contact-left,
  .contact-right {
    width:10%;
  }
  .contact-wrapper {
    width:80% !important;
    padding-right:100px !important;
  }
  .contact-right {
    text-align:center;
    position:relative;
    top:-225px;
  }

  .contact-right img {
    max-width:159px;
    max-height:602px;
  }

  .center-left {
    width:15%;
  }

  .center-right {
    width:85%;
  }

  .mark {
    font-size:28px;
  }


    .in-info-wrapper {
      margin-bottom:0px !important;
    }

      .in-info {
        font-size:16px;
        padding:0 !important;
        text-align:center;
      }

}

span.optional,
span.required {
  display:none;
}

.final-agree {
  margin:0 auto;
  text-align:center;
}

.mark {
  width:100%;
  margin:0 auto;
}