@charset "UTF-8";
@media screen and (min-width: 769px){

.waku{ padding:0px 2%; min-width:auto; }
.pts{ font-size:14px; }
.pts1{ font-size:13px; }
.pts2{ font-size:12px; }
.pts3{ font-size:11px; }
.pts4{ font-size:20px; }
.pts5{ font-size:18px; }
.pts6{ font-size:16px; }
.pts7{ font-size:28px; }
.pts8{ font-size:35px; }
.pts9{ font-size:16px; }
.pts10{ font-size:15px; }
.pts11{ font-size:10px; }

.topbg{ padding-top:600px; }
.topbg .topbg1{ width:800px; left:50%; margin-left:-200px; bottom:0px; }

.pagebg{ margin-top:80px; height:200px; }
.pagebg .waku{}
.pagebg .waku h2{ font-size:20px; line-height:30px; padding-top:65px; }
.pagebg .waku h3{ font-size:24px; line-height:40px; }

.tcopy{ left:2%; top:-400px; width:600px; }

.cap1{ padding:0px 20px; font-size:30px; }
.tinfo{ padding:20px; margin-bottom:25px }
.tinfo p{ padding:0px 10px; }
.tinfo p span{ white-space:nowrap; overflow:hidden; }
.tinfo p span.dt{ line-height:50px; font-size:15px; }
.tinfo p span.da{ line-height:50px; font-size:16px; }

/*トップお知らせ*/
.winfo{ display:table; }
.winfo a{ display:table-cell; width:25%; vertical-align:top; }
.binfo{ width:100%; }
.binfo .img{ float:none; width:100%; padding-top:100%; }
.binfo .det{ padding:25px 25px 40px; overflow:auto; }
.binfo .det p.dt{ margin-bottom:10px; font-size:14px; }
.binfo .det p.da{ font-size:16px; }
.binfo p.sen1{ display:none; }
.binfo p.sen2{ display:none; }
.binfo.i1{ display:inline-block; }
.binfo.i2{ display:inline-block; }
.binfo.i3{ display:inline-block; }
.binfo.i4{ display:inline-block; }
.binfobg .btn{ bottom:-20px; left:50%; margin-left:-250px; }

.tcombg{ background-size:1300px; padding:175px 0px 0px; }
.tcombg img{ margin-bottom:50px; width:700px; }
.tcombg a{ line-height:60px; height:60px; width:400px; font-size:18px; }
.tcombg a:hover{ }

/*メニュー*/
#menubg{  }
div#menubg h1{ font-size:11px; display:block; }
ul.menu{ }
ul.menu li { }
ul.menu li a{ }
ul.menu li.ho{ max-width:auto; width:250px; }
ul.menu li.h24{ display:table-cell; width:100px; padding-right:5px; }
ul.menu li.te{ display:table-cell; width:225px; padding-right:15px; }
ul.menu li.sm{ width:40px; }

ul.tmenu{ display:block; }

/*ページルート*/
ol{ }
ol li{ font-size:11px; }y
ol li a{ font-size:11px; }

/*トップ理念*/
.rinbg{ -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:15px; }
.trinen{ text-align:center; padding:0px; font-size:20px; display:inline-block; }
.rin1{}
.rin2{ border-top:2px dotted #CCC; border-bottom:2px dotted #CCC; margin:5px 0px; padding:5px 0px; }
.rin3{}
.ri1{ font-size:1.7em; }
.ri2{ font-size:1.7em; }
.ri3{ font-size:1.7em; }
.tbr{ display:none; }
.sbr{ display:none; }
.rinen1{ display:inline-block; }
.rinen2{ display:none; }

/* お知らせ・ブログ */
.info-l{ width:65%; }
.info-r{ width:30%; margin-left:5%; margin-top:0%; }

/*ボタン*/
.a-btn{ width:200px; line-height:36px; }

/*ブログ*/
.clear1{ display:block; }
.clear2{ display:none; }
.clear3{ display:none; }

.bbinfo{ width:25%; }
.bbinfo .img{ width:100%; padding-top:100%; }
.bbinfo .det{ padding:25px 25px 40px; overflow:auto; }
.bbinfo .det p.dt{ margin-bottom:10px; }
.bbinfo .det p.da{ }

/*アーカイブ*/
.archives li{ width:100%; }

/* お知らせ・ブログ */
.responsive-l{ width:65%; }
.responsive-r{ width:30%; margin-left:5%; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:60px; height:60px; font-size:14px; }
div#prevback ul li a{ line-height:60px; height:60px; font-size:14px; }
div#prevback ul li div.ppi{ float:left; width:60px; padding-top:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
div#prevback ul li div.nni{ float:right; width:60px;padding-top:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }

/*採用情報*/
.akusyubg{ height:600px; padding-top:0px; }
.akusyubg h2{ left:50px; top:100px; font-size:50px; line-height:70px; text-align:left; } 
.akusyubg h2 br{ display:block; } 
.akusyubg h3{ left:50px; top:350px; font-size:20px; line-height:30px; text-align:left; } 
.akusyubg h3 br{ display:none; } 
.akusyubg img{ width:600px; right:2%; top:0px; }

.racbgbg{ padding:2%; }
.racbg{ padding:2%; }
.racbg span.join{ left:20px; top:-100px; font-size:20px; background-size:180px; padding-left:200px; line-height:50px; height:50px; }

.rec{ float:left; }
.rec1{ width:48%; }
.rec2{ width:48%; margin-left:4%; }
.rebg{ width:100%; display:table; border-bottom:1px solid #CCC; }
.rebg .re1{ display:table-cell; padding:10px 5px; width:100px; }
.rebg .re2{ display:table-cell; padding:10px 5px; width:auto; }

p.r-p{ display:none; }
.c-cap{ font-size:20px;background-size:180px; padding-left:200px; height:50px; line-height:50px; }

/*ご利用にあたって*/
.gu1{ display:block; float:left; width:35%; background-size:contain; background-position:bottom center; padding-bottom:19.775%; }
.gu2{ float:right; width:63%; }
.gu2 ul{  }
.gu3{ display:none; }
.gu4{ width:100%; margin-bottom:25px; }
.gu5{ float:left; width:63%; padding:10px; }
.gu5 div{ padding:10px; }
.gu6{ display:block; float:right; width:35%; background-size:contain; background-position:bottom center; padding-bottom:19.775%; }
h2.gh2{ font-size:40px; margin-bottom:15px; }


/*会社概要*/
.com01bg{ margin:50px 0px 0px; padding:0px 0px 50px; background-position:left center; background-size:350px; }
.com01bg .com01{ width:60%; margin:0px 0px 0px 40%; background-position:left center; background-size:contain; font-size:55px; line-height:60px; padding-left:150px; }
.com01bg .cdet{ margin:40px 0px 0px 40%; width:60%; font-size:17px; line-height:28px; }
.com02bg{ margin:50px 0px 0px; padding:0px 0px 50px; background-position:right center; background-size:350px; }
.com02bg .com02{ width:40% background-position:left center; background-size:contain; font-size:80px; line-height:80px; padding-top:40px; padding-left:150px; }
.com02bg .cdet{ margin-top:40px; width:60%; font-size:17px; line-height:28px; }

.ceo-l{ float:right; width:60%; font-size:16px; line-height:26px; margin:50px 0px 0px; }
.ceo-l h2{ margin-bottom:25px; font-size:26px; line-height:32px; }
.ceo-l .ceo-c{ display:none; } 
.ceo-l p{ margin:25px 0px 50px; font-size:17px; text-align:left; }
.ceo-l p span{ }
.ceo-r{ display:inline-block; float:left; width:30%; padding-top:40%; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; margin:50px 0px 75px 2.5%; }

.com-detbg1{ padding:20px 20px 0px 20px; }
.com-detbg1 div.detbg{ padding:20px 20px 0px 20px; } 
.com-detbg2{ padding:0px 20px 20px 20px; }
.com-detbg2 div.detbg{ padding:0px 20px 20px 20px; } 

div.googlebg{ height:450px; }

/*訪問エリア*/
table.ar{}
table.ar td{}
table.ar td.mi{}
table.ar td.na{}

/*写真一覧*/
.res32{ width:31% }
.res32.c1{ margin:0px 0px 3.5%; }
.res32.c2{ margin:0px 3.5% 3.5%; }
.res32.c3{ margin:0px 0px 3.5%; }
.res32.c4{ margin:0px 0px 3.5%; }
.res32.c5{ margin:0px 3.5% 3.5%; }
.res32.c6{ margin:0px 0px 3.5%; }
.res32.c7{ margin:0px 0px 3.5%; }
.res32.c8{ margin:0px 3.5% 3.5%; }
.res32.c9{ margin:0px 0px 3.5%; }
.res32.c10{ margin:0px 0px 3.5%; }
.res32.c11{ margin:0px 3.5% 3.5%; }
.res32.c12{ margin:0px 0px 3.5%; }
p.res2p{ display:none; }
p.res3p{ display:block; }

/*取扱い製品情報*/
.right-t{ display:none; }
.Ccob1{ }
.Ccob2{ }

div.p-left{ display:inline-block; width:23%; }
div.p-right{ width:72%; }

.catbg{ }
.catbg .cat{ float:left; width:50%; }
.catbg .cat .img{ float:left; width:30%; padding-top:30%; margin-bottom:0px; }
.catbg .cat .det{ width:auto; padding:2.5%; }
.catbg .cat .det p{ }
.catbg .cat .det p.da{ }
.catbg .cat .det p.ms{ }
p.catsen1{ display:block; }
p.catsen2{ display:none; }
p.catsen3{ display:none; }

.catcap{ padding:7px; }
.catcap .img{ float:left; width:30%; padding-top:15%; margin-right:2%; }
.catcap .det{ overflow:hidden; }
.catcap .det h1{ }
.catcap .det p{  }

.cp2{ display:block; }
.cp3{ display:none; }

.probg{ width:33.33333%; float:left; }
.probg .imgbg{ }
.probg .imgbg .img{ }
.probg .imgbg .pcon{ }
.probg .det{ width:100%; padding:5%; }
.probg .det .opt{ }
.probg .det .opt span{ padding:0px 8px; line-height:12px; height:14px; margin-right:5px; }
.probg .det .opt span.act{ }
.probg .det .opt span.non{ }
.probg .det p{ }
.probg .det p.ma{ }
.probg .det p.na{ }
.probg .det p.pr{ }

.cpr2{ display:none; }
.cpr3{ display:block; }

/*お問い合わせ*/
div.c1122bg{ border-left:8px solid #aaa; display:table; padding:5px 0px 5px 25px; }
div.c1122bg div.c11{ display:table-cell; width:30%; vertical-align:middle; padding-bottom:0px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:table-cell; width:70%; vertical-align:middle; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 div.img{ width:150px; padding-top:150px; margin-right:2%; }

.btn{ line-height:50px; width:225px; height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.btn.gr{ margin:0px auto 0px; }
.btn.br{ margin:0px auto 0px; }
.btn.gra{ line-height:60px; height:60px; width:400px; }

/*フッター*/
div.sfoot{}
div.sfoot .waku{ padding-bottom:125px; }
div.sfoot .sf-c{ width:10%; left:50%; margin-left:0px; bottom:50px; }
div.sfoot .sf-l{ float:left; width:50%; text-align:center; }
div.sfoot .sf-l1{ margin:20% 0px 15px; font-size:18px; }
div.sfoot .sf-l2{ font-size:12px; margin-bottom:50px; }
div.sfoot .sf-l2 br{ display:none; } 
div.sfoot .sf-l3{ height:40px; line-height:40px; margin-bottom:0px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:0px 25px; font-size:15px; }
div.sfoot .sf-r{ float:right; width:35%; margin-top:5%; margin-left:0px; }
div.sfoot .sf-b{ }

div.foot{ min-width:auto; }
div.foot img.ho{ width:300px; margin-bottom:25px; }
div.foot p.ad{ font-size:15px; }
div.foot p.ad a{ }
div.foot p.ar{ font-size:12px; margin:15px 0px 25px; }
div.foot div.tcbg{ display:table; }
div.foot div.tcbg div{ display:table-cell; vertical-align:middle; width:auto; }
div.foot div.tcbg div.f1{ }
div.foot div.tcbg div.f2{}
div.foot img.te{ width:225px; margin-right:10px; margin-bottom:0px; }
div.foot a.co{ height:36px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
div.foot a.co span{ line-height:36px; background-size:25px; background-position:15px center; padding:0px 25px 0px 50px; width:auto; }

p.co{ font-size:11px; }

}
@charset "UTF-8";
@media screen and (max-width: 768px){

.waku{ padding:0px 2.5%; min-width:auto; }
.pts{ font-size:13px; }
.pts1{ font-size:12px; }
.pts2{ font-size:11px; }
.pts3{ font-size:10px; }
.pts4{ font-size:18px; }
.pts5{ font-size:16px; }
.pts6{ font-size:14px; }
.pts7{ font-size:25px; }
.pts8{ font-size:33px; }
.pts9{ font-size:15px; }
.pts10{ font-size:14px; }
.pts11{ font-size:9px; }

.topbg{ padding-top:500px; }
.topbg .topbg1{ width:700px; left:50%; margin-left:-175px; bottom:0px; }

.pagebg{ margin-top:75px; height:175px; }
.pagebg .waku{}
.pagebg .waku h2{ font-size:20px; line-height:30px; padding-top:52px; }
.pagebg .waku h3{ font-size:24px; line-height:40px; }

.tcopy{ left:2%; top:-300px; width:70%; }

.cap1{ padding:0px 20px; font-size:27px; }
.tinfo{ padding:20px; margin-bottom:25px }
.tinfo p{ padding:5px 2.5%; }
.tinfo p span{ white-space:normal; }
.tinfo p span.dt{ display:block; line-height:auto; font-size:13px; }
.tinfo p span.da{ line-height:auto; font-size:15px; }

/*トップお知らせ*/
.winfo{ display:table; }
.winfo a{ display:table-cell; width:33.33333%; vertical-align:top; }
.binfo{ width:100%; }
.binfo .img{ float:none; width:100%; padding-top:100%; }
.binfo .det{ padding:5% 5% 40px; overflow:auto; }
.binfo .det p.dt{ margin-bottom:10px; font-size:14px; }
.btinfo .det p.da{ font-size:15px; }
.binfo p.sen1{ display:none; }
.binfo p.sen2{ display:none; }
.binfo.i1{ display:inline-block; }
.binfo.i2{ display:inline-block; }
.binfo.i3{ display:inline-block; }
.binfo.i4{ display:none; }
.btinfobg .btn{ bottom:-18px; left:50%; margin-left:-35%; }

.tcombg{ background-size:1000px; padding:100px 0px 0px; }
.tcombg img{ margin-bottom:50px; width:90%; }
.tcombg a{ line-height:50px; height:50px; width:350px; font-size:16px; }
.tcombg a:hover{ }

/*メニュー*/
#menubg{ }
div#menubg h1{ font-size:10px; display:block; }
ul.menu{ }
ul.menu li{ }
ul.menu li a{ }
ul.menu li.ho{ max-width:200px; width:200px; }
ul.menu li.h24{ display:table-cell; width:90px; padding-right:5px; }
ul.menu li.te{ display:table-cell; width:175px; padding-right:15px; }

ul.menu li.sm{ width:35px; }

ul.tmenu{ display:none; }

/*ページルート*/
ol{ }
ol li{ font-size:10px; }
ol li a{ font-size:10px; }

/*トップ理念*/
.rinbg{ -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:15px; }
.trinen{ text-align:center; padding:0px; font-size:17px; display:inline-block; }
.rin1{}
.rin2{ border-top:2px dotted #CCC; border-bottom:2px dotted #CCC; margin:5px 0px; padding:5px 0px; }
.rin3{}
.ri1{ font-size:1.7em; }
.ri2{ font-size:1.7em; }
.ri3{ font-size:1.7em; }
.tbr{ display:block; }
.sbr{ display:none; }
.rinen1{ display:inline-block; }
.rinen2{ display:none; }

/* お知らせ・ブログ */
.info-l{ width:100%; }
.info-r{ width:100%; margin-left:0%; margin-top:0%; }

/*ボタン*/
.a-btn{ width:174px; line-height:36px; }

/*ブログ*/
.clear1{ display:none; }
.clear2{ display:none; }
.clear3{ display:block; }

.bbinfo{ width:33.33333%; }
.bbinfo .img{ width:100%; padding-top:100%; }
.bbinfo .det{ padding:25px 25px 40px; overflow:auto; }
.bbinfo .det p.dt{ margin-bottom:10px; }
.bbinfo .det p.da{ }

/*アーカイブ*/
.archives li{ width:50%; }

/* お知らせ・ブログ */
.responsive-l{ width:100%; }
.responsive-r{ width:100%; margin-left:0%; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:50px; height:50px; font-size:13px; }
div#prevback ul li a{ line-height:50px; height:50px; font-size:13px; }
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; }

/*採用情報*/
.akusyubg{ height:500px; padding-top:0px; }
.akusyubg h2{ left:0px; top:50px; font-size:40px; line-height:60px; text-align:left; } 
.akusyubg h2 br{ display:block; } 
.akusyubg h3{ left:0px; top:250px; font-size:20px; line-height:40px; text-align:left; } 
.akusyubg h3 br{ display:block; } 
.akusyubg img{ width:500px; right:0px; top:0px; }

.racbgbg{ padding:2.5%; }
.racbg{ padding:2.5%; }
.racbg span.join{ left:0px; top:-100px; font-size:20px; background-size:145px; padding-left:165px; line-height:50px; height:50px; }

.rec{ float:left; }
.rec1{ width:100%; }
.rec2{ width:100%; margin-left:0px; }
.rebg{ width:100%; display:table; border-bottom:1px solid #CCC; }
.rebg .re1{ display:table-cell; padding:10px 5px; width:100px; }
.rebg .re2{ display:table-cell; padding:10px 5px; width:auto; }

p.r-p{ display:block; margin:25px 0px 15px; }
.c-cap{ font-size:20px; background-size:145px; padding-left:165px; height:40px; line-height:40px; }

/*ご利用にあたって*/
.gu1{ display:none; }
.gu2{ float:none; width:100%; }
.gu2 ul{  }
.gu3{ display:block; }
.gu4{ width:100%; margin-bottom:25px; }
.gu5{ float:none; width:100%; padding:10px; }
.gu5 div{ padding:10px; }
.gu6{ display:none; }
h2.gh2{ font-size:35px; margin-bottom:15px; }

/*会社概要*/
.com01bg{ margin:25px 0px 0px; padding:75px 0px 0px; background-position:right top; background-size:35%; }
.com01bg .com01{ background-position:left center; background-size:contain; font-size:45px; line-height:50px; padding-left:125px; }
.com01bg .cdet{ margin:50px 5% 0px; width:90%; font-size:16px; line-height:26px; }
.com02bg{ margin:25px 0px 50px; padding:75px 0px 0px; background-position:right top; background-size:35%;  }
.com02bg .com02{ background-position:left center; background-size:contain; font-size:60px; line-height:60px; padding-top:40px; padding-left:125px; }
.com02bg .cdet{ margin:50px 5% 0px; width:90%; font-size:16px; line-height:26px; }

.ceo-l{ float:none; width:100%; font-size:16px; line-height:26px; margin:50px 0px 0px; }
.ceo-l h2{ margin-bottom:25px; font-size:45px; line-height:51px; }
.ceo-l .ceo-c{ display:inline-block; width:80%; padding-top:60%; margin:0px 10% 25px; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; } 
.ceo-l p{ margin:25px 0px 75px; font-size:16px; text-align:right; }
.ceo-l p span{ }
.ceo-r{ display:none; }

.com-detbg1{ padding:2.5% 2.5% 0px 2.5%; }
.com-detbg1 div.detbg{ padding:2.5% 2.5% 0px 2.5%; }
.com-detbg2{ padding:0px 2.5% 2.5% 2.5%; }
.com-detbg2 div.detbg{ padding:0px 2.5% 2.5% 2.5%; }

div.googlebg{ height:400px; }

/*訪問エリア*/
table.ar{ }
table.ar td{}
table.ar td.mi{}
table.ar td.na{}

/*写真一覧*/
.res32{ width:32% }
.res32.c1{ margin:0px 0px 2%; }
.res32.c2{ margin:0px 2% 2%; }
.res32.c3{ margin:0px 0px 2%; }
.res32.c4{ margin:0px 0px 2%; }
.res32.c5{ margin:0px 2% 2%; }
.res32.c6{ margin:0px 0px 2%; }
.res32.c7{ margin:0px 0px 2%; }
.res32.c8{ margin:0px 2% 2%; }
.res32.c9{ margin:0px 0px 2%; }
.res32.c10{ margin:0px 0px 2%; }
.res32.c11{ margin:0px 2% 2%; }
.res32.c12{ margin:0px 0px 2%; }
p.res2p{ display:none; }
p.res3p{ display:block; }

/*取扱い製品情報*/
.right-t{ display:block; }
.Ccob1{ }
.Ccob2{ }

div.p-left{ display:none; }
div.p-right{ float:none; width:100%; }

.catbg{ }
.catbg .cat{ float:left; width:33.33333%; }
.catbg .cat .img{ padding-top:50%; }
.catbg .cat .det{ padding:15px 5% 25px; }
.catbg .cat .det p{ }
.catbg .cat .det p.da{ }
.catbg .cat .det p.ms{ }
p.catsen1{ display:block; }
p.catsen2{ display:none; }
p.catsen3{ display:none; }

.catcap{ padding:5px; }
.catcap .img{ float:left; width:25%; padding-top:16.25%; margin-right:2.5%; }
.catcap .det{ overflow:hidden; }
.catcap .det h1{ }
.catcap .det p{  }

.cp2{ display:none; }
.cp3{ display:block; }

.probg{ width:33.33333%; float:left; }
.probg .imgbg{ }
.probg .imgbg .img{ }
.probg .imgbg .pcon{ }
.probg .det{ width:100%; padding:5%; }
.probg .det .opt{ }
.probg .det .opt span{ padding:0px 8px; line-height:12px; height:14px; margin-right:5px; }
.probg .det .opt span.act{ }
.probg .det .opt span.non{ }
.probg .det p{ }
.probg .det p.ma{ }
.probg .det p.na{ }
.probg .det p.pr{ }

.cpr2{ display:none; }
.cpr3{ display:block; }

/*お問い合わせ*/
.txt30{ width:250px; }
.cob{ width:85px; }

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:125px; padding-top:125px; margin-right:2.5%; }

.btn{ line-height:44px; width:300px; height:44px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; }
.btn.gr{ margin:0px 3px 5px; }
.btn.br{ margin:5px 3px 0px; }
.btn.gra{ line-height:50px; height:50px; width:350px; }

/*フッター*/
div.sfoot{}
div.sfoot .waku{ padding-bottom:100px; }
div.sfoot .sf-c{ width:12.5%; left:87.5%; margin-left:0%; bottom:25px; }
div.sfoot .sf-l{ float:left; width:45%; text-align:center; }
div.sfoot .sf-l1{ margin:20% 0px 15px; font-size:14px; }
div.sfoot .sf-l2{ font-size:12px; margin-bottom:30px; }
div.sfoot .sf-l2 br{ display:block; } 
div.sfoot .sf-l3{ height:36px; line-height:36px; margin-bottom:0px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; padding:0px 15px; font-size:13px; }
div.sfoot .sf-r{ float:left; width:40%; margin-top:7%; margin-left:0px; }
div.sfoot .sf-b{ }

div.foot{ min-width:auto; }
div.foot img.ho{ width:300px; margin-bottom:25px; }
div.foot p.ad{ font-size:15px; }
div.foot p.ad a{ }
div.foot p.ar{ font-size:12px; margin:15px 0px 25px; }
div.foot div.tcbg{ display:table; }
div.foot div.tcbg div{ display:table-cell; vertical-align:middle; width:auto; }
div.foot div.tcbg div.f1{ }
div.foot div.tcbg div.f2{}
div.foot img.te{ width:225px; margin-right:10px; margin-bottom:0px; }
div.foot a.co{ height:36px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
div.foot a.co span{ line-height:36px; background-size:25px; background-position:15px center; padding:0px 25px 0px 50px; width:auto; }

p.co{ font-size:11px; }

}
@charset "UTF-8";
@media screen and (max-width:480px){

.waku{ padding:0px 5%; min-width:auto; }
.pts{ font-size:12px; }
.pts1{ font-size:11px; }
.pts2{ font-size:10px; }
.pts3{ font-size:9px; }
.pts4{ font-size:16px; }
.pts5{ font-size:14px; }
.pts6{ font-size:12px; }
.pts7{ font-size:24px; }
.pts8{ font-size:31px; }
.pts9{ font-size:14px; }
.pts10{ font-size:13px; }
.pts11{ font-size:7px; }

.topbg{ padding-top:450px; }
.topbg .topbg1{ width:450px; left:50%; margin-left:-125px; bottom:200px; }

.pagebg{ margin-top:70px; height:150px; }
.pagebg .waku{}
.pagebg .waku h2{ font-size:16px; line-height:30px; padding-top:40px; }
.pagebg .waku h3{ font-size:17px; line-height:40px; }

.tcopy{ left:5%; top:-340px; width:80%; }

.cap1{ padding:0px 20px; font-size:27px; }
.tinfo{ padding:20px; margin-bottom:25px }
.tinfo p{ font-size:15px; padding:5px 2.5%; }
.tinfo p span{ white-space:normal; }
.tinfo p span.dt{ display:block; line-height:auto;  }
.tinfo p span.da{ line-height:auto; font-size:15px; }

/*トップお知らせ*/
.winfo{ display:block; }
.winfo a{ display:block; width:100%; }
.binfo{ width:100%; }
.binfo .img{ float:left; width:40%; padding-top:40%; }
.binfo .det{ padding:5% 5% 0px; overflow:hidden; }
.binfo .det p.dt{ margin-bottom:10px; font-size:13px; }
.binfo .det p.da{ font-size:15px; }
.binfo p.sen1{ display:inline-block; width:50%; border-bottom:1px solid #CCC; top:0px; left:45%; }
.binfo p.sen2{ display:inline-block; width:50%; border-bottom:1px solid #CCC; bottom:0px; left:45%; }
.binfo.i1{ display:inline-block; }
.binfo.i2{ display:inline-block; }
.binfo.i3{ display:inline-block; }
.binfo.i4{ display:none; }
.btinfobg .btn{ bottom:-17px; left:50%; margin-left:-40%; }

.tcombg{ background-size:1000px; padding:100px 0px 0px; }
.tcombg img{ margin-bottom:50px; width:100%; }
.tcombg a{ line-height:60px; height:60px; width:85%; font-size:15px; }
.tcombg a:hover{ }

/*メニュー*/
#menubg{ }
div#menubg h1{ font-size:5px; display:block; }
ul.menu{ }
ul.menu li{ }
ul.menu li a{ }
ul.menu li.ho{ max-width:auto; width:200px; }
ul.menu li.h24{ display:none; }
ul.menu li.te{ display:none; }
ul.menu li.sm{ width:35px; }

ul.tmenu{ display:none; }

/*ページルート*/
ol{ }
ol li{ font-size:10px; }
ol li a{ font-size:10px; }

/*トップ理念*/
.rinbg{ -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:2.5%; }
.trinen{ text-align:center; padding:0px; font-size:17px; display:inline-block; }
.rin1{}
.rin2{ border-top:2px dotted #CCC; border-bottom:2px dotted #CCC; margin:5px 0px; padding:5px 0px; }
.rin3{}
.ri1{ font-size:1.7em; }
.ri2{ font-size:1.7em; }
.ri3{ font-size:1.7em; }
.tbr{ display:none; }
.sbr{ display:block; }
.rinen1{ display:none; }
.rinen2{ display:inline-block; }

/* お知らせ・ブログ */
.info-l{ width:100%; }
.info-r{ width:100%; margin-left:0%; margin-top:0%; }

/*ボタン*/
.a-btn{ width:200px; line-height:36px; }

/*ブログ*/
.clear1{ display:none; }
.clear2{ display:block; }
.clear3{ display:none; }

.bbinfo{ width:50%; }
.bbinfo .img{ width:100%; padding-top:100%; }
.bbinfo .det{ padding:25px 25px 40px; overflow:auto; }
.bbinfo .det p.dt{ margin-bottom:10px; }
.bbinfo .det p.da{ }

/*アーカイブ*/
.archives li{ width:100%; }

/* お知らせ・ブログ */
.responsive-l{ width:100%; }
.responsive-r{ width:100%; margin-left:0px; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:40px; height:40px; font-size:12px; }
div#prevback ul li a{ line-height:40px; height:40px; font-size:12px; }
div#prevback ul li div.ppi{ float:left; width:40px; padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
div#prevback ul li div.nni{ float:right; width:40px;padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

/*採用情報*/
.akusyubg{ height:0px; padding-top:165%; }
.akusyubg h2{ left:0px; top:50px; font-size:30px; line-height:40px; text-align:left; } 
.akusyubg h2 br{ display:block; } 
.akusyubg h3{ left:0px; top:200px; font-size:16px; line-height:25px; text-align:left; } 
.akusyubg h3 br{ display:none; } 
.akusyubg img{ width:100%; right:0px; top:200px; }

.racbgbg{ padding:5%; }
.racbg{ padding:5%; }
.racbg span.join{ left:-5%; top:-75px; font-size:20px; background-size:80px; padding-left:90px; line-height:50px; height:50px; }

.rec{ float:left; }
.rec1{ width:100%; }
.rec2{ width:100%; margin-left:0px; }
.rebg{ width:100%; display:block; border-bottom:1px solid #CCC; }
.rebg .re1{ display:block; width:100%; padding:10px 5px; }
.rebg .re2{ display:block; width:100%; padding:0px 5px 10px 15px; }

p.r-p{ display:block; margin:25px 0px 10px; }
.c-cap{ font-size:17px;background-size:80px; padding-left:90px; height:30px; line-height:30px; }

/*ご利用にあたって*/
.gu1{ display:none; }
.gu2{ float:none; width:100%; }
.gu2 ul{  }
.gu3{ display:block; }
.gu4{ width:100%; margin-bottom:25px; }
.gu5{ float:none; width:100%; padding:10px; }
.gu5 div{ padding:10px; }
.gu6{ display:none; }
h2.gh2{ font-size:25px; margin-bottom:15px; }

/*会社概要*/
.com01bg{ margin:50px 0px 0px; padding:0px 0px 0px; background-position:center 90px; background-size:250px; }
.com01bg .com01{ background-position:left center; background-size:contain; font-size:35px; line-height:40px; padding-left:100px; }
.com01bg .cdet{ margin:275px 0px 0px; width:100%; font-size:15px; line-height:24px; }
.com02bg{ margin:50px 0px 0px; padding:0px 0px 0px; background-position:center 90px; background-size:250px;  }
.com02bg .com02{ background-position:left center; background-size:contain; font-size:50px; line-height:50px; padding-top:30px; padding-left:100px; }
.com02bg .cdet{ margin:275px 0px 0px; width:100%; font-size:15px; line-height:24px; }

.ceo-l{ float:none; width:100%; font-size:15px; line-height:24px; margin:50px 0px 0px; }
.ceo-l h2{ margin-bottom:25px; font-size:25px; line-height:31px; }
.ceo-l .ceo-c{ display:inline-block; width:100%; padding-top:75%; margin:0px 0px 25px 0px; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; } 
.ceo-l p{ margin:25px 0px 75px; font-size:15px; text-align:right; }
.ceo-l p span{ }
.ceo-r{ display:none; }

.com-detbg1{ padding:5% 5% 0px 5%; }
.com-detbg1 div.detbg{ padding:5% 5% 0px 5%; }
.com-detbg2{ padding:0px 5% 5% 5%; }
.com-detbg2 div.detbg{ padding:0px 5% 5% 5%; }

div.googlebg{ height:350px; }

/*訪問エリア*/
table.ar{ }
table.ar td{}
table.ar td.mi{}
table.ar td.na{}

/*取扱い製品情報*/
.right-t{ display:block; }
.Ccob1{ }
.Ccob2{ }

div.p-left{ display:none; }
div.p-right{ float:none; width:100%; }

.catbg{ }
.catbg .cat{ float:left; width:50%; }
.catbg .cat .img{ padding-top:50%; }
.catbg .cat .det{ padding:15px 5% 25px; }
.catbg .cat .det p{ }
.catbg .cat .det p.da{ }
.catbg .cat .det p.ms{ }
p.catsen1{ display:block; }
p.catsen2{ display:none; }
p.catsen3{ display:none; }

.catcap{ padding:3px; }
.catcap .img{ float:left; width:20%; padding-top:20%; margin-right:10px; }
.catcap .det{ overflow:hidden; }
.catcap .det h1{ }
.catcap .det p{  }

.cp2{ display:block; }
.cp3{ display:none; }

.probg{ width:50%; float:left; }
.probg .imgbg{ }
.probg .imgbg .img{ }
.probg .imgbg .pcon{ }
.probg .det{ width:100%; padding:5%; }
.probg .det .opt{ }
.probg .det .opt span{ padding:0px 5px; line-height:12px; height:14px; margin-right:3px; }
.probg .det .opt span.act{ }
.probg .det .opt span.non{ }
.probg .det p{ }
.probg .det p.ma{ }
.probg .det p.na{ }
.probg .det p.pr{ }

.cpr2{ display:block; }
.cpr3{ display:none; }

/*写真一覧*/
.res32{ width:47.5% }
.res32.c1{ margin:0px 5% 5% 0px; }
.res32.c2{ margin:0px 0px 5%; }
.res32.c3{ margin:0px 5% 5% 0px; }
.res32.c4{ margin:0px 0px 5%; }
.res32.c5{ margin:0px 5% 5% 0px; }
.res32.c6{ margin:0px 0px 5%; }
.res32.c7{ margin:0px 5% 5% 0px; }
.res32.c8{ margin:0px 0px 5%; }
.res32.c9{ margin:0px 5% 5% 0px; }
.res32.c10{ margin:0px 0px 5%; }
.res32.c11{ margin:0px 5% 5% 0px; }
.res32.c12{ margin:0px 0px 5%; }
p.res2p{ display:block; }
p.res3p{ display:none; }

/*お問い合わせ*/
.txt30{ width:250px; }
.cob{ width:85px; }

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:100px; padding-top:100px; margin-right:2.5%; }

.btn{ line-height:50px; width:85%; height:50px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.btn.gr{ margin:0px 3px 5px; }
.btn.br{ margin:5px 3px 0px; }
.btn.gra{ line-height:60px; height:60px; width:85%; }

/*フッター*/
div.sfoot{}
div.sfoot .waku{ padding-bottom:80px; }
div.sfoot .sf-c{ width:23%; left:77%; margin-left:0%; bottom:15px; }
div.sfoot .sf-l{ float:left; width:100%; }
div.sfoot .sf-l1{ margin:25px 0px 15px; font-size:14px; }
div.sfoot .sf-l2{ font-size:12px; margin-bottom:30px; }
div.sfoot .sf-l2 br{ display:block; } 
div.sfoot .sf-l3{ height:36px; line-height:36px; margin-bottom:25px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; padding:0px 15px; font-size:13px; }
div.sfoot .sf-r{ float:left; width:70%; margin-left:5%; }
div.sfoot .sf-b{ }

div.foot{ min-width:auto; }
div.foot img.ho{ width:70%; margin-bottom:25px; }
div.foot p.ad{ font-size:13px; }
div.foot p.ad a{ }
div.foot p.ar{ font-size:11px; margin:15px 0px 25px; }
div.foot div.tcbg{ display:block; }
div.foot div.tcbg div{ display:block; width:100%; }
div.foot div.tcbg div.f1{}
div.foot div.tcbg div.f2{}
div.foot img.te{ width:200px; margin-right:0px; margin-bottom:10px; }
div.foot a.co{ height:36px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
div.foot a.co span{ line-height:36px; background-size:25px; background-position:20px center; padding:0px 0px 0px 25px; width:200px; }

p.co{ font-size:10px; }

}