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



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


#slide_menu{
    width: 100%;
    border-top: solid 1px #FFF;
}
#slide_menu a {
    width: 25%;
	background: #00165F;
	color: #FFF;
	padding: 10px 0;
}
#slide_menu a:nth-child(odd) {
	background: #00AAE8;
	color: #00165F;
}
#slide_menu img{
    width: 100%;
    height: 100%;
}
#page_top {
	z-index:9999;
    right: 10px;
}
#page_top a img{
	height: auto;
	width: 60px;
}

section {
	padding: 20px 0;
}

.sp_center{
    text-align: center;
}

h1{
	font-size: 2rem;
}
h2{
	font-size: 1.4rem;
}
h3{
	font-size: 1.2rem;
}
h3 span{
	font-size: 1.8rem;
}
h4{
	font-size: 0.85rem;
}
h5{
	font-size: 1.1rem;
}

footer{
	margin-bottom: 40px;
}

img.point{
	width: 150px;
}

.flow_img{
	text-align: center;
	width: 50%;
	margin:0 auto 20px;
}

.flow_text img{
	width: 100px;
}

ul.voice{
	max-width: 96%;
}
.voice_img{
	width: 100%;
	margin-bottom: 10px;
}
.voice_img img{
	display: block;
	margin: auto;
}

.reason_wrap {
	padding-bottom: 40px;
}

.qualification {
	width: 90%;
	max-width: 280px;
	margin: auto;
	padding: 10px 10px 24px;
}
.qualification p {
	width: 90%;
	max-width: 260px;
	bottom: -22px;
}

ul.mark {
	padding: 15px 5% 1px;
}

.line3_2 label p {
	font-size: .9rem;
	line-height: 1.6;
	padding: 6px 0;
}

.line3_2 label p::before {
	right: 10px;
}

.line3_2 .content {
	font-size: .9rem;
}

.contact_title {
	line-height: 1.6;
	font-size: 1.3rem;
}

.contact_wrap .contact_tell {
	border-bottom: 6px solid #816a2a;
}

.contact_wrap .contact_mail {
	border-bottom: 6px solid #382800;
}

.contact_wrap .contact_line {
	border-bottom: 6px solid #0a530d;
}

ul.contact_btn {
	justify-content: space-between;
}

ul.contact_btn li{
	width: 48%;
	margin-bottom: 0;
}

.service_wrap label p {
	height: 44px;
	line-height: 44px;
	text-align: left;
	padding:0 0 0 10px;
}

.service_wrap label .service_txt {
	align-items: flex-start;
}

.service_extra {
	margin-top: 30px;
}

.service_extra .head {
	font-size: .9rem;
	padding: 5px 60px 5px 10px;
	top: -40px;
}

ul.voice li {
	padding: 10px;
}

.voice_box {
	grid-template-areas:
		"title title"
		"icon age";
	grid-template-columns: 22% 78%;
	column-gap: 8px;
	align-items: center;
}

.voice .slick-prev:before,.voice .slick-next:before {
	font-size: 20px;
	color: #333;
}

.voice .slick-next {
	width: 20px;
	right: -14px;
}


.voice .slick-prev {
	width: 20px;
	left: -14px;
}

.voice_box .voice_title {
	color:#66531f ;
	font-weight: bold;
	text-align: center;
	margin-bottom: 6px;
}

.voice_box .voice_age {
	font-size: .9rem;
}

.voice_box .star {
	grid-area: star;
}

.voice_text {
	font-size: .9rem;
	margin: 0;
}

ul.flow li {
	padding: 10px 20px;
}

.area_title {
	font-size: 1.2rem;
}


.tab-2-labels label {
	min-width: 30%;
	padding: 6px 0;
	font-size: .9em;
}

.tab-2-content {
	font-size: .8rem;
}

.balloon {
	font-size: 1em;
	top: -4px;
}

.tel-wrap .balloon::before {
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 12px solid #886100;
	top: 100%;
}

.tel-wrap .balloon::after {
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 12px solid #fff;
	top: 96%;
}


}/* sp end */