@charset "UTF-8"; 

@media screen and (min-width:768px) {
/*pc・タブレットcss*/

.p-fv {
	background: #D1E8EF;
	margin-bottom: 110px;
}

.p-fv .l-inner.l-fv {
	margin-inline: auto;
	padding-block: 49px 128px;
	width: min(100%, 1920px);
}

.p-fv .p-fv__contents {
	margin-bottom: 560px;
	margin-inline: auto;
	position: relative;
	width: min(95%, 1076px);
}

.p-fv .p-fv__logo {
	position: absolute;
	right: -32px;
	top: 0;
}

.p-fv .p-fv__contents-left {
	left: 0;
	position: absolute;
	top: 50px;
}

.p-fv .p-fv__ttl {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 38px;
  position: relative;
  left: 38px;
  top: -3px;
}

.p-fv .p-fv__ttl span.top {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 11px;
  text-align: center;
  position: relative;
  left: -37px;
}

.p-fv .p-fv__ttl span.center {
	margin-bottom: 24px;

}

.p-fv .p-fv__ttl span.bottom {
}

.p-fv .p-fv__txt {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.7;
  padding-left: 48px;
}

.p-fv .p-fv__contents-right {
	position: absolute;
	right: -33px;
	top: 107px;

}

.p-fv .p-fv__contents02 {
	background: url(../images/wb/fv_con02_bg.png) no-repeat top center/cover;
	margin-bottom: 38px;
	margin-inline: auto;
	max-width: 1280px;
	padding-block: 41px 101px;
	position: relative;
	width: 100%;
}

.p-fv .p-fv__contents02:before {
	background: url(../images/wb/fv_con02_icon01.png) no-repeat center center/contain;
	content: "";
	height: 213px;
	left: calc(50% - 477px);
	position: absolute;
	top: -160px;
	width: 294px;
}

.p-fv .p-fv__contents02::after {
	background: url(../images/wb/fv_con02_icon02.png) no-repeat center center/contain;
	content: "";
	height: 148px;
	left: calc(50% + 375px);
	position: absolute;
	top: -76px;
	width: 200px;
}

.p-fv .p-fv__contents02-ttl {
	margin-bottom: 38px;
	text-align: center;
}

.p-fv .p-fv__contents02-items {
	display: grid;
	gap: 0 0px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 702px);
  position: relative;
  left: 47px;
}

.p-fv .p-fv__contents02-item {
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7692307692;
	position: relative;
}

.p-fv .p-fv__contents02-item:before {
	background: url(../images/wb/check.svg) no-repeat center center/contain;
	content: "";
	height: 28px;
	left: -36px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 29px;
}

.p-fv .p-fv__txt02 {
	font-size: 33px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5454545455;
	margin-bottom: 60px;
	text-align: center;
}

.p-fv .p-fv__txt02 span {
	border-bottom: 1px solid #000;
  padding-bottom: 7px;
}

.p-fv .p-fv__cards {
	display: grid;
	gap: 40px 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 1000px);
}

.p-fv .p-fv__card {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding-block: 70px 57px;
	padding-inline: 71px 40px;
}

.p-fv .p-fv__card-contents {
	align-items: center;
	display: flex;
	gap: 0 36px;
	justify-content: center;
}

/* .p-fv .p-fv__card-contents-left {
	border-right: 1px solid #D9D9D9;
	padding-inline: 0px 64px;
} */

.p-fv .p-fv__card-contents-left h4 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.4166666667;
	margin-bottom: 22px;
	text-align: center;
	white-space: nowrap;
}

.p-fv .p-fv__card-contents-right {
	border-left: 1px solid #D9D9D9;
	padding-inline: 64px 0px;
}

.p-fv .p-fv__card-contents-right p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 16px;
  text-align: justify;
}

.p-fv .p-fv__card-contents-right p.bottom {
	margin-bottom: 0;
}

.p-detail .p-detail__ttl {
	margin-bottom: 28px;
	text-align: center;
}

.p-detail .p-detail__ttl02 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5333333333;
	margin-bottom: 47px;
	text-align: center;
}

.p-detail .p-detail__txt {
	margin-bottom: 0px;
	text-align: center;
}

.p-detail .p-detail__txt p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
  margin-bottom: 29px;
}

.p-detail .p-detail__txt p.bottom {
  margin-bottom: 0;
}

.p-reason .p-reason__contents {
	background: #fff;
	margin-bottom: -191px;
	margin-inline: auto;
	padding-block: 83px 40px;
	position: relative;
	width: min(95%, 1280px);
}

.p-reason .p-reason__contents-img {
	margin-bottom: 27px;
	text-align: center;
}

.p-reason .p-reason__contents-ttl {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	text-align: center;
}

.p-reason .p-reason__box {
	background: url(../images/wb/bg_kodawari.jpg) repeat top center/contain;
	margin-inline: auto;
	max-width: 1920px;
	padding-block: 252px 72px;
	width: 100%;
}

.p-reason .p-reason__box-links {
	display: grid;
	gap: 0 20px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 70px;
	margin-inline: auto;
	width: min(95%, 1020px);
}

.p-reason .p-reason__box-link:last-child h3 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.2222222222;
}

.p-reason .p-reason__box-link a {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	display: block;
	padding-block: 0px 24px;
}

.p-reason .p-reason__box-link a p {
	color: #39ACD4;
	font-size: 39px;
	font-weight: 400;
	letter-spacing: -0.05em;
	line-height: 1.5897435897;
	margin-bottom: -19px;
	text-align: center;
}

.p-reason .p-reason__box-link:nth-child(4) a {
  padding-block: 0 16px;
}

.p-reason .p-reason__box-link:nth-child(4) a p {
  margin-bottom: -9px;
}

.p-reason .p-reason__box-link a h3 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2.3;
	margin-bottom: 4px;
	text-align: center;
}

.p-reason .p-reason__box-link a div.img {
	text-align: center;
}

.p-reason .p-reason__box-items {
	display: grid;
	gap: 70px 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 1100px);
}

.p-reason .p-reason__box-item {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding-block: 17px 32px;
}

.p-reason .p-reason__box-item:nth-child(3) {
  padding-block: 17px 96px;
}

.p-reason .p-reason__box-item h2.ttl {
	align-items: center;
	border-bottom: 1px solid #CCCCCC;
	display: flex;
	gap: 0 18px;
	margin-bottom: 25px;
	margin-inline: auto;
	width: min(95%, 950px);
}

.p-reason .p-reason__box-item h2.ttl span {
	color: #39ACD4;
	font-size: 90px;
	font-weight: 400;
	letter-spacing: -0.05em;
	line-height: 1.6;
}

.p-reason .p-reason__box-item h2.ttl span.ja {
	color: #000;
	font-size: 34px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.5294117647;
}

.p-reason .p-reason__box-item div.bottom {
	align-items: center;
	display: grid;
	gap: 0 52px;
	grid-template-columns: 48.0122324159% 45.871559633%;
	margin-inline: auto;
	width: min(90%, 982px);
}

.p-reason .p-reason__box-item div.bottom div.content h3 {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.5333333333;
	margin-bottom: 17px;
}

.p-reason .p-reason__box-item div.bottom div.content p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 30px;
}

.p-reason .p-reason__box-item div.bottom div.content p.bottom {
	margin-bottom: 0;
}

.p-wall .l-inner.l-wall {
	padding-block: 37px 120px;
}

.p-wall .p-wall__icon {
	text-align: center;
}

.p-wall .p-wall__ttl {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 57px;
	text-align: center;
}

.p-wall .p-wall__contents {
	background: #F2F2F2;
	margin-inline: auto;
	padding-block: 0 54px;
	width: min(95%, 1100px);
}

.p-wall .p-wall___contents-img {
	position: relative;
	text-align: center;
	top: -50px;
  margin-bottom: -24px;
}

.p-wall .p-wall__ttl02 {
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.52;
	margin-bottom: 40px;
	text-align: center;
}

.p-wall .p-wall__fig {
	margin-bottom: 32px;
	text-align: center;
}

.p-wall .p-wall__txt {
	margin-inline: auto;
	width: min(95%, 680px);
}

.p-wall .p-wall__txt p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 29px;
}

.p-wall .p-wall__txt p.bottom {
	margin-bottom: 0;
}

.p-difference {
	background: #D1E8EF;
}

.p-difference .l-inner.l-difference {
	padding-block: 122px 100px;
}

.p-difference .p-difference__ttl {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 30px;
	text-align: center;
}

.p-difference .p-difference__txt {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-bottom: 56px;
	text-align: center;
}

.p-difference .p-difference__fig-ttl {
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-bottom: 13px;
	text-align: center;
}

.p-difference .p-difference__info-wrap {
	margin-inline: auto;
	width: min(95%, 1100px);
}

.p-difference .p-difference__info {
	background: #fff;
	border-collapse: collapse;
	width: 100%;
}

.p-difference .p-difference__info-row {
	border-bottom: 1px solid #D9D9D9;
}

.p-difference .p-difference__info-row:nth-child(1) {
	background: #A1D1E2;
}

.p-difference .p-difference__info-row:nth-child(1) .p-difference__info-row-left {
  padding: 0;
}

.p-difference .p-difference__info-row:nth-child(1) .p-difference__info-row-center {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-align: center;
  padding: 12px 14px;
  vertical-align: middle;
}

.p-difference .p-difference__info-row:nth-child(1) .p-difference__info-row-right {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-align: center;
  padding: 12px 14px;
  vertical-align: middle;
}

.p-difference .p-difference__info-row:nth-child(2) .p-difference__info-row-right {
  padding: 12px 19px;
}

.p-difference .p-difference__info-row:nth-child(2) .p-difference__info-row-right div {
  gap: 0 12px;
}

.p-difference .p-difference__info-row-left {
	border-right: 1px solid #D9D9D9;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.75;
	margin: 0;
	padding: 4px 16px 4px 25px;
	text-align: left;
	vertical-align: middle;
	width: 160px;
}

.p-difference .p-difference__info-row-center {
	border-right: 1px solid #D9D9D9;
	margin: 0;
	padding: 20px 15px;
	text-align: left;
	width: 469px;
  vertical-align: middle;
}

.p-difference .p-difference__info-row-center div {
	align-items: center;
	display: flex;
	gap: 0 18px;
}

.p-difference .p-difference__info-row-center div p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

.p-difference .p-difference__info-row-center div p.symbol {
	
}

.p-difference .p-difference__info-row-center div p.symbol.maru {
}

.p-difference .p-difference__info-row-right {
	margin: 0;
	padding: 8px 25px;
	width: 469px;
  vertical-align: middle;
}

.p-difference .p-difference__info-row-right div {
	align-items: center;
	display: flex;
	gap: 0 18px;
}

.p-difference .p-difference__info-row-right div p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

.p-difference .p-difference__info-row-right div p.symbol {

}

.p-difference .p-difference__info-row-right div p.symbol.maru {
}

.p-bottom .l-inner.l-bottom {
	padding-block: 46px 110px;
}

.p-bottom .p-bottom__icon {
	margin-bottom: 6px;
	text-align: center;
}

.p-bottom .p-bottom__ttl {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 26px;
	text-align: center;
}

.p-bottom .p-bottom__txt {
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7826086957;
	margin-bottom: 61px;
	text-align: center;
}

.p-bottom .p-bottom__img {
	text-align: center;
}

.h2-box { background: url(../images/wb/h2.jpg) no-repeat top; }
.h2-box .h2-ttl {color: #000;}
#hayakawa-box { margin-bottom: 150px; }
#hayakawa-box .ttl { position: relative; margin-bottom: 40px; padding-bottom: 30px; }
#hayakawa-box .ttl::after { content: ""; border-bottom: 1px solid #3f3f3f; width: 120px; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#hayakawa-box .ttl span { display: block; }
#hayakawa-box .ttl .logo { margin-bottom: 10px; }
#hayakawa-box .ttl .main { font-size: 34px; line-height: 1.5; letter-spacing: 0.18em; color: #3f3f3f; }
#hayakawa-box .bg-box { background: url(../images/common/bg01.jpg) repeat top; padding: 50px 0 45px; }
#hayakawa-box .bg-box .inner { width: 1000px; margin: 0 auto; }
#hayakawa-box .bg-box .inner ul li .photo { margin-bottom: 20px; }

}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1200px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1200px) {
.p-fv .p-fv__logo {
  position: absolute;
  right: 0px;
  top: 0;
}

.p-fv .p-fv__contents-right {
  position: absolute;
  right: 0px;
}

.p-fv .p-fv__ttl {
  left: 16px;
}

.p-fv .p-fv__txt {
  padding-left: 30px;
}

.p-fv .p-fv__contents02::after {
  height: 12.333vw;
  left: calc(50% + 31.25vw);
  top: -6.333vw;
  width: 16.667vw;
}
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1100px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1100px) {
.p-reason .p-reason__box-item div.bottom div.img img {
  width: 100%;
  height: auto;        
}

.p-fv .p-fv__contents-right img {
  width: 46.182vw;
  height: auto;
}

.p-bottom .p-bottom__img img {
  width: 100%;
  height: auto;        
}
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1000px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1000px) {
.p-fv .p-fv__contents-right {
  top: 23vw;
}

.p-fv .p-fv__contents-right img {
  width: 38.182vw;
  height: auto;
}

.p-fv .p-fv__logo img {
  width: 20vw;
  height: auto;
}

.p-fv .p-fv__ttl {
  left: 0px;
}

.p-fv .p-fv__txt {
  padding-left: 0px;
}

.p-fv .p-fv__contents02:before {
  background: url(../images/wb/fv_con02_icon01.png) no-repeat center center / contain;
  content: "";
  height: 21.3vw;
  left: calc(50% - 47.7vw);
  position: absolute;
  top: -16vw;
  width: 29.4vw;
}

}

/* ========================================
@media screen and (min-width:768px) and ( max-width:900px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:900px) {
.p-detail .p-detail__ttl02 {
  font-size: 26px;
}

.p-wall .p-wall__fig img {
  width: 95%;
  height: auto;        
}
}

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

======================================== */
@media screen and (max-width:767px) {
.p-fv {
  background: #D1E8EF;
  margin-bottom: 17.155vw;
}

.p-fv .l-inner.l-fv {
  padding-block: 3.382vw 12.077vw;
  width: 100%;
}

.p-fv .p-fv__contents {
  margin-bottom: 7.246vw;
  margin-inline: auto;
  position: static;
  width: 100%;
  width: min(95%, 86.9vw);
}

.p-fv .p-fv__logo {
  margin-bottom: 4.039vw;
  position: static;
  text-align: center;
}

.p-fv .p-fv__contents-left {
  position: static;
}

.p-fv .p-fv__ttl {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 4vw 0;
  margin-bottom: 3.729vw;
}

.p-fv .p-fv__ttl span.top {
  font-size: 5.797vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5416666667;
  text-align: left;
  padding-left: 2vw;
}

.p-fv .p-fv__ttl span.center {
  margin-bottom: -0.3vw;
}

.p-fv .p-fv__ttl span.bottom img {
  height: auto;
  width: 53.623vw;
}

.p-fv .p-fv__txt {
  font-size: 4.831vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin-bottom: 7.729vw;
}

.p-fv .p-fv__contents-right {
  position: static;
  text-align: center;
}

.p-fv .p-fv__contents02 {
  background: url(../images/wb/fv_con02_bg_sp.png) no-repeat top center/cover;
  margin-bottom: 4.454vw;
  margin-inline: auto;
  padding-block: 9.942vw 58.213vw;
  position: relative;
  width: min(95%, 94.2vw);
}

.p-fv .p-fv__contents02:before {
  background: url(../images/wb/fv_con02_icon01_sp.png) no-repeat center center/contain;
  bottom: 17.942vw;
  content: "";
  height: 35.749vw;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 49.517vw;
}

.p-fv .p-fv__contents02::after {
  content: none;
}

.p-fv .p-fv__contents02-ttl {
  margin-bottom: 7.42vw;
  text-align: center;
}

.p-fv .p-fv__contents02-items {
  display: grid;
  gap: 3.246vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-content: center;
  margin-inline: auto;
  width: 57.971vw;
}

.p-fv .p-fv__contents02-item {
  font-size: 6.28vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.7692307692;
  padding-left: 10.454vw;
  position: relative;
}

.p-fv .p-fv__contents02-item:before {
  background: url(../images/wb/check.svg) no-repeat center center/contain;
  content: "";
  height: 6.763vw;
  left: 1vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 7.005vw;
}

.p-fv .p-fv__txt02 {
  font-size: 7.971vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5454545455;
  margin-bottom: 9.662vw;
  margin-inline: auto;
  text-align: left;
  width: min(100%, 73.4637681159vw);
  white-space: nowrap;
}

.p-fv .p-fv__txt02 span {
  border-bottom: 0.2vw solid #000;
  padding-bottom: 2vw;
}

.p-fv .p-fv__cards {
  display: grid;
  gap: 7.246vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-inline: auto;
  width: min(100%, 94.2vw);
}

.p-fv .p-fv__card {
  background: #fff;
  border-radius: 4.831vw;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding-block: 7.251vw 9.662vw;
  padding-inline: 0;
}

.p-fv .p-fv__card-contents {
  display: grid;
  gap: 8.213vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-inline: auto;
  width: min(95%, 82.1vw);
}

.p-fv .p-fv__card-contents-left {
  border: none;
  padding-inline: 0;
}

.p-fv .p-fv__card-contents-left h4 {
  font-size: 5.797vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5416666667;
  margin-bottom: 3.314vw;
  text-align: center;
}

.p-fv .p-fv__card-contents-left div.img {
  text-align: center;
}

.p-fv .p-fv__card-contents-left div.img.img01 img {
  height: auto;
  width: 42.995vw;
}

.p-fv .p-fv__card-contents-left div.img.img02 img {
  height: auto;
  width: 37.198vw;
}

.p-fv .p-fv__card-contents-left div.img.img03 img {
  height: auto;
  width: 44.203vw;
}

.p-fv .p-fv__card-contents-right p {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 6vw;
}

.p-fv .p-fv__card-contents-right p.bottom {
  margin-bottom: 0;
}

.p-detail .p-detail__ttl {
  margin-bottom: 6.319vw;
  text-align: center;
}

.p-detail .p-detail__ttl img {
  height: auto;
  width: 92.029vw;
}

.p-detail .p-detail__ttl02 {
  font-size: 6.039vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 9.353vw;
  text-align: center;
}

.p-detail .p-detail__txt {
  margin-bottom: 15.599vw;
  margin-inline: auto;
  text-align: left;
  width: 82.609vw;
}

.p-detail .p-detail__txt p {
  font-size: 3.382vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-bottom: 7vw;
}

.p-detail .p-detail__txt p.bottom {
  margin-bottom: 0;
}

.p-reason .p-reason__contents {
  background: #fff;
  margin-bottom: -38.986vw;
  margin-inline: auto;
  padding-block: 0 9.87vw;
  position: relative;
  width: min(95%, 94.2vw);
  z-index: 10;
}

.p-reason .p-reason__contents-img {
  margin-bottom: 10.353vw;
  text-align: center;
}

.p-reason .p-reason__contents-img img {
  height: auto;
  width: 91.063vw;
}

.p-reason .p-reason__contents-ttl {
  font-size: 6.28vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}

.p-reason .p-reason__box {
  background: url(../images/wb/bg_kodawari.jpg) repeat top center/contain;
  margin-inline: auto;
  padding-block: 45.894vw 15.894vw;
  width: 100%;
}

.p-reason .p-reason__box-links {
  display: grid;
  gap: 4.831vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-bottom: 12.077vw;
  margin-inline: auto;
  width: min(95%, 80.193236715vw);
}

.p-reason .p-reason__box-link:last-child h3 {
  font-size: 4.348vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

.p-reason .p-reason__box-link a {
  background: #fff;
  border-radius: 4.831vw;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  display: block;
  padding-block: 0 4vw;
}

.p-reason .p-reason__box-link a p {
  color: #39ACD4;
  font-size: 9.42vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.6;
  margin-bottom: -4vw;
  text-align: center;
}

.p-reason .p-reason__box-link a h3 {
  font-size: 4.831vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 0vw;
  text-align: center;
}

.p-reason .p-reason__box-link a div.img {
  text-align: center;
}

.p-reason .p-reason__box-link a div.img img {
  height: auto;
  width: 3.623vw;
}

.p-reason .p-reason__box-items {
  display: grid;
  gap: 7.246vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
}

.p-reason .p-reason__box-item {
  background: #fff;
  border-radius: 0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding-block: 1.696vw 8.696vw;
}

.p-reason .p-reason__box-item h2.ttl {
  border-bottom: 0.2vw solid #CCCCCC;
  padding-bottom: 8.488vw;
  width: min(95%, 86.9vw);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  margin-bottom: 10vw;
}

.p-reason .p-reason__box-item h2.ttl span {
  color: #39ACD4;
  font-size: 16.425vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.6;
  text-align: center;
  margin-bottom: -3vw;
}

.p-reason .p-reason__box-item h2.ttl span.ja {
  color: #000;
  font-size: 6.28vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5384615385;
  text-align: center;
}

.p-reason .p-reason__box-item div.bottom {
  display: grid;
  gap: 8.145vw 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.p-reason .p-reason__box-item div.bottom div.img {
  order: 2;
  text-align: center;
}

.p-reason .p-reason__box-item div.bottom div.img img {
  height: auto;
  width: 84.816vw;
}

.p-reason .p-reason__box-item div.bottom div.content {
  order: 1;
}

.p-reason .p-reason__box-item div.bottom div.content h3 {
  font-size: 6.28vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5384615385;
  margin-bottom: 4.039vw;
  text-align: center;
}

.p-reason .p-reason__box-item div.bottom div.content p {
  font-size: 3.382vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-bottom: 5.865vw;
  margin-inline: auto;
  width: min(95%, 82.1vw);
}

.p-reason .p-reason__box-item div.bottom div.content p.bottom {
  margin-bottom: 0;
}

.p-wall .l-inner.l-wall {
  padding-block: 5.072vw 11.594vw;
}

.p-wall .p-wall__icon {
  text-align: center;
}

.p-wall .p-wall__icon img {
  height: auto;
  width: 88.164vw;
}

.p-wall .p-wall__ttl {
  font-size: 6.28vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 5.971vw;
  text-align: center;
}

.p-wall .p-wall__contents {
  background: #F2F2F2;
  margin-inline: auto;
  padding-block: 3.14vw 14.734vw;
  width: min(95%, 91.7vw);
}

.p-wall .p-wall___contents-img {
  left: -4vw;
  top: -1.5vw;
  position: relative;
  margin-bottom: 5vw;
}

.p-wall .p-wall___contents-img img {
  height: auto;
  width: 99.618vw;
}

.p-wall .p-wall__ttl02 {
  font-size: 4.831vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 4.831vw;
  text-align: center;
}

.p-wall .p-wall__fig {
  margin-bottom: 4.106vw;
  text-align: center;
}

.p-wall .p-wall__fig img {
  height: auto;
  width: 85.507vw;
}

.p-wall .p-wall__fig-txt {
  font-size: 3.865vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.125;
  margin-bottom: 5.797vw;
  margin-inline: auto;
  padding-left: 5.556vw;
  position: relative;
  text-align: right;
  width: min(95%, 85.5072463768vw);
}

.p-wall .p-wall__fig-txt:before {
  background: url(../images/wb/plus.svg) no-repeat center center/contain;
  content: "";
  height: 3.865vw;
  position: absolute;
  right: 17.391vw;
  top: 50%;
  transform: translateY(-50%);
  width: 3.865vw;
}

.p-wall .p-wall__txt {
  font-size: 3.382vw;
  line-height: 2;
  letter-spacing: 0.05em;
  width: min(95%,86.9vw);
  margin-inline: auto;
  padding-block: 4vw 0;
}

.p-wall .p-wall__fig-wrap {

}

.p-wall .p-wall__fig {
  width: 213.285vw;
}

.p-wall .p-wall__fig img {
  width: 100%;
  height: auto;        
}

.p-wall .p-wall__fig-wrap::-webkit-scrollbar {
  height: 1.449vw;
  width: 97.826vw;
}

.p-wall .p-wall__fig-wrap::-webkit-scrollbar-track {
  background: #4E4E4E;
}

.p-wall .p-wall__fig-wrap::-webkit-scrollbar-thumb {
  background: #fff;
}

.p-wall .scroll-hint-shadow-wrap {
  padding-left: 2.899vw;
}

.p-wall .scroll-hint-shadow-wrap::before {
  background: none;
}

.p-wall .scroll-hint-shadow-wrap::after {
  background: none;
}

.p-difference {
  background: #D1E8EF;
}

.p-difference .l-inner.l-difference {
  padding-block: 19.739vw 14.493vw;
}

.p-difference .p-difference__ttl {
  font-size: 7.729vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 6.87vw;
  text-align: center;
}

.p-difference .p-difference__txt {
  font-size: 4.348vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 14.841vw;
  text-align: center;
}

.p-difference .p-difference__fig-ttl {
  font-size: 7.005vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.7931034483;
  margin-bottom: 14.633vw;
  text-align: center;
}

.p-difference .p-difference__info-wrap {
}

.p-difference .p-difference__info {
  background: #fff;
  border-collapse: collapse;
  margin-bottom: 3.623vw;
  width: 178.744vw;
  table-layout: fixed;
}

.p-difference .p-difference__info-row {
  border-bottom: 0.2vw solid #D9D9D9;
}

.p-difference .p-difference__info-row:nth-child(1) {
  background: #A1D1E2;
}

.p-difference .p-difference__info-row:nth-child(1) .p-difference__info-row-left {
  padding: 0;
}

.p-difference .p-difference__info-row:nth-child(1) .p-difference__info-row-center {
  font-size: 4.831vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: center;
  padding-block: 3vw;
  vertical-align: top;
}

.p-difference .p-difference__info-row:nth-child(1) .p-difference__info-row-right {
  font-size: 4.831vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: center;
  padding-block: 3vw;
}

.p-difference .p-difference__info-row-left {
  border-right: 0.2vw solid #D9D9D9;
  font-size: 3.865vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin: 0;
  padding: 6.213vw 0px 6.213vw 2.865vw;
  text-align: left;
  vertical-align: middle;
  width: 28.647vw;
}

.p-difference .p-difference__info-row-center {
  border-right: 0.2vw solid #D9D9D9;
  margin: 0;
  padding: 2.831vw 3.382vw;
  text-align: left;
  width: 65.618vw;
  vertical-align: middle;
}

.p-difference .p-difference__info-row-center div {
  align-items: center;
  display: flex;
  gap: 0 3vw;
}

.p-difference .p-difference__info-row-center div p {
  font-size: 3.382vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
}

.p-difference .p-difference__info-row-center div p.symbol {

}

.p-difference .p-difference__info-row-center div p.symbol img {
  width: 9.662vw;
  height: auto;
}

.p-difference .p-difference__info-row:nth-child(2) .p-difference__info-row-right {
  padding: 2.831vw 4.382vw 2.831vw 6.382vw;
}

.p-difference .p-difference__info-row:nth-child(2) .p-difference__info-row-right div {
  align-items: center;
  display: flex;
  gap: 0 2vw;
}

.p-difference .p-difference__info-row-right {
  margin: 0;
  padding: 2.831vw 9.382vw 2.831vw 7.382vw;
  text-align: left;
  width: 76.618vw;
  vertical-align: middle;
}

.p-difference .p-difference__info-row-right div {
  align-items: center;
  display: flex;
  gap: 0 3vw;
}

.p-difference .p-difference__info-row-right div p {
  font-size: 3.382vw;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
}

.p-difference .p-difference__info-row-right div p.symbol {

}

.p-difference .p-difference__info-row-right div p.symbol img {
  width: 8.696vw;
  height: auto;
}

.p-difference .p-difference__info-row-right div p.symbol.batu img {
  width: 6.522vw;
  height: auto;
}

.p-difference .p-difference__info-wrap::-webkit-scrollbar {
  height: 1.449vw;
  width: 97.826vw;
}

.p-difference .p-difference__info-wrap::-webkit-scrollbar-track {
  background: #4E4E4E;
}

.p-difference .p-difference__info-wrap::-webkit-scrollbar-thumb {
  background: #fff;
}

.p-difference .scroll-hint-shadow-wrap {
  padding-left: 2.899vw;
}

.p-difference .scroll-hint-shadow-wrap::before {
  background: none;
}

.p-difference .scroll-hint-shadow-wrap::after {
  background: none;
}

.p-bottom .l-inner.l-bottom {
  padding-block: 20.353vw 24.155vw;
}

.p-bottom .p-bottom__icon {
  margin-bottom: 4.831vw;
  text-align: center;
}

.p-bottom .p-bottom__icon img {
  height: auto;
  width: 78.986vw;
}

.p-bottom .p-bottom__ttl {
  font-size: 7.729vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.59375;
  margin-bottom: 9.662vw;
  text-align: center;
}

.p-bottom .p-bottom__txt {
  font-size: 4.348vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 9.662vw;
  text-align: center;
}

.p-bottom .p-bottom__img {
  text-align: center;
}


.p-fv .p-fv__logo img {
  height: auto;
  width: 33.816vw;
}

.p-fv .p-fv__contents-right img {
  height: auto;
  width: 64.493vw;
}

.p-fv .p-fv__contents02-ttl img {
  height: auto;
  width: 65.217vw;
}

/*スマホ用css*/
#hayakawa-box { margin-bottom: 60px; }
#hayakawa-box .ttl { position: relative; margin-bottom: 30px; }
#hayakawa-box .ttl span { display: block; }
#hayakawa-box .ttl .logo { margin-bottom: 10px; }
#hayakawa-box .ttl .main { font-size: 34px; line-height: 1.5; letter-spacing: 0.18em; color: #3f3f3f; }
#hayakawa-box .bg-box { background: url(../images/common/bg01.jpg) repeat top; padding: 50px 0 45px; }
#hayakawa-box .bg-box .inner { width: 100%; margin: 0 auto; padding: 0 3vw; }
#hayakawa-box .bg-box .inner ul { -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
#hayakawa-box .bg-box .inner ul li { -webkit-flex-basis: 50%; flex-basis: 50%; margin-bottom: 20px; }
#hayakawa-box .bg-box .inner ul li .photo { margin-bottom: 20px; }
#hayakawa-box .bg-box .inner ul li .photo img { width: 100%; }
#hayakawa-box .bg-box .inner ul li .materials img { width: 100%; max-width: 102px; }
#hayakawa-box .bg-box .inner ul li .quality img { width: 100%; max-width: 143px; }
#hayakawa-box .bg-box .inner ul li .maintenance img { width: 100%; max-width: 183px; }
#hayakawa-box .bg-box .inner ul li .design img { width: 100%; max-width: 225px; }
#hayakawa-box .bg-box .inner ul li:nth-child(odd) { padding-right: 5px; }
#hayakawa-box .bg-box .inner ul li:nth-child(even) { padding-left: 5px; }
}