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

.waku{ padding:0px 2%; }
.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:25px; }
.pts8{ font-size:15px; }
.pts9{ font-size:50px; }

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

/*メニュー*/
#menubg{ height:87px; }
ul.menu{ height:87px; padding-top:10px; }
ul.menu li { height:67px; }
ul.menu li a{ height:67px; }
ul.menu li.ho{ width:250px; }
ul.menu li.lm{ display:inline-block; }
ul.menu li.te{ width:225px; margin:0px 0px 0px 15px; }
ul.menu li.sm{ display:none; width:57px; }

.pinkbg{ padding:75px 0px; }
.res21 img.l{ float:left; width:45%; margin:0px 5% 0px 0px; }
.res21 img.r{ float:right; width:45%; }
.res21 div.pink{ border-bottom:3px solid #F36; border-right:3px solid #F36; width:50%; padding:50px 25px 25px; }

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

/*トップお知らせ*/
div.tinfo{ float:left; width:31%; border:none; padding:0px; }
div.tinfo div.img{ float:none; width:100%; padding-top:56.25%; margin:0px 0px 10px; }
div.tinfo div.det{ overflow:hidden; }
.tinfo.c1{ border-top:none; }
.tinfo.c2{ margin:0px 3.5%; }

/*ページトップ*/
div#pagetitle{ height:300px; }
div#pagetitle div.b1{ width:350px; height:100px; margin-left:-175px; bottom:64px; }
div#pagetitle div.b1 div.b2 p.en{ font-size:22px; height:30px; }
div#pagetitle div.b1 div.b2 p.ja{ font-size:13px; height:16px; }

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

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

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

/*about*/

/*メッセージ*/
.t-message{ background-position:right center; background-size:32%; }
.t-message .left1{ float:left; width:35%; padding:100px 5% 100px 0px; }
.t-message .left1 h1{ margin-bottom:25px; }
.t-message .left2{ float:left; width:40%; padding:100px 5% 100px 0px; line-height:28px; }

/*トップお知らせ*/
.t-info h2{ margin-bottom:25px; }
.t-info .infobg{ padding:0px; background-position:99% center; }
.t-info .infobg span{ line-height:50px; }
.t-info .infobg span.dt{ padding:0px 15px; }
.t-info .infobg span.da{ padding:0px; display:inline-block; width:auto }

/*受け入れまでの流れ*/

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

/*正会員、賛助会員募集中*/
div.boxbg3 div{ width:35%; height:325px; top:25px; }
div#recruitmentbg{ padding:50px 0px; background-position:right center; background-size:70%; }
div#recruitmentbg div.waku{ text-align:left; }
div#recruitmentbg div.waku div.recruitment{ float:left; width:400px;  }
div#recruitmentbg div.waku div.recruitment div{ margin:25px 0px; }
div#recruitmentbg div.waku div.recruitment a{ line-height:40px; padding:0px 25px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }


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

/*トップ事業内容*/
.c-business{ padding:50px 0px; } 
.c-business img.lo{ width:150px; margin-bottom:50px; }
.c-business img.ri{ width:90%; }
.t-business div{ float:left; width:33.33333%; padding-top:16.5%; }
.t-business .b5{ background-size:80%; background-position:center; }
.t-business .b5 span{ left:50%; margin-left:-100px; bottom:10px; width:200px; line-height:36px; }

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

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

div.pdf a{ float:left; }
div.pdf a.pdf2{ margin:0px 10px; }

/*組合情報*/
h1.c-cap{ font-size:50px; }
h1.c-cap span{ margin-left:15px; }
h2.c-sub{ font-size:18px; margin-bottom:25px; }
h2.c-sub span{ display: inline-block; width:20px; }
h4.tcom{ font-size:20px; text-align:center; line-height:50px; }
h5.tcom span{ font-size:13px; text-align:center; display:inline; }
div.greeting{ font-size:14px; }
div.greeting p img{ width:180px; }
div.combg{ display:table; width:100%; border:1px solid #ccc; border-bottom:none; }
.combg.las{ border-bottom:1px solid #ccc; }
div.com{ display:table-cell; padding:1.6%; }
div.com,div.com p,div.com a{ font-size:14px; }
div.com1{ width:25%; border-right:1px solid #ccc; border-bottom:none; }
div.com2{ width:75%; }
div.com2 img{ float:left; margin-right:15px; margin-bottom:0px; width:30%; }
div.com2 img.rcom{ float:right; margin-left:15px; margin-right:0px; border-bottom:0px; width:30%; } 
div.com2 div{ width:auto; clear:none; }
div.com2 p.opts{ font-size:12px; }
div.access{ height:350px; }

div.about-flow .con{ background-size:50%; padding-top:0px; }
div.about-flow .con-l{ padding-right:55%; background-position:right center; }
div.about-flow .con-r{ padding-left:55%; background-position:left center; }
div.about-flow .con .wbg{ width:auto; margin:0px; padding:50px 0px; background:none; box-shadow:none; }
div.about-flow .con .wbg h1.cap{ font-size:30px; background-size:32px; line-height:35px; padding-left:0px; }
div.about-flow .con .wbg a.btn{ height:50px; line-height:50px; width:250px; margin:0px; background-size:12px; }

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


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

/*PREV_NEXT*/
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; }

/*プログラム*/
div.pro{ width:28%; }
div.pro img{ width:100%; margin:0px 0px 15px; }
.pro.c1{ margin:0px 0px 0px 4%; }
.pro.c2{ margin:0px 4%;}
.pro.c3{ margin:0px 4% 0px 0px; }
.probg{ height:350px; }
.probg div{ background-size:600px; }
img.pro-cap{ width:600px; }

/*お問い合わせ*/
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.c22{ display:table-cell; width:70%; vertical-align:middle; }
div.c1122bg div.c22 div.img{ width:200px; padding-top:96px; 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; }

/*フッター*/
div.foot .f-left{ float:left; width:65%; text-align:left; }
div.foot .f-left img.flogo{ width:175px; float:left; margin-right:20px; }
div.foot .f-left div{ width:auto; margin:0px; }
div.foot .f-left div p.add a{ background-size:14px; padding-right:18px; }
div.foot .f-left ul.fmenu{ width:100%; margin:25px 0px 0px; border:none; }
div.foot .f-left ul.fmenu li{ width:auto; display:inline-block; border:none; margin-right:10px; }
div.foot .f-left ul.fmenu li a{  line-height:auto; }
div.foot .f-right{ float:right; width:35%; text-align:right; }
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:left; border-top:1px solid #888; margin-top:25px; }
}