@charset "utf-8";
/* CSS Document */

body{
  background-color:#EEC7CA; 
  position:relative;
  width:100%;
  height:100%;
  /*overflow-y: hidden;*/
}

strong{
  font-weight:bold;
}

/* loading */
#loading{
    display: table;
    width: 100%;
    height: 100%;
}

#loading #circle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* タイトル画面 */
#titlePage{
  /*overflow:hidden;*/
  overflow-y: auto;
  padding-bottom:250px;
  margin:0 auto;
}

.login2-title{
  padding-bottom:350px!important;  
}

#titlePage .mainHeader{
  padding:15px 32px 0 32px;
  text-align:center;
}

#titlePage .read{
  padding:20px;
  font-size:16px;
  font-weight:normal;
}

#titlePage .read2{
  padding:10px;
  margin:0 20px 20px 20px;
  border:5px solid #FB0091;
  background-color:#FF73AB;
  color:#ffffff;
  font-size:14px;
}

#titlePage .read3{
  padding:10px 20px 20px 20px;
  font-size:11px;
}

#titlePage .read3 strong{
  font-size:14px;
  font-weight:bold;
}

#titlePage .read4{
  font-size:11px;
  text-align:center;
}


.startbtn_container{
  border-top:3px solid #ffffff;
  padding:15px;
  text-align:center;
  background-color:#DDDDDD;
  width:100%;
  position:fixed;
  bottom:0;
}

.content-inner{
  max-width:640px;
  margin:0 auto;
  overflow:hidden;
}

.question .question__inner{
  padding:0 10px;
  font-size:16px;
  text-align:center;
}

.question  .question__inner strong.q-title{
   color:#FA0091;   
}

.question  .question__inner strong{
   font-weight:bold;  
}


.question .question__inner dt{
  margin-bottom:0.5em; 
}

.question .question__inner input[type="text"]{
  padding:10px;
  border:1px solid #eeeeee;
  width:75%;
  font-size:20px;
}

.answer-btn{
  max-width:100%;
  line-height:200%; 
}

.startbtn_container img{
  cursor:pointer;
}

@media screen and (max-width:768px) {
  .startbtn_container img{
    /*width:80%; */
  }
}


.login2 a{
    line-height:300%;
}