.col-full{
    max-width: 100%!important;
	padding:0!important;
}

.contact-area{
	max-width: 90%;
	margin: 0 auto;
}

.storefront-breadcrumb {
	display:none;
}

@charset "UTF-8";
/***********************共通設定************************/
/*----------------------------------------------------
メニュー用
----------------------------------------------------*/
/*----------------------------------------------------
トップの検索フィール用
----------------------------------------------------*/
#contact {
  background: #3c4370;
  color: #fff;
  /* 画面横幅いっぱいに広げる */
  margin: 0 calc(50% - 50vw);
  padding: 60px 0;
}
@media all and (max-width: 1360px) {
  #contact {
    padding: 40px 0;
  }
}
#contact h1 {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 32px;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  display: flex;
  align-items: center;
}
@media all and (max-width: 1360px) {
  #contact h1 {
    font-size: 26px;
  }
}

#content {
  margin: 0 auto;
  text-align: left;
  padding: 20px 0 100px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  #content {
  }
  .bread {
    margin: 0 30px!important;
  }
  .templateWidth {
    padding:0px!important;
  }
  .contact-size{
	font-size:100%!important;
	margin: 0!important;
  }
}
#content h2 {
  font-size: 28px;
  margin: 20px 0;
}
#content h3 {
  font-size: 25px;
  margin: 20px 0;
}
#content p {
  margin: 10px 0;
}

#content ol {
  margin: 40px 0;
}
#content ol li {
  list-style: decimal;
  padding-left: 40px;
  text-indent: -20px;
  list-style-position: inside;
  margin: 20px 0;
}
/*# sourceMappingURL=contact.css.map */

@media all and (min-width: 751px) {
	.contact-size{
		width: 90%;
		margin: 20px auto 50px;
	}
}
@media all and (max-width: 750px) {
  .contact-size{
font-size: 11px;	
}
}

/*TALKHUBⅡのサンキューページ*/

.talkhub_sendmessage{
	background-color:#0A1F25;
	padding: 190px 0 100px 0;
}

  .talkhub_sendmessage_back{
    background-color: #fff;
    width: 51%;
    height: 460px;
    padding: 85px 0 100px 0;
    margin: 0 auto;
	}
	
@media all and (max-width: 1279px) {
  .talkhub_sendmessage_back{
    width: 100%!important;
	}
	
.talkhub_sendmessage_img{
	width:46%!important;
	}	
}

@media all and (max-width: 768px) {
	.talkhub_sendmessage_back p{
	font-size: 10px!important;
}
	.talkhub_sendmessage_button a{
    font-size: 10px!important;
    width: 280px!important;
}

}

.talkhub_sendmessage_img{
	width:448px;
	margin-bottom:33px;
}

.talkhub_sendmessage_back p{
	font-size: 15px;
    line-height: 28px;
	margin-bottom:20px;
}

.talkhub_sendmessage_button a{
	border-radius: 0px;
    font-size: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background: #0A1F25;
    border: 1px solid #0A1F25;
    margin: 0 auto;
    font-weight: 500;
    width: 442px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.talkhub_sendmessage_button a:hover{
	color:#0A1F25;
    background:#fff;
}

/*入力情報テーブル*/
.table_head {
    margin: 40px 0 10px 0;
    font-weight: bold;
    font-size: large;
}

.talkhub_sendmessage_button{
	margin-top:50px;
}

.thanks-wrapper {
    max-width: 720px;
    margin: 1rem 0 2rem 0;
    padding: 0 1rem;
}

.thanks-table {
    text-align: left!important;
}

/* カスタムテンプレート用パンくず */
.bread{
  padding: 1.41575em 0;
  max-width: 1160px;
  margin: 0 auto;
  font-size: 13px;
}

.bread ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.bread li{
  display: inline-block;
}

.bread li + li:before{
  content: " / ";
  padding: 0 .4em;
}

.contact-lead{
  text-align: center;   /* 中央寄せ */
  margin: 10px 0 20px;  
}

body {
  overflow-x: hidden;
}

.contact-size iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a {
    color: #000;
}

/*ホバーアニメーション */
.bread a,
.storefront-breadcrumb a {
  position: relative;
  display: inline-block;
  text-decoration: none;   /* 既存の下線を消す */
}

.bread a::after,
.storefront-breadcrumb a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;           /* 文字の少し下に線を配置 */
  width: 100%;
  height: 1px;
  background-color: currentColor;  /* 文字色と同じ色の線 */
  transform: scaleX(0);
  transform-origin: left center;   /* 左から伸びるように */
  transition: transform 0.25s ease-out;
}

.bread a:hover::after,
.storefront-breadcrumb a:hover::after {
  transform: scaleX(1);
}

/*ボタン*/
.submitColor{
	background-color: #1f1f6b !important;
}

.submitWrapper{
	 border-color: #1f1f6b !important;
}