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


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

	
/* c-pagettl */

.c-pagettl__inner::after {
	height: 130px;
	margin-bottom: -35px;
	margin-right: -15px;
}
	
/* l-container--page */

.l-container--page {
	padding-bottom: 70px;
}
	
/* c-concept */

.c-concept {
	margin-bottom: 50px;
}

/* p-data-container01 */

.p-data-container01__inner {
	width: 88%;
  justify-content: center;
	gap:20px 4%;
}
	
.p-data-container01__inner .item {
	width: 48%;;
	height: 380px;
}
	
.p-data-container01__inner .item a {
	width: 100%;
	height: 380px;
}
	
@media screen and (max-width: 500px) {
	.p-data-container01__inner .item {
	width: 280px;
	height: 380px;
}
	
.p-data-container01__inner .item a {
	width: 100%;
	height: 380px;
}
}

.p-data-container01__inner .item a::before {
right: 12px;
bottom: 12px;
	height: 38px;
}

.p-data-container01__inner .data-number, .js_modalCont .data-number {
bottom: 30px;
}

.p-data-container01__inner .number02 .data-number {
bottom: 15px;
}

.js_modalCont .data-number {
bottom: 40px;
}

.p-data-container01 h4, .js_modalCont h4 {
	position: absolute;
left: 50%;
	transform: translateX(-50%);
top: 20px;
	font-size: 22px;
}

.p-data-container01 h4 span, .js_modalCont h4 span {
	font-size: 15px;
}

.p-data-container01 h5 img {
	width: 200px;
	height: auto;
}

.p-data-container01 h6, .js_modalCont h6 {
	font-size: 50px;
}

.p-data-container01 h6::before, .p-data-container01 h6::after, .js_modalCont h6::after {
	font-size: 20px;
}

.p-data-container01 .number02 h6:nth-child(1)::before, .p-data-container01 .number04 h6:nth-child(1)::before {
	font-size: 18px;
}

.p-data-container01 .number02 h6:nth-child(2)::before, .p-data-container01 .number04 h6:nth-child(2)::before {
	font-size: 18px;
}

.p-data-container01 .number02 h6::after {
	font-size: 18px;
}

.p-data-container01 .number04 h6::after {
	font-size: 18px;
}


	
/* ==========================
  モーダル（ポップアップ）
========================== */

.js_modalContInner {
	padding: 130px 0px 50px;
}

.js_modalContWrap__wrap {
	width: 88%;
	max-width: 400px;
}
	
.js_modalContInner {
align-items: flex-start;
	overflow-y: scroll;
}

.js_modalCont {
	border-radius: 15px;
}

.js_modalCont__img {
  width: 100%;
	height: 380px;
}

.js_modalCont__text {
  width: 100%;
}
	
	
.js_modalCont__img-inner h5 img {
	width: 220px;
}

.js_modalCont__text {
	padding: 30px;
}

.jm01 .js_modalCont__text p {
	font-size: 15px;
}
	.jm01 .js_modalCont__text p.txt14 {
	font-size: 12px;
}

.jm02 .js_modalCont__text p {
	width: 100%;
}

.js_modalCont__text ul li {
	font-size: 15px;
}

.js_modalCont__text ul li::before {
	font-size: 14px;
}

.js_modalClose {
  width: 40px;
  height: 40px;
	margin-right: 0px;
	margin-top: -50px;
}
	
.js_modalClose img {
  width: 40px;
  height: auto;
}

.p-data-container01 .text-kome {
	width: 88%;
}

	
    .pc-view {
        display: none;
    }
    .sp-view {
        display: inline-block;
    }
   
}