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

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.tb { display: none !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 800px) {
  .pc { display: none !important; }
  .tb { display: block !important; }
  .sp { display: none !important; }
}

@media only screen and (max-width: 500px) {
  .pc { display: none !important; }
  .tb { display: none !important; }
  .sp { display: block !important; }

}


/*ココからヘッダー*/

#question_contents{
	max-width:100%;
	background-image:url("../images/contact_top.png");
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:scroll;
	background-size:cover;
/*	background-color:#000;*/
	overflow:hidden;
	height:800px;
	position:relative;
}

/*メイン画面*/
#title_qa h2{
	position: absolute;
	top: 50%;
	left: 30%;
	-ms-transform: translate(-50%,0%); /* IE*/
	-webkit-transform: translate(-50%,0%); /* Safari, Chrome, Opera */
	transform: translate(-50%,0%); /*Firefox, Edge*/
	width:360px;
	height:auto;

	overflow:hidden;
    -webkit-animation: fadeIn 8s ease 0s 1 normal;
    animation: fadeIn 8s ease 0s 1 normal;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

/*ココから本文メニュー*/
#question{
	clear:both;
	max-width:1000px;
	margin:10px auto 80px;
	position:relative;
}


#question .inner{
	max-width:1000px;
	margin:0 auto;
/*	padding:5px 0;*/
	height:auto;
}

#headtitle_qr{
	max-width:1000px;
	margin:0 auto;
}

.headtitle_midashi{
  max-width:1000px;
  width:100%;
	margin:0 auto 20px; 
}

.headtitle_midashi img{
	max-width:170px;
  width:17%;
	margin-right:2%;
  display: inline-block;
}

.headtitle_midashi p{
  max-width: 825px;
  text-align: center;
  padding-left: 3%;
  font-size: 1.0em;
  font-family: 'M PLUS 1p', sans-serif;
  color: #960;
}

.qa_menu{
	max-width:970px;
  width:97%;
  margin: 0 auto;
}
.qa_menu:after{
	content:"";
	clear:both;
	display:block;
}

.qa_menu ul{
	list-style:none;
}

.qa_menu li{
	float:left;
  max-width:250px;
  width: 25%;
}

.qa_menu li a{
/*	max-width:240px;*/
	text-align:center;
	height:1.2em;
	line-height:1.2em;
	padding:8px 0px 8px;
	display:block;
	color:#C69;
	font-size:0.9em;
	margin:20px 5%;
	border:solid 0.5px #C69;
}

.qa_menu li a:hover{
	background-color:#C69;
	color:#fff;
	
}

#qa_group_romi,
#qa_group_facial,
#qa_group_slim,
#qa_group_etc{
	clear:both;
	max-width:1000px;
	padding:5px auto;
	height:auto;
	position:relative;
	border:dotted 1px #963;
  margin: 80px 2% 0;
  color: #960;
}


.intro_qa{
  max-width:300px;
	font-size:1.1em;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  margin-top: 40px;
  background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.1em 0.1em;
	color:#960;
}

h3{
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1.2em;
}

.qa_contents{
  max-width:900px;
  width:90%;
  padding:30px auto 40px;
	margin:60px auto; 
}


.qa_contents p{
  max-width:800px;
	font-size:1em;
	line-height:1.8em;
  margin:0px auto;
}

.qa_contents span{
	max-width:60px;
	font-size:2em;
/*	line-height:1.5em;*/
  font-family:Georgia, "Times New Roman", Times, "serif";
  padding-right:20px;
}

.qa_contents img{
  margin: 15px auto;
  }