@charset "utf-8";

#conversion {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 75rem;
	margin: 0 auto;
	display: none;
	background: rgba(255, 255, 255, 0.7);
	/* padding: 2rem 0 1.2rem 0; */
}

#conversion .gbBtnWText {
	margin-bottom: 0;
}

/*きらっと光る*/
.btnshine {
	position: relative;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}

/*キラッと光る*/
.btnshine::before {
	content: '';
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.btnshine::before {
	animation: shine 1.5s infinite;
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.fuwafuwa {
	animation: fuwafuwa 3s ease-in-out infinite alternate;
	display: inline-block;
	transition: 1.5s ease-in-out;
}

@keyframes fuwafuwa {
	0% {
		transform: translate(0, 0) rotate(-7deg);
	}

	50% {
		transform: translate(0, -7px) rotate(0deg);
	}

	100% {
		transform: translate(0, 0) rotate(7deg);
	}
}

.bounce {
	animation: bounce 2s ease-in-out;
  }

  @keyframes bounce {
	0% {
	  transform: translateY(-45%);
	  animation-timing-function: ease-in;
	  opacity: 1;
	}
	24% {
	  opacity: 1;
	}
	40% {
	  transform: translateY(-24%);
	  animation-timing-function: ease-in;
	}
	65% {
	  transform: translateY(-12%);
	  animation-timing-function: ease-in;
	}
	82% {
	  transform: translateY(-6%);
	  animation-timing-function: ease-in;
	}
	93% {
	  transform: translateY(-4%);
	  animation-timing-function: ease-in;
	}
	25%,
	55%,
	75%,
	87% {
	  transform: translateY(0%);
	  animation-timing-function: ease-out;
	}
	100% {
	  transform: translateY(0%);
	  animation-timing-function: ease-out;
	  opacity: 1;
	}
  }

.gBtn {
	position: relative;
	padding: 2rem 0;
	cursor: pointer;
}

.gBtnImg{
	width: 66rem;
	display: block;
	position: relative;
	margin-left: 4rem;
}

.gBtn img{
width: 100%;
}

.gBtn p {
	font-size: 2.9rem;
	font-weight: 700;
	line-height: 1.75;
	color: #000067;
	text-align: center;
	position: relative;
	left: 50%;
    transform: translateX(-44%);
}

.gBtn p:before {
	content: "";
	position: absolute;
	width: .15rem;
	height: 3.1rem;
	background-color: #000067;
	left: 16.5rem;
	top: 15%;
	transform: skew(25deg);
}

.gBtn p::after {
	content: "";
	position: absolute;
	width: .15rem;
	height: 3.1rem;
	background-color: #000067;
	right: 17.5rem;
	top: 15%;
	transform: skew(-25deg);
}

.gNote {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.45;
	margin: 0 4.5rem 2rem 4.5rem;
}

.gBlockBtn{
	background-color: #e0eef8;
	border-radius: 1.7rem;
	padding: 1rem 1rem 3rem 1rem;
}

.gBlockBtnTT{
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #1e99d4;
	margin-bottom: 1.5rem;
	text-shadow: 
    -.1rem -.1rem 0 #fff,  
     .1rem -.1rem 0 #fff,
    -.1rem  .1rem 0 #fff,
     .1rem  .1rem 0 #fff,
    -.2rem -.2rem 0 #fff,
     .2rem -.2rem 0 #fff,
    -.2rem  .2rem 0 #fff,
     .2rem  .2rem 0 #fff;
}

.gBtnWP{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.gBlockBtn .btnWeb{
	width: 29.4rem;
    height: 7.5rem;
    display: block;
}

.gBlockBtn .btnPhone a[href^="tel:"] {
    width: 29.4rem;
    height: 7.5rem;
    display: block;
    background: url(../img/gBtnPhonePC.webp) no-repeat center;
    background-size: 100% 100%;
    text-decoration: none;
    position: relative;
}

.gBlockBtn .btnPhone span{
	color: #fff;
    position: absolute;
    top: 50%;
    left: 70%;
    width: 25rem;
    transform: translate(-50%, -50%);
}

.contactBtn{
	padding: 2.5rem 0 0 0;
}

.contactBtn .gBtn{
	padding-top: unset;
}

.contactBtn .btnPhone a[href^="tel:"] {
    width: 66rem;
    height: 15rem;
    display: block;
    background: url(../img/gPhoneBtnPC.webp) no-repeat center;
    background-size: 100% 100%;
    text-decoration: none;
    position: relative;
	left: 50%;
    transform: translateX(-50%);
}

.contactBtn .btnPhone span{
	font-size: 6rem;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 52%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 60rem;
}

.contactBtnPhone p{
	font-size: 2.9rem;
    font-weight: 700;
    line-height: 1.75;
    color: #000067;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-48%);
}

.contactBtnPhone p::before{
	left: 11.5rem;
}

.contactBtnPhone p::after{
	right: 11.5rem;
}
/* header */
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 3.5rem 1.5rem 2.5rem;
	/* background: url(../img/headerBg.webp) no-repeat center; */
	background-size: 100% 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

header .logo {
	height: 6.23rem;
	display: block;
}

header a[href^="tel:"] {
	width: 32rem;
	height: 8rem;
	display: block;
	background: url(../img/headerPhonePC.webp) no-repeat center;
	background-size: 100% 100%;
	text-decoration: none;
	position: relative;
}

header a[href^="tel:"] span {
	font-size: 3.2rem;
	font-weight: 700;
	text-decoration: none;
	color: #000067;
	position: absolute;
	left: 8.8rem;
}

/* banner */
.banner {
	position: relative;
	background: url(../img/bannerBg.webp) no-repeat center;
	background-size: 100% 100%;
}

.banner02{
	margin-top: -7rem;
}

.banner img {
	width: 75rem;
	display: block;
	margin: 0 auto;
}

.bannerNote {
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1;
	color: #000067;
	position: absolute;
	bottom: 2.7rem;
	left: 21%;
}

/* end banner */

/* fv */
.fv {
	position: relative;
	background: url(../img/fvBg.webp) no-repeat center;
	background-size: cover;
	padding-top: 1.5rem;
}

.fvTxt01 {
	width: 67.8rem;
	display: block;
	margin: 0 auto;
}

.fvTxt02 {
	width: 40.6rem;
	display: block;
	margin: 3rem auto 3.5rem 5.5rem;
}

.fvTxt03 {
	width: 57.2rem;
	display: block;
	margin: 0 auto 0 2.5rem;
}

.fvTxt04 {
	/* font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.2;
	color: #000;
	writing-mode: vertical-rl;
	text-shadow: 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff; */
	position: absolute;
	right: 1.5rem;
	top: 23%;
	height: 16.9rem;
}

.fvBanner {
	width: 75rem;
	display: block;
	margin: 0 auto;
}

/* end fv */

/* manufac */
.manufac {
	position: relative;
}

.manufacTtl {
	font-size: 4.7rem;
	font-weight: 700;
	line-height: 2;
	color: #fff;
	background-color: #1e99d4;
	text-align: center;
	position: relative;
}

.manufacTtl::before {
	content: "";
	position: absolute;
	left: 12rem;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.4rem .8rem 0 .8rem;
	border-color: #FFF transparent transparent transparent;
	transform: rotate(0deg);
}

.manufacTtl::after {
	content: "";
	position: absolute;
	right: 12rem;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.4rem .8rem 0 .8rem;
	border-color: #FFF transparent transparent transparent;
	transform: rotate(0deg);
}

.manufacLogo {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 3rem 0;
}

.manufacLogo img {
	object-fit: cover;
	display: block;
	margin: 0 auto;
}

.manufacLogo .noritz {
	width: 23.3rem;
}

.manufacLogo .rinnai {
	width: 18.3rem;
}

.manufacLogo .paloma {
	width: 19.3rem;
}

.manufacContent {
	position: relative;
}

.manufacContentImg {
	width: 75rem;
	display: block;
	margin: 0 auto;
}

.manufacContentTxt01 {
	width: 43.7rem;
	display: block;
	position: absolute;
	top: 9rem;
	left: 3.5rem;
}

.manufacContentTxt02 {
	font-size: 4.3rem;
	font-weight: 700;
	line-height: 2;
	color: #fff;
	position: absolute;
	bottom: 1.2rem;
	left: 7.5rem;
}

.manufacTxt01 {
	font-size: 4.3rem;
	font-weight: 700;
	line-height: 2;
	color: #4d4d4d;
	text-align: center;
	margin: 2.5rem 3rem 1.5rem 3rem;
	border-top: .2rem dotted #1e99d4;
	border-bottom: .2rem dotted #1e99d4;
}

.manufacPercent {
	width: 52rem;
	display: block;
	margin: 0 auto;
}

.manufacTxt02 {
	font-size: 4.3rem;
	font-weight: 700;
	line-height: 2;
	color: #1e99d4;
	text-align: center;
	margin: -2.5rem 3rem .5rem 3rem;
	background: url(../img/manufacTxt02Bg.webp) no-repeat center;
	background-size: 66rem 10.9rem;
	padding: 3rem 0;
	background-position-y: 3.5rem;
}

.manufacTxt03 {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 2;
	color: #1e99d4;
	text-align: center;
	position: relative;
	margin-bottom: 2rem;
}

.manufacTxt03::before {
	content: "";
	position: absolute;
	background: url(../img/manufactArr.webp) no-repeat center;
	background-size: cover;
	width: 2.8rem;
	height: 3.1rem;
	left: 10rem;
	top: 50%;
	transform: translate(0, -50%);
}

.manufacTxt03::after {
	content: "";
	position: absolute;
	background: url(../img/manufactArr.webp) no-repeat center;
	background-size: cover;
	width: 2.8rem;
	height: 3.1rem;
	right: 10rem;
	top: 50%;
	transform: translate(0, -50%);
}

.manufacSliderBox {
	position: relative;
	background-color: #7ec7ed;
	padding: 3rem 5.5rem;
}

.noritzSliderLogo {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.noritzSliderLogo a{
	margin: 0 .5rem;
}

.noritzSliderLogo img {
	width: 21.5rem;
}

.noritzSliderLogo img:nth-child(2) {
	margin: 0 .5rem;
}

.noritzSliderItem {
	position: relative;
	background: url(../img/noritzSliderItemBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding-top: 12rem;
	margin-top: 3rem;
}

.palomaSliderItem {
	position: relative;
	background: url(../img/palomaSliderItemBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding-top: 11.5rem;
	margin-top: 4rem;
	height: 67rem;
}

.rinnaiSliderItem {
	position: relative;
	background: url(../img/rinnaiSliderItemBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding-top: 11.5rem;
	margin-top: 4rem;
	/* height: 65.8rem; */
}

.noritzSliderItem .txt01 {
	font-weight: 500;
	line-height: 2;
	color: #1e99d4;
	text-align: center;
	border: .1rem solid #1e99d4;
	margin: 1rem 2rem 0 2rem;
}

.noritzSliderItem .content {
	display: flex;
	padding: .5rem 0 .5rem 0;
	margin-bottom: 4rem;
}

.palomaSliderItem .content {
	margin-bottom: unset;
}

.noritzSliderItem .content .contentTxt {
	flex-basis: 65%;
}

.noritzSliderItem .content .contentImg {
	flex-basis: 35%;
}

.noritzSliderItem .contentTxt .price {
	font-size: 2.2rem;
	font-weight: 500;
	color: #1e99d4;
	text-align: center;
	letter-spacing: -.2rem;
}

.noritzSliderItem .contentTxt .price span {
	font-size: 2rem;
	writing-mode: vertical-rl;
}

.noritzSliderItem .contentTxt .price b {
	font-size: 5.1rem;
	font-weight: 700;
	line-height: 1.1;
}

.noritzSliderItem .contentTxt .percent {
	font-size: 4rem;
	background-color: #1e99d4;
	color: #fff;
	text-align: center;
	clip-path: polygon(50% 0%, 100% 0, 100% 60%, 50% 100%, 0% 60%, 0 0);
	border-radius: .5rem;
	margin: .5rem 1rem .5rem 2.5rem;
	line-height: 1;
	padding-bottom: 2rem;
}

.noritzSliderItem .contentTxt .percent span{
	letter-spacing: -.3rem;
}

.noritzSliderItem .contentTxt .bigPrice {
	width: 40rem;
	display: block;
	object-fit: cover;
	margin-left: 3rem;
	margin-top: 2rem;
}

.noritzSliderItem .contentTxt .bigPrice span {
	line-height: .9;
	font-weight: 700;
	margin-left: 3rem;
	letter-spacing: -1rem;
}

.noritzSliderItem .info .txt {
	font-size: 2.1rem;
	font-weight: 500;
	line-height: 2;
	color: #ffffff;
	text-align: center;
	border-bottom: .1rem solid #fff;
}

.noritzSliderItem .info .bigPrice {
    text-align: center;
    color: #fff;
    line-height: 1.2;
    font-size: 3.5rem;
    margin: .3rem auto 0 -7rem;
    letter-spacing: -.2rem;
}

.noritzSliderItem .info .price {
	text-align: center;
	font-size: 1.9rem;
	line-height: 1.2;
	color: #fff;
	border: .1rem solid #fff;
	border-radius: 3rem;
	margin: 0 auto 0 4rem;
	display: inline-block;
	padding: 0 3rem;
}

.noritzSliderItem .info .price span{
	letter-spacing: -.2rem;
}

.noritzSliderItemProduct {
	position: absolute;
	width: 21.9rem;
	height: 22rem;
	display: block;
	bottom: 1rem;
	right: 1.5rem;
	object-fit: cover;
}

.noritzSliderProduct02 {
	width: 24.8rem;
	height: 27.9rem;
	right: -1rem;
	bottom: -1.5rem;
	object-fit: cover;
}

.noritzSliderProduct03 {
	width: 26.1rem;
	height: 27.2rem;
	right: 1rem;
	bottom: -2.5rem;
	object-fit: cover;
}

.noritzSliderProduct04 {
	width: 25.1rem;
	height: 27.9rem;
	right: 0;
	bottom: -1.5rem;
	object-fit: cover;
}

.noritzSliderProduct05 {
	width: 24.2rem;
	height: 22.2rem;
	right: 1.5rem;
	bottom: .5rem;
	object-fit: cover;
}

.noritzSliderProduct06 {
	width: 24.4rem;
	height: 23.9rem;
	/* right: -0.5rem; */
	right: -18rem;
	bottom: 0.3rem;
	object-fit: cover;
}

.palomaSliderItem02 .contentTxt .bigPrice::after {
	top: 2.2rem;
	right: -2.5rem;
}

.palomaSliderItem03 .contentTxt .bigPrice::after {
	top: 2.2rem;
	right: -2.5rem;
}

.palomaSliderItem .info .bigPrice::after {
	right: 7rem !important;
}

.palomaSliderItem .contentTxt .bigPrice {
	width: 38rem;
	display: block;
	object-fit: cover;
	margin-left: 3rem;
	margin-top: 2rem;
}

.palomaSlider .palomaSliderItem .contentTxt .palomaBigPrice01{
	width: 36rem;
}

.rinnaiSliderItem .contentTxt .bigPrice::after{
	top: 2.2rem;
}

.noritzSliderItem .contentImg img {
	width: 21.7rem;
	height: 25.5rem;
	display: block;
	margin: 0 auto;
	zoom: 0.9;
	margin-top: -0.5rem;
}

.noritzSliderItem .info {
	position: relative;
	margin: 0 17rem 0 3.5rem;
	bottom: 2rem;
}

.noritzSliderItem02 .info {
	bottom: 1.7rem;
}

.palomaSliderItem .info {
	bottom: -.8rem;
	
}

.palomaSliderItem02 .info {
	bottom: -2.5rem;
}

.palomaSliderItem03 .info {
	bottom: -2rem;
}

.palomaSliderItem04 .info {
	bottom: -3rem;
}

.rinnaiSliderItem .info{
	bottom: 1.7rem;
}

.rinnaiSliderItem02 .info .bigPrice::after{
	right: 7rem !important;
}

.palomaSliderProduct01 {
	position: absolute;
	width: 24.7rem;
	height: 26.2rem;
	display: block;
	bottom: -1rem;
	right: 0.8rem;
	object-fit: cover;
}

.palomaSliderProduct02 {
	position: absolute;
	width: 25.4rem;
	height: 22.4rem;
	display: block;
	bottom: .5rem;
	right: -0.6rem;
	object-fit: cover;
}

.palomaSliderProduct03 {
	position: absolute;
	width: 25.4rem;
	height: 22.4rem;
	display: block;
	bottom: .5rem;
	right: -0.6rem;
	object-fit: cover;
}

.rinnaiSliderItemProduct01 {
	position: absolute;
	width: 25.4rem;
	height: 22.4rem;
	display: block;
	bottom: .5rem;
	right: -0.6rem;
	object-fit: cover;
}

.manufacSliderBox {
	position: relative;
}

.slick-dots li button:before {
	color: #fff;
	opacity: 1;
	font-size: 1.2rem;
}

.slick-dots li.slick-active button:before {
	color: #1e99d4;
	opacity: 1;
	font-size: 1.2rem;
}

.noritzSliderBox,
.palomaSliderBox,
.rinnaiSliderBox {
	position: relative;
}

.noritzSliderBox .slick-prev:before,
.noritzSliderBox .slick-next::before,
.palomaSliderBox .slick-prev:before,
.palomaSliderBox .slick-next::before,
.rinnaiSliderBox .slick-prev:before,
.rinnaiSliderBox .slick-next::before {
	content: unset;
}

.noritzSliderBox .noritz_slick-prev,
.palomaSliderBox .paloma_slick-prev,
.rinnaiSliderBox .rinnai_slick-prev  {
	width: 3.5rem;
	height: 8.7rem;
	left: -4.5rem;
	top: 45%;
	position: absolute;
	cursor: pointer;
}

.noritzSliderBox .noritz_slick-next,
.palomaSliderBox .paloma_slick-next,
.rinnaiSliderBox .rinnai_slick-next {
	width: 3.5rem;
	height: 8.7rem;
	right: -4.5rem;
	top: 45%;
	position: absolute;
	cursor: pointer;
	transform: translate(0, -50%);
	transform: rotate(180deg);
}

/* end manufac */

/* team */
.team{
	position: relative;
	background: url(../img/teamBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 3.5rem 3.5rem 4.5rem 3.5rem;
}

.teamContent{
	position: relative;
	background: url(../img/teamContentBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 3.5rem 2.5rem 5.5rem 2.5rem;
}

.teamContent::after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -7.5rem;
	height: 11.1rem;
	width: .8rem;
	background: url(../img/teamDotted.webp) no-repeat center;
	background-size: 100% 100%;
}

.teamContentTtl{
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	color: #1e99d4;
	background-color: #fff;
	border-radius: 5rem;
	position: relative;
}

.teamContentTtl::after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.7rem 1.55rem 0 1.55rem;
	border-color: #FFF transparent transparent transparent;
	transform: rotate(0deg);
}

.teamContentTxt01{
	width: 58.5rem;
	display: block;
	margin: 4rem auto 3rem auto;
}

.teamImgBox{
	padding: 5rem 6rem 3rem 6rem;
	background-color: #fff;
	border-radius: 2.7rem;
	position: relative;
}

.teamImg{
	width: 52.9rem;
	display: block;
	margin: 0 auto;
}

.teamPercent{
	width: 18.4rem;
	position: absolute;
    top: 8.5rem;
    right: 7.5rem;
}

.teamContentTxt02{
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.55;
	color: #fff;
	margin-top: 2.5rem;
	margin-left: .4rem;
}

.teamTxt{
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
	color: #7ec7ed;
	position: relative;
	margin: 2rem 0 1rem 0;
}

.teamTxt:before {
    content: "";
    position: absolute;
    width: .15rem;
    height: 3.1rem;
    background-color: #7ec7ed;
    left: 16rem;
    top: 15%;
    transform: skew(25deg);
}

.teamTxt::after {
    content: "";
    position: absolute;
    width: .15rem;
    height: 3.1rem;
    background-color: #7ec7ed;
    right: 16.5rem;
    top: 15%;
    transform: skew(-25deg);
}

.teamSliderBox{
	background: url(../img/teamSliderBoxBg.webp) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	padding-bottom: 5rem;
}

.teamSliderBoxTTBlock{
	background-color: #1e99d4;
	padding: 2.5rem 0 9rem 0;
    clip-path: polygon(50% 100%, 100% 75%, 100% 0, 0 0, 0 75%);
	position: relative;
	z-index: 3;
}

.teamSliderBoxTTBlock .txt01{
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: 3rem;
}

.teamSliderBoxTTBlock .txt01::after{
	content: "";
	position: absolute;
	width: 80%;
	height: 2rem;
	background: url(../img/teamSliderBoxTTSpeech.webp) no-repeat center;
	background-size: 100% 100%;
	bottom: -2rem;
	left: 50%;
	transform: translateX(-50%);
}

.teamSliderBoxTTBlock .txt02{
	font-size: 5.1rem;
	font-weight: 700;
	line-height: 1.2;
	color: #1e99d4;
	text-align: center;
	background: url(../img/teamSliderBoxTTBg.webp) no-repeat center;
	background-size: 100% 100%;
	margin: 0 3rem;
	width: 68.3rem;
	height: 9.8rem;
	display: flex;
    justify-content: center;
    align-items: center;
}

.teamSliderWrapper {
	position: relative;
	z-index: 5;
	margin-top: -3rem;
}

.teamSliderA{
	background: url(../img/teamSliderABg.webp) no-repeat center;
	background-size: 100% 100%;
	margin: 0 1rem 0 3rem;
	padding: 3rem 0 4.5rem 0;
	position: relative;
	display: block !important;
	width: unset !important;
	z-index: 5;
}

.teamSliderB{
	background: url(../img/teamSliderBBg.webp) no-repeat center;
	background-size: 100% 100%;
	margin: 0 3rem 0 0;
	padding: 3rem 0 4.5rem 0;
	position: relative;
	display: block !important;
	width: unset !important;
	z-index: 5;
}

.teamSlider .ttl{
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.9;
	color: #FFF;
	background-color: #666666;
	border-radius: 3rem;
	display: inline-block;
	padding: 0 3rem;
	margin-bottom: .5rem;
	position: relative;
	left: 40%;
	transform: translateX(-50%);
}

.teamSliderA .txt{
	display: flex;
	justify-content: start;
	align-items: end;
	margin-left: 8rem;
	margin-bottom: .5rem;
}

.teamSliderA .txt p{
	font-size: 2.7rem;
	font-weight: 900;
	line-height: 1;
	color: #666666;
}

.teamSliderA .txt strong{
	font-size: 7.2rem;
	font-weight: 700;
	line-height: 1;
	color: #666666;
	font-style: italic;
}

.teamSliderA .txt span{
	font-size: 3.3rem;
	font-weight: 900;
	line-height: 1;
	color: #666666;
	position: relative;
}

.teamSlider .txt span::after{
	content: "（税込）";
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	color: #666666;
    top: -2rem;
    left: 0;
    width: 18rem;
}

.teamSliderA .txt02{
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	writing-mode: inherit;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 7rem;
}

.sliderA img{
	width: 50.3rem !important;
	height: 57.7rem !important;
	display: block !important;
	margin: 0 auto 0 4rem;
}

.sliderA-next{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.2rem 0 2.2rem 2.3rem;
	border-color: transparent transparent transparent #fffabe;
	transform: rotate(0deg);
	position: absolute;
	top: 48.5%;
	transform: translateY(-50%);
	right: 2rem;
	cursor: pointer;
}

.teamSliderB .ttl {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.9;
    color: #FFF;
    background-color: #1e99d4;
    border-radius: 3rem;
    display: inline-block;
    padding: 0 4rem;
    margin-bottom: .5rem;
    position: relative;
    right: 23.5%;
    transform: translateX(-23.5%);
}

.teamSliderB .txt{
	display: flex;
	justify-content: end;
	align-items: end;
	margin-right: 8rem;
	margin-bottom: .5rem;
}

.teamSliderB .txt p{
	font-size: 2.7rem;
	font-weight: 900;
	line-height: 1;
	color: #666666;
}

.teamSliderB .txt strong{
	font-size: 7.2rem;
	font-weight: 700;
	line-height: 1;
	color: #e95a24;
	font-style: italic;
}

.teamSliderB .txt span{
	font-size: 3.3rem;
	font-weight: 900;
	line-height: 1;
	color: #666666;
	position: relative;
}

.teamSliderB .txt02{
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	writing-mode: inherit;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 6.5rem;
}

.sliderB img{
	width: 50.3rem !important;
	height: 57.7rem !important;
	display: block !important;
	margin: 0 3rem 0 auto;
}

.sliderB-prev{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.2rem 2.3rem 2.2rem 0;
	border-color: transparent #FFFABE transparent transparent;
	transform: rotate(0deg);
    position: absolute;
    top: 48.5%;
    transform: translateY(-50%);
    left: 2rem;
    cursor: pointer;
}

.sliderA .slick-prev:before,
.sliderA .slick-next:before{
	content: unset;
}

.sliderB .slick-next:before,
.sliderB .slick-prev:before{
	content: unset;
}

/* end team */

/* hWater */
.hWater{
	position: relative;
}

.hWaterCircle{
	width: 12rem;
	height: 12rem;
	position: absolute;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.4;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	background-color: #1e99d4;
	border-radius: 50%;
	top: -12.5rem;
	left: 50%;
	transform: translateX(-50%);
}

.hWaterTxt{
	font-size: 4.2rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	background: linear-gradient(to right, #000000, #00305A, #000000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	margin: 7rem 0 2.5rem 0;
}

.hWaterTxt::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: .1rem;
	background: linear-gradient(90deg, #000000, #00305A, #000000);
}

.hWaterInfo{
	position: relative;
}

.hWaterInfoTtl{
	font-size: 4.2rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #1e99d4;
	background: url(../img/hWaterInfoTtlBg.webp) no-repeat center;
	background-size: 100% 100%;
	margin: 9.5rem 3.5rem 1rem 3.5rem;
	padding: 1rem;
	width: 66rem;
	height: 10.9rem;
}

.hWaterInfoImg{
	width: 69rem;
	display: block;
	margin: 0 auto;
}
/* end hWater */

/* voice */
.voice{
	position: relative;
	padding-bottom: 8rem;
}

.voiceTtlBlock{
	position: relative;
	background: url('../img/voiceTtlBlockBg.webp') no-repeat center;
	background-size: 100% 100%;
    padding-top: 3rem;
    padding-bottom: 10rem;
}

.voiceTtlBlockTT{
	width: 63.7rem;
	display: block;
	margin: 0 auto	
}

.voiceTtlBlockTxt{
	width: 67.8rem;
	display: block;
	margin: 0 auto
}

.voiceTtlBlockNote{
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1;
	color: #333333;
	margin: 3.5rem 2rem;
}

.voiceBlockTT{
	font-size: 4.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #1e99d4;
	text-align: center;
	position: relative;
	margin-bottom: 3rem;
	margin-top: -5rem;
}

.voiceBlockTT::after{
	content: '';
	position: absolute;
	top: 2rem;
    right: 12rem;
	background: url(../img/voiceTTSpeech.webp) no-repeat center;
	background-size: 100% 100%;
	width: 8.2rem;
	height: 7rem;
}

.voiceItem{
	position: relative;
}

.voice01{
	background: url(../img/voice01Bg.webp) no-repeat center;
	background-size: 100% 100%;
	height: 80.5rem;
}

.voiceItem{
	margin: 0 4rem;
}

.voice01 .voiceItemTxt01{
	padding-top: 10.5rem;
}
.voiceItemTxt01{
	margin: 0 auto 0 27.5rem;
}

.voiceItemTxt01 span{
	padding-left: .5rem;
	padding-bottom: .2rem;
}

.voice01 .voiceItemTxt01 span:first-child.lBlueMark{
	width: 99%;
}

.voiceItemCircle{
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	background-color: #1e99d4;
	width: 12.8rem;
	height: 12.8rem;
	border-radius: 50%;
	padding-top: 3.5rem;
	position: absolute;
    top: 22.3rem;
    left: 1rem;
}

.voiceItemContent{
	font-size: 2.9rem;
	font-weight: 500;
	line-height: 1.2;
	color: #4d4d4d;
	margin: 5.5rem 3rem 1.5rem 3rem;
}

.voiceItemContent span{
	font-weight: 700;
	color: #1e99d4;
}

.voiceItemNote{
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.2;
	text-align: right;
	color: #000;
	margin: 0 6rem 0 auto;
}

.voice02{
	background: url(../img/voice02Bg.webp) no-repeat center;
	background-size: 100% 100%;
	height: 76.5rem;
	margin-top: 3rem;
}

.voice02 .voiceItemTxt01{
	padding-top: 11.5rem;
}

.voice02 .voiceItemTxt01 span:first-child.lBlueMark{
	width: 40%;
}

.voice02 .voiceItemTxt01 span:nth-child(3).lBlueMark,
.voice02 .voiceItemTxt01 span:last-child.lBlueMark{
	width: 98.5%;
}

.voice02 .voiceItemContent{
	margin-top: 12rem;
}

.voice02 .voiceItemCircle{
	top: 24.1rem;
}

.voice03{
	background: url(../img/voice03Bg.webp) no-repeat center;
	background-size: 100% 100%;
	height: 78rem;
	margin-top: 3rem;
}

.voice03 .voiceItemTxt01{
	padding-top: 11.5rem;
}

.voice03 .voiceItemTxt01 span:first-child.lBlueMark,
.voice03 .voiceItemTxt01 span:nth-child(5).lBlueMark,
.voice03 .voiceItemTxt01 span:last-child.lBlueMark{
	width: 98%;
}

.voice03 .voiceItemTxt01 span:nth-child(3).lBlueMark{
	width: 55%;
}

.voice03 .voiceItemContent{
	margin-top: 5rem;
}

.voice03 .voiceItemCircle{
	top: 21.8rem;
}
/* end voice */

/* caution */
.caution{
	position: relative;
	background: url(../img/cautionBg.webp) no-repeat center;
	background-size: contain;
	padding: 4rem 0 8rem 0;
	margin-top: 3rem;
}

.cautionTT{
	font-size: 4.8rem;
	font-weight: 900;
	line-height: 1.6;
	text-align: center;
	color: #f50000;
	text-shadow: 
	-0.2rem -0.2rem 0 #fff,
	0.2rem -0.2rem 0 #fff,
	-0.2rem 0.2rem 0 #fff,
	0.2rem 0.2rem 0 #fff,
	-0.3rem -0.3rem 0 #fff,
	0.3rem -0.3rem 0 #fff,
	-0.3rem 0.3rem 0 #fff,
	0.3rem 0.3rem 0 #fff;
	border-bottom: .1rem dashed #f50000;
	margin: 0 5.5rem 6rem 5.5rem;
}

.cautionTxt{
	font-size: 3.1rem;
	font-weight: 500;
	line-height: 1.2;
	color: #000000;
	margin: -3rem 4rem 0 22.5rem;
}

.cautionTxt span{
	color: #f50000;
	font-weight: 700;
}
/* end caution */

/* step */
.step{
	position: relative;
	background-color: #7ec7ed;
	padding-bottom: 3.5rem;
	padding-top: 7rem;
}

.stepModify{
	margin-top: 8rem;
}

.stepTT{
	width: 55.2rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -4rem;
}

.stepTxt{
	font-size: 4.4rem;
	font-weight: 700;
	line-height: 1.7;
	text-align: center;
	color: #fff;
	margin: 0 6rem 4rem 6rem;
	border-bottom: .1rem dashed #fff;
}

.stepItem{
	margin: 0 4rem;
	padding: 9rem 1.5rem 2.5rem 1.5rem;
	position: relative;
}

.step01{
	background: url(../img/step01Bg.webp) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	padding-bottom: 3rem;
}

.step01::after{
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5.8rem;
    height: 8.4rem;
    width: 1rem;
    background: url(../img/teamDotted.webp) no-repeat center;
    background-size: 100% 100%;
}

.step02{
	background: url(../img/step02Bg.webp) no-repeat center;
	background-size: 100% 100%;
	margin-top: 8rem;
	padding-bottom: 6rem;
	position: relative;
}

.step02::after{
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4rem;
    height: 8.4rem;
    width: 1rem;
    background: url(../img/teamDotted.webp) no-repeat center;
    background-size: 100% 100%;
}

.step03{
	background: url(../img/step03Bg.webp) no-repeat center;
	background-size: 100% 100%;
	margin-top: 8rem;
	padding-bottom: 6rem;
	position: relative;
}

.stepItemTT{
	font-size: 4.1rem;
	font-weight: 700;
	line-height: 2;
	color: #1e99d4;
	margin-left: 2rem;
}

.stepItemTxt{
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.4;
	color: #1e99d4;
	margin: 3rem 2rem 0 2rem;
}

.step02 .stepItemTxt,
.step03 .stepItemTxt{
	margin-top: 1.5rem;
}

.stepItemImg{
	width: 20rem;
	height: auto;
	position: absolute;
    right: 3rem;
    top: -1rem;
}

.step02 .stepItemImg,
.step03 .stepItemImg{
    top: -2.5rem;
}
/* end step */

/* worrie */
.worrie{
	position: relative;
}

.worrieTTBlock{
	background: url(../img/worrieTTBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 2rem 0 4rem 0;
	position: relative;
	z-index: 10;
}

.worrieTT{
	width: 40.2rem;
	display: block;
	margin:  0 auto;
}

.worrieBlock01{
	background: url(../img/worrieBlock01Bg.webp) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	padding-top: 3rem;
	padding-bottom: 8rem;
	margin-top: -3rem;
	z-index: 5;
}

.worrieBlock01Content{
	background: url(../img/worrieBlock01ContentBg.webp) no-repeat center;
	background-size: 100% 100%;
    margin: 1.5rem 2.5rem 6rem 33.5rem;
    padding: 0 1rem 2rem 0.5rem;
	position: relative;
	z-index: 3;
}

.worrieBlock01Content ul{
	color: #1e99d4;
	padding-left: 5rem;
}

.worrieBlock01Content ul li{
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1;
	padding: 3rem 0 2.5rem 0;
	position: relative;
}

.worrieBlock01Content ul li:first-child{
	padding-bottom: 2rem;
}

.worrieBlock01Content ul li:last-child{
	border-bottom: unset;
}

.worrieBlock01Content ul li span{
	font-weight: 700;
	line-height: 1.35;
}

.worrieBlock01Content ul li::before{
	content: "";
	position: absolute;
	width: 110%;
	height: .1rem;
	background: url(../img/worrieDashed.webp) no-repeat center;
	background-size: 100% 100%;
	bottom: 0rem;
    left: -4rem;
}

.worrieBlock01Content ul li:last-child::before{
	content: unset;
}

.worrieBlock01Content ul li::after{
	content: "";
	position: absolute;
	width: 3rem;
	height: 3rem;
	background: url(../img/worrieCheck.webp) no-repeat center;
	background-size: 100% 100%;
	top: 50%;
	transform: translateY(-50%);
	left: -3.5rem;
}

.worrieBlock01Content ul li:first-child::after{
	transform: translateY(-22%);
}

.worrieCircle{
    width: 15.8rem;
    height: 26.2rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -17rem;
    z-index: 5;
}

.worrieBlock02{
	background: url(../img/worrieBlock02Bg.webp) no-repeat center;
	background-size: cover;
	position: relative;
	padding-top: 11rem;
	margin-top: -5rem;
	padding-bottom: 7rem;
	z-index: 4;
}

.worrieBlock02Content{
	background: url(../img/worrieBlock02ContentBg.webp) no-repeat center;
	background-size: 100% 100%;
    margin: 0 2.5rem 0 2.5rem;
    padding: 13.5rem 2rem 2rem 2rem;
	position: relative;
}

.worrieBlock02Content .txt01{
	font-size: 4.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000067;
	text-align: center;
	padding: 0 1rem 2rem 1rem;
	position: relative;
}

.worrieBlock02Content .txt01::after{
	content: "";
	position: absolute;
	width: 95%;
	height: .1rem;
	background: url(../img/worrieDashed.webp) no-repeat center;
	background-size: 100% 100%;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0rem;
}

.worrieBlock02Content .txt02{
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.35;
	color: #000;
	text-align: center;
	margin: 1rem 0 2.5rem 0;
}

.worrieBlock02ContentImg{
	width: 63rem;
	display: block;
	margin: 0 auto;
}

.worrieCircle02{
	width: 13.7rem;
	height: 13.7rem;
	display: block;
	margin: -4rem auto 2rem auto;
	position: relative;
	z-index: 5;
}

.worrieBlock02ContentTxt{
	width: 36.9rem;
	display: block;
	margin: 0 2rem 0 auto;
}
/* end worrie */

/* price */
#price{
	position: relative;
	background: url(../img/priceBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 5rem 0 1rem 0;
}

.priceTT{
	width: 55.6rem;
	display: block;
	margin: 0 auto 4rem auto;
}

.priceContent{
	background: url(../img/priceContentBg.webp) no-repeat center;
	background-size: 100% 100%;
	margin: 0 2rem;
    padding: 2.5rem 2.5rem 2.5rem 2rem;
}

.priceContentItem{
	background: url(../img/priceItemBg.webp) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	padding: 2rem 2rem 1rem 18rem;
}

.priceContentItem03{
	padding-bottom: 3.5rem;
}

.priceContentItem .ttl{
	font-size: 8.1rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	writing-mode: vertical-rl;
	position: absolute;
	left: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
	height: 32rem;
}

.priceContentItem .txt{
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #08568b;
	display: inline-block;
	border-top: .1rem solid #08568b;
	border-bottom: .1rem solid #08568b;
	margin-left: 2rem;
    padding: 0 4rem;
    margin-bottom: .5rem;
}

.priceContentItem02 .txt{
	padding: 0 1rem;
	margin-bottom: 4rem;
}

.priceContentItem .note{
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1;
	color: #666666;
	margin: .5rem 0 0 4rem;
}

.priceContentItem02 .note{
	margin: 2rem 0 1rem 24rem;
}


.priceItem01Img{
	width: 47.2rem;
	height: auto;
	display: block;
}

.priceItem02Img{
	width: 48.5rem;
	height: auto;
	display: block;	
}

.priceItem03Img{
	width: 48.2rem;
	height: auto;
	display: block;	
}

.priceCircle{
	width: 14rem;
    height: 14rem;
    font-size: 3.7rem;
    font-weight: 900;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #1e99d4;
    background-color: #fff;
    border-radius: 50%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 1.5rem;
}
/* end price */

/* work */
.work{
	position: relative;
	background: url(../img/workBg.webp) no-repeat center;
    background-size: 100% 100%;
    padding: 12rem 0 11.8rem 0;
    margin-top: -10rem;
}

.work::after{
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5rem;
    height: 14.3rem;
    width: 1rem;
    background: url(../img/workSpeech.webp) no-repeat center;
    background-size: 100% 100%;
}

.workTT{
	font-size: 5.7rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: 6rem;
}

.workTT::after{
	content: '';
    position: absolute;
	top: 0;
    right: 8rem;
    background: url(../img/workTTSpeech.webp) no-repeat center;
    background-size: 100% 100%;
    width: 7.4rem;
    height: 7.5rem;
}

.workItem{
	position: relative;
}

.workImg{
	width: 59.1rem;
	display: block;
	margin: 0 auto 0 0;
}

.workImg02{
	margin: 0 0 0 auto;
}

.workTxt{
	width: 36.2rem;
	font-size: 3.1rem;
	font-weight: 700;
	line-height: 1.5;
	color: #08568b;
	background: url(../img/workTxtBg01.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 6rem 2rem 8rem 2rem;
	position: absolute;
	top: -2.5rem;
	right: 1.5rem;
}

.workTxt01{
	padding-bottom: 12rem;
}

.workTxt02{
	background: url(../img/workTxtBg02.webp) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	top: -2.5rem;
	left: 1.5rem;
}

.workNote{
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    color: #fff;
	text-align: right;
	margin-top: 0.2rem;
    margin-right: 15rem;
}
/* end work */

/* case */
.case{
	position: relative;
	padding-top: 1rem;
}

.caseContent{
	background: url(../img/caseContentBg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 3.5rem 0;
}

.caseTT{
	font-size: 5.8rem;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	color:#08568b;
}

.caseItem{
	margin: 0 2rem;
	position: relative;
}

.case01{
	background: url(../img/case01Bg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 3rem 0 3.5rem 0;
}

.case02{
	background: url(../img/case02Bg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 3rem 0 3.5rem 0;
	margin-top: 2.5rem;
}

.case03{
	background: url(../img/case03Bg.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 3rem 0 3.5rem 0;
	margin-top: 2.5rem;
}

.caseItemTT{
	font-size: 3.1rem;
	font-weight: 700;
	line-height: 2;
	color: #fff;
	text-align: center;
	border-bottom: .1rem solid #fff;
	margin: 0 16rem;
}

.caseItemCircle{
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #08568b;
	background-color: #ffe563;
	/* padding-left: 0.8rem; */
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 1rem;
	right: 3rem;
}

.caseItemBox{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 0 1.5rem 0 0;
	margin-top: 5rem;
}

.caseItemImg,
.caseItemContent{
	height: 44.2rem;
	display: block;
}

.case .hWaterTxt{
    margin: 3rem 0 2.5rem 0;
}
@media only screen and (max-width: 768px) {
	header a[href^="tel:"] {
		width: 32rem;
		height: 8rem;
		background: url('../img/headerPhoneSP.webp') no-repeat center;
		background-size: 100% 100%;
	}

	header a[href^="tel:"] span {
		opacity: 0;
	}

	.gBlockBtn .btnPhone a[href^="tel:"] {
		width: 29.4rem;
		height: 7.5rem;
		background: url(../img/gBtnPhoneSP.webp) no-repeat center;
		background-size: 100% 100%;
	}
	
	.gBlockBtn .btnPhone span{
		opacity: 0;
	}

	.contactBtn .btnPhone a[href^="tel:"] {
		width: 66rem;
		height: 15rem;
		background: url(../img/gPhoneBtnSP.webp) no-repeat center;
		background-size: 100% 100%;
	}
	
	.contactBtn .btnPhone span{
		opacity: 0;
	}
}