
.contact_body {
	font-family: "YuGothic", "游ゴシック",Century Gothic, メイリオ, "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka, Verdana, sans-serif;
    line-height: 1.6;
}

.defcon-00 {
	width: 100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	box-sizing: border-box;
	margin-bottom:3em;
}

.defcon-00 p{
	font-size:1.5em;
	margin-bottom:0.25em;
}

.layout-defh2 {
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-bottom:1em;
	padding-bottom: 0.3em;
	clear:both;
    background-size:100% auto; 
	font-size: 2em;
	font-weight: bold;
	position: relative;
	}

.layout-defh2:before{
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -0px;
	height: inherit;
	border-bottom: 7px solid #DDDDDD;
	}

.layout-defh2:after{
	content: "";
	position: absolute;
	width: 50%;
	left: 0;
	bottom: -0px;
	height: inherit;
	border-bottom: 7px solid #980114;
	}

.layout-defh3 {
	overflow: hidden;
	width:100%;
	height:border-box;
	margin: 0 0 1.25em 0;
	padding:5px 0 4px 0;
	clear:both;
	background-color:#980114;
    font-size: 1.75em;
	font-weight: bold;
	color:#fff;
	text-align:center;
	margin-top:1em;
	letter-spacing: normal;
	}

#contact_main {
	box-sizing:border-box;
	overflow:hidden;
	width:100%;
	max-width:1280px;
	margin:0 auto; 
	padding-top:3em;
	font-size: 1.0em;
}

#contact_main h2 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
	padding: 0px;
	margin: 0px;
}

#contact {
	box-sizing:border-box;
	overflow:hidden;
	width:100%;
	margin: 0 auto 0em auto;
	letter-spacing: -0.4em;
	box-sizing: border-box;
}

#contact input[type="text"],#contact input[type="date"],#contact input[type="email"],#contact input[type="number"],#contact input[type="tel"],.contact-line02 textarea{
	width: 55%;
	padding: 10px;
	font-size: 20px;
	margin: 0px 0px 0em 0px;
	border: 1px solid #000;
	box-sizing: border-box;
}

.contact-line02 textarea{
	width: 100%;
}

#contact input[type="number"] {
	width: 40%;
}

#contact label {
	display: inline-block;
	font-size: 18px;
	padding: 0.2em;
}

#contact input[type="text"]:focus ,#contact input[type="date"]:focus ,#contact input[type="number"]:focus, .contact-line02 textarea:focus {
    box-shadow: 0 0 5px 0 rgba(0,127,208);
    border: 2px solid #FFF !important;
    outline: 0;
}

input[type="submit"], input[type="button"] {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

#contact p{
	letter-spacing: normal;
}

select {
	appearance: none; /* 標準のスタイルを無効にする */
	display: block; /* ブロックレベル要素化する */
	width: 20em; /* ボックスの横幅を指定する */
	padding: 10px 15px; /* ボックス内側の余白を指定する */
	color: #000000; /* フォントの色を指定 */
	border: solid 1px #000000; /* 境界線を指定する */
	border-radius: 0px; /* 角丸を指定する */
	background: #ffffff;/* 背景を透過指定する */
}

.contact-line {
  width: 100%;
  text-align: left;
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom:-0.75em;;
}


.contact-line p {
	width:100%;
	height: auto;
    font-size: 1.7em;
	padding: 0.5em 0 0.5em 0.1em;
	margin-bottom:0.25em;
	box-sizing: border-box;
    font-weight: bold;
}

.contact-line p:before{
	content: '\f138';
    display: inline-block;
    font-family: FontAwesome;
    font-weight: bold;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right:0.35em;
	color:#B80000;
}


.contact-line02 {
  width: 100%;
  margin:0 0 1.3em 0;
  font-size: 1.3em;
  text-align: left;
}


.contact-line02 p {
	width:100%;
	height: auto;
    font-size: 1em;
    font-weight: bold;
	margin-bottom:0.5em;
	box-sizing: border-box;
}

.contact-line02 a {
	text-decoration:underline;
}


.contact-line02 span {
	display: block;
	margin: 0.6em 0 -0.6em 0;
}

.contact-line03 ,.contact-line04{
  width: 100%;
  margin:0 0 1em 0;
  text-align: center;
  letter-spacing: normal;
}

.contact-line03 img{
  width: 50%;
  margin:0 auto;
  text-align: center;
}	

.contact-line03 h3 {
	font-size: 1.2em;
}

.contact-line04 p {
	width:100%;
	height: auto;
    font-size: 1.7em;
	padding: 0.5em 0 0.5em 0em;
	box-sizing: border-box;
    font-weight: bold;
}

.red {
	color: #FF0004;
	font-size: 14px;
	font-weight: bold;
}

div.priv{
    font-size: 1em;
	color: #000000;
	width: 100%;
	height:200px;
	overflow:auto;
	border: solid 1px #000000;
	background-color: #FFFFFF;
    margin:0 0 0;
	box-sizing: border-box;
	text-align: left;
	}

div.priv ul{
   background-color: #FFFFFF;
   margin:0 auto;
	box-sizing: border-box;
	}

div.priv li{
	width:96%;
    list-style:none;
   margin:0 3% 0 1%;
	box-sizing: border-box;

	}
	
div.priv li a{
    color:#000;
	}

.clear {
	clear: both;
}

.sub_button {
  display       : inline-block;
  border-radius : 5px;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 25px;   /* 余白       */
  background    : #980114;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 2px #666666;  /* 影の設定 */
  border        : 2px solid #980114;    /* 枠の指定 */
}
	
.sub_button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ffffff;     /* 背景色     */
  background    : #980114;     /* 文字色     */
}

div.border-con {
    clear: both;
    width: 100%;
    position: relative;
    border-bottom: 2px dotted #ccc;
    margin-top: 0;
	margin-bottom: 0.6em;
}

.sand_but {
	width: 310px;
	margin: 0 auto;
	display: block;
}

.pp10 {
	display: inline-block;
	margin: 0 0 2em 0;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:768px) {

.layout-defh2 {
	font-size: 1.35em;	
}
	
#contact_main .layout-defh2 h2 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
}

.contact-line p ,.contact-line02 p{
	
    padding: 0.3em 0 0.3em 0.1em;
	margin: 0px;
}
	
.layout-defh3 ,.layout-caseboxh3 h3{
	overflow: hidden;
	width:100%;
	margin: 0 0 0.65em 0;
	padding:5px 0 4px 0;
	clear:both;
	background-color:#980114;
    font-size: 1.75em;
	font-weight: bold;
	color:#fff;
	text-align:center;
	margin-top:1em;
	}

.contact-line03 {
  width: 100%;
  margin:0 0 1em 0;
  text-align: center;
}

.contact-line03 img{
  width: 80%;
  margin:0 auto;
  text-align: center;
}	

.contact-line03 h3 {
	font-size: 1.4em;
}
	
.contact-line {
  width: 100%;
  text-align: left;
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom:-0.75em;
	display: block;
	letter-spacing: normal;
	vertical-align: top;
}
.contact-line02 {
  width: 100%;
  margin: 0 0 1.3em 0;
  padding: 10px 0 0px 0;
  display: block;
  letter-spacing: normal;
  vertical-align: top;
}

.sub_button {
	width: 99%;		
}

#contact_main {
		float:none;
		width:100%;
		margin-top: 0.5em;
		padding:0 1em;
	}
	
#contact input[type="text"],#contact input[type="date"],#contact input[type="email"],#contact input[type="number"],#contact input[type="tel"],.contact-line02 textarea{
	width: 100%;
}
	
select {
	width: 100%; /* ボックスの横幅を指定する */
}
	
}







