@media screen and (max-width:768px) 
{
/*********************************************************************/

.sp {
  display: block;
}
.pc {
  display: none;
}
	
/*******header********************************/	
	header{background-color: var(--main-color);}
	.title-inner{
		justify-content: center;
	}
	.title-inner h1 {
		width:80%;
		text-align: center;
	}
	.title-inner h1 img{
		max-height:30px;
		width:auto;
	}
	
/******main***********************************/	
	.main-img{
		width:100%;
	}
	.main-img a.main-bt{
		display:none
	}

	#main-waku{
		padding:0;
	}
/******悩み***********************************/	
	.nayami-flex li{
		width:90%;
		margin:0 5%;
	}
	#nayami-bg {
		padding: 70px 0 160px;
		clip-path: polygon(0 0, 100% 0%, 100% 86%, 50% 100%, 0 86%);
	}
	#omakase {
		padding: 10px 0 50px;
	}
	
	.bn-img {padding:0 10px;}
	
	.omakase-flex li {
		width: 90%;
		margin:0 5%;
	}
/******コンタクト***********************************/	
	.contact{
		padding:40px 10px;
	}
	.contact-flex .text a.c-tel{
		letter-spacing:1px;
	}
	
	.contact-flex a.apply-bt::after {
		width: 30px;
		height: 30px;
		right: -10px;
		top: 22%;
	}
	
	
	
	
/******アンカー引抜試験とは***********************************/
	#about{
		padding:50px 0;
	}
	
	.sub-text{
		padding:20px;
	}
	.about-flex .img {
		width: 100%;
	}
	.about-flex {
		margin:20px 0;
	}
	.about-flex .text {
		width: 90%;
		margin:0 5%;
	}
	.about-flex .text p {
		padding:0;
	}
	.about-flex .text li {
		padding: 10px 5px;
	}
/******事例***********************************/
	
	#works{
		padding:40px 0 20px;
	}
	.works-flex li {
		width:90%;
		margin:0 5%;
	}
/******フロー***********************************/	
	#flow{
		padding:40px 0;
	}
	.flow-flex {
		margin:0;
		gap:25px 4%;
	}
	.flow-flex li {
		width:80%;
		margin:0 10%;
		border-radius: 20px;
		padding:10px 0;
		min-height:0;
	}
	.flow-flex li:after{
		top:102%;
		right:calc(50% - 40px);
		transform: translateY(-0%);
		transform: translateX(-50%);
		border-top: 20px solid var(--sub-color); 
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
	}
	.flow-flex li p {
		padding-bottom:0;
	}
/******会社概要***********************************/
	
	#company {
		padding: 40px 10px;
	}
	.company-flex {
		margin:30px 0 0;
	}
	.company-flex .img{
		width:100%;
	}
	.company-list{
		width:100%;
	}
	.company-list dt{
		background-color: #f2f2f2;
	    width:28%;
	}
	
/*********************************
 お問い合わせ
*********************************/
.apply-mes {
    margin: 10px 10px 20px;
    padding: 10px;
}
.tel-set-flex {
	margin-top:20px;
}
	
.tel-set-flex img {
    width: 35px;
    height: 35px;
}
	
#apply-box{
		font-size:16px;
}
	
#apply-box .apply-box-l{
	width:100%;
	padding:10px;
}

#apply-box .apply-box-r{
    width:100%;
    border-bottom:1px solid #ccc;
    padding:10px;
}
/* セレクト */
select{
width:100%;
}
.wpcf7-text {
    width: 100%;
}	
#thx{
	font-size:16px;
}	
	

/*============ プライバシーポリシー ============*/

#privacy{
	height: 350px;
	padding:10px;
	margin:	0 15px 80px;
	}
	
/*============ フッター固定 ============*/
	.h-right-s{
	position: fixed;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:60px;
	bottom:0;
	z-index: 100;
}
.h-right-s a{
	display:block;
	width:50%;}
.h-box{
	width:100%;
	font-size:16px;
	line-height:60px;
	color:#fff;
	border-radius: 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	gap:5px;
	margin-left:0px;
	transition: 0.5s;
	background-color:var(--main-color);
	border:solid 1px #fff;
}

.h-box img{
	width:40px;
	height:auto;
	padding:7px
}
	

	
/*********************************************************************/	
}