body{
  margin:0;
  background:#ccc;
  font-size:0;
}

.wrapper{
  background:white;
  width:1024px;
  margin:0 auto;
}

#iframe-head, #iframe-foot{
  border:none;
  margin: auto;
  display: block;
}

h3{
  font-size: 17px;
  font-weight:normal;
  color: #5f5d60;
  margin-top: 0px;
  margin-bottom: 20px;
}

.top-wrapper{
  height:60px;
}

.container{
  width: 1024px;
  padding: 0;
  margin: 0 auto;
}

.choice h1{
  font-size:50px;
  font-weight:bold;
  color:black;
  display:inline-block;
  margin:8px 30px;
}

.acordion-wrapper {
  height:550px;
  padding-bottom: 80px;
  color: #5f5d60;
  position:absolute;
  z-index:3;
}

.acordion{
  float:left;
  margin-left:5px;
}

.heading h2{
  font-size:25px;
  margin:40px 0 0 20px;
}

#effect-list {
  width: 600px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

#effect-list li:hover{
  opacity:0.9;
}

.effect-list-item {
  margin:0px;
  padding:25px 0 0 30px;
  border-bottom:1px solid #ccc;
  position:relative;
  cursor:pointer;
  text-align: left;
}

.effect-list-item h3 {
  font-size: 35px;
  font-weight:bold;
  color:white;
}

.effect-list-item span {
  position:absolute;
  top:0;
  right:5px;
  color:#ccc;
  font-size:35px;
}

.mental{
  background:rgb(0,32,96);
  border:solid 5px #0000FF;
  border-radius:5px;
}

.prevention{
  background:rgb(79,34,112);
  border:solid 5px #9400D3;
  border-radius:5px;
}

.condition{
  background:rgb(0,122,55);
  border:solid 5px #00DD00;
  border-radius:5px;
}

.physical{
  background:rgb(103,47,9);
  border:solid 5px #FF4F02;
  border-radius:5px;
}

.answer {
  font-size: 35px;
  display: none;
  padding: 5px 20px;
  margin-bottom: 15px;
}

.answer p{
  font-size:25px;
  color:gray;
  margin-bottom:15px;
}

.answer a{
  color:white;
  text-decoration:none;
}

.answer a:hover{
  opacity:0.5;
}

.full-img img{
  width:410px;
  margin-top:70px;
}


.bottom-wrapper{
  height;200px;
  position:absolute;
  margin-top:600px;
  z-index:2;
}

.btn-choice{
  float:right;
  margin-right:20px;
}

.btn-back{
  padding:8px 15px;
  margin:5px 0 10px 330px;
  background:#000055;
  color:white;
  display:inline-block;
  opacity:0.8;
  border-radius:4px;
}

.btn-choice a{
  font-size:30px;
  color:white;
  text-decoration:none;
}


.menu2{
  background:#002060;
  height:28px;
  border-top-color:#4472C4;
  border-top-width:3px;
  border-top-style:solid;
  border-bottom-color:#4472C4;
  border-bottom-width:4px;
  border-bottom-style:solid;
  margin-top:680px;
  z-index:1;
}

#menu-contents{
  display:flex;
}

#menu-contents li{
  flex:auto;
  padding:5px 0 0 0;
}

#menu-contents a{
  font-size:16px;
  color:white;
  text-decoration:none;
}

#footer{
  height:250px;
  background:#333F50;
}

#footer a{
  font-size:20px;
  color:white;
  text-decoration:none;
  margin:20px 180px;
  display:inline-block;
}

#footer img{
  width:300px;
  margin:-50px 0 0 130px;
  position:absolute;
}

.footer-p p{
  font-size:15px;
  color:white;
  margin:70px 0 0 410px;
  position:absolute;
}