@charset "utf-8";

/* ==============================================
reset-setting
============================================== */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap');

* {
margin:0; 
padding:0;
}
h1,h2,h3,h4,h5,h6,p,th,td,dt,dd,li {
font-size:100%;
line-height:1.8em;
font-weight:normal;
margin:0;
padding:0;
}
img {
border:none;
vertical-align:top;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style:none;
}

/* ==============================================
font-setting
============================================== */


body {
border-top:#76940d solid 4px;
font-family: 'Noto Sans JP', sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
color:#222222;
font-size:13px;
line-height:22px;
-webkit-text-size-adjust: 100%;
margin:0 auto;
padding:60px 0 0 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

a:link ,
a:visited {
color: #333333;
text-decoration: none;
}
a:link:hover ,
a[href]:hover {
color: #5E7900;
text-decoration: underline;
}
.sp{
display:none;
}
#top .main{
width:1000px;
margin:0 auto;
}
#top p.logo{
text-align:center;
margin:0;
padding:0 0 30px 0;
}
#top #content{
}
#top .inner{
width:1000px;
margin:0 auto;
}

#top h1 {
color:#444444;
text-align:center;
font-size:11px;
padding:0 0 15px 0;
margin:0;
letter-spacing:0.3em;
}
#top #content #about {
margin:10px 0 0 0;
padding:0 0 65px 0;
background:#fbfaf0 url(img/abt_frm_bg.gif) top repeat-x;
}
#top #content #about .inner {
padding:70px 0 0 0;
background:#fbfaf0 url(img/abt_bg.gif) top center no-repeat;
}
#top h2 {
color:#444444;
font-weight:bold;
text-align:center;
font-size:20px;
letter-spacing:0.1em;
padding:45px 0 0 0;
background:url(img/ttl_icn.png) top center no-repeat;
}
#top h2 span{
color:#ccc6b5;
font-weight:bold;
text-align:center;
font-size:11px;
line-height:1.2em;
letter-spacing:0.1em;
}

#top #content dl{
margin:42px 0 0 0;
text-align:center;
}
#top #content dl dt{
line-height:2.4em;
}
#top #content dl dd{
margin:0 0 60px 0;
}
#top #content dl dt span a{
color:#5f7a00;
}

#top #content dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #top #content dl { display:inline-block; }
*:first-child+html #top #content dl { display:inline-block; }

#top #content #news {
padding:50px 0 65px 0;
background:#ffffff;
}
#top #content #news h2 {
margin:0 0 30px 0;
}
#top #content #news .sns-frame{
width:880px;
margin:0 auto;
}
#top #content #news .sns-frame h3{
text-align: center;
margin: 0 0 20px 0;
}
#top #content #news .sns-frame h3 img{
width:45%;
}
#top #content #news .twitter-frame {
float:left;
margin:10px 18px 0 0;
border: 1px solid #dddddd;
}
#top #content #news .fb-page {
margin:10px auto 0 auto;
width:100%;
text-align: center;
}
#top #content #news .sns{
width:880px;
margin:0;
clear: both;
}
#top #content #news .sns p{
text-align:center;
}
#top #content #news .sns p img{
width:267px;
}
#top #content #news .sns ul{
}
#top #content #news .sns ul li{
border:1px solid #d4d4cc;
border-radius: 4px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin:16px 10px 0 0;
float: left;
width: 45%;
}
#top #content #news .sns ul li:last-of-type{
margin:16px 0 0 0;
}
#top #content #news .sns ul li a{
padding:18px 38px 18px 20px;
display:block;
font-size:15px;
font-weight:bold;
}
#top #content #news .sns ul li a span{
font-size:11px;
font-weight:normal;
}
#top #content #news .sns ul li a:hover{
text-decoration:none;
}
#top #content #news .sns ul li.xlink{
background:url(img/top_nws_x.png) 97% no-repeat;
background-size:40px auto;
}
#top #content #news .sns ul li.blog{
background:url(img/top_nws_blg.png) 97% no-repeat;
background-size:40px auto;
}
#top #content #news .sns ul li.instagram{
background:url(img/top_nws_igr.png) 97% no-repeat;
background-size:40px auto;
}
#top #content #news .sns ul li.youtube{
background:url(img/top_nws_ytb.png) 97% no-repeat;
background-size:40px auto;
}
#top #content #news .sns ul li.blog:hover{
background:#f8f8f3 url(img/top_nws_blg_on.png) 97% no-repeat;
background-size:50px auto;
}
#top #content #news .sns ul li.instagram:hover{
background:#f8f8f3 url(img/top_nws_igr_on.png) 97% no-repeat;
background-size:50px auto;
}
#top #content #news .sns ul li.youtube:hover{
background:#f8f8f3 url(img/top_nws_ytb_on.png) 97% no-repeat;
background-size:50px auto;
}
#top #content #news .sns ul li.xlink:hover{
background:#f8f8f3 url(img/top_nws_x_on.png) 97% no-repeat;
background-size:50px auto;
}
#top #content #news:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #top #content #news { display:inline-block; }
*:first-child+html #top #content #news { display:inline-block; }

#top #content #news .movie{
clear: both;
width:650px;
margin:auto;
padding: 60px 0 0 0;
text-align: center;
}
#top #content #news .movie p{
margin: 0 auto 20px auto;
font-size:16px;
font-weight: 500;
display: inline-block;
}
#top #content #news .movie p span{
background: linear-gradient(transparent 70%, #b0e5b4 70%);
}
#top #content #news .movie-wrap {
margin:0 auto;
position: relative;
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;
}
#top #content #news .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#top #content #practice{
border-top:3px solid #fafafa;
margin:0 auto 0 auto;
text-align:center;
padding:50px 0 65px 0;
}
#top #content #practice h3{
font-size:16px;
margin:0 0 20px 0;
text-align:center;
}
#top #content #practice p{
margin:0 0 5px 0;
text-align:center;
}
#top #content #practice p.attention{
margin:15px auto 10px auto;
text-align:left;
width:700px;
font-size:95%;
}
#top #content #practice p.attention a{
color: #D03A3C;
}
#top #content #practice #attention-text{
width:700px;
margin:20px auto 0 auto;
text-align: left;
background: #fafafa;
padding:20px 0;
}
#top #content #practice #attention-text section{
margin:0 30px;
}
#top #content #practice #attention-text h4{
font-size: 13px;
font-weight:700;
margin: 0 0 10px;
}
#top #content #practice #attention-text dl{
font-size: 12px;
text-align: left;
margin: 0 0 12px 0;
letter-spacing: 0.1em;
}
#top #content #practice #attention-text dl:last-of-type{
margin: 0;
}
#top #content #practice #attention-text dl dt{
line-height:normal;
font-weight: 500;
}
#top #content #practice #attention-text dl dd{
margin: 0 0 0 1em;
text-indent:-1em;
}
#top #content #practice table{
border:1px solid #d4d4cc;
width:700px;
margin:10px auto;
background:#ffffff;
font-size:13px;
}
#top #content #practice table th,
#top #content #practice table td{
border-bottom:1px solid #d4d4cc;
border-right:1px solid #d4d4cc;
padding:8px;
}
#top #content #practice table td{
text-align: left;
}
#top #content #practice table th{
background:#d1d0cd;
padding:3px 8px;
border-right:1px solid #eeeeee;
}
#top #content #practice table .place{
border-right:1px solid #eeeeee;
}
#top #content #practice table tr.odd{
background:#fbfbf7;
}
#top #content #practice table tr.off{
background:#eeeeee;
color:#666666;
}
#top #content #practice table th:last-child,
#top #content #practice table td:last-child{
border-right:none;
}
#top #content #practice table td.caution{
color: #D03A3C;
}
#top #content #practice a{
color:#5f7a00;
text-decoration: underline;
}
#top #content #practice p.caption{
width: 680px;
margin: 5px auto;
font-size: 11px;
text-align: left;
}
#top #content #contact {
background:url(img/top_cnt_bg.gif);
padding:50px 0 65px 0;
}
#top #content #contact p {
padding:30px 0 0 0;
text-align:center;
line-height:2.0em;
}
#top #content #contact .mail {
background:#ffffff url(img/top_cnt_icn.gif) 10% no-repeat;
font-size:18px;
color:#444444;
padding:10px 0;
width:330px;
text-align:center;
margin:20px auto 0 auto;
}
#top #content #contact .mail p{
padding:0 0 0 30px;
}
#top #content #contact .mail p a{
display:block;
}
#top #content #contact p.mail-caution{
font-size:85%;
}
#footer {
text-align:center;
font-size:10px;
padding:10px 0;
}

/* =================
定期総会
=================== */
#general-meeting .main{
width:100%;
margin:0 auto;
}
#general-meeting #content{
}
#general-meeting .inner{
width:500px;
margin:0 auto;
}
#general-meeting h1 {
color:#444444;
text-align:center;
font-size:20px;
font-weight:bold;
padding:0 0 15px 0;
margin:0;
letter-spacing:0.3em;
}
#general-meeting #content #list dl {
display: table;
font-size:16px;
padding:20px;
width: 100%;
border-bottom: 1px dotted #000000;
}
#general-meeting #content #list dl:first-of-type {
border-top: 1px dotted #000000;
}
#general-meeting #content #list dl dt {
display:table-cell;
}
#general-meeting #content #list dl dd {
display:table-cell;
}
#general-meeting #content #list dl a{
display:block;
}
#general-meeting #content #list dl:nth-child(2n+1){
  background-color:#fbfbf7;
}
#general-meeting #content #list dl:nth-child(2n){
  background-color:ffffff;
}

@media screen and (max-width: 750px) {
body {
border-top:none;
padding:30px 0 0 0;
}
.sp{
display:inherit;
}
.pc{
display:none;
}
#top .main{
width:auto;
margin:0 auto;
}
#top p.logo{
text-align:center;
margin:0;
padding:0 0 18px 0;
}
#top p.logo img{
width:60%;
}
#top .inner{
width:100%;
}
#top #content{
margin:10px 0 0 0;
padding:0;
}
#top h2 {
font-size:16px;
padding:25px 0 0 0;
background:url(img/ttl_icn_sp.png) top center no-repeat;
background-size:24px auto !important;
}
#top #content #about {
padding:0 0 30px 0;
}
#top #content #about .inner {
padding:40px 0 0 0;
background:#fbfaf0 url(img/abt_bg.gif) top center no-repeat;
}
#top #content #about dl{
margin:20px 0 0 0;
}
#top #content #about dl dd{
float:inherit;
text-align:center;
width:85%;
margin:0 auto;
}
#top #content #about dl dd img{
width:100%;
}
#top #content #about dl dt{
width:70%;
margin:20px auto;
}
#top #content dl dt span a{
text-decoration:underline;
}
#top #content #news {
padding:40px 0 60px 0;
background:#ffffff;
}
#top #content #news h2 {
margin:0 0 20px 0;
}
#top #content #news .twitter-frame {
float:inherit;
width:100%;
margin:0 auto 10px auto;
border-left: none;
border-right: none;
}

#top #content #news .sns-frame{
width:90%!important;
margin:0 auto;
text-align: center;
}
#top #content #news .sns-frame h3{
text-align: center;
margin: 0 0 20px 0;
}
#top #content #news .sns-frame h3 img{
width:80%!important;
}
#top #content #news .sns{
width:auto;
float:inherit;
margin:10px 0 10px 0;
display: block;
}
#top #content #news .sns p{
padding:0 0 10px 0;
}
#top #content #news .sns p img{
width:266px;
}
#top #content #news .sns ul{
width: 100%;
}
#top #content #news .sns ul li{
margin:10px 0 0 0;
width:100%;
float: inherit;
text-align: left;
}
#top #content #news .sns ul li a{
font-size:14px;
padding:18px 0 18px 15px!important;
display: block;
width: 100%;
}
#top #content #news .sns ul li.blog:hover{
background-size:40px auto;
}
#top #content #news .sns ul li.instagram:hover{
background-size:40px auto;
}
#top #content #news .sns ul li.youtube:hover{
background-size:40px auto;
}
#top #content #news .movie{
clear: both;
width:90%;
margin:auto;
padding:40px 0 0 0;
}
#top #content #news .movie p{
font-size:15px;
}

#top #content #practice{
text-align:left;
width:90%;
border:none;
padding:0 0 40px 0;
}
#top #content #practice h3{
font-weight:bold;
font-size:16px;
}
#top #content #practice p{
margin:0 5% 15px 5%;
text-align:left;
}
#top #content #practice p.attention{
margin:10px 0 0 0;
text-align:left;
width: 100%;
}
#top #content #practice p.attention a{
color: #D03A3C;
}
#top #content #practice #attention-text{
width:100%;
text-align: left;
background: #fafafa;
padding:20px 0;
}
#top #content #practice #attention-text section{
margin:0 5%;
}
#top #content #practice #attention-text h4{
font-size: 13px;
font-weight:700;
margin: 0 0 10px;
}
#top #content #practice #attention-text dl{
font-size: 12px;
text-align: left;
margin: 0 0 12px 0;
letter-spacing: 0.1em;
}
#top #content #practice #attention-text dl:last-of-type{
margin: 0;
}
#top #content #practice #attention-text dl dt{
line-height:normal;
font-weight: 500;
}
#top #content #practice #attention-text dl dd{
margin: 0 0 0 1em;
text-indent:-1em;
}
#top #content #practice table{
margin:0 auto;
width:100% !important;
font-size:12px;
}
#top #content #practice table td{
padding:5px 3px;
width:auto;
}
#top #content #practice table th{
padding:3px 3px;
}
#top #content #practice p.caption{
width:100%;
margin: 5px auto;
font-size: 11px;
text-align: left;
}
#top #content #contact {
background:url(img/top_cnt_bg.gif);
padding:40px 0 30px 0;
}
#top #content #contact .inner{
width:90%;
margin:0 auto;
}
#top #content #contact .mail {
background:#ffffff url(img/top_cnt_icn.gif) 15% no-repeat;
}
#top #content #contact p {
padding:18px 0 0 0;
}
#top #content #contact .mail {
font-size:20px;
}
#top #content #contact p.mail-caution{
font-size:85%;
text-align: left;
}

/* =================
定期総会
=================== */
#general-meeting .main{
width:100%;
margin:0 auto;
}
#general-meeting #content{
}
#general-meeting .inner{
width:100%;
margin:0 auto;
}
#general-meeting h1 {
letter-spacing:0.1em;
}
#general-meeting #content #list dl {
display: table;
font-size:16px;
padding:20px;
width: 100%;
border-bottom: 1px dotted #000000;
}

}