@charset "UTF-8";

*{ margin:0px; padding:0px; border:none; font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif; -webkit-text-size-adjust:100%; font-size:14px; box-sizing:border-box; }
html{ text-align:center; color:#000; width:100%; }
body{ text-align:center; width:100%; background:url(../img/bg.webp) center no-repeat; background-size:100% 100%; }

a{ outline:none; text-decoration:none; }
ul{ list-style:none; }
p.clear{ clear:both; }

.waku{ position:relative; max-width:1300px; margin:0px auto; z-index:1; }
.waku-top{ position:relative; max-width:1600px; margin:0px auto 75px; text-align:left; z-index:1; }

/*メニュー*/
div#menub-b{ position:fixed; top:-10px; left:0px; width:100%; background:url(../img/menubg.png) center no-repeat; background-size:100% 100%; backdrop-filter:blur(2px); opacity:0.0; filter:alpha(opacity=000); z-index:99; }
div#menubg{ position:fixed; top:0px; left:0px; width:100%; text-align:center; z-index:100; }
div#menubg .ho1{ }
div#menubg .ho2{ display:none; }
ul.menu{ width:auto; display:inline-block; float:right; }
ul.menu li{ float:left; }
ul.menu li a{ position:relative; color:#000; display:block;	text-align:center; text-shadow:0px 0px 4px #FFF; white-space:nowrap; }
ul.menu li.act a{ color:#184726; text-shadow:0px 0px 8px #184726; }
ul.menu li.non a:hover{ color:#000; text-shadow:0px 0px 8px #888; }
ul.menu li.lm{ }
ul.menu li.re{ background:#F0E795; border-radius:9999px; }
ul.menu li.re a{ }
ul.menu li.co{ background:#AED69D; border-radius:9999px; }
ul.menu li.sm{ }
ul.menu li.sm a{ padding:0px; }
ul.menu li.sm img{ }

/* ドロップダウンメニュー */
div#dmenubg{ position:fixed; background:url(../img/b25.png); top:0px; left:0px; width:100%; height:0px; opacity:0.0; filter:alpha(opacity=000); z-index:2000; overflow:hidden; text-align:left; }
ul#dmenu{ position:fixed; padding:3%; box-sizing:border-box; top:0px; height:100%; width:65%; right:-65%; background:#FFF; overflow:auto; z-index:2001 }
ul#dmenu .cl{ float:right; height:40px; width:40px; background:url(../img/close.png) center no-repeat #00A29A; background-size:50%; display:inline-block; font-size:30px; text-align:center; border:3px solid #FFF; box-shadow:0px 0px 5px #ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; cursor:pointer; }
ul#dmenu .cl:hover{ box-shadow:0px 0px 7px #aaa; }
ul#dmenu .mh{ width:100%; margin:0px 0px 15px; max-width:300px; }
ul#dmenu li{ width:auto; text-align:left; display:block; border-bottom:1px solid #00A29A; line-height:45px; background:98% center no-repeat; background-size:20px; padding:0px 10% 0px 5px; color:#000; font-size:15px; }
ul#dmenu li a{ display:block; line-height:45px; color:#555; }
ul#dmenu li.to{ border-top:1px solid #00A29A; }
ul#dmenu li.m1{ background-image:url(../img/m-in.png); }
ul#dmenu li.m2{ background-image:url(../img/m-bl.png); }
ul#dmenu li.m3{ background-image:url(../img/m-wo.png); }
ul#dmenu li.m4{ background-image:url(../img/m-ca.png); }
ul#dmenu li.m5{ background-image:url(../img/m-co.png); }
ul#dmenu li.fb{ background-image:url(../img/ico-ec.png); }
ul#dmenu li.ac{ background-image:url(../img/access-b.png); }
ul#dmenu li.ec{ background-image:url(../img/ico-ec.png); }
ul#dmenu li.ic{ float:left; border:none; text-align:center; padding:0px; margin-top:25px; }
ul#dmenu li.ic a{ line-height:30px; height:30px; width:96%; margin:0px 2%; font-size:12px; display:inline-block; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
ul#dmenu li a.me{ border:1px solid #00A29A; background:#FFF; color:#172A88; }
ul#dmenu li a.me:hover{ background:#00A29A; color:#FFF; }
ul#dmenu li a.ou{ border:1px solid #00A29A; background:#00A29A; color:#FFF; }
ul#dmenu li a.ou:hover{ background:#FFF; color:#00A29A; }

ul#dmenu .tebg{ text-align:left; margin-top:15px; background:url(../img/ico-tel3.png) left center no-repeat; background-size:30px; padding-left:35px;display:inline-block; text-align:justify; text-justify:inter-ideograph; }
ul#dmenu .tebg .te{ font-size:20px; display:inline-block; font-weight:bold; }
ul#dmenu .tebg .qa{ font-size:11px; color:#22AC38;line-height:13px; margin-top:2px; display:inline-block; width:100%; background:url(../img/more-p.png) right center no-repeat; background-size:12px; padding-right:15px; }
ul#dmenu .tebg .te a{ font-size:1em;}

/*ページルート*/
div#olbg{ width:100%; text-align:center; margin-bottom:50px; }
ol{ list-style:none; height:24px; overflow:hidden; border-bottom:1px solid #00A29A; }
ol.w{ border-bottom:1px solid #FFF; }
ol li{ float:left; height:24px; line-height:24px; color:#000; }
ol.w li{ color:#DDD; }
ol li.home{ padding-left:17px; background:url(../img/home.png) left center no-repeat; background-size:12px; }
ol.w li.home{ background:url(../img/home-w.png) left center no-repeat; }
ol li.back{ float:right; padding-left:15px; background:url(../img/yaji-b.png) left center no-repeat; background-size:12px; }
ol.w li.back{ background:url(../img/yaji-w-b.png) left center no-repeat; }
ol li.yaji{ padding-left:15px; margin-left:5px; background:url(../img/yaji.png) left center no-repeat; background-size:12px; }
ol.w li.yaji{ background:url(../img/yaji-w.png) left center no-repeat; }
ol li a{ line-height:24px; color:#666; font-size:11px; }
ol.w li a{ color:#DDD;}
ol li a:hover{ color:#333; }
ol.w li a:hover{ color:#FFF; }

/*ページトップ*/
.pagebg{ background:#FFF; position:relative; overflow:hidden; z-index:1; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.page{ position:absolute; background:center no-repeat; background-size:cover; z-index:1; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } 
.page div{ background-repeat:no-repeat; }

.tcon{ position:relative; width:40%; z-index:2; }
.tcon-l{ text-align:left; }
.tcon-r{ text-align:left; }
.tcon h2{}
.tcon h3{ color:#344285; white-space:nowrap; }
.tcon p.de{ text-align:justify; text-justify:inter-ideograph; text-shadow:0px 0px 2px #FFF; color:#000; }
.tcon p.mo{ display:inline-block; color:#344285; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.tcon p.mo span{ color:#344285; font-size:1em; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; padding:0px 5px; }
.tcon img{ width:80%; margin:25px 10% 0px; }
.companybg:hover .tcon p.mo span{ padding:0px 0px 0px 10px; }
.recruitbg:hover .tcon p.mo span{ padding:0px 0px 0px 10px; }

.tcon h2{ display:flex; align-items:baseline; white-space:nowrap; overflow:hidden; }
.tcon h3 span{ /*フォントに合わせて微調整が必要（例：上下に0.1文字分削る場合）*/ line-height:1; margin-block:-0.5em; color:#48a435; display:inline-block; opacity:0; transform:translateY(30px); transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }

.tcon h3 span:nth-child(1)  { transition-delay: 0.00s; }
.tcon h3 span:nth-child(2)  { transition-delay: 0.08s; }
.tcon h3 span:nth-child(3)  { transition-delay: 0.16s; }
.tcon h3 span:nth-child(4)  { transition-delay: 0.24s; }
.tcon h3 span:nth-child(5)  { transition-delay: 0.32s; }
.tcon h3 span:nth-child(6)  { transition-delay: 0.40s; }
.tcon h3 span:nth-child(7)  { transition-delay: 0.48s; }
.tcon h3 span:nth-child(8)  { transition-delay: 0.56s; }
.tcon h3 span:nth-child(9)  { transition-delay: 0.64s; }
.tcon h3 span:nth-child(10) { transition-delay: 0.72s; }
.tcon h3 span:nth-child(11) { transition-delay: 0.80s; }
.tcon h3 span:nth-child(12) { transition-delay: 0.88s; }
.tcon h3 span:nth-child(13) { transition-delay: 0.96s; }
.tcon h3 span:nth-child(14) { transition-delay: 1.04s; }
.tcon h3 span:nth-child(15) { transition-delay: 1.2s; }
.tcon h3 span:nth-child(16) { transition-delay: 1.20s; }
.tcon h3 span:nth-child(17) { transition-delay: 1.28s; }

/* onload時に動き出すトリガー */
.tcon h3.is-active span{ opacity:1; transform: translateY(0); }



/*トップ*/
.top-slid1{ position:relative; background:no-repeat center; }
.top-slid1 img.copy0{ position:absolute; }

.top-slid2{ position:absolute; }

img.copy1{}
img.copy11{  }
div.msg1{}
div.msg2{}

.tcabg{ position:relative; width:100%; overflow:hidden; }
.tcabg .img{ background-size:cover; }
.tcabg .det{ position:absolute; }
.tcabg .det .na{ }
.tcabg-l{}
.tcabg-l .img{}
.tcabg-l .det{}
.tcabg-l .det .cap1{ white-space:nowrap; overflow:hidden; }
.tcabg-l .det .cap2{ white-space:nowrap; overflow:hidden; }
.tcabg-r{}
.tcabg-r .img{}
.tcabg-r .det{}
.tcabg-r .det .cap1{ white-space:nowrap; overflow:hidden; }
.tcabg-r .det .cap2{ white-space:nowrap; overflow:hidden; }

.tcabg .det .gbtn{ position:relative; display:inline-block; text-align:center; border-radius:3px; background:url(../img/w25.png); color:#000; white-space:nowrap; overflow:hidden; box-shadow:0px 0px 5px #999; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.tcabg .det .gbtn span{ position:absolute; top:0px; font-size:1em; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } 
.tcabg .det .gbtn:hover{ box-shadow:0px 0px 8px #555; color:#00A29A; background:#FFF; }
.tcabg .det .gbtn:hover span{ color:#00A29A; } 

.tfacbg{ position:relative; }
.tfacbg .tfach2{ width:100%; }
.tfac{ position:relative; overflow:hidden; text-align:left; background:center no-repeat; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
/* ★スタートを100%にして、横幅ぴったりに合わせる */
  background-size: 100% auto; 
  
  /* ベンダープレフィックスは整理してtransitionを1行にまとめるとスッキリします */
  transition: background-size 0.3s ease-in-out;
}
.tfac:hover{ background-size: 110% auto; box-shadow:0px 0px 15px #888; }
.tfac .msk{ position:absolute; background:url(../img/b50.png); opacity:0.4; filter:alpha(opacity=040); z-index:0; top:0px; left:0px; width:100%; height:800px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.tfac:hover .msk{ opacity:0.2; filter:alpha(opacity=020); }
.tfac div.fa{ position:relative; display:block; width:100%; z-index:1; }
.tfac div.fa h2{ color:#FFF; text-shadow:0px 0px 2px #000; }
.tfac div.fa h3{ color:#FFF; text-shadow:0px 0px 3px #000; }
.tfac p{ color:#FFF; text-shadow:0px 0px 3px #000; }
.tfac p a{ color:#FFF; text-shadow:0px 0px 3px #000; font-size:1em; }
.tfac p a:hover{ text-decoration:underline; text-shadow:0px 0px 5px #FFF; } 
.tfac .a1{ position:relative; z-index:1; }
.tfac .a2{ position:relative; z-index:1; }
.tfac .a3{ position:relative; z-index:1; }
.tf0{}
.tf1{}
.tf2{}
.tf3{}
.tf4{}

/*トップ　お知らせ*/
.tinfobg{ position:relative; background:url(../img/o50.png); padding:50px 0px; }
.tinfobg .waku{ background:url(../img/copy3.png) no-repeat; }
.tinfo{ position:relative; background:url(../img/w75.png); width:100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-align:left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.tinfo:hover{ box-shadow:0px 0px 7px #666; }
.tinfo span{ color:#333; }
.tinfo span.dt{}
.tinfo span.sy{ color:#666; }
.tinfo:hover span.sy{ color:#000; }

.tinfo span.po1{ border:1px solid #F0E795; background:#fcf9de; color:#333; text-align:center; }
.tinfo span.po2{ border:1px solid #AED69D; background:#ddebd7; color:#333; text-align:center; }
.tinfo:hover span.po1{ background:#F0E795; color:#000; }
.tinfo:hover span.po2{ background:#AED69D; color:#000; }

.tinfo span.da{}
.tinfo:hover span.da{ text-decoration:underline; color:#000; }

/*トップキャプション*/
.tcap2{ }
.tcap2 h2{ color:#EA5514; }
.tcap2 p{ font-weight:normal; }
.tcap2 p a{ color:#000; font-size:1em; }
.tcap2 p a:hover{ text-decoration:underline; }

/*トップ事業内容*/
.tserbg{ position:relative; background:#414142; }
.tserbg .chizu{ position:absolute; }
.tserbg .chizu-b{ position:absolute; width:100%; left:0px; }
.tserbg .our{ position:relative; width:100%; }
.tserbg .tser-l{ position:relative; }
.tserbg .tser-l h2{ color:#727171; }
.tserbg .tser-l img{ }
.tserbg .tser-r{ position:relative; }
.tserbg .tser-r h3{ color:#FFF; white-space:nowrap; overflow:hidden; }
.tserbg .tser-r h3 span{ font-size:1em; }
.tserbg .tser-r p{ color:#FFF; }

.ibtn{ text-align:center; background:#FFF; color:#EA5514; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.ibtn span{ color:#EA5514; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; padding:0px 15px 0px 10px; font-size:1em; }
.ibtn:hover{ box-shadow:0px 0px 10px #FFF; }
.ibtn:hover span{ padding:0px 10px 0px 15px; }

.cap3{ overflow:hidden; }
.cap3 h3{ display:inline-block; color:#FFF; position:relative; }
.cap3 h3 span{ position:absolute; border-bottom:1px solid #FFF; width:1200px; left:100%; margin-left:15px; top:50%; }
.cap3 h4{ color:#FFF; font-weight:normal; }

.cap4{ overflow:hidden; }
.cap4 h3{ display:inline-block; color:#666; position:relative; }
.cap4 h3 span{ position:absolute; border-bottom:1px solid #666; width:1200px; left:100%; margin-left:15px; top:50%; }
.cap4 h4{ color:#666; font-weight:normal; }

/*トップ会社概要*/
.tcombgbgbg{ position:relative; background:url(../img/ishikari-wan.webp) center no-repeat; background-size:cover; overflow:hidden; }
.tcombgbg{ position:relative; background:url(../img/b35.png); }
.tcombg{ position:relative; padding:50px 0px; background:url(../img/bgra.png) top center no-repeat; background-size:100% 150px; }
.tcombg .tcom-l{}
.tcombg .tcom-l h3{ color:#FFF; white-space:nowrap; overflow:hidden;  }
.tcombg .tcom-l h3 span{ font-size:1em; color:#EA5514; }
.tcombg .tcom-l img{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.tcombg .tcom-l p{ color:#FFF; }
.tcombg .tcom-r{}
.tcombg .tcom-r img{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.th2{ position:relative;}
.th2 span{ position:absolute; border-bottom:2px solid #FFF; width:30px; left:50%; margin-left:-15px; }

.tc{ text-align:center; }
.tc p{ color:#FFF; font-weight:bold; text-align:left; }
.tc img{}
.tc div{}
.tc div h3{ color:#FFF; text-align:left; white-space:nowrap; overflow:hidden; }
.tc div h3 span{ color:#FFF; font-size:1em; padding-right:10px; }
.tc div h4{ color:#000; font-weight:normal; text-align:left; }
.tc span.bt{ border:2px solid #FFF; color:#FFF; -webkit-border-radius:100vh; -moz-border-radius:100vh; border-radius:100vh; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-align:center; }
.tc span.bt:hover{ border:2px solid #497F9F; background:#497F9F }

.tinfo{ text-align:left; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.tinfo:hover{ box-shadow:0px 0px 10px #999; }
.tinfo p.dt{ color:#195D9D; }
.tinfo p.dt1{}
.tinfo p.dt2{ margin-bottom:3px; }
.tinfo .img{ background-size:cover; }
.tinfo .det{}
.tinfo .det .da{ color:#000; font-size:15px; }
.tinfo:hover .det .da{ color:#195D9D; }
.t1{}
.t2{}
.t3{}
.t4{}
.ipc{}
.ibt{ display:inline-block; margin:25px auto 0px; color:#FFF; background:#BBB; line-height:40px; width:200px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;  }
.ibt:hover{ background:#195D9D; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;  }

/*アーカイブ*/
div.ibcap{ font-weight:bold; color:#ccc; text-align:left; font-size:1.2em; }
div.ibcap p{ width:20px; height:0px; border-bottom:1px solid #999; }

p.yyyy{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #999; }
p.yyyy a{ display:block; font-weight:normal; padding:5px; color:#555; }
p.yyyy a:hover{ color:#000; }
p.mmmm{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #999; }
p.mmmm a{ display:block; font-weight:normal; padding:5px 10px; color:#555; }
p.mmmm a:hover{ color:#000; }
ul.archives{ width:100%; border-top:1px solid #999; }
ul.archives li{ float:left; border-bottom:1px dotted #777; cursor:pointer; }
ul.archives li div.img{ float:left; margin:5px 5px 5px 0px; width:25%; padding-top:25%; background:center; background-size:cover; }
ul.archives li div.dta{ overflow:hidden; padding:5px; }
ul.archives li div.dta p.dt{ color:#666; font-size:0.8em; line-height:20px; height:20px; white-space:nowrap; }
ul.archives li div.dta p.da{ font-size:12px; line-height:22px; overflow:hidden; color:#777; }
ul.archives li div.dta p.ni{ font-size:0.8em;; line-height:20px; overflow:hidden; color:#555; }
ul.archives li div.dta p.na{ font-size:11px; line-height:15px; overflow:hidden; color:#555; }
ul.archives li:hover{ opacity:0.7; filter:alpha(opacity=70); }

/* お知らせ・ブログ */
div.responsive-l{ float:left; text-align:left; padding-bottom:50px; }
div.responsive-r{ float:left; text-align:left; padding-bottom:50px; }

p.ibdt{ color:#333; margin-bottom:25px; line-height:30px; border-top:1px solid #999; }
div.ibda{ font-size:1.5em; color:#000; font-weight:bold; margin-bottom:30px; }
div.ibda p{ width:20px; height:0px; border-bottom:1px solid #000; margin-top:5px; }
div.ibna{ line-height:25px; text-align:justify; text-justify:inter-ideograph; }
div.ibna a{ color:#000; }
div.ibna a:hover{ text-decoration:underline; }
div.ibna div.img{ width:100%; padding-top:56%; background-position:center; background-repeat:no-repeat; background-size:cover; }

p.ibli{ font-size:0.9em; margin-top:25px; }
p.ibli a{ color:#000; }
p.ibli a:hover{ text-decoration:underline; }
p.ibfb{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; }

/*pageview*/
ul.pageview{ clear:both; border-top:1px dotted #666; border-bottom:1px dotted #666; }
ul.pageview li{ float:left; font-size:1em; color:#333; }
ul.pageview li a{ font-size:1em; display:block; text-align:center; }
ul.pageview li a.act{ color:#FFF; background-color:#1D9BD7; }
ul.pageview li a.non{ color:#555; background-color:#eee; }
ul.pageview li a.non:hover{ color:#333; background-color:#ddd; }

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:50px auto 0px; clear:both; border-top:1px solid #999; padding-top:25px; }
div#prevback ul{ margin:0px auto; display:inline-block; }
div#prevback ul li{ float:left; color:#aaa; }
div#prevback ul li a{ color:#9A8A61; display:inline-block; }
div#prevback ul li:hover a{ color:#837754;}
div#prevback ul li div.ppi{ float:left; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.prev:hover a div.ppi{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.ppf{ overflow:hidden; padding:0px 10px; }
div#prevback ul li div.nni{ float:right; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.next:hover a div.nni{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.nnf{ overflow:hidden; padding:0px 10px; }

/*会社概要*/
div.recbg{ width:100%; text-align:left; }
div.recbg p.dt{ font-size:12px; margin:0px 25px 5px; text-align:right; }
div.recbg p.aida{ margin-top:25px; padding-top:25px; border-top:2px dotted #ccc; }
div.recbg div.rbg{ width:100%;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div.recbg div.rbg:hover{ box-shadow:0px 0px 10px #888; }
div.recbg div.rbg div.r1{ background:#FFF; background-size:100% 100%; font-weight:bold; }
div.recbg div.rbg div.r2{ background:url(../img/w50.png); }
div.recbg div.rbg div.r2 h1{ }
div.recbg div.rbg div.r2 a{ color:#000; }
div.recbg div.rbg div.r2 a:hover{ text-decoration:underline; color:#76818c; }

/*当院について*/
.res32{ float:left; }
.res32 div.imgbg{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; margin:5px 0px; }
.res32 div.imgbg div.img{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:center no-repeat; background-size:100%; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; }
a:hover .res32 div.imgbg div.img{ background-size:105%; }
a:hover .res32 div.img{ opacity:0.7; filter:alpha(opacity=70); }
.res32 p.dt{ text-align:left; color:#000; }
.res32 p.da{ text-align:left; color:#000; }

/*採用情報*/
.cap1{ font-weight:bold; }
.cap1 span{ margin-bottom:25px; }
.cap2{ font-weight:bold; }
.cap2 span{ margin-bottom:25px; }

.accordion-container{ margin:25px auto 0px; width:100%; }
.accordion-list:not(:first-child){ margin-top:10px; }
.accordion-title{}
.accordion-title:hover{ opacity:0.7; filter:alpha(opacity=70); }
.accordion-title:before{ position:absolute; content:''; top:50%; right:25px; height:2px; width:15px; background:#EA5514; transform:rotate(90deg); transition:all .3s ease-in-out; }
.accordion-title:after{ position:absolute; content:''; top:50%; right:25px; height:2px; width:15px; background:#EA5514; transition:all .3s ease-in-out; }
.accordion-title.open:before{ transform:rotate(180deg); }
.accordion-title.open:after{ opacity:0; }
.accordion-text{ border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; display:none; padding:20px 40px; }


/*お問い合わせ*/
img.navi{ max-width:500px; margin:25px auto; width:100%; }
p.c11{ text-align:left; line-height:30px; font-size:0.9em; font-weight:bold; }
p.c11 span{ font-size:0.8em; font-weight:normal; color:#EC6755; padding-left:15px; }
p.c22{ text-align:left; }
p.c22 p{ font-size:1em; }
p.c22 p a{ font-size:1em; color:#000; }
p.cka{ font-size:0.9em; margin:15px 0px; line-height:20px; }
div.c22{  }
p.c33{ line-height:20px; text-align:left; margin:0px auto; margin-bottom:5px; font-size:0.7em; color:#666; }

.cimg1{ background:center no-repeat; background-size:cover; }
.cimg2{ background:center no-repeat; background-size:cover; }
.cdet{ overflow:hidden; }
.cdet p{ }

.txt{ -webkit-appearance:none; box-sizing:border-box; width:100%; padding:10px 5px; background-color:#FFF; border:1px solid #AAA; background:; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt:focus{ border:1px solid #EC6755; box-shadow:0px 0px 5px #EC6755; }
.txt30{ -webkit-appearance:none; box-sizing:border-box; padding:5px; background-color:#FFF; border:1px solid #AAA; background:; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt30:focus{ border:1px solid #EC6755; box-shadow:0px 0px 5px #EC6755; }
.txt100{ -webkit-appearance:none; box-sizing:border-box; width:100px; padding:5px; background-color:#FFF; border:1px solid #AAA; background:; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt100:focus{ border:1px solid #EC6755; box-shadow:0px 0px 5px #EC6755; }

.ckugiri{ margin:15px 0px; border-bottom:1px dotted #777; }

p.dmsg{ font-size:0.7em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.7em; text-align:center; margin:15px 0px; }
div#jouken{ background:#FFF; border:1px solid #AAA; padding:10px; width:auto; height:180px; overflow:auto; margin:25px 0px 0px; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div#jouken p.cap1{ font-weight:bold; margin-top:20px; }
div#jouken p.cap11{ font-weight:bold; margin-top:0px; margin-bottom:10px; }
div#jouken p{ font-size:0.9em; }
div#jouken p strong{ font-size:1.1em; }
div#jouken a{ font-size:0.9em; }
div#jouken  a:hover{ color:#999; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

.btn{ text-align:center; display:inline-block; background:#FFF; margin-top:25px; color:#000; overflow:hidden; white-space:nowrap; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; cursor:pointer; }
.btn span{ margin-left:5px; padding-right:5px; color:#000; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn:hover{ box-shadow:0px 0px 5px #999; } 
.btn:hover span{ margin-left:10px; padding-right:0px; } 

.btng{ background:#eee; border:1px solid  #aaa; }
.btng:hover{ background:#FFF; }

.googlemap{ position:relative; width:100%; /*filter:grayscale(100%) invert(92%) contrast(83%);*/ }
.googlemap iframe{ height:100%; width:100%; }

/*フッター*/
.f-cr {}
.f-cr h2{ color:#FFF; }
.f-cr p{ color:#FFF; }
.f-cr a{ text-align:center; background:#FFF; color:#000; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.f-cr a span{ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; padding:0px 15px 0px 10px; font-size:1em; }
.f-cr a:hover{ box-shadow:0px 0px 10px #333; }
.f-cr a:hover span{ padding:0px 10px 0px 15px; }
.f-con{ background:#EA5514; }
.f-rec{ background:url(../img/f-recbg.webp) center no-repeat; background-size:cover; }


.foot{ position:relative; width:100%; }
p.foot-t{ border-top:1px solid #00A29A; }
div.foot-l{ }
div.foot-l img.flogo{ }
div.foot-l img.flogo:hover{ opacity:0.7; filter:alpha(opacity=070); }
div.foot-l p{ color:#000; }
div.foot-l p.na{ color:#000; font-weight:bold; }
div.foot-l p a{ color:#000; font-size:1em; }
div.foot-l p a:hover{ color:#555; }
div.foot-l p .ad{ background:url(../img/access-b.png) right center no-repeat; padding-right:1.2em; background-size:0.8em; }
div.foot-l p .te{ }
div.foot-l p .co{ color:#FFF; display:inline-block; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div.foot-l p .co:hover{ color:#FFF; box-shadow:0px 0px 7px #888; }

div.foot-r{ }
ul.fmenu{ margin-top:0px; }
ul.fmenu li{ overflow:hidden; color:#000; text-align:left; font-weight:bold; padding-top:5px; padding-bottom:5px; }
ul.fmenu li a{ font-size:1em; position:relative; display:block; font-size:1em; color:#000;; font-weight:bold; white-space:nowrap; padding-left:15px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.fmenu li a:hover{ color:#666; padding-left:25px; }
ul.fmenu li a span.so{ position:static; font-size:0.7em; color:#000; display:inline-block; padding-right:5px; }
ul.fmenu li a span.ln{ position:absolute; font-size:1em; width:10px; left:0px; border-bottom:1px solid #000; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.fmenu li a:hover span.ln{ width:15px; border-bottom:1px solid #555; }

ul.fmenu li.su{ border-left:1px solid #555; } 
ul.fmenu li.su a{ font-weight:normal; } 

.f1{}
.f2{}
.f3{}

p.co{ color:#000; line-height:50px; border-top:1px solid #00A29A; margin-top:50px; }

#pagetop{ position:fixed; width:100px; bottom:25px; right:15px; background:url(../img/pagetop.png?2) right bottom no-repeat; background-size:contain; text-align:center; z-index:1599; }
}