@charset "UTF-8";

/*##############################
contact-title
##############################*/
.title {
background-image: url("../contact/img/contact_t_bg.jpg");
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}

.title h1, .title p {
/* バックが暗いので */
text-shadow:0px 0px 3px #ffffff, 0px 0px 5px #ffffff, 0px 0px 7px #ffffff, 0px 0px 15px #ffffff, 0px 0px 25px #ffffff;
}

/*##############################
contact-contents
##############################*/
.contact-1 {
background: #f5f4f3;
padding: 80px 20px;
}

.contact-2 {
background: #ffffff;
padding: 80px 20px;
}

.contact-name {
display: flex;
border-bottom: 1px solid #dddddd;
margin-bottom: 20px;
}
.contact-name img {
height: 40px;
margin-top: 3px; /*文字との位置調整*/
margin-right: 5px;
}
.contact-name h1 {
font-size: 32px;
color: #585045;
}

/* 改行させない単語 */
.none-br {
display: inline-block;
}

/* 写真とテキストを横に並べる設定 */
.discription_l:after, .discription_r:after {
content: "";
display: block;
clear: both;
}

.discription_l img {
float: right;
width: 45%;
height: auto;
margin-right: 20px;
margin-bottom: 10px;
}

.discription_r img {
float: left;
width: 45%;
height: auto;
margin-right: 20px;
margin-bottom: 10px;
}

.discription_l, .discription_r {
margin-bottom: 70px;
}

.discription_l:last-child, .discription_r:last-child {
margin-bottom: 0px;
}

.discription_l h2, .discription_r h2 {
margin-bottom: 10px;
font-size: 22px;
color: #0066cc;
}

.discription_l p, .discription_r p {
font-size: 16px;
line-height: 180%;
}

.discription_l h2 i, .discription_r h2 i {
color: #0066cc;
margin-right: 5px;
position:relative;
top:0px;
}

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

/* お問い合わせメールフォームのテーブル */
table.mailform {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 15px;
}

table.mailform th,
table.mailform td {
padding: 10px;
}

table.mailform th {
width: 35%;
background: #c3bcb2;
vertical-align: middle;
text-align: left;
color: #585045;
font-size: 20px;
}

table.mailform td {
width: 70%;
background: #f5f4f3;
}

.msg {
border: 0;
padding: 7px;
font-size: 18px;
color: #333333;
border: solid 1px #cccccc;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* 必須項目文字 */
.hissu {
background-color: #585045;
padding: 3px 7px;
margin: 0px 10px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
}

/* フォーム内フォント指定 */
select, input, textarea {
font-family: '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo;
}

/* 送信ボタン */
.button {
text-align: center;
margin-top: 20px;
}

input#submit_button {
width: 300px;
cursor: pointer;
background: #585045;
color: #ffffff;
font-size: 25px;
padding: 5px 0px;
border: 0px;
text-decoration: none;
}

input#submit_button:hover {
opacity: 0.8;
}