/* **************#contact************* */

#contact {
	padding: 0;
	margin: 0 auto;
}

@media screen and (max-width: 680px) {
  #contact {
	background-position:top;
	/*width: 100vw;*/
 	/*height: auto;*/
  }
}

#contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* **************#contact_area************ */

#contact_area {
	padding: 5% 0 0 0;
	margin: 0 auto;
	width:100%;
	background: rgba(255,255,255,0.9);
}

@media screen and (max-width: 680px) {
#contact_area {
	padding: 5% 0 0 0;
	margin: 0 auto ;
	width:100%;
}
}

#contact_area h1 {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 600;
	font-size: 168%;
	background-image:url(image);
	max-height: 100%;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 2px;
}

#contact_area h1 span {
	font-size: 90%;
}

@media screen and (max-width: 640px) {
	#contact_area h1 {
	font-size: 144%;
	}
}

#contact_area h2 {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 600;
	font-size: 168%;
	background-image:url(image);
	max-height: 100%;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 2px;
	margin-bottom: 5%;
}

#contact_area h2 span {
	font-size: 90%;
}

@media screen and (max-width: 640px) {
	#contact_area h2 {
	font-size: 144%;
	}
}

#contact_area h3 {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 600;
	font-size: 168%;
	background-image:url(image);
	max-height: 100%;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 2px;
}

#contact_area h3 span {
	font-size: 90%;
}

@media screen and (max-width: 640px) {
	#contact_area h3 {
	font-size: 144%;
	}
}

#contact_area .hshop {
	color: #E99F00;
}

#contact_area .hschool {
	color: #126601;
}

#contact_area .hrace {
	color: #09497C;
}

#contact_area .hother {
	color: #C71388;
}

#contact_area h5 {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 400;
	font-size: 114%;
	background-image:url(image);
	max-height: 100%;
	text-align: center;
	color: #000000;
	line-height: 1.6em;
	letter-spacing: 2px;
}

#contact_area h5 span {
	font-size: 90%;
}

#contact_area .button {
    background: none repeat scroll 0 0 #fff;
    /*border-radius: 10px;*/
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 5px 3%;
    text-decoration: none;
	/*background: #0093DB;*/
	background: #E99F00;
	color: #FFFFFF;
	min-width: 80%;
}

@media screen and (max-width: 680px) {
#contact_area .button {
	padding: 2% 5%;
	}
}

#contact_area .sbutton {
    background: none repeat scroll 0 0 #fff;
    /*border-radius: 10px;*/
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 5px 3%;
    text-decoration: none;
	/*background: #0093DB;*/
	background: #E99F00;
	color: #FFFFFF;
	min-width: 80%;
}

@media screen and (max-width: 680px) {
#contact_area .sbutton {
	padding: 2% 5%;
	}
}

#contact_area .cbutton {
    background: none repeat scroll 0 0 #fff;
    /*border-radius: 10px;*/
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 5px 3%;
    text-decoration: none;
	/*background: #0093DB;*/
	background: #126601;
	color: #FFFFFF;
	min-width: 80%;
}

@media screen and (max-width: 680px) {
#contact_area .cbutton {
	padding: 2% 5%;
	}
}

#contact_area .rbutton {
    background: none repeat scroll 0 0 #fff;
    /*border-radius: 10px;*/
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 5px 3%;
    text-decoration: none;
	/*background: #0093DB;*/
	background: #09497C;
	color: #FFFFFF;
	min-width: 80%;
}

@media screen and (max-width: 680px) {
#contact_area .rbutton {
	padding: 2% 5%;
	}
}

#contact_area .obutton {
    background: none repeat scroll 0 0 #fff;
    /*border-radius: 10px;*/
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 5px 3%;
    text-decoration: none;
	/*background: #0093DB;*/
	background: #C71388;
	color: #FFFFFF;
	min-width: 80%;
}

@media screen and (max-width: 680px) {
#contact_area .obutton {
	padding: 2% 5%;
	}
}

@media screen and (max-width: 640px) {
	#contact_area h5 {
	font-size: 85%;
	}
}

#contact_area p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height:1.6em;
	text-align: left;
	background-image:url(image);
	max-height: 100%;
	word-break: break-all;
}

@media screen and (max-width: 680px) {
	#contact_area p {
	font-size: 85%;
	}
}

#contact_area .dits {
	-js-display: flex;
	display: flex;
	 flex: 1;
	margin:0 auto;
	align-items: stretch;
	justify-content: stretch;
}

@media screen and (max-width: 680px) {
#contact_area .dits  {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
	margin-bottom: 0;
}
}

#contact_area .dits section {
	width:100%;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 680px) {
#contact_area .dits section {
	width:100%;
	margin:0;
}
}

#contact_area .ditsm {
	-js-display: flex;
	display: flex;
	 flex: 1;
	margin:0 auto;
	align-items: stretch;
	justify-content: stretch;
}

@media screen and (max-width: 680px) {
#contact_area .ditsm  {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
	margin-bottom: 0;
}
}

#contact_area .bshop {
	background-color: #E99F00;
}

#contact_area .bschool {
	background-color: #126601;
}

#contact_area .brace {
	background-color: #09497C;
}

#contact_area .bother {
	background-color: #C71388;
}

#contact_area .ditsm section {
	width:100%;
	margin: 0;
	padding: 0;
	border: 1px solid #EFEFEF;
}

@media screen and (max-width: 680px) {
#contact_area .ditsm section {
	width:100%;
	margin:0;
}
}

#contact_area .cmain {
	text-align:center;
	width: 90%;
	margin: 0 auto;
	padding: 5%;
}

@media screen and (max-width: 680px) {
#contact_area .cmain {
	width: 90%;
	margin: 0 auto;
	padding: 5%;
}
}

#contact_area .cmain p {
	text-align: center;
}

@media screen and (max-width: 680px) {
#contact_area .cmain p {
	text-align: left;
}
}

#contact_area .tlist {
	text-align:center;
	width: 90%;
	margin: 0 auto;
	padding:10% 5%;
}

@media screen and (max-width: 680px) {
#contact_area .tlist {
	width: 90%;
	margin: 0 auto;
	padding: 5%;
}
}

#contact_area .tarea {
	text-align:center;
	width: 100%;
	margin: 0 auto;
	padding:0 0 5% 0;
}

@media screen and (max-width: 680px) {
#contact_area .tarea {
	width: 100%;
	margin: 0 auto;
	padding:0 0 5% 0;
}
}

#contact_area .tltbl {
	width: 100%;
	margin: 0 auto 5% auto;
	padding: 0;
	border-collapse: collapse;
}

#contact_area .tltbl th {
	margin:0;
	padding: 3% 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:85%;
	line-height:1.6em;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	background-image:url(image);
	max-height: 100%;
	word-break: keep-all;
	border-bottom:1px solid #CCCCCC;
}

#contact_area .tltbl td {
	margin:0;
	padding: 3% 0 3% 3%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:85%;
	line-height:1.6em;
	text-align:left;
	vertical-align: middle;
	background-image:url(image);
	max-height: 100%;
	border-bottom:1px solid #CCCCCC;
	color: #000000;
}

#contact_area .tltbl td span {
	font-size:70%;
	line-height: 1.6em;
	background-color: #333333;
	color: #FFFFFF;
	padding: 0 5px;
}

@media screen and (max-width: 640px) {
#contact_area .tltbl tr{
        display: block;
        /*margin-bottom: 1.2em;*/
		padding:0;
    }
#contact_area .tltbl th,
#contact_area .tltbl td{
        display: list-item;
		list-style:none;
        border: none;

    }
#contact_area .tltbl th{
	padding:3% 0 0 0;
	/*background5: rgba(34,176,199,0.7);*/
	width:100%;
		word-break:keep-all;
}
	
#contact_area .tltbl td{
	padding:0 0 3% 0;
	font-size: 88%;
	border-bottom:1px solid #EFEFEF;
	}
}

#contact_area .tul {
	margin: 0 0 5% 20px;
	padding: 0;
}

#contact_area .tul li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:85%;
	line-height:1.6em;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	background-image:url(image);
	max-height: 100%;
	list-style: square;
	margin-bottom: 1%;
}

#contact_area .tul li:last-child {
	margin-bottom: 0;
}

#contact_area .tul li a:link{
	text-decoration:none;
	color: #FF6E00;
}

#contact_area .tul li a:visited {
	text-decoration:none;
	color: #FF6E00;
}

#contact_area .tul li a:hover{
	text-decoration: underline;
	color: #000000;
}

#contact_area .tul li a:active {
	text-decoration:none;
	color: #FF6E00;
}

#contact_area .carea {
	text-align:center;
	width:70%;
	margin: 0 auto;
	padding:0 0 5% 0;
}

@media screen and (max-width: 680px) {
#contact_area .carea {
	width: 90%;
	margin: 0 auto;
	padding:0 0 5% 0;
}
}

#contact_area .carea dl {
	/*width: 100%;*/
	margin: 0 auto;
	padding:3% 0 ;
}

#contact_area .carea dl dt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	text-align: left;
	background-image:url(image);
	max-height: 100%;
	word-break: keep-all;
	margin-bottom: 1%;
	color: #FFFFFF;
}

#contact_area .carea dl dd {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	text-align: left;
	background-image:url(image);
	max-height: 100%;
	margin-bottom: 3%;
	color: #FFFFFF;
}

#contact_area .carea dl dt a:link {
	color: #FFFFFF;
}

#contact_area .carea dl dt a:visited {
	text-decoration:none;
	color: #FFFFFF;
}

#contact_area .carea dl dt a:hover{
	text-decoration: underline;
	color: #BF0003;
}

#contact_area .carea dl dt a:active {
	text-decoration:none;
	color: #FFFFFF;
}

@media screen and (max-width: 680px) {
	#contact_area .carea dl dt {
		font-size: 85%;
	}
	#contact_area .carea dl dd {
		font-size: 85%;
	}
}

#contact_area .mform_in {
	margin:0;
	padding:0;
	clear: both;
}

#contact_area .mform_in button {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	padding: 15px 0px 15px 0px;
	margin: 0 5%;
	width: 40%;
	background-image: url(image);
	max-height: 100%;
	cursor: pointer;
	border: none;
	background-color: #EFEFEF;
	color: #000000;
}

#contact_area .mform_in button:hover {
	background-color: #333333;
	color:#FFFFFF;
}

@media screen and (max-width: 640px) {
#contact_area .mform_in button {
	font-size: 85%;
	width:90%;
	margin-bottom: 5%;
	padding: 10px 0px 10px 0px;
}
}

#contact_area .thanks {
	width: 60%;
	margin: 0 auto;
	padding:5% 0 5% 0;
}

@media screen and (max-width: 1440px) {
#contact_area .thanks {
	width: 65%;
}
}

@media screen and (max-width: 680px) {
#contact_area .thanks {
	width: 90%;
	margin: 0 auto;
	padding: 5% 0 ;
}
}

@media screen and (max-width: 680px) {
#contact_area input,#cont_menu textarea {
	width: 100%;
	margin: 0;
}
}

#contact_area input[type="checkbox"] {
	border: 1px solid #aaa;
	width: 20px;
	height: 20px;
	padding: 1% 1%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #aaa;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

#contact_area input[type="text"],#contact_area input[type="email"],#contact_area input[type="tel"],
#contact_area textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	text-align: left;
	background-image:url(image);
	max-height: 100%;
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 1% 1%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
#contact_area input[type="text"]:focus,#contact_area input[type="email"]:focus,#contact_area input[type="tel"]:focus,
#contact_area textarea:focus {
	box-shadow: 0 0 1px #F3D20E;
	border: 1px solid #F3D20E;
}

#contact_area input[type="text"] {
	width: 40%;
	-webkit-transition: width .3s;
	transition: width .3s;
}
#contact_area input[type="text"]:focus
{
	width: 70%;
}

@media screen and (max-width: 680px) {
#contact_area input[type="text"] {
	width: 100%;
}
}

#contact_area input[type="email"] {
	width: 60%;
	-webkit-transition: width .3s;
	transition: width .3s;
}
#contact_area input[type="email"]:focus
{
	width: 100%;
}

@media screen and (max-width: 680px) {
#contact_area input[type="email"] {
	width: 100%;
}
}

#contact_area input[type="tel"] {
	width: 30%;
	-webkit-transition: width .3s;
	transition: width .3s;
}
#contact_area input[type="tel"]:focus
{
	width: 100%;
}

@media screen and (max-width: 680px) {
#contact_area input[type="tel"] {
	width: 100%;
}
}

#contact_area input[type="textarea"] {
	width: 40%;
	-webkit-transition: width .3s;
	transition: width .3s;
}

/* Chrome */
::-webkit-input-placeholder {
	color: #333333;
}

/* Firefox */
::-moz-placeholder {
	color: #333333;
}

/* IE */
:-ms-input-placeholder {
	color: #333333;
}

#contact_area .mform_in input[type="submit"] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	padding: 15px 0px 15px 0px;
	margin: 0 5%;
	width: 40%;
	background-image: url(image);
	max-height: 100%;
	cursor: pointer;
	border: none;
	background-color: #00A0E9;
	color: #FFFFFF;
}

#contact_area .mform_in input[type="submit"]:hover {
	background-color: #EDDC59;
	color:#000000;
}

@media screen and (max-width: 640px) {
#contact_area .mform_in input[type="submit"] {
	font-size: 85%;
	width:90%;
	margin-bottom: 10%;
	padding: 10px 0px 10px 0px;
}
}


