@charset "utf-8";
/*
Theme Name:HEAL child
Theme URI:
Description:WordPressテーマ「HEAL」の自作子テーマです。
Template:heal
Author:M.Ine General Company, LLC.
Author URI:http://www.mine.co.jp/
Version:1.2.4
Text Domain:tcd-w
*/

/* ----------------------------------------------------------------------
 TOP頁　フリースペース（2カラムレイアウト）コロナ対策・Twitterエリアのコロナ対策背景色
---------------------------------------------------------------------- */
@media screen and (min-width:751px) {
	.post_content .post_row .post_col-2 .well2{
    	background: #fff;
	}
}

/* ----------------------------------------------------------------------
 TOP頁他 Column layout - カラムレイアウト
---------------------------------------------------------------------- */
.post_row2 { margin-right:0px; margin-left:0px; line-height:2.4; }
.post_row2:before, .post_row2:after { display:table; content:" "; }
.post_row2:after { clear:both; }

/* ----------------------------------------------------------------------
 サイドバー　Widgetsエリア
---------------------------------------------------------------------- */
.widget_headline {
    background: #988d64;
    background: #78c656;
}
/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */

/* バナーコンテンツ */
/*
#footer_banner .item {
  width:-webkit-calc(100% / 4); width:calc(100% / 4); height:300px; float:left; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
*/

/* ----------------------------------------------------------------------
 出勤表ページ or ＴＯＰページ　出勤表コンテンツ
---------------------------------------------------------------------- */
/* 女性写真のグラデーションオーバーレイ*/

/* ＰＣ版スケジュール表の見出し行 < 8月28日 - 9月3日 > の行*/

/* ----------------------------------------------------------------------
 スタッフ一覧ページ
---------------------------------------------------------------------- */
/* TOP頁本日の出勤者一覧見出し*/
.index_design_content2.num4 .catch {
    font-size: 140%;
    color: #58330d;
}
/*一覧Photo縦長変更対応　タブレット・スマホ対応コードはresponsive.cssに記述*/
/* #staff_list .item { height:454px; } ＊オリジナル*/
/* #staff_list .item { height:654px; }*/
/* #staff_list .item { height:533px; }*/
#staff_list .item { height:560px; }

/* #staff_list .image_wrap { height:320px; } ＊オリジナル*/
/* #staff_list .image_wrap { height:520px; }*/
/* #staff_list .image_wrap { height:399px; }*/
#staff_list .image_wrap { height:426px; }

/* 一覧Twitterリンク取り付け*/
#staff_list .twitter_area {
  position:absolute; bottom:190px; right:40px; width:10%; z-index:200; text-align:center; padding:0px; color:#fff;
}
#staff_list li a span { display:none; }
#staff_list li a:before {
  font-family:'design_plus'; 
  /*font-size:15px; */
  font-size:25px; 
  display:block;
  position:absolute; 
  top:1px; 
  left:0; 
  right:0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#fff;
}
#staff_list li a:hover:before { color:#aaa; }
#staff_list li.twitter a:before { content:'\e904'; }

@media screen and (max-width:950px) {
#staff_list .twitter_area {
  position:absolute; bottom:220px; right:20px;
}
  #staff_list .item { height:250px; }
  #staff_list .image_wrap { height:250px; }
}
@media screen and (max-width:750px) {
  #staff_list .title_area .title span{
  font-size:15px;
  }
  #staff_list .twitter_area {
    position:absolute; bottom:150px; right:20px;
  }
  #staff_list .item { height:154px; }
  #staff_list .image_wrap { height:154px; }
  #staff_list .title_area { padding:20px 15px 15px; }
  #staff_list .sub_title { margin-bottom:10px; }
  #staff_list .desc { height:92px; padding:10px 15px; position:relative; }
  #staff_list .desc p {
    line-height:1.7; max-height:6.8em; overflow:hidden; position:relative;
    top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  }
  #staff_list .desc p span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
}


/* ----------------------------------------------------------------------
 スタッフ詳細ページ
---------------------------------------------------------------------- */
/*Photo縦長変更対応　もしもしタブレット・スマホ対応コードはresponsive.cssに記述べきん*/
.single-staff #staff_single_desc .image_wrap {
    /* width: 50%; */
    width: 40%;
}
.single-staff #staff_single_desc .catch_area {
    /* width: 50%; */
    width: 60%;
}
@media screen and (max-width: 950px) {
  .single-staff #staff_single_desc .image_wrap,
  .single-staff #staff_single_desc .catch_area {
      width: 100%;
  }
}
@media screen and (max-width: 950px) {
  .single-staff #staff_single_desc .image_wrap {
    /* height: 450px; */
    height: 900px;
  }
}
@media screen and (max-width: 750px) {
  .single-staff #staff_single_desc .image_wrap {
    /* height: 320px; */
    height: 500px;
  }
}

/* ----------------------------------------------------------------------
 スタッフ詳細ページ　出勤表コンテンツ
---------------------------------------------------------------------- */
/* スケジュール表の日付け行背景*/

/* ----------------------------------------------------------------------
 ＴＯＰページ限定　出勤表コンテンツ
---------------------------------------------------------------------- */
/* スケジュール表の日付け行背景*/


/* ----------------------------------------------------------------------
 スケジュールページ
---------------------------------------------------------------------- */
/* スケジュール */
#schedule_list_headline_pc {
  height:70px; line-height:70px; background:#000; color:#fff; font-size:18px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;
}
#schedule_list_headline_pc span { height:70px; line-height:70px; position:relative; }
/*#schedule_list_headline_pc a { display:inline-block; position:relative; height:70px; width:60px; }*/
#schedule_list_headline_pc a { display:inline-block; position:relative; height:70px; width:125px; }
#schedule_list_headline_pc a:before { content:'（前週）\e90f'; font-family:'design_plus'; font-size:16px; height:70px; line-height:70px; color:#fff; position:absolute; left:20px; }
#schedule_list_headline_pc .next:before { content:'\e910（次週）'; }

/* ----------------------------------------------------------------------
 問い合わせフォーム
---------------------------------------------------------------------- */
.wpcf7 {
  border:none;
}
.wpcf7 span.error { border:1px solid #b20000; color:#b20000; background:#f5e9e9; padding:5px; margin:5px auto; }
.wpcf7 li {
	margin-bottom:14px;
  border:none;
}

.wpcf7 label {
    margin-right: 10px;
    width:10em;
    float: left;
}
.wpcf7 #corpname, .wpcf7 #name, .wpcf7 #email, .wpcf7 #tel, .wpcf7 #zip, .wpcf7 #address
 { background:#fdfdfd;  }
.wpcf7 #corpname
 { background:#fafafa;  }
.wpcf7 li.comment p {
	margin-left: 10em;
	font-size:18px !important;
}
.wpcf7 #zip
 { width:50%;  }

/* 次の記事、前の記事リンクに合わせた雰囲気のボタン */
/*
.mw_wp_form .btn { margin:80px 0 80px 415px; }
.mw_wp_form .btn button { text-align:right; line-height:160%; }
.mw_wp_form .btn button {
  font-size:18px; width:415px; text-decoration:none;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.mw_wp_form .btn button { color:#333; padding:15px 40px 15px 15px; display:block; background:#eee url(../law_tcd031/img/common/arrow_right2.png) no-repeat right 15px center; }
.mw_wp_form .btn button:hover { text-decoration:none; background:#735f54 url(../law_tcd031/img/common/arrow_right.png) no-repeat right 15px center; color:#fff; }
*/
.mw_wp_form { width:100%; /*border:1px solid #ddd;*/ background:#fff; padding:0.5em 0 1em; margin:2em 2.5em 1em 0 !important; /*font-size:14px; font-size:18px;*/}
.mw_wp_form form{ margin:1.5em 1.5em 0;}
.mw_wp_form p { margin-bottom:1em; font-size:12px; }
.mw_wp_form input { /*width:auto;*/ -moz-box-sizing: border-box; box-sizing: border-box; /*width:100%;*/ max-width:80%; border:1px solid #ccc; line-height:1.2; padding:8px;  }
.mw_wp_form textarea { width:auto; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ccc; line-height:1.2; padding:8px;  }
.mw_wp_form select, .mw_wp_form input[type=checkbox], .mw_wp_form input[type=radio] { width:auto; max-width:97%; border:1px solid #ccc; padding:8px; }
.mw_wp_form select, .mw_wp_form .mw_wp_form-list-item-label { line-height:1.2; font-size:14px; }
.mw_wp_form-list-item { display:block; }
.mw_wp_form textarea { height:300px; max-width:90%; }
.mw_wp_form input:focus, .mw_wp_form textarea:focus { outline:none; border:1px solid #bbb; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow:inner 0 0 5px rgba(0, 0, 0, 0.5); }
.mw_wp_form input.mw_wp_form-submit { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background-color:#333333; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; }
.mw_wp_form input.mw_wp_form-submit, .mw_wp_form input.mw_wp_form-submit::before, .mw_wp_form input.mw_wp_form-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.mw_wp_form input.mw_wp_form-submit:hover { background-color:#666666; }
.mw_wp_form .mw_wp_form-not-valid { background:pink; }
.mw_wp_form .mw_wp_form-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.mw_wp_form .mw_wp_form-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; }
.mw_wp_form .mw_wp_form-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; }

.mw_wp_form .btn {
    text-align: center;
    margin-top: 29px;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
}
.mw_wp_form .btn button {
    font-size: 16px;
	color: #65001d; 
    display: inline-block;
    min-width: 250px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #65001d;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	background: #fff; 
	margin-top:1em;
	margin-bottom:1em;
}
.mw_wp_form .btn button:hover,
.mw_wp_form .btn button[type=btn]:focus {
	background: #65001d;
    border: 1px solid #65001d;
	color: #fff; 
}
.mw_wp_form .btn button:active {
	background: #65001d;
    border: 1px solid #65001d;
	color: #fff; 
}


/*
.mw_wp_form .btn {
	width: 240px;
	height: 52px;
	padding: 10px;
	margin:80px 0 80px 0;
	border-radius: 5px;
}
.mw_wp_form .btn button {
	width: 100%;
	height: 100%;
	margin-top: -1px;
	font-size: 1.4em;
	line-height: 1;
	color: #fff;
	border: none; 
	border-radius: inherit;
	background: #81ca86; 
	background: -moz-linear-gradient(#81ca86, #3d8e44);
	background: -ms-linear-gradient(#81ca86, #3d8e44);
	background: -o-linear-gradient(#81ca86, #3d8e44);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#81ca86), to(#3d8e44));
	background: -webkit-linear-gradient(#81ca86, #3d8e44);
	background: linear-gradient(#81ca86, #3d8e44);
	box-shadow: 
	inset 0 1px 0 rgba(255,255,255,0.3),
	0 1px 2px rgba(0,0,0,0.35),
	inset 0 3px 2px rgba(255,255,255,0.2),
	inset 0 -3px 2px rgba(0,0,0,0.1);
	cursor: pointer;
}
.mw_wp_form .btn button:hover,
.mw_wp_form .btn button[type=btn]:focus {
	opacity:0.7;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mw_wp_form .btn button:active {
	background: #e49806;
	box-shadow: 
	inset 0 0 5px rgba(0,0,0,0.3),
	inset 0 3px 4px rgba(0,0,0,0.3);
}
*/
.mw_wp_form input,
.mw_wp_form textarea{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	text-shadow: 0 1px #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}
.mw_wp_form input:hover,
.mw_wp_form textarea:hover,
.mw_wp_form input:focus,
.mw_wp_form textarea:focus {
	border-color: #eceba8;
	-webkit-box-shadow: 0px 0px 6px #988d64;
	-moz-box-shadow: 0px 0px 6px #988d64;
	box-shadow: 0px 0px 6px #988d64;
	behavior: url(PIE.htc);
}
.mw_wp_form_confirm .comment{
	visibility:hidden;
}
.mw_wp_form_input .imgfile1 img,
.mw_wp_form_confirm .imgfile1 img{
	max-width:100%;
}
	.mw_wp_form_confirm .docfile1 a{
	/*  visibility:hidden;*/
}

/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text70{font-size:70%}      /* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}     /* 太字 */
.u{text-decoration:underline}     /* 下線 */
.del{text-decoration:line-throug} /* 打ち消し線 */

/* ----------------------------------------------------------------------
 font-color - フォントカラー
---------------------------------------------------------------------- */
.red{color:red}     /* 赤色 */
.blue{color:#2ca9e1}    /* 青色 */
.green{color:#82ae46}   /* 緑色 */
.orange{color:#ff7d00}    /* 橙色 */
.yellow{color:#fff000}    /* 黄色 */
.pink{color:#ff0084}    /* ピンク */
.gray{color:#999999}    /* グレー */

/* ----------------------------------------------------------------------
 background-color - 背景色
---------------------------------------------------------------------- */
.bg-yellow{padding:2px;background-color:#ff0} /* 黄色の文字背景 */
.bg-blue{padding:2px;background-color:#4ab0f5}  /* 青色の文字背景 */
.bg-red{padding:2px;background-color:red} /* 赤色の文字背景 */

/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align1{text-align:center !important} /* 中央寄せ */
.align2{text-align:right !important}  /* 右寄せ */
.align3{text-align:left !important} /* 左寄せ */

/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px} /* 右に回り込み */
.l-flo{float:left;margin:10px}  /* 左に回り込み */
.f-clear{clear:both}      /* 回り込みの解除 */

/* ----------------------------------------------------------------------
 hover - 画像リンクマウスオーバー時の不透明度
---------------------------------------------------------------------- */
a img.fade { background:none !important; outline:none; -webkit-transition:all .3s; transition:all .3s; }
a:hover img.fade { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; background:none !important; }
/* ----------------------------------------------------------------------
 text-style - テキストスタイル
---------------------------------------------------------------------- */
.att {padding-left:1em;text-indent:-1em;} /* 注意書き等で二行目以降を字下げ */
.att_box { margin:2em 0 2.5em; padding:1em 1.2em; line-height:2.0; border:1px dotted #cccccc; background:#fcfcfc; box-shadow:0px 4px 0px 0px #f7f7f7; } /* テキストボックス */

/* ----------------------------------------------------------------------
 margin - 要素の外側の余白
---------------------------------------------------------------------- */
.m0{margin:0 !important}    /* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}   /* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}   /* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}  /* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}    /* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

/* ----------------------------------------------------------------------
 padding - 要素の内側の余白
---------------------------------------------------------------------- */
.p0{padding:0 !important}   /* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}    /* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}  /* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}   /* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}