﻿@charset "UTF-8";
@media screen and (max-width: 768px){

.waku{ padding:0px 2.5%; min-width:100%; }
.waku1000{ padding:0px 2.5%; }
.waku1200{ padding:0px 2.5%; }

.pts{ font-size:13px; line-height:18px; }
.pts1{ font-size:12px; }
.pts2{ font-size:11px; }
.pts3{ font-size:10px; }
.pts4{ font-size:16px; }
.pts5{ font-size:40px; }
.pts6{ font-size:35px; }
.pts7{ font-size:15px; }
.pts8{ font-size:14px; }
.pts9{ font-size:22px; }
.pts20{ font-size:12px; }

/*メニュー*/
div#menubg{ height:65px; }
div#menubg .h1bg{}
div#menubg .h1bg h1{ font-size:9px; font-weight:normal; }
div#menubg ul{ padding-top:9px; }
div#menubg ul li{ }
div#menubg ul li.ho{ }
div#menubg ul li.ho a img{ width:175px; }
div#menubg ul li.lm{ display:none; }
div#menubg ul li.lm a{ }
div#menubg ul li.te{ display:inline-block; margin-top:0px; }
div#menubg ul li.te a img{ width:150px; }
div#menubg ul li.sm{ display:inline-block; margin-top:1px; }

div#openingbg{ height:500px; min-width:100%; }
ul#view { }
ul#view li{ width:100%; }
ul#view li div.bg{ background:url(../img/w50.png); padding:25px; right:10%; top:450px; width:80%; min-height:auto; min-width:70%; text-align:center; }
ul#view li div.bg p.na{ margin:15px 0px; padding:15px 0px;}
ul#view li div.bg a.btn{ width:200px; line-height:35px; height:35px; }
#egao{ width:85px; left:auto; right:10%; top:75px; }

div#tnami-t{ height:0px; }
div#tnami-b{ height:100px; }
div#tnami-t2{ height:100px; }

div#thumbBtnbg{ bottom:70px; left:0px; height:8px; text-align:center; padding:0px; }
ul#thumbBtn{ height:8px; text-align:center; }
ul#thumbBtn li{ margin:0px 5px; width:28px; height:7px; }

div#pagebg{ background-position:center; height:325px; }
div#pagebg h1{ font-size:25px; line-height:50px; padding-top:175px; }
div#pagebg h2{ font-size:14px; line-height:20px; }
.tRec{ background-image:url(../img/recruitbg2.png); }

.t-yellow{ padding-top:150px; }

ol li a{ font-size:10px; }

/*新着情報*/
div.infobg{ background-position:5% 100px; background-size:80%; padding:75px 0px; }
div.whatsbg{ height:60px; background-position: 10px center; background-size:100px; padding:0px 0px 0px 125px; }
div.whatsbg img.all{ width:60px; top:0px; right:0px; }
ul#info{ height:60px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
ul#info li{ height:60px; }
ul#info li a{ line-height:60px; height:60px; padding:0px 15px; }
ul#info li a span.dt{ line-height:60px; display:inline-block; margin-right:10px; }
ul#info li a span.da{ line-height:60px; }

/*トップ法人情報*/
div.corpobg{ background-position:90% 100%; background-size:90%; padding:0px 0px 50%; }
div.cop-l{ padding:25px 25px 100px; width:100%; }
div.cop-l .btn{ line-height:45px; width:45%; height:45px; margin:25px 27.5% 0px; }
div.cop-r{ right:10%; top:82%; width:80%; padding-top:45%; }

/*トップ施設情報*/
div.hokkaido{ background-position:140% 30%; background-size:80%; }
div.hokkaido .waku{ }
div.hokkaido .waku img.fac{ width:150px; margin:25px 0px 25px 10px; }
div.hokkaido div.fac{ width:31%; padding:10px 0px; }
div.hokkaido div.fac p.ar{}
div.hokkaido div.fac .img{ margin:10px 0px; }
div.hokkaido div.fac .pnficon{}
div.hokkaido div.fac p.na{ padding-right:37px; background-size:32px; }
div.hokkaido div.fac:hover p.na{ background-size:30px; }
div.hokkaido div.fac p.na span{ font-size:0.6em; }
.fac.c1{ margin:0px 0px 25px; }
.fac.c2{ margin:0px 3.5% 25px; }
.fac.c3{ margin:0px 0px 25px; }
.fac.c4{ margin:0px 0px 25px; }
.fac.c5{ margin:0px 3.5% 25px; }
.fac.c6{ margin:0px 0px 25px; display:inline-block; }
.pfac2{ display:none; }
.pfac3{ display:block; }

/*理事長あいさつ*/
div.ceo-l{ float:none; margin:0px 0px 25px; width:100%; }
div.ceo-l img{ width:50%; margin:0px auto 25px; }
div.ceo-r{ float:none; width:100%; }
p.nadt{ text-align:right; }

/*4つの笑顔*/
div.cop4{ width:100%; margin:25px 0% 0px; }
div.cop4 span{ margin-right:15px; font-size:75px; line-height:75px; height:75px;　}
div.cop4 div{ margin-bottom:25px; }
div.cop4 p.co1{ font-size:14px; margin-top:25px; }
div.cop4 p.co2{ font-size:30px; line-height:30px; }
div.cop4 ul{ padding-left:20px; }
div.cop4 ul li{ }

/*公開情報*/
div.pdf{ float:left; text-align:center; width:25%; }
div.pdf img{ width:70px; margin:5px auto; }
div.pdf p{ }
div.pdf p.da{ }
div.pdf:hover p.da{ }
div.pdf p.sz{ }
div.pdf p.dt{ }
p.p1{ padding-left:2.5%; }
p.p1 span{ }

/*沿革*/
div.enbg{ display:block; }
div.enbg div{ display:block; }
div.enbg div.en1{ line-height:22px; width:97.5%; margin-left:2.5%; border-right:none; border-left:1px solid #888; padding:10px; font-size:15px; }
div.enbg div.en1 span{ width:10px; height:10px; right:100%; top:15px; margin-right:-5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
div.enbg div.en2{ line-height:22px; width:97.5%; padding:0px 10px 10px 20px; margin-left:2.5%; border-right:none; border-left:1px solid #888; font-size:15px; }
div.enbg div.en2 p{ line-height:22px; }

/*pageview*/
ul.pageview{ clear:both; padding:5px 0px; font-size:12px; }
ul.pageview li{ line-height:28px; margin:2.5px; }
ul.pageview li a{ width:28px; height:28px; line-height:28px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }

/*会社案内*/
div.g-sub{ background-position:top center; background-size:contain; padding-top:45%; }
div.g-right{ float:right; width:90%; padding:2.5%; margin:0px 5%; }

div.combg{ display:table; width:100%; margin-bottom:15px; box-shadow:none; }
div.com{ display:table-cell; padding:10px; }
div.com,div.com p,div.com a{ font-size:13px; }
div.com1{ width:25%; box-shadow:-7px 7px 7px #AAA; }
div.com2{ width:75%; }
div.com2 img{ float:left; margin-right:15px; margin-bottom:10px; width:70%; }
div.com2 img.rcom{ float:right; margin-left:15px; margin-right:0px; border-bottom:10px; width:35%; } 
div.com2 div{ width:100%; clear:both; }
div.access{ height:300px; }

ul.num3 li{ width:33.33333%; }
ul.num3 li a{ line-height:35px; font-size:15px; }
ul.num3 li.c1{ border-right:1px solid #FFF; border-bottom:none; }
ul.num3 li.c2{ border-right:1px solid #FFF; border-bottom:none; }
ul.num3 li.c3{ border-right:1px solid #FFF; }
ul.num3 li.c4{ border-right:none; }
div#googlebg{ height:400px; }

/*写真一覧*/
.res32{ width:32% }
.res32.c1{ margin:0px 0px 2%; }
.res32.c2{ margin:0px 2% 2%; }
.res32.c3{ margin:0px 0px 2%; }
.res32.c1 div.imgbg{ box-shadow:-10px 10px 10px #888; }
.res32.c2 div.imgbg{ box-shadow:0px 10px 10px #888; }
.res32.c3 div.imgbg{ box-shadow:10px 10px 10px #888; }

/*あいさつ文*/
.c-left{ float:left; width:70%; padding-top:43%; }
.c-right{ width:100%; padding-left:0px; padding-top:45px; }

/*Google*/
div#map{ height:400px; }

/* お知らせ・ブログ */
.responsive-l{ width:100%; }
.responsive-r{ width:100%; margin-left:0%; }

/*アーカイブ*/
.archives li{ width:50%; }

/*お問い合わせ*/
div.c1122bg{ border-left:6px solid #aaa; display:block; padding:5px 0px 5px 2.5%; }
div.c1122bg div.c11{ display:block; width:100%; padding-bottom:5px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:block; width:100%; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 div.img{ width:200px; padding-top:96px; margin-right:2.5%; }
.btn.br{ margin:5px 27.5% 0px; line-height:45px; width:45%; height:45px; }
.btn.gr{ margin:0px 27.5% 0px; line-height:45px; width:45%; height:45px; }


/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:50px; height:50px; }
div#prevback ul li a{ line-height:50px; height:50px; }
div#prevback ul li div.ppi{ float:left; width:50px; padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
div#prevback ul li div.nni{ float:right; width:50px;padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
div#prevback ul li div.ppf{ line-height:50px; height:50px;  }
div#prevback ul li div.nnf{ line-height:50px; height:50px;  }

/*採用情報*/
div.frecruitbg{ min-width:auto; padding:25px 0px; }
div.frecruitbg .rec-l{ float:none; width:100%; padding-top:45%; }
div.frecruitbg .rec-r{ float:none; width:100%; margin:25px 0px 0px; text-align:center; }
div.frecruitbg .rec-r h1{ }
div.frecruitbg .rec-r h2{ }
div.frecruitbg .rec-r p{ }
div.frecruitbg .rec-r div{ }
div.frecruitbg .rec-r .btn{ margin:0px 27.5% 0px; line-height:45px; width:45%; height:45px; }

div.recruitbg{ height:350px; }
div.recruitbg div.waku{ background-position:center 95%; background-size:70%; }

div.entrybg{ height:350px; }
div.privacybg{ height:350px; }
div.contactbg{ height:350px; }

div.syoku{ font-size:18px; line-height:20px; padding:9px 2.5%; background-size:25px; }
div.syoku a span{ font-size:12px; line-height:12px; padding-top:4px; display:inline-block; }
div.recbg div.rbg{ display:table; margin-bottom:5px; }
div.recbg div.rbg div.r1{ display:table-cell; width:30%; padding:2.5%; }
div.recbg div.rbg div.r2{ display:table-cell; width:auto; padding:2.5%; }
div.recbg div.rbg div.r2 h1{ font-size:17px; }

a.ent{ width:300px; height:55px; background-size:125px; }

div.flowbg{ width:100%; }
div.flow{ float:left; width:30%; padding:10px; }
.flow.c1{ margin:0px; }
.flow.c2{ margin:0px 5%; }
.flow.c3{ margin:0px; }
div.flow h1{ font-size:25px; display:block; }
div.flow img{ float:none; width:100%; margin:0px; }
div.flow div{ overflow:hidden; text-align:center; width:100%; }
div.flow div h1{ display:none; font-size:25px; }
div.flow div p{ margin-top:5px; font-size:15px; }

img.rec{ width:200px; }

/*個人情報*/
ul.pri{ margin-left:2.5%; }

/*フッター*/
div.footbg{ padding-bottom:2.5%; display:block; width:100%; }
div.footbg .foot-l{ width:100%; display:block; text-align:center; background-position:center 15px; background-size:250px; padding:75px 15px 15px 15px; border-right:none; }
div.footbg .foot-l p.ad{ }
div.footbg .foot-l p.ad a{ background-size:14px; padding-right:19px; }
div.footbg .foot-l p.ad a:hover{ }
div.footbg .foot-l p.te{ }
div.footbg .foot-l p.te a{ }
div.footbg .foot-l p.te a:hover{ }
div.footbg .foot-r{ width:100%; display:block; padding:15px; border-left:none; margin-top:0px; text-align:center; }
div.footbg .foot-r a{ }
div.footbg .foot-r a:hover{ }
div.footbg .foot-r span{ float:none; display:block; padding-top:5px; }
}