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


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

	
/* c-pagettl */

.c-pagettl__inner::after {
	height: 140px;
	margin-bottom: -60px;
	margin-right: -15px;
}
	
/* c-concept */

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

/* p-work-container01 */
.p-work-container01::before {
	content: "";
	position: absolute;
right: 0px;
top:0px;
	background-image: url("../../img/work/txt01.png");
background-position: left top;
background-repeat: no-repeat;
	background-size: 260px auto;
	width: 260px;
	height: 112px;
}
	

.p-work-container01__inner {
	width: 88%;
  justify-content: center;
	padding: 70px 0px 70px;
	flex-direction: column;
}

.p-work-container01__inner::before {
	height: 58px;
	font-size: 18px;
	margin-top: -29px;
}

.p-work-container01-img {
	width: 100%;
	max-width: 400px;
	text-align: center;
	margin: 0px auto;
		margin-top: 50px;
}

.p-work-container01-img__name {
	padding: 20px 25px;
	width: auto;
	text-align: left;
}

.p-work-container01-text {
	width: 100%;
	padding: 10px 0px 0px;
}

.p-work-container01-text::before {
top: 35px;
	width: 100%;
	height: 90px;
}
	.p-work-container01 h3, .p-work-container04 h3 {
	font-size: 24px;
color: #000;
	line-height: 1.6;
font-weight: 500;
}
	
.p-work-container01 h5, .p-work-container04 h5 {
	font-size: 20px;
}

.p-work-container01 p {
	margin-bottom: 40px;
}

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

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

.js_modalContWrap__wrap {
	width: 88%;
}
	
.js_modalContWrap {
	gap:50px 0px;
}

.js_modalCont {
  padding: 50px 35px 40px;
	border-radius: 15px;
	gap:30px 0px;
}

.js_modalCont__img {
  width: 100%;
	text-align: center;
}

.js_modalCont__img img {
  max-width: 400px;
}

.js_modalCont__text {
  width: 100%;
}

.js_modalCont__text::before {
	height: 40px;
	margin-left: -20px;
	margin-top: -30px;
}

.js_modalCont__text h6 {
  font-size: 19px;
}

.js_modalCont__text p {
	padding-top: 20px;
}

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

	

	
	
/* p-work-container02 */

.p-work-container02__inner {
	height: 180px;
}

.p-work-container02 h3 {
	width: 200px;
	font-size: 18px;
	padding: 15px 0px;
}

/* p-work-container03 */

.p-work-container03 {
	width: 100%;
	padding: 80px 0px 50px;
  justify-content: center;
	gap:70px 20px;
}

.p-work-container03__item {
	width: 300px;
	background-size: auto 40px;
	background-position: center bottom 20px;
}

.p-work-container03__item a {
	padding: 110px 20px 0px;
}

.p-work-container03__item:nth-child(1)::before {
	height: 170px;
	margin-top: -55px;
}

.p-work-container03__item:nth-child(2)::before {
	height: 155px;
	margin-top: -55px;
}

.p-work-container03 h4 {
	width: 100%;
	font-size: 16px;
}

/* p-work-container04 */
.p-work-container04::before {
	content: "";
	position: absolute;
left: -3px;
top:0px;
	background-image: url("../../img/work/txt02.png");
background-position: left top;
background-repeat: no-repeat;
	background-size: 260px auto;
	width: 260px;
	height: 112px;
}
	

.p-work-container04__inner {
	width: 88%;
  justify-content: center;
	padding: 70px 0px 70px;
	flex-direction: column;
}

.p-work-container04__inner::before {
	height: 58px;
	font-size: 18px;
	margin-top: -29px;
}

.p-work-container04-img {
	width: 100%;
	max-width: 400px;
	text-align: center;
	margin: 0px auto;
		margin-top: 50px;
}

.p-work-container04-img__name {
	padding: 20px 25px;
	width: auto;
	text-align: left;
}

.p-work-container04-text {
	width: 100%;
	padding: 10px 0px 0px;
}

.p-work-container04-text::before {
top: 35px;
	width: 100%;
	height: 90px;
}

.p-work-container04 p {
	margin-bottom: 40px;
}



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