@charset "UTF-8";


/* ================================================================= */
/* ======================== 0 〜 824px以上 =========================== */
/* ============================================================== */

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


 /* qanda共通 */
 #qanda {
 margin-top: 60px;
 }

/* qandaarea */
#qanda .qandaarea {
background-color: #ffffff;
padding: 40px 0 0;
text-align: center;
}
#qanda .qandaarea h2 {
font-size: 30px;
font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
text-align: center;
margin-bottom: 40px;
}
#qanda .qandaarea h2 span {
display: block;
font-size: 14px;
margin-top: 10px;
}

#qanda .qandaarea .all {
width: 86.667%;
margin: 0 auto;
}
#qanda .qandaarea .all .content {
text-align: left;
}
#qanda .qandaarea .all dl dt {
font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
font-size: 21px;
margin-bottom: 20px;
}
#qanda .qandaarea .all dl dd {
font-size: 16px;
line-height: 2;
margin-bottom: 50px;
}
#qanda .qandaarea .all .fixnav {
}
#qanda .qandaarea .all .fixnav {
 width: 100%;
 
}
#qanda .qandaarea .all .fixnav p {
 width: 100%;
 font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 font-size: 21px;
 line-height: 1.5;
 margin-bottom: 0;
}
#qanda .qandaarea .btn {
font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
font-size: 16px;
color: #ffffff;
background-color: #c2a915;
text-align: center;
width: 220px;
height: 50px;
line-height: 50px;
border-radius: 3px;
margin: 40px auto 60px;
box-shadow:0px 0px 7px 3px rgba(194,169,21,0.2);
}
#qanda .qandaarea .btn a {
color: #ffffff;
display: block;
font-size: 16px;
}
    
    
/*ボタン*/
    .btn-border {
  display: inline-block;
  max-width: 180px;
  margin:20px 0px 20px 0px;
  text-align: left;
  border: 2px solid #000;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 32px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}


}

/* ================================================================= */
/* ======================== SP END =========================== */
/* ============================================================== */



/* ================================================================= */
/* ======================== 825px以上 =========================== */
/* ============================================================== */

@media screen and (min-width:825px) {

/* qanda共通 */
 #qanda {
  margin-top: 140px;
 }

 /* qandaarea */
 #qanda .qandaarea {
 	padding: 0;
 	text-align: center;
 }
 #qanda .qandaarea h2 {
 	font-size: 46px;
 	font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 	text-align: center;
  margin-bottom: 60px;
 }
 #qanda .qandaarea h2 span {
 	display: block;
 	font-size: 16px;
 	margin-top: 20px;
 }
 #qanda .qandaarea p {
  font-size: 18px;
  line-height: 2;
  font-family: 'Noto Serif JP', sans-serif;
  margin-bottom: 80px;
 }
 #qanda .qandaarea p span {
  font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 }
 #qanda .qandaarea .btn {
 	font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 	font-size: 16px;
 	color: #ffffff;
 	background-color: #c2a915;
 	text-align: center;
 	width: 200px;
 	height: 50px;
 	line-height: 50px;
 	border-radius: 3px;
 	margin: 30px auto 0;
  box-shadow:0px 0px 7px 3px rgba(194,169,21,0.2);
 }
 #qanda .qandaarea .btn a {
 	color: #ffffff;
 	display: block;
 	font-size: 16px;
 }

 #qanda .qandaarea .all {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  display: -webkit-flex;
  display: flex;
 }
 #qanda .qandaarea .all .content {
  width: 730px;
  margin-right: 70px;
  text-align: left;
 }
 #qanda .qandaarea .all dl dt {
  font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
  font-size: 24px;
  margin-bottom: 40px;
 }
 #qanda .qandaarea .all dl dd {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 80px;
}
 #qanda .qandaarea .all .fixnav {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  width: 200px;
  height: 140px;
 
 }
 #qanda .qandaarea .all .fixnav p {
  width: 100%;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 0;
  
 }



/*ボタン*/
    .btn-border {
  display: inline-block;
  max-width: 180px;
  margin:20px 0px 20px 0px;
  text-align: left;
  border: 2px solid #000;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 32px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}
    
    

}

/* ================================================================= */
/* ======================== PC END =========================== */
/* ============================================================== */