@charset "utf-8";

/*reset*/
html,body,h1,h2,p,ul,li {
  margin:0;
  padding:0;
  font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  line-height:1.0;
}

a {text-decoration:none;
   color:inherit;}
ul {list-style:none}

/*body & container*/

body {
  font-size:16px;
}

.container {
  border-top:7px solid #5fbdd5;
  padding-top:80px ;
}

/*header*/
header {
  margin-bottom:60px;
  text-align:center;
}  

h1 {
    font-size:25px;
    line-height:1.5;
    font-weight:lighter;
    color: #F73859;
    margin-bottom:30px;
    }

/*　元の設定
h1 {
  font-size:390%;
  font-weight:lighter;
  line-height:1.1;
  color: #F73859;
}
*/

.number {
  font-size: 1.15em;
  font-weight: 600; 
}

.smallfont{
  font-size:60%;
  font-weight:bolder;
}

.middlefont{
  font-size:95%;
  font-weight:bolder;   
}

.answer  {
  font-size:250%;
  font-weight:lighter;
  line-height:1.1;
  color: #F73859;
}


/*wrapper&main*/
.wrapper {
  width:900px;
  margin:0 auto;
  overflow: hidden;
}

.anserwrapper{
    font-size:20px;
    text-align: center;
    margin:0 auto;
}

p {
    margin-top:30px;
}

.base{
    width:500px;
    text-align: center;
    margin:0 auto;
    border:1px solid #5fbdd5;
    border-collapse: collapse;
}

.base th,td {
    padding:10px;
    border:1px solid #5fbdd5;    
}

.base th {
          background: #c8ecf5;
      }

.study {  
  width:720px;
  padding:24px;
  margin:0 auto;
  background:#b1fbc4;
}

h2 {
  font-size:135%;
  border-bottom:1px solid #FFF;
  padding-bottom:6px;
  margin-bottom:22px;
}

dl {
  width:100％;
  font-size:16px;
  vertical-align: bottom;
}

dt{
  float:left;
  font-weight: bold;
  border-radius:20%;
  background-color: #fff;
  padding:1px 8px;
  line-height:1.8;
}

dd {
  padding-left:3.3em;
  margin:15px 0;
  line-height:1.8;
}

/*問い8css*/
.anser8wrapper {
  width:540px;
  height:360px;
  margin:30px auto 120px;
}

.anser8wrapper li {
  float:left;
  margin-right:10px;
  margin-bottom:15px;
  }
  
.anser8wrapper li:last-child {
  margin-right:0;
  }



/*nav*/
.nav {
  margin-top:50px;
  text-align:center;
}


/*footer*/
footer {
  margin:10px auto 25px;  
  text-align:center;
}

footer p {
  font-size:80%;
  color:#5fbdd5;
  margin-top:0;  
}