@charset "Shift_JIS";

*{ margin:0; padding:0; }
html { scroll-behavior: smooth; }
body{ text-align: center; font-size: 18px; line-height:220%; font-family: 'Comfortaa',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#000; letter-spacing:0.03em;}
@media only screen and (max-width: 769px) {
body { font-size: 12px; }
}

ul,dl{ list-style-type:none; list-style-position:outside; }
img{ border: 0px; }
a img { border-style: none; border-width: 0px; line-height:1.0em;/*IE5*/ }
a:link,a:visited { color:#000; text-decoration:none; }
a:hover img { opacity:0.6; filter: alpha(opacity=40); }
.br { display: none; }
@media only screen and (max-width: 769px) {
a:link,a:visited { color:#000; text-decoration:underline; }
.br { display: block; }
}
a:hover { color:#999; text-decoration:underline;}
.clearfix:after { content: "."; font-size: 0.1em; line-height: 0; display: block; height: 0.1px; visibility: hidden; clear: both; }
.clearfix-l:after { content: "."; font-size: 0.1em; line-height: 0; display: block; height: 0.1px; visibility: hidden; clear:left; }
.clearfix,.clearfix-l {display: inline-block;}
* html .clearfix,* html .clearfix-l {height: 1%;}
.clearfix,.clearfix-l {display: block;}

#wrap { text-align:left; width:100%; margin:0 auto;}

/* ヘッダー */
#header {width:980px; margin:90px auto 50px; }
@media only screen and (max-width: 769px) {
  #header,#nav {width:100%;}
}
h1 { font-size:22px; text-align: center}
h1 a:link,h1 a:visited,h1 a:hover{ text-decoration:none; }


/* メイン */
#main { padding:30px 0; background:#fff; }
#detail { width:980px; margin:0 auto; }
.title { font-size:20px; font-weight: bold; margin:0 0 30px; text-align: center; }
#detail p { padding:0 30px 20px; }
@media only screen and (max-width: 769px) {
#detail { width:100%; margin:0; }
#detail p { padding:0 20px 20px; }
}
#main h2,#main h3 { line-height:200%;  text-align:center;}
#main img.ph { width:100%; }
.en { font-size:24px; font-family: "Playfair",Verdana, sans-serif;}
.block div { float:left; width:415px; margin:0 0 40px; padding: 0 25px; }
.block p { font-size:16px; line-height: 180%; text-align: left;}
.block h3 { font-size:16px; margin-bottom: 15px; }
.block h4 { padding:0 0 0 10px; font-weight: bold; font-size: 16px;}
.block ul li { padding: 0 30px 10px; font-size:16px; line-height: 180%;}
.linkBox { width:400px; margin:50px auto 70px; border:#000 1px solid; text-align:center; font-size:16px; color:#000; font-style:normal; font-weight:bold; }
.linkBox a { display:block; padding:20px 0; text-decoration:none; }
.linkBox a:hover { text-decoration:none; }
.line { border-bottom: #000 1px solid; padding-bottom: 10px; }
a.linkline{ border-bottom: 1px #000 dotted; padding-bottom: 3px; text-decoration: none;}
a:hover.linkline{ border-bottom: 1px #ccc dotted; text-decoration: none; }
@media only screen and (max-width: 769px) {
.block div { float:none; width:93%; margin:0 auto 40px; padding: 0 3%; }
.block p { font-size:12px;}
.block ul li { padding: 0 20px 10px; font-size:12px;}
}


/* フッター */
#footer { padding:40px; background:#3F3F3F; color:#fff; text-align:left; font-size: 12px; }
#footer #footerLink { text-align:center; }
#footer #footerLink a { color:#fff; text-decoration:none; margin:0 30px; }
#footer #footerLink a:hover { color:#999; text-decoration:none; }
address { text-align:center; font-style:normal; font-size:10px; color:#999; padding-top:30px; }
address a:link,address a:visited { color:#999; }
@media only screen and (max-width: 769px) {
#footer #footerLink { margin-top:30px; letter-spacing:0px; }
#footer #footerLink a { margin:0 0 0 20px; }
address a:link,address a:visited { text-decoration:none; }
}