@charset "utf-8";

/* youtubeカスタマイズ 
---------------------------------------------*/
.ytp-gradient-top,
.ytp-show-cards-title,
.ytp-watermark {
    display: none !important;
}


.top_mv {
	position: relative;
	overflow: hidden;
}

.top_mv .mv_wrap {
	position: relative;
	height: 40vw;
	background: url(images/mv.jpg) no-repeat;
	background-size: cover;
}
.top_mv iframe {
	overflow: hidden;
    position: absolute;
    top: -140px;
    bottom: 0;
    width: 100%;
    height: 140%;
}
.top_mv div.mv_over {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
@media print, screen and (max-width: 767px){
	.top_mv .mv_wrap {
		height: 100vw;
		background: url(sp-images/mv.jpg) no-repeat;
		background-size: contain;
	}
	.top_mv iframe {
		top: -65px;
	    width: 200%;
	    left: -50%;
	}

}

/* 強み共通
---------------------------------------------*/
.page-tuyomi p.lead {
	text-align: center;
	font-size: 24px;
	line-height: 47px;
	margin: 75px 0 84px;
}
.page-tuyomi h2 {
	font-size: 35px;
	font-weight: bold;
	display: flex;
	align-items: flex-start;
	line-height: 45px;
}
.page-tuyomi h2 span {
	padding-right: 25px;
}
.page-tuyomi h2 span img {
	width: 153px;
}

.page-tuyomi h2 span.fs_small {
	font-size: .7em;
}

.page-tuyomi .imgArea {
	width: 70%;
}

.page-tuyomi .imgArea img {
	width: 100%;
}

.page-tuyomi .textArea {
	width: 30%;
	z-index: 1;
}

.conBox {
	margin: 35px 0 0;
	display: flex;
	align-items: flex-start;
}

.conArea:nth-of-type(even) .conBox {
	flex-direction: row-reverse;
}

.conArea:nth-of-type(even) .textArea {
	margin-right: -15%;
    margin-top: 3.5%;
	width: 416px;
	height: 362px;
	background: url(images/right_bk.png) no-repeat;
	background-size: contain;
}

.conArea:nth-of-type(odd) .textArea {
	margin-left: -15%;
	margin-top: 3.5%;
	width: 416px;
	height: 362px;
	background: url(images/left_bk.png) no-repeat;
	background-size: contain;
}

.conArea:not(:first-of-type) {
	margin-top: 70px;
}

.textArea p {
	width: 253px;
	margin: 55px auto 0;
    letter-spacing: -0.5px;
    line-height: 25px;
	font-size: 14px;
}

@media print, screen and (max-width: 767px){
	.inner {
		width: auto;
	}
	.page-tuyomi p.lead {
		font-size: 13px;
		line-height: 20px;
		margin: 50px 0;
	}
	.page-tuyomi h2 {
		font-size: 16px;
		line-height: 20px;
	}
	.page-tuyomi h2 span {
		width: 20%;
		padding-right: 3%;
	}
	.page-tuyomi h2 span img {
		width: 100%;
	}
	.page-tuyomi h2 span.fs_small {
		display: contents;
	}
	.page-tuyomi .imgArea {
		width: auto;
	}
	.conBox {
		margin: 17px 0 0;
		flex-flow: column;
	}
	.conArea:nth-of-type(even) .conBox {
		flex-direction: column;
	}
	.conArea:nth-of-type(even) .textArea,
	.conArea:nth-of-type(odd) .textArea {
		width: 90%;
		height: auto;
		margin: -7% auto 0;
		background: url(sp-images/bk.png) no-repeat;
		background-size: 100% auto;	
	}
	.conArea:not(:first-of-type) {
		margin-top: 35px;
	}
	.textArea p {
		line-height: 18px;
	    width: 65%;
	    margin: 14% auto;
	    font-size: 13px;
	}
	.textArea {
	    position: relative;
	}
	.textArea:before {
		content: "";
		  display: block;
		  padding-top: 87%;
	}
	.textArea p {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}
/* 問い合わせ先
---------------------------------------------*/
.contactArea {
	margin-top: 100px;
}
@media print, screen and (max-width: 767px){
	.contactArea {
		margin-top: 45px;
	}	
}
/* 20240517追追記*/

span.ni{
 font-weight: bold;
}