@charset "utf-8";



/***********************************

トップコンテンツ

************************************/
/*　診療時間　テーブル　*/
/*******  テーブル再設定　*******/

.space_toptxt{
	padding:15px 0 10px 0;}

.top_contents .inside_wrap{
	padding:0 15px 0 15px;}

.top_contents table{
	width:100%;
	border-collapse:inherit;
	border-spacing:0;
	border-top:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;}

.top_contents table td,
.top_contents table th{ 
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	padding:10px;
	/*white-space: nowrap;*/}

.top_contents table th{ 
	width:30%;
	background:#eee;}

.top_contents table td span{
	padding:0 0 0 0;}

@media screen and (min-width: 641px){
.top_contents table{
	margin:0 0 30px 0;}
}


@media only screen and (max-width:480px) {
.top_contents table{
	font-size:12px;
	line-height:1.7;}

}



/***********************************

全体カラー

************************************/
/*----------------------------------
ヘッダロゴ背景
----------------------------------*/
#header_wrap {
	background:#FBF4EE/*#F7F8DE*/;}

@media screen and (max-width: 640px) {
body {/*　指定箇所が無いのでbodyに挿入　*/
	background:#F9E7DF;}

}


/*----------------------------------
ヘッダーロゴ　640×100の画像を使用した場合
----------------------------------*/
#logo img{/**　ＰＣロゴ調整　**/
	margin:25px 0 0 0;
	width:50%;}

@media screen and (max-width: 640px){/**　スマホロゴ調整　**/
#logo_sm {
    width:60%;
	margin:0 auto;
    padding:20px 0 0 0;}
}


/*----------------------------------
フッダーロゴ
----------------------------------*/
#footer .footer_logo img {/** フッダーロゴ調整 1 **/
    width: 330px;}

#footer .header_banner{/** フッダーロゴ調整 2 **/
    margin-top:10px;}


/*----------------------------------
サイト説明文部分
----------------------------------*/
#desc_wrap {
	/*background:#92C072;説明文背景*/
	background: -webkit-linear-gradient(top, rgba(185, 110, 105, 0.3), rgba(185, 110, 105, 1.0));
	background: linear-gradient(0deg, rgba(185, 110, 105, 0.3), rgba(185, 110, 105, 1.0));}


#site_description {
    color:#fff;/*説明文テキスト*/}



@media screen and (max-width: 640px) {/*スマホ*/
#header{
	/*background:#F2CECE#89AE60;/*説明文背景*/
	background:url(./img/ph_head_back.jpg) repeat-x;}	

.title_text{
	color:#fff;/*説明文テキスト*/}
}


/*----------------------------------
グローバルメニュー
----------------------------------*/
@media screen and (min-width: 641px){
#menu_wrap {
	background:#fff;/*全体背景色*/
	/*border-color:#8ABD68;区切り線*/
	border-top:2px solid #EBC2AD;/*区切り線 上下*/
	border-bottom:2px solid #EBC2AD;}

#global_menu {
    border-right: 1px solid #ccc;/*区切り線右*/
	height:48px;/* 下隙間の調整*/}

#global_menu li a {
    border-left: 1px solid #ccc;/*区切り線左*/
	background:#fff;/*ボタン背景色*/
	color: #444;/*文字色*/
	height: 48px;/* 下隙間の調整*/
	line-height: 48px;/* 下隙間の調整*/}

#global_menu li a:hover {
    background:#FEDCD3;/*ボタンロールオーバー色*/
	color:#444;/*ボタンロールオーバー文字色*/}

}


@media screen and (max-width: 640px) {
/**** 折りたたみメニュー ****/

/**** メニューボタン ****/
#header a.menu_button{
	color: #fff;
	border: 1px solid #fff;
	background:#EE777A;}

#header a.menu_button:hover{
	background:/*#F19496;*/#EE777A;}


/**** グローバルメニュー ****/

#global_menu li a {
	border-color: #999;
	background: #fff url(./img/arrow4.png) no-repeat 20px;
	color: #444;}

#global_menu li a:hover {
	color: #444;
	background: #F6E3DE url(./img/arrow4.png) no-repeat 20px;}

}


/*----------------------------------
電話番号・お問い合わせ
----------------------------------*/
.header_banner .banner_row .barb_text_banner {
   border: 2px solid #9BB780;}/*枠線*/  


@media screen and (min-width: 641px){
#header .header_banner {
    /*margin-top: 0; 住所が3行の場合　*/}

}

@media screen and (max-width: 640px){
.header_banner > div {
	 border: 2px solid #9BB780;} /*枠線　*/

}


/*----------------------------------
イメージロールオーバー
----------------------------------*/
/** index　メインビジュアル1枚でロールオーバー（リンク）なし**/　
#recommend_gallery a:hover img,
.rs-slider > li > a:hover img{
	opacity: 1.0;
	cursor: default;}



/*----------------------------------
ピックアップ
----------------------------------*/
#index_pickup .headline1 {/*ピックアップヘッダ*/
    color: #444;
    background:#F9C267;
	letter-spacing: 0.15rem;}



/*----------------------------------
ページタイトルヘッダー　※下層も含む
----------------------------------*/
#main_col .headline1,
.headline2,
.headline3{
    background:#fff;
    color: #2b2b2b;}

#main_col .headline1,
.headline2{
	border-left:7px solid #A66060;
	border-bottom:2px solid #B39188;}

.headline3{
	border-left:7px solid #76994F;
	border-bottom:2px solid #BDC48E;
	border-top:none;}


@media screen and (max-width: 640px) {
#main_col .headline1,
.headline2,
.headline3{/*トップ・他　調整*/
	border-left:none;/*左線の削除*/}

#main_col .headline1,
.headline2,
.headline3{
	border-left:none;/*左線の削除*/}


}


/*----------------------------------
サイドナビ
----------------------------------*/
@media screen and (max-width: 640px) {
#side_col{/*　スマホでサイドナビを表示しない場合　*/
	display:none;}
}

/*----------------------------------
フッダー
----------------------------------*/
#footer_wrap {
   background:#FBF4EE;/*フッダー背景色*/}
  
@media screen and (max-width: 640px) {
#footer_wrap {
   background:#F9E7DF;/*スマホフッダー背景色*/}
}
   
#footer {
    color: #333;/*フッダーテキストカラー*/}

/*.footer_headline {
    background: #0985E5;
    color: #333;}*/

#footer li a,
#footer li a:visited {
    color: #333;
	border-bottom: 1px dotted #666;}

#footer li a:hover{
    color: #999;}

#copyright {
    background:#C78F89;/*コピーライト背景*/
    color:#fff;/*コピーライトテキスト*/}

#copyright a {
    color:#fff;/*コピーライトリンクテキスト*/}



/*----------------------------------
テキストリンクカラー
----------------------------------*/
a, a:visited {
    color:#1F5069;}

a:hover {
    color:#24434A;}

/*----------------------------------
ページナビ
----------------------------------*/
.page_navi a{/*** テキスト、ボタン色 **/
	color:#fff;
	background: #333;}

.page_navi a:hover{/*** ロールオーバーボタン色 **/
	background:#990000;}


/*----------------------------------
※病院案内のタイトルテキスト（イレギュラー）
----------------------------------*/
@media only screen and (min-width:641px) {
#recent_post .title {
	text-align:center;}
}






/***********************************

下層レイアウト

************************************/
/*----------------------------------
下層段落枠　※変更不可
----------------------------------*/
@media only screen and (min-width:641px) {
#under{
	overflow:hidden;
	margin:0 0 -40px 0;}/*下層の空調整*/
}


@media only screen and (max-width:640px) {
#under{
	overflow:hidden;
	margin:10px 0 0 0;}/*下層の空調整*/
}

.under_contents{
	width:100%;
	margin:0 0 50px 0;
	clear:both;
	overflow:hidden;
	line-height:1.7;}


p{/*下層　汎用*/
    margin: 0;
	padding:0;
    line-height:1.7;}



/*----------------------------------
テーブル設定　※変更不可　色とthの％は変更又は上書き可
----------------------------------*/
/*** table 元スタイル打消し ****/
.post table {
	border:none;
	margin:0;}

.post td,
.post th { 
	border:none;
	padding:0;}

.post th { 
   background:#eee;
   font-weight:/*normal*/bold;}

@media only screen and (max-width:480px) {
tbody tr{
	display:table-row;/******/
	margin-bottom:0;}

tbody th,
tbody td{
	display: table-cell;
	list-style-type:none;
	border: none;}
}


/*******  テーブル再設定　*******/
.under_contents table{
	width:100%;
	border-collapse:inherit;
	border-spacing:0;
	border-top:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;}

.under_contents table td,
.under_contents table th{ 
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	padding:10px;
	/*white-space: nowrap;*/}

.under_contents table th{ 
	width:30%;}

.under_contents table td span{
	padding:0 0 0 0;}


@media only screen and (max-width:480px) {
.under_contents table{
	font-size:12px;
	line-height:1.7;}

}


/*----------------------------------
テーブル設定　レスポンシブ基本ソース
----------------------------------*/
/**** 
レスポンシブしたいtableの外側に
<div class="ph_responsive">を入れてください
****/

@media only screen and (max-width:640px) {
.ph_responsive{
	margin:0 0 -20px 0;}

.ph_responsive table{
	border:none;}

.ph_responsive table th,
.ph_responsive table td {
	width:100%;
	display:inline-block;
	border-right:none;
	text-align:left;
	font-size:14px;}

.ph_responsive table th{
	border-bottom:2px dotted #333;
	padding:5px 0;
	font-weight:bold;
	background:#fff;}

.ph_responsive table th:before {/*** アイコンが必要な場合　***/
	content: "\f00c";
	font-family: FontAwesome;
	color:#333;
	padding:0 5px 0 0;}

.ph_responsive table td {
	border-bottom:none;
	padding:10px 0 20px 0;}

}





/***********************************

ページレイアウト

************************************/

/*----------------------------------
フォント読み込み
----------------------------------*/
@font-face {/*明朝体　サーバーDl済*/
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(./fonts/NotoSerifCJKjp-Light.otf) format('opentype');}


/*----------------------------------
固定ページ 下層hタイトル　必要に応じてh4の追加など
----------------------------------*/
/*h3装飾*/

.under_contents h3{
    color:#555;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	font-size:16px;}

.under_contents h3:after{
	content:"";
	display:block;
	height:3px;
	width:100%;
	background-size: 2px 3px, 100% 2px;
	background-image:
	linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%),
	linear-gradient(90deg, #FF8080, #F8DC94, #FF8080);}

.under_contents h3:before{
	content: "\f004";
	font-family: FontAwesome;
	color:#F7A6A6;
	padding:0 8px 0 3px;}

	
/*h4装飾*/
.under_contents h4{
	font-size:15px;
	color:#AB534B;
	border-left:5px solid #F79D91;
	padding:6px 6px 6px 10px;
	margin:0 0 8px 0;}


/*ul 打ち消し*/
.under_contents ul {
    margin:0;}

.post .under_contents li {
    line-height:1.7;
	background: url(./img/bullet1.gif) no-repeat left 9px;}


@media only screen and (max-width:480px) {/* SPで点がずれて見えるため調整*/
.post .under_contents table td li {
	background: url(./img/bullet1.gif) no-repeat left 8px;}

}



.post .under_contents li.space {
    margin:10px 0 0 0;}

/* ul 点なし　*/
.post .under_contents li.none {
	background:none;
	padding-right:0;
	padding-left: 1em;
	text-indent: -1em;}


/*汎用スペース*/
.space_top5{
	padding:5px 0 0 0;}

.space_top10{
	padding:10px 0 0 0;}

.space_top20{
	padding:20px 0 0 0;}

.space_top30{
	padding:30px 0 0 0;}


.space_bottom5{
	padding:0 0 5px 0;}

.space_bottom10{
	padding:0 0 10px 0;}

.space_bottom15{
	padding:0 0 15px 0;}

.space_bottom20{
	padding:0 0 20px 0;}
	
.space_bottom30{
	padding:0 0 30px 0;}



/*汎用 赤文字*/
.red_txt{
	color:#f00;}

.pk_txt{
	color:#C44A5C;}


.syomei_n{/* その他の署名※プライバシーポリシー */
	text-align:right;}

/*　PC改行なし　*/
@media only screen and (min-width:641px) {
br.pc_none{
	display: none;}
}


/*　スマホ改行なし　*/
@media only screen and (max-width:640px) {
br.ph_none{
	display: none;}
}


/*----------------------------------
デモ汎用css
----------------------------------*/

/*Ｃ画像2列＋テキスト*/
.column_wrap_01 .left,
.column_wrap_01 .right{
	width:49%;}

.column_wrap_01 .left{
	float:left;}

.column_wrap_01 .right{
	float:right;}


@media only screen and (max-width:640px) {
.column_wrap_01 .left,
.column_wrap_01 .right{
	width:100%;
	float:none;}
}


/* Ｄ左画像＋右テキスト 汎用overflow:hidden*/
.column_wrap_02{
	clear:both;
	overflow:hidden;}	

.column_wrap_02 .leftimg{
	float:left;
	width:49%;
	padding:0;}	

.column_wrap_02 .righttxt{
	float:right;
	width:48%;}	

@media only screen and (min-width:641px) {
#content .post .column_wrap_02 .leftimg img{
	padding-bottom:0;}	
}	

@media only screen and (max-width:640px) {
.column_wrap_02 .leftimg,
.column_wrap_02 .righttxt{
	float:none;
	width:100%;}
}


/* Ｅ左テキスト＋右画像 汎用overflow:hidden */
.column_wrap_03{
	clear:both;
	overflow:hidden;}

.column_wrap_03 .lefttxt{
	float:left;
	width:48%;}	

.column_wrap_03 .rightimg{
	float:right;
	width:49%;
	padding:0;}

@media only screen and (min-width:641px) {
#content .post .column_wrap_03 .rightimg img{
	padding-bottom:0;}	
}

@media only screen and (max-width:640px) {
.column_wrap_03 .lefttxt,
.column_wrap_03 .rightimg{
	float:none;
	width:100%;}

}



/*Ｆ左画像＋右テキスト回り込み*/
@media only screen and (min-width:641px) {
#content .post .around_right img{
	float:left;
	margin:0 18px 0 0;
	padding:0;
	width:49%;}
}

@media only screen and (max-width:640px) {
.around_right img{
	margin:0 0 0 0;
	float:none;
	width:100%;}
}


/*Ｇ左テキスト回り込み＋右画像　汎用*/
@media only screen and (min-width:641px) {
#content .post .around_left img{
	float:right;
	margin:0 0 0 18px;
	padding:0;
	width:49%;}
}

@media only screen and (max-width:640px) {
.around_left img{
	margin:0 0 0 0;
	float:none;
	width:100%;}
}



/*----------------------------------
病院概要
----------------------------------*/
/*** 基本理念 ***/
.kensyo{
	color:#356006;}

/*** 理事長あいさつ ***/
p.syomei{
	text-align:right;
	font-weight:bold;
	font-family: 'Noto Serif Japanese', serif;}

#content .post p.soshikizu img{
	padding-bottom:5px;}/* 下にテキストがないので調整*/



/*Ｆ左画像＋右テキスト回り込み　汎用*/

@media only screen and (max-width:640px) {
p.syomei{
	margin:10px 0 0 0;}

#content .post p.soshikizu img{
	padding-bottom:0;}/* 下にテキストがないので調整*/

}



/*----------------------------------
当院の特徴
----------------------------------*/

/*Ｆ左画像＋右テキスト回り込み　汎用*/


/*Ｇ左テキスト回り込み＋右画像　汎用*/



/*----------------------------------
外来受診のご案内
----------------------------------*/
.midashi_txt{/* 各ページリード文言 */
	color:#AB534B;
	font-weight:bold;}

/*心や体のバランスが気になる方へ*/
.disease{
	margin:10px 0 0 0;
	padding:15px;
	color:#5B4940;
	font-size:14px;
	background:#FCF9CB;
	/*border: 1px solid #D5C199;*/
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}
	

/*下記のような症状のある方*/	
.under_contents .symptoms {
    background:#FAEBF0;
    padding:10px 20px 10px 20px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.under_contents .symptoms ul li::before {
    content: "\f119";
    font-family: FontAwesome;
    color:#CA4A4E;
    padding: 0 5px 0 0;}

.under_contents .symptoms ul li {
    padding: 0;
	line-height:1.5;
    margin: 10px 0;
    list-style-type: none;
	background:none; 
    list-style-position:inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;}


/*診療受付時間 枠*/
.renraku{
	margin:10px 0 0 0;
	padding:15px;
	color:#415421;
	background:#ECF9E8;
	border: 1px solid #BBDAA9;
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.renraku_title{
	display:inline-block;
	background:#69863E;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.renraku p.telwrap{
	line-height: 1;
	color:#69863E;}

.renraku .tel::before {
    padding:0 6px 0 0;
	font-size:30px;
	content: "\f098";
    font-family: FontAwesome;}

.renraku .teltxt{
	font-size:28px;
    font-family: Century Gothic;
	font-weight:bold;}

    

/*受診までの流れ*/
.nagare{
	margin:10px 0 0 0;
	padding:15px;
	background:#FDFBE3;
	border: 1px solid #D5C199;
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	overflow:hidden;}

.nagare_arrow {
	
	height:40px;
	background:url(./img/arrow_zyusin.png) no-repeat center;}

.nagare .nagare_title{
	color:#AB534B;
	font-size:15px;
	font-weight:bold;
	margin:0 0 5px 0;}

.nagare .nagare_title span{
	font-size:16px;
	font-family: Century Gothic;
	background:#CA6262;
	color:#fff;
	margin:0 8px 0 0;
	padding:4px 8px;
	line-height:1.0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

@media only screen and (min-width:641px) {
#content .post .nagare img{
	width:30%;
	float:left;
	margin:0;
	padding:0 0 0 0;}

#content .post .nagare .txt{
	width:68%;
	float:right;
	margin:0;}

}

@media only screen and (max-width:640px) {
#content .post .nagare img{
	margin:0;
	padding:0 0 10px 0;}

#content .post .nagare .txt{
	margin:0;}

}

/*----------------------------------
入院のご案内
----------------------------------*/
/* 入院のメリット */	
.under_contents .merit {
    background:#DEEDCD;
    padding:10px 20px 10px 20px;
    margin:10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.under_contents .merit ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color:#5F8723;
    padding: 0 5px 0 0;}

.under_contents .merit ul li {
    padding: 0;
	line-height:1.5;
    margin: 10px 0;
    list-style-type: none;
	background:none; 
    list-style-position:inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;}


/* Ｄ左画像＋右テキスト 汎用overflow:hidden*/

/* Ｅ左テキスト＋右画像 汎用overflow:hidden */


/* 入院の諸費用 手続き  入院生活*/

@media only screen and (max-width:640px) {
.ph_responsive.seido table th:before,
.ph_responsive.syorui table th:before,
.ph_responsive.time table th:before  {/* 高額療養費 手続きにご持参いただくもの 入院生活について 部位*/
	font-family: FontAwesome;
	color:#659843;
	padding:0 5px 0 0;}


.ph_responsive.syorui table th:before {/* 手続きにご持参いただくもの 部位*/
	content: "\f0f6";}

.ph_responsive.time table th:before {/* 入院生活について 部位*/
	content: "\f0fa";}

.ph_responsive.seido table th,
.ph_responsive.syorui table th,
.ph_responsive.time table th{
	border-bottom:2px dotted #8ABD68;}

.ph_responsive.seido table th,
.ph_responsive.seido table td,
.ph_responsive.syorui table th,
.ph_responsive.syorui table td,
.ph_responsive.time table th,
.ph_responsive.time table td  {
	font-size:14px;}

}


/* 入院生活 */

.gr_wrap{
	margin:10px 0 0 0;
	padding:15px;
	border:4px solid #D1DDC4;}


/*----------------------------------
アクセス
----------------------------------*/
@media only screen and (min-width:481px) {/* SP用路線図　非表示　*/
.spmap{
	display:none;}	
}


@media only screen and (max-width:480px) {/* PC用路線図　非表示　*/
.pcmap{
	display:none;}
}

iframe{
	margin:0;
	padding:0;
	width:100%;
	height:445px;
	frameborder:0;
	border:0;}

@media only screen and (min-width:641px) {/* PC地図スペース　*/
iframe{
	padding:0 0 5px 0;}
}

@media only screen and (max-width:640px) {
iframe{
	height:300px;}
}




/*----------------------------------
診療案内 ※投稿で作成
----------------------------------*/
/* under_contents調整 */
@media only screen and (min-width:641px) {
.space_bottom_minus{
	margin:0 0 40px 0;}
}

@media only screen and (max-width:640px) {
.space_bottom_minus{
	margin:0 0 10px 0;}
}


.space_topbt{/* li内上下スペース*/
	display:block;}


/* たとえば */	
.under_contents .rei {
    background:#FAEBF0;
    padding:10px 20px 10px 20px;
    margin:10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.under_contents .rei ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color:#CA4A4E;
    padding: 0 5px 0 0;}

.under_contents .rei ul li {
    padding: 0;
	line-height:1.5;
    margin: 10px 0;
    list-style-type: none;
	background:none; 
    list-style-position:inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;}


/*----------------------------------
ボタン（採用ページ）
----------------------------------*/
/* 職種のボタン */
.job{
	width: 25%;
	padding:0 0 10px 0;
	float:left;}

.button_s{
	width: 96%;
	font-size:14px;
    letter-spacing: .15rem;
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;
	border:1px solid #ccc;}
	

.button_s.button-primary{
	color:#444;
	background:#FFECEC;}
 
.button_s.button-primary:hover {
	color:#444;
	background:#FFDDDD;}

@media only screen and (max-width:640px) {
.job{
	width: 50%;}

.button_s {
    width: 95%;}

.button_s.button-primary:hover {/* スマホでhover色が残るので元の色を指定 */
	color:#444;
	background:#FFECEC;}

}


/* 応募のボタン */
.button{
	width: 50%;
	font-size:16px;
    letter-spacing: .15rem;
    display: block;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    line-height: 41px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;}


.button.button-primary{
	color:#fff;
	background:#649133;}
 
.button.button-primary:hover {
	color:#fff;
	background:#79AE3E;}

@media only screen and (max-width:640px) {
.button {
    width: 85%;}

}


/*----------------------------------
サイトマップ
----------------------------------*/
ul.sitemap li{
    margin: 0 0 10px 0;}

ul.sitemap ol {
    margin: 0 0 10px 5px;
    padding: 0;}

ul.sitemap ol li{
    margin: 0 0 5px 0;
	list-style-type: none;}



/*----------------------------------
問合せフォーム
----------------------------------*/
.wpcf7 .short {
	width: 50%;
}

.wpcf7 .inner_input {
	margin-top: 8px;
}

.wpcf7 .inner_input span {
	margin-right: 12px;
}