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

.waku{ padding:0px 5%; }
.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:20px; }
.pts8{ font-size:13px; }
.pts9{ font-size:30px; }

.tcopy{ background-size:90%; background-image:url(../img/copy2.png); }

/*メニュー*/
#menubg{ height:58px; }
ul.menu{ height:58px; padding-top:5px; }
ul.menu li{ height:48px; }
ul.menu li a{ height:48px; }
ul.menu li.ho{ width:110px; }
ul.menu li.lm{ display:none; }
ul.menu li.te{ width:130px; margin-right:5px; }
ul.menu li.sm{ display:inline-block; width:40px; }

.pinkbg{ padding:250px 0px 50px; }
.res21{ }
.res21 img.l{ float:none; width:80%; margin:0px auto 25px; }
.res21 img.r{ float:none; width:80%; margin:0px auto 25px; }
.res21 div{ }
.res21 div.pink{ border-bottom:3px solid #F36; border-right:3px solid #F36; width:100%; padding:25px; }
.res21 h1{ }
.res21 h2{ }
.res21 p{}

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

/*トップお知らせ*/
div.tinfo{ float:left; width:100%; border-bottom:2px dotted #675C58; padding:5% 0px; }
div.tinfo div.img{ float:left; width:20%; padding-top:20%; margin:0px 5% 0px 0px; }
div.tinfo div.det{ overflow:hidden; }
div.tinfo div.det p.dt{ }
div.tinfo div.det p.da{ }
.tinfo.c1{ border-top:2px dotted #675C58; }
.tinfo.c2{ margin:0px; }

/*ページトップ*/
div#pagetitle{ height:250px; }
div#pagetitle{ }
div#pagetitle div.b1{ width:250px; height:80px; margin-left:-125px; bottom:74px; }
div#pagetitle div.b1 div.b2{  }
div#pagetitle div.b1 div.b2 p.en{ font-size:18px; height:26px; }
div#pagetitle div.b1 div.b2 p.ja{ font-size:11px; height:14px; }

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

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

/*新着情報*/
ul.news{ display:inline-block; width:90%; left:50%; margin-left:-45%; bottom:10px; }

/*about*/
.t-aboutbg{ }
.t-aboutbg h1{ }
.t-aboutbg h2{ }

/*メッセージ*/
.t-message{ background-position:130% center; background-size:70%; }
.t-message .left1{ float:left; width:55%; padding:15px 5% 10px 0px; }
.t-message .left1 h1{ margin-bottom:5px; }
.t-message .left1 h2{ }
.t-message .left2{ float:left; width:55%; padding:0px 5% 15px 0px; clear:both; line-height:19px; }

/*pageview*/
ul.pageview{ clear:both; padding:5px 0px; font-size:11px; }
ul.pageview li{ line-height:26px; margin:2.5px; }
ul.pageview li a{ width:26px; height:26px; line-height:26px; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }

/*トップお知らせ*/
.t-info{ }
.t-info h1{ }
.t-info h2{ margin-bottom:25px; }
.t-info .top{ }
.t-info .infobg{ padding:5px 0px; background-position:100% center;  }
.t-info .infobg span{ line-height:22px; }
.t-info .infobg span.dt{ padding:0px 10px; }
.t-info .infobg span.da{ padding:0px 10px; display:block; width:100%; }
.t-info .infobg span.da a{ }
.t-info .infobg span.da a:hover{ }

/*受け入れまでの流れ*/
.t-float{  }
.t-float h1{ }

.t-float .float{ float:left; width:90%; }
.t-float .float div{ font-size:40px; width:80px; height:80px; line-height:80px; margin-bottom:25px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; }
.t-float .float h1{ font-size:16px; margin-bottom:10px; }
.t-float .float h2{ font-size:15px; height:60px; line-height:20px; overflow:hidden; }
.float.f1{ margin:0px 5% 25px; }
.float.f2{ margin:0px 5% 25px; }
.float.f3{ margin:0px 5% 25px; }
.float.f4{ margin:0px 5% 25px; }
.float.f5{ margin:0px 5% 25px; }
.float.f6{ margin:0px 5% 25px; }

/*正会員、賛助会員募集中*/
div#recruitmentbg{ padding:50% 0px 0px; background-position:top center; background-size:100%; margin-bottom:25px; }
div#recruitmentbg div.waku{ text-align:center; }
div#recruitmentbg div.waku div.recruitment{ float:none; width:100%;  }
div#recruitmentbg div.waku div.recruitment h1{ }
div#recruitmentbg div.waku div.recruitment h2{ }
div#recruitmentbg div.waku div.recruitment div{ margin:15px 0px; }
div#recruitmentbg div.waku div.recruitment a{ line-height:30px; padding:0px 25px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }

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

/*事業内容*/
.bnsbg{ display:block; margin-bottom:100px; }
.bnsbg2{ margin-bottom:100px; } 
.bnsbg .bns{ display:block; text-align:center; }
.bnsbg .bns div{ width:100%; padding-top:50%; }
img.img0{ width:80%; max-width:auto; margin:25px auto 0px; }
.bnsbg .bns div.img1{ display:block; }
.bnsbg .bns div.img2{ display:none; }
div.img3{ width:100%; padding-top:50%; margin:25px auto; }
.bnsbg .bns p.bns-p{ border-left:30px solid #000; width:75px; height:2px; }
.bnsbg .bns h1{ margin-bottom:10px; }
.bnsbg .bns h2{ }
.bnsbg .bns-l{ width:100%; padding-right:0px; padding-bottom:0px; }
.bnsbg .bns-r{ width:100%; padding-left:0px; }
.bnsbg .bns-ll{ width:100%; padding-right:px; padding-bottom:0px; }
.bnsbg .bns-ll h2 br{ display:block; }
.bnsbg .bns-ll p{ text-align:center; }
.bnsbg .bns-rr{ width:100%; padding-left:25px; }

p.holn{ }
p.holn{ }
div.pdf{ }
div.pdf a{ float:none; }
div.pdf a.pdf1{ }
div.pdf a.pdf2{ }
div.pdf a.pdf3{ }
div#download{ }
div#download p { }
div#download:hover{ }
div#download:hover p{ }


/*組合情報*/
h1.c-cap{ font-size:30px; }
h1.c-cap span{ margin-left:15px; }
h2.c-sub{ font-size:14px; margin-bottom:25px; }
h2.c-sub span{ display:block; width:0px; }
h4.tcom{ font-size:16px; text-align:left; line-height:40px; }
h5.tcom span{ font-size:11px; text-align:left; display:block; }
div.greeting{ font-size:12px; }
div.greeting p img{ width:130px; }
div.combg{ display:block; width:100%; border:1px solid #ccc; border-bottom:none; }
.combg.las{ border-bottom:1px solid #ccc; }
div.com{ display:inline-block; padding:5%; }
div.com,div.com p,div.com a{ font-size:12px; }
div.com1{ width:100%; text-align:left; border-right:none; border-bottom:1px solid #ccc; padding:2.5% 5%; }
div.com2{ width:100%; overflow:hidden; }
div.com2 img{ float:none; margin-right:0px; margin-bottom:10px; width:100%; }
div.com2 img.rcom{ float:none; margin-left:0px; margin-right:0px; border-bottom:10px; width:100%; } 
div.com2 div{ width:100%; clear:both; }
div.com2 p.opts{ font-size:10px; }
div.access{ height:250px; }

div.about-flow{  }
div.about-flow .con{ background-size:100%; padding-top:35%; }
div.about-flow .con-l{ padding-right:0%; background-position:center top; }
div.about-flow .con-r{ padding-left:0%; background-position:center top; }
div.about-flow .con .wbg{ width:90%; margin:0px 5%; padding:25px; background:url(../img/about-w50.png); box-shadow:0px 0px 5px #000; }
div.about-flow .con .wbg h1.cap{ font-size:20px; background-size:22px; line-height:25px; padding-left:0px; }
div.about-flow .con .wbg p.det{ }
div.about-flow .con .wbg a.btn{ height:40px; line-height:40px; width:70%; margin:0px 15%; background-size:12px; }

div#map{ height:300px; margin-top:25px; }

/* お知らせ・ブログ */
.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; }

/*プログラム*/
div.pro{ width:100%; }
div.pro img{ width:70%; margin:0px 15% 15px; }
.pro.c1{ margin:0px; }
.pro.c2{ margin:5% 0px;}
.pro.c3{ margin:0px; }
.probg{ height:250px; }
.probg div{ background-size:90%; }
img.pro-cap{ width:90%; }

/*お問い合わせ*/
.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:200px; padding-top:96px; margin-right:2.5%; }

.btn{ line-height:40px; width:225px; height:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.btn.gr{ margin:0px 3px 5px; }
.btn.br{ margin:5px 3px 0px; }

/*フッターバナー*/
div.foot{ }
div.foot .f-left{ float:none; width:100%; text-align:center; }
div.foot .f-left img.flogo{ width:125px; float:none; margin-right:0px; }
div.foot .f-left div{ width:100%; margin:25px 0px; }
div.foot .f-left div p.add{ }
div.foot .f-left div p.add a{ background-size:14px; padding-right:18px; }
div.foot .f-left div p.add a:hover{ }
div.foot .f-left ul.fmenu{ width:100%; margin:25px auto; border-top:1px solid #CCC; }
div.foot .f-left ul.fmenu li{ float:none; width:100%; display:block; margin-left:0px; border-bottom:1px solid #CCC; }
div.foot .f-left ul.fmenu li a{ line-height:30px; }
div.foot .f-left ul.fmenu li a:hover{ }
div.foot .f-right{ float:none; width:100%; text-align:center; }
div.foot .f-right a.tel{ width:225px; margin-bottom:10px; }
div.foot .f-right a.con{ width:225px; background-position:10px center; background-size:20px; line-height:40px; height:40px; }

p.copy{ text-align:center; border:none; }
}