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


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


/* title-page_special */

.title-page_special {
	height: 350px;
}
	
.title-page_special h2 img {
	max-width: 400px;
}

/* layout01 */

.layout01::after {
	background-size: 100% auto;
	height: 250px;
	margin-top: -170px;
}

.layout01 p {
	padding: 0px 6%;
	font-size: 16px;
line-height: 2.2;
}

/* layout02 */

.layout02 {
	gap:50px 4%;
}

.layout02 a::after {
	height: 44px;
	margin-right: -12px;
	margin-top: -12px;
}

.layout02 .box {
	width: 30.6%;
	margin-right: 0px;
}
	
@media screen and (max-width: 500px) {
	.layout02 .box {
	width: 48%;
}
}

.layout02 .box-img {
border-width : 5px;
}

.layout02 .box-detail {
	padding: 20px 0px 20px;
}

.layout02 h4 {
	font-size: 16px;
}

.layout02 h4::before {
	height: 18px;
	margin-left: -15px;
}

.layout02 h5 {
	padding-top: 6px;
}
	
.layout02 .box-tag ul {
	gap:5px;
}

.layout02 .box-tag ul li {
	font-size: 12px;
	padding: 5px 15px;
}


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


.js_modalContWrap__wrap {
	width: 88%;
}

.js_modalCont {
	height: 85vh;
	padding: 45px 35px;
	border-style : solid;
border-width : 5px;
}
	
.bc01 .js_modalCont, .bc02 .js_modalCont, .bc03 .js_modalCont {
	background: #FFF;
}
	
.bc01 .js_modalCont {
border-color : #FF98A8;
}
	
.bc02 .js_modalCont {
border-color : #ffbc26;
}
	
.bc03 .js_modalCont {
border-color : #38BDF9;
}


.js_modalCont::before {
	display: none;
}


.js_modalClose {
  width: 54px;
  height: 54px;
	margin-right: -15px;
	margin-top: -15px;
}

.lay-special .box-detail {
	padding-top: 20px;
	gap:40px;
}

.lay-special .box-text {
	padding-right: 0px;
}

.lay-special .box-img {
	width: 100%;
	text-align: center;
}

.lay-special .box-img img {
	width: 100%;
	height: auto;
	max-width: 290px;
	max-height: 270px;
}

.lay-special h3 {
	font-size: 20px;
}

.lay-special h3::before {
	height: 18px;
	margin-top: -8px;
}

.lay-special h4 {
	font-size: 14px;
}

.bc01 .lay-special h4 {
	color: #FF98A8;
}

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