@charset "UTF-8";




@media only screen and (max-width: 767px){
	

	
	
	
	
/*********** 共通・bg *************/

	
header.header-w-sp {
	background: transparent;
}

header.header-w-sp::before {
  content: "";
  position: absolute;
  inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
  opacity: 0;
	transition: all 0.2s ease;
  pointer-events: none;
}

header.header-w-sp.active::before {
  opacity: 1;
}

.header-w-sp .hamburger span {
	background : #fff;
}

.header-w-sp .hamburger.active span {
	background : #000;
}


main {
	margin-top: 0;
}

.footer-cap {
	margin-top: 70px;
}
	
footer {
	padding-top: 20px;
}
	
nav.footer-nav li a:hover {
	background: #fff;
}
	
/*********** ↑共通・bg *************/

	
	

	

.merit-bg {
	padding: 30px 0;
}

.merit-wrap {
	padding: 0;
}

.merit-wrap li {
	width: 100%;
	font-size: 1.5rem;
	border-bottom: 1px solid #666;
	padding: 15px 0;
}
	
.merit-wrap li sup {
	font-size: 1.0rem;
	top: -0.8em;
}

.merit-wrap li:nth-child(1) {
	border-right: none;
	border-top: 1px solid #666;
}
	
.merit-wrap li:nth-child(1) .cap {
	margin-top: 5px;
}


.merit-wrap.second li:nth-child(1) {
	border-top: none;
}
	
.merit-bg hr {
	display: none;
}

	
	
	
	
/*********** concept *************/

.concept-bg {
	background-image: url("../../images/sp_concept_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}

.concept-bg h3 {
	font-size: 1.5rem;
}
	
.concept_01-wrap {
	width: 76.47%;
}

.concept-copy {
	line-height: 2.0;
	text-align: center;
	margin-top: 20px;
}

.concept-copy p {
	margin-top: 20px;
}

/*********** ↑concept *************/




/*********** info *************/

.info-bg {
	padding: 40px 0;
}

.info-area {
	padding-top: 20px;
	padding-bottom: 40px;
}

.info-st {
	margin-top: 30px;
}

.info-st .txt1 {
	font-size: 2.0rem;
	letter-spacing: 0.05em;
}

.info-st .txt2 {
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	margin-top: 15px;
}

/*********** ↑info *************/


	

	
/*********** cont *************/

.cont-bg {
	position: relative;
	background-image: url("../../images/sp_cont_bg.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 20px;
}

.cont-wrap.left {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto;
	margin-top: 50px;
}

.cont-wrap.left li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	width: 104%;
	margin-left: -4%;
}

.cont-wrap.left li:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	width: 79.41%;
	margin: 0 auto;
	margin-top: -20px;
}
	
.cont-wrap.left .cap-cover {
	right: auto;
	left: 5px;
	bottom: 22px;
	text-align: left;
}
	
.cont-wrap.right {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto;
	margin-top: 50px;
}

.cont-wrap.right li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	width: 104%;
}

.cont-wrap.right li:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	width: 79.41%;
	margin: 0 auto;
	margin-top: -20px;
}

.cont-wrap.right .cap-cover {
	bottom: 22px;
}
	
/*********** ↑cont *************/


	
	
	
	
	
	
	
	
	
	

	
	
	
}