@charset "UTF-8";
/*--　↓indexメインページ　-----------------------------------------------------------------*/
main{
	width: 1000px;
	margin: 0 auto;
}
h2{
	margin:100px 0 ;
	text-align: center;
}

h3{
	margin:60px 0 20px;
	font-size: 25px;
	letter-spacing: 0.2rem;
	text-align: center;
}
.faq_top{
	display: flex;
	justify-content: center;
	align-items: center;
}
.faq_top p{
	margin:10px;
	letter-spacing: 0.2rem;
	line-height:1.5;
	text-align: center;
}
.faq_top img{
	width:80%;
}
.faq_top_2{
	display: none;
}



/*ここからfaqbox*/
.flex_q{
	display:flex;
	justify-content: center;
	align-items: center;
}
.flex_q img{
	padding:20px;
	user-select: none;
}
.qa-list dt{
	text-align:center;
}
.qa-list dl {
    position: relative;
    margin: 0;
    padding: 20px 100px 20px 0;
    cursor: pointer;
	line-height: 1.5;
}
.qa-list dl:first-child {
    border-top: 1px solid #000;
}
.qa-list dl::before {
    position: absolute;
    top: 53px;
    right: 150px;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
  	font-family: "Font Awesome 5 Free";
    content: '\f055';
	font-weight: 900;
  	font-size: 30px;
  	color: #808080;
}
.qa-list .open::before {
  	font-family: "Font Awesome 5 Free";
    content: '\f056';
	font-weight: 900;
  	font-size: 30px;
  	color: #808080;
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
	user-select: none;
}
.qa-list dl dd {
    position: relative;
    display: none;
    height: auto;
    margin: 20px 0 0;
	user-select: none;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}
.qa-list dd{
	padding-left:25%;
}
.faq_cream dl{
     border-bottom: 3px dotted #f9e3aa;
}
.faq_seibun dl{
     border-bottom: 3px dotted #bfc2df;
}
.faq_others dl{
	 border-bottom: 3px dotted #bcd3a7;
}
.faq_others dl:last-child{
	 border-bottom:none;
}
/****ふきだし黄色****/
/* 吹き出し本体 */
.balloon1-left{
  position: relative;
  padding: 20px;
  background-color: #f9e3aa;
  width:500px;
  border-radius: 15px;
}
/* beforeで三角を表現 */
.balloon1-left::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 15px;
  border-right: 15px solid #f9e3aa;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon1-right{
  position: relative;
  margin-left:60px;
  padding: 20px;
  background-color: #f9eccc;
  width:500px;
  border-radius: 15px;
  text-align:center;
}
.balloon1-right::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 15px;
  border-left: 15px solid #f9eccc;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
/*****吹き出し紫******/
/* 吹き出し本体 */
.balloon2-left{
  position: relative;
  padding: 20px;
  background-color: #bfc2df;
  width:500px;
  border-radius: 15px;
}
/* beforeで三角を表現 */
.balloon2-left::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 15px;
  border-right: 15px solid #bfc2df;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon2-right{
  position: relative;
  margin-left:60px;
  padding: 20px;
  background-color: #dfe0ed;
  width:500px;
  border-radius: 15px;
  text-align:center;
}

.balloon2-right::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 15px;
  border-left: 15px solid #dfe0ed;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
/*****吹き出し緑******/
/* 吹き出し本体 */
.balloon3-left{
  position: relative;
  padding: 20px;
  background-color: #bcd3a7;
  width:500px;
  border-radius: 15px;
}
/* beforeで三角を表現 */
.balloon3-left::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 15px;
  border-right: 15px solid #bcd3a7;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon3-right{
  position: relative;
  margin-left:60px;
  padding: 20px;
  background-color: #deede0;
  width:500px;
  border-radius: 15px;
  text-align:center;
}
.balloon3-right::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 15px;
  border-left: 15px solid #deede0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.start{
	text-align: start;
}

/*--　　-----------------------------*/
/****ここから問い合わせ****/
.sidetext{
	padding: 30px 10px;
	max-width:80%;
	margin: 0 auto;
}
.sidetext p {
	font-size: 14px;
	line-height: 1.5em;
}
.sidetext a{
	color:#6276b7;
}
.sidetext a:hover {
	color:#445eb2;
}
.contact_box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0 50px;
}
.contact_box p {
	color: #554b4b;
}
.contact_box a {
	color: #554b4b;
	text-decoration: none;
	text-align: center;
}
.faq_contact img{
	padding-right:20px;
}
.faq_contact{
	display: flex;
	justify-content: center;
	align-items: center;
	width:300px;
	margin: 30px;
	padding: 10px;
	background-color: #d9baba;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.faqmail:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-0.1875em);
}
.t_text {
	display: block;
	font-size: 25px;
	text-align: center;
}
.zikan{
	font-size: 10px;
}
.te
.s_comment{
	margin-top:30px;
	text-align: center;
}
.s_comment img{
	width:70%;
}

/*****ここからページトップボタン*****/
#pagetop{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 25px;
  bottom: 150px;
  background: #a9a9a9;
  opacity: 0.6;
  border-radius: 50%;
  z-index: 100;
  	transition: all .5s;
}
#pagetop a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
}
#pagetop a::before{
  font-family: "Font Awesome 5 Free";
  content: '\f106';
  font-weight: 900;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
}
/*****ページトップボタンここまで*****/


@media only screen and (max-width: 1024px) {
	a[href*="tel:"] {
		pointer-events: initial;
	}
}