._pcHide{
	display: none;
}

.category_list li:before{
	display: none;
	font-family: "Font Awesome 5 Pro";
	content: "\f105";
  font-weight: 900;
	-webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
    padding-right:6px;
	padding-left:2px;
}


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


.wrap{
    margin:0 auto 10px;
    width:1000px;
}

.category{
    display: -webkit-flex; /* Safari */
	display: flex;
    -webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	
	border:solid 5px #F6F6F6;
	box-sizing: border-box;
	padding: 30px 30px 0 30px; 
}

.category_title{
    width:100%;
    background-color: #707070;
    margin:0 0 8px 0;
    padding:3px;
    
    font-size: 1.2rem;
    color:#fff;
    text-align: center;
    letter-spacing: 1px;
}

.category_list{
    display:block;
    width:47%;
	margin-bottom: 20px;
}

.category_list ul{
    
    margin: 15px 0 0 15px;
}



.category_list li{
    font-size: 1.0rem;
    margin: 0 0 10px 0;
    text-align: left;    
}

.category_list li a{
    text-decoration: none;
}

.category_list li a:hover{
	color: #707070;
	text-decoration: underline;
}

.content_box{
    margin:0 auto 50px;
    width:1000px;
    text-align: left;
}



.content_box h3{
    color:#333;
    font-size: 20px;
    margin-top:50px;
    margin-left:40px;

}

.coment{
    width:920px;
    margin:0 auto;
    text-align: left;
}

.coment h4{
    font-size: 18px;
    text-align: left;
    padding-left:20px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-left:7px solid #707070;
}
.coment h4 a{
	text-decoration: underline;
}
.coment h5{
    display:block;
    font-size: 18px;
    margin-top:25px;
    margin-left:17px;
    margin-bottom: 10px;
}


/* アコーディオン*/

.acMenu{
    margin:0 0 20px 0;    
    }

.acMenu dt{
    display: block;
    background: #F6F6F6;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 2px solid #fff;
    text-align: left;
    font-size: 18px;
	font-weight: 300;
}
.acMenu dt:hover{
	cursor: pointer;
}
.acMenu dd{
    display:none;
    background:#F6F6F6;
    width:100%;
    height:auto;
    margin:0 auto;
    padding:20px 0 0 20px;
    text-align: left;
    
    }

.acMenu dt ul {
	list-style-type: none;
}

.acMenu dt li:before{
    font-size: 25px;
    font-weight: bold;
    color: #707070;
	content: 'Q.'; /* ←ここにリストマーカーにしたい文字列を設定 */
    padding-right:5px;
}

.acMenu dd ul {
	list-style-type: none;
	margin-left:25px;/* マーカーを1文字寄せた分、ULにマージンを設定*/
	
    padding-bottom:25px;
}
.acMenu dd ul li {
	padding-right: 40px;
}

.acMenu dd li:before {
    font-size: 25px;
    font-weight: bold;
	content: 'A.'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-25px; /* 3文字分、左に寄せる */
    color:#F97C76;
    line-height: 20px;
}

.acMenu dd a{
    font-weight: bold;
}

.acMenu dd .ssl_url{
	margin:20px;
}
.acMenu dd .faq_tel{
	width: 62%;
	font-size:0.9rem;
	margin:20px;
}
.acMenu dd .faq_tel span{
	font-size:150%;
	color:#707070;
}



.acMenu dl dd ul li p.kome_text {
	font-size: 0.8rem;
	margin-top: 15px;
	text-align: left;
}


.list1{
	margin:20px 0 10px 20px;
	padding-left:1em;
	text-indent:-1em;
	line-height: 1.5em;
}
.list1 span{
	font-size:150%;
	color:#707070;
}
.list1 span .fa{
	margin-left:1.5rem;
}

.list1 .faq_tel{
	margin-left: 2rem !important;
}

.faq_kome1{
	font-size:90%;
	padding-left:1em;
	text-indent:-1em;
	margin:10px 0 10px 0;
}
.faq_kome2{
	font-size:90%;
	margin:10px 0 10px 2em;
}
.faq_maru{
	font-size: 90%;
	margin:10px 0 10px 0;
}
.link_text{
	margin:20px 0px 20px 20px;
}


}




/* sp スマホ */
@media screen and (max-width: 767px) {

	.wrap{
		margin:0 auto;
		width:95%;
	}

	.category{
		margin:0 0px 0 0;
		overflow: hidden;
	}

	.category_list{
		display:block;
		margin: 0 0 0px 0;
		width:100%;
	}

	.category_title{
		width:100%;
		background-color: #707070;
		margin:0 0 0.5rem 0;
		padding:0.3rem 0 0.3rem 0;

		font-size: 1rem;
		color:#ffffff;
		text-align: center;
	}

	main .category_list ul{
		width:100%;
		margin: 0 0 1.0rem 0.5rem;
	}



	main .category_list li{
		font-size: 1.0rem;
		margin: 0 0 1.0rem 0;
		text-align: left;    
	}

	.category_list li a{
		text-decoration: underline;
	}

	.category_list li a:hover{
		text-decoration: none;
	}

	.content_box{
		margin:0 auto;
		width:100%;
		text-align: left;
	}



	.content_box h3{
		color:#333;
		font-size: 1.2rem;
		margin-top:50px;

	}

	.coment{
		width:100%;
		margin:0 auto;
		text-align: left;
	}

	.coment h4{
		font-size: 1.1rem;
		text-align: left;
		padding-left:15px;
		margin-top: 30px;
		margin-bottom: 20px;
		border-left:7px solid #707070;
	}
	.coment h4 a{
		text-decoration: underline;
	}
	.coment h5{
		display:block;
		font-size: 1rem;
		margin-top:25px;
		margin-left:17px;
		margin-bottom: 10px;
	}


	/* アコーディオン*/

	.acMenu{
		margin:0 0 1rem 0;    
	}

	.acMenu dt{
		display: block;
		background: #F6F6F6;
		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
		margin: 0;
		border-bottom: 2px solid #fff;
		text-align: left;
		font-size: 1rem;
		font-weight: 300;
	}
	.acMenu dt:hover{
		cursor: pointer;
	}
	.acMenu dd{
		display:none;
		background:#F6F6F6;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:1rem 0.5rem 0 1.5rem;
		text-align: left;
	}

	.acMenu dt ul {
		list-style-type: none;
		padding-left: 1em;
	}

	.acMenu dt li:before{
		font-size: 1.1rem;
		font-weight: bold;
		color: #707070;
		content: 'Q.'; /* ←ここにリストマーカーにしたい文字列を設定 */
		padding-right:5px;
		margin-left: -1rem;
	}

	.acMenu dd ul {
		list-style-type: none;
		margin-left:0;/* マーカーを1文字寄せた分、ULにマージンを設定*/
		padding-bottom:2rem;
	}

	.acMenu dd li:before {
		font-size: 1.1rem;
		font-weight: bold;
		content: 'A.'; /* ←ここにリストマーカーにしたい文字列を設定 */
		margin-left:-1rem; /*３文字分、左に寄せる */
		color:before;
		line-height: 20px;
		color:#F97C76;
	}

	.acMenu dd a{
		font-weight: bold;
		text-decoration: underline;
		word-break: break-all;
	}

	.acMenu dd a:hover{
		font-weight: bold;
		text-decoration: none;
	}

	.acMenu dd .ssl_bar{
		width: 207px;
		display: inline-block;
		margin-top: 0.5rem;
	}


	.acMenu dd .faq_tel{
		margin:20px;
		text-align: center;
	}
	.acMenu dd .faq_tel span{
		font-size:1.3rem;
		color:#707070;
	}
	.acMenu dd .faq_tel span img{
		margin-top: 0;
	}



	.list1{
		margin:0.3rem 0 0.5rem 0.3rem;
		padding-left:1em;
		text-indent:-1em;
		line-height: 1.3em;
		font-size:0.9rem;
	}
	.list1 span{
		font-size:1.2rem;
		color:#707070;
	}
	.list1 span .fa{
		margin-left:1.5rem;
	}
	.rem2{
		margin-left:2rem;
	}
	.faq_kome1{
		font-size:0.9rem;
		padding-left:1em;
		text-indent:-1em;
		margin:0.5rem 0 0.5rem 0;
	}
	.faq_kome2{
		font-size:0.9rem;
		margin:1rem 0 1rem 1rem;
	}
	.faq_maru{
		font-size:0.9rem;
		margin:0.5rem 0 0.5rem 0;
	}
	.link_text{
		margin:1rem 0px 1rem 1rem;
	}
	.m_bottom1{
		margin-bottom:1rem;
	}
}