html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}




body{font-family: A1 Mincho;}

footer { clear: both; margin: 5%}
address { font-style:normal; text-align: center; padding:30px 0;}
address a, .navbox h2 a {text-decoration: none;}
.add {font-size: 12px}
a:link{color:#000;}
li{list-style: none;}
li a:link{color:#000; text-decoration: none;}
a:hover{color:#000; text-decoration: underline;}
a:visited{color:#666666;}

.topLogo, .siteLogo { margin:0 auto 10% auto;padding-top: 15%;text-align: center; z-index: 200!important; width: 300px;}


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: url(img/arrow.svg);
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


section{width:100%; margin:0; padding:0; clear: both;}
section h2{ font-size:18px; line-height: 1.8em;padding-top:40px;}
section h3{ font-size:16px; line-height: 1.8em;padding-top:40px;padding-bottom: 10px;}


h2,h3{font-family: Midashi Go MB31; font-size: 150%;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}

.sec-contents{width: 60%; margin: 0 auto;}
p {padding: 20px 0;}

dt{
  float: left; 
}

dd{
  margin-left: 20px;padding-bottom: 10px;
}
dt{
  margin-right: 20px;padding-bottom: 10px;
}

.sec-media{display: inline-flex; margin:50px 0; width:100%;}
.sec-media ul{
    margin:0 auto;
}
.sec-media ul li,.sec-media ul li a:before{
    content: none;
    padding:0;
}
.sec-media ul li{
  display: inline;padding:15px;
}

.lesson{
  text-align: center;
  font-family: Gothic Medium BBB;
}

.lesson p{ width:500px; text-align: left; }

.lesson dl {width:500px; margin: 10% auto; text-align: left;}

.topicpath li{ font-family: Gothic Medium BBB; font-size: .8em; text-align: right; content: none;}
.topicpath li a:before {
  content: url(../img/arrow_list.svg);/*アイコンの種類*/
  position: absolute;
  right : .3em;/*左端からのアイコンまでの距離*/
  color: #000;/*アイコン色*/
}

.subtxt{font-family: Gothic Medium BBB; font-size: .8em;}
blockquote{
  background-color: #f7f6f5;
  border-radius: 30px;
  font-family: Kyoukasho ICA Medium;
  /*font-family:Kyoukasho ICA Medium;*/
  line-height: 1.5em;
  padding: 25px;
  margin: 15px 0;
}
blockquote p {  width: 90%; margin: 0 auto;
}


.pt0{padding-top: 0;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}

.pb0{padding-bottom: 0;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}

.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}

.mt0{margin-top: 0;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
/* ------ 580以下　＝　スマホ-------- */

@media only screen and (max-width: 580px) {

body{width:100%;}
.seikiinLogo img{ margin:35% auto 30% auto;text-align: center; z-index: 200!important;}

#topmsg{ position: relative; padding-top:15%;width:90%;margin:0 auto;}
#main {position: relative; padding-top:40%;width:90%; margin:30% auto;}
.caseImg{float: none; padding:0 10px;}

section div{
  width:85%; margin:8% auto; padding:8% 0;
}

.sec-contents{width: 82%!important;}


p{padding:10px 0;}


#main img{display: block;margin:20px auto; width:90%;}
img.profimg{width:50%!important;}

.alignleft, img.alignleft{
float:none;
display:block;
margin: auto;}

}