@charset "UTF-8";


/* PC */
@media ( min-width : 961px) {
.br-tablet {display: none; }
.br-mobile {display: none; }

/* fv */
.container-contact-fv{
  background-image: url("../img/contact.jpg");
  box-sizing: border-box;
  height: calc(90vh - 60px);
  background-size: cover;
  background-position: center;
  padding-top: 37vh;
}

.container-contact-fv-tit{
  font-size: 60px;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.63);
}


.container-contact-map-tit{
  font-size: 30px;
  text-align: center;
  color: #333333;
  background:linear-gradient(to left, rgba(255, 255, 255, 0) 20%,rgba(64, 224, 208,0.5) 50%,rgba(255, 255, 255, 0) 80%);
  margin: 8% auto;
  padding: 1%;
}

.container-contact-map-txt{
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 20%;
  color: #4D4D4F;
}

.container-contact-map-txt{
  background: #cbf5ff url(http://www.webcreatorbox.com/sample/images/quote_open.gif) no-repeat 10px 10px;
  text-indent: 15px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  text-align: center;
  padding: 2%;
}
.container-contact-map-txt span{
  background: url(http://www.webcreatorbox.com/sample/images/quote_close.gif) no-repeat bottom right;
  display: block;
  padding: 2%;
}

.mailform-comtainer{display: flex;justify-content: center;margin: 140px auto;}
	.inner{width: 60%;margin: 0 auto;background-color: #cbf5ff;border-radius: 10px;padding-top: 50px;}
	.mailform{width: 40%;margin-left: 31%;}
	.mfp{margin: 24px auto;width: 100%;}
	.mfp_col10{margin: 10px auto;width: 100%;text-align: center;}
	.must{font-size: 12px;color: red;width: 100%;}
	.personal{border: solid 1px #7d7d7d;height: 300px;white-space: wrap;overflow: scroll;overflow-x: hidden;width: 200%;margin: 0 -52%;background-color: #fff;border-radius: 10px;
  box-sizing: border-box;padding: 10px;-ms-overflow-style: none;scrollbar-width: none;}
  .personal::-webkit-scrollbar{display:none;}
  .mfp_rows{width: 100%;}
  label{margin: 0 auto;text-align: center;}
  .submit{margin: 20px 0 50px 0;}
  .checkbox{text-align: center;margin: 0 auto;}
  .mfp_buttons{text-align: center;margin: 0 auto;}
  .hissu{text-align: center;margin: 0 auto;}

.container-contact-map-address{
  display: inline-block;
  padding-right: 50%;
  margin-left: 20%;
  line-height:1.6;
  background:linear-gradient(to left, rgba(203, 245, 255, 0) 0%,rgba(203, 245, 255,1) 50%,rgba(203, 245, 255, 1) 80%);
}
}
/* PCここまで */



















/* tablet */
@media (max-width : 960px ) {
@media (min-width : 521px ) {
.br-mobile {display: none; }
.br-pc {display: none; }

/* fv */
.container-contact-fv{
  background-image: url("../img/contact.jpg");
  box-sizing: border-box;
  height: calc(85vh - 60px);
  background-size: cover;
  background-position: center;
  padding-top: 35vh;
}

.container-contact-fv-tit{
  font-size: 60px;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.63);
}

.container-contact-map-tit{
  font-size: 30px;
  text-align: center;
  color: #333333;
  background:linear-gradient(to left, rgba(255, 255, 255, 0) 20%,rgba(64, 224, 208,0.5) 50%,rgba(255, 255, 255, 0) 80%);
  margin: 8% auto;
  padding: 1%;
}

.container-contact-map-txt{
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 auto;
  color: #4D4D4F;
  width: 70%;
}

.container-contact-map-txt{
  background: #cbf5ff url(http://www.webcreatorbox.com/sample/images/quote_open.gif) no-repeat 10px 10px;
  text-indent: 15px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  text-align: center;
  padding: 2%;
}
.container-contact-map-txt span{
  background: url(http://www.webcreatorbox.com/sample/images/quote_close.gif) no-repeat bottom right;
  display: block;
  padding: 2%;
}

.mailform-comtainer{display: flex;justify-content: center;margin: 140px auto;}
	.inner{width: 90%;margin: 0 auto;background-color: #cbf5ff;border-radius: 10px;padding-top: 50px;}
	.mailform{width: 80%;margin: 0 auto;}
	.mfp{margin: 24px auto;width: 100%;}
	.mfp_col10{margin: 10px auto;width: 100%;text-align: center;}
	.must{font-size: 12px;color: red;width: 100%;}
.personal{border: solid 1px #7d7d7d;height: 300px;white-space: wrap;overflow: scroll;overflow-x: hidden;width: 98%;margin: 0 auto;background-color: #fff;border-radius: 10px;
box-sizing: border-box;padding: 10px;-ms-overflow-style: none;scrollbar-width: none;}
.personal::-webkit-scrollbar{display:none;}
.mfp_rows{width: 100%;}
label{margin: 0 auto;text-align: center;}
.submit{margin: 20px 0 50px 0;}
.mfp_buttons{text-align: center;}
.hissu{text-align: center;}



.container-contact-map-address{
  display: inline-block;
  padding-right: 40%;
  margin-left: 15%;
  line-height:1.6;
  background:linear-gradient(to left, rgba(203, 245, 255, 0) 10%,rgba(203, 245, 255,1) 50%,rgba(203, 245, 255, 1) 80%);
}
}
}
/* tabletここまで */

















/* mobile */
@media (max-width : 520px){
.br-tablet{display: none;}
.br-pc {display: none; }

/* fv */
.container-contact-fv{
  background-image: url("../img/contact.jpg");
  box-sizing: border-box;
  height: calc(75vh - 60px);
  background-size: cover;
  background-position: center;
  padding-top: 33vh;
}

.container-contact-fv-tit{
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.63);
}

.container-contact-map-tit{
  font-size: 30px;
  text-align: center;
  color: #333333;
  background:linear-gradient(to left, rgba(255, 255, 255, 0) 20%,rgba(64, 224, 208,0.5) 50%,rgba(255, 255, 255, 0) 80%);
  margin: 8% auto;
  padding: 1%;
}

.container-contact-map-txt{
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 auto;
  color: #4D4D4F;
  width: 70%;
}

.container-contact-map-txt{
  background: #cbf5ff url(http://www.webcreatorbox.com/sample/images/quote_open.gif) no-repeat 10px 10px;
  text-indent: 15px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  text-align: center;
  padding: 2%;
}
.container-contact-map-txt span{
  background: url(http://www.webcreatorbox.com/sample/images/quote_close.gif) no-repeat bottom right;
  display: block;
  padding: 2%;
}

.mailform-comtainer{display: flex;justify-content: center;margin: 140px auto;}
.inner{width: 95%;margin: 0 auto;background-color: #cbf5ff;border-radius: 10px;padding-top: 50px;}
.mailform{width: 90%;}
.mfp{margin: 24px auto;width: 100%;}
.mfp_col10{margin: 10px auto;width: 100%;text-align: center;}
.must{font-size: 12px;color: red;width: 100%;}
.personal{border: solid 1px #7d7d7d;height: 300px;white-space: wrap;overflow: scroll;overflow-x: hidden;width: 98%;margin: 0 auto;background-color: #fff;border-radius: 10px;
box-sizing: border-box;padding: 10px;-ms-overflow-style: none;scrollbar-width: none;}
.personal::-webkit-scrollbar{display:none;}
.mfp_rows{width: 100%;}
label{margin: 0 auto;text-align: center;}
.submit{margin: 20px 0 50px 0;}
.mfp_buttons{text-align: center;}
.hissu{text-align: center;}

.container-contact-map-address{
  display: inline-block;
  padding-right: 40%;
  margin-left: 15%;
  line-height:1.6;
  background:linear-gradient(to left, rgba(203, 245, 255, 0) 20%,rgba(203, 245, 255,1) 60%,rgba(203, 245, 255, 1) 80%);
}
}
/* mobileここまで */