@charset "UTF-8";

img{max-width:100%}
.clearfix:after{ content:""; display: block; clear: both; height: 0; visibility:hidden; }

#contents {padding-top: 0;}

.businessTopTxt{padding-left: 52px;max-width: 960px;}
.mvArea02 {background: url(../images/mv.jpg) no-repeat center;}
.businessTopTxt .businessTopTitle{letter-spacing: -2%;}
.businessTopTxt h2{font-size: 2.5625rem;}

.businessTop {background: url(../images/business_top_siding.jpg) no-repeat center;}

.sidingMessage {background-color: #50AF91;text-align: center;color: #fff;padding-bottom: 70px;}
.sidingMessage h2,.sidingMessage h3 {font-size: 2rem;padding-top: 60px;position: relative;}
.sidingMessage h2::before,.sidingMessage h3::before {content: '';display: inline-block;width: 83px;height: 83px;background-image: url(../images/siding_ico.svg);background-size: contain;vertical-align: middle;position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.sidingMessage p {font-size: 1rem;line-height: 2rem;margin-top: 30px;font-weight: normal;}



/** index **/
.siding_feature{padding-top:0px !important;background: linear-gradient(180deg, #E6F6F5 0%, #F2FAFA 53.37%, #FFFFFF 100%);background-repeat: no-repeat;background-size: 100% 3000px;}

.siding_header{padding: 100px 0 0;}
.siding_header .wrapper{max-width: 1200px;margin: 0 auto;padding-bottom: 100px;}
.siding_header h3{text-align: center;margin-bottom: 70px;font-size: 1.375rem;}
.siding_header h3 span{font-size: 2.5625rem;display: block;margin-bottom: 20px;}
.siding_header .frame{background: #FFF;border-radius: 60px;text-align: center;padding: 58px 18px 38px;}
.siding_header h4{font-size: 1.875rem;line-height: 36px;margin-bottom: 30px;}
.siding_header .box p{font-weight: bold;font-size: 1.125rem;line-height: 35px;letter-spacing: 0;text-align: center;margin-bottom: 38px;}
.siding_header ul{max-width:1080px;margin-right:auto;margin-left:auto;}
.siding_header li{position:relative;line-height:1.68;min-height:172px;-webkit-border-radius: 20px;border-radius: 20px;
-webkit-box-sizing: border-box;box-sizing: border-box;}
.siding_header li::after{position:absolute;display:block;content:"";background:none 50% 100% no-repeat;-webkit-background-size:contain;background-size:contain;}
.siding_header li.num_01::after{background-image:url(../images/num_01.png);}
.siding_header li.num_02::after{background-image:url(../images/num_02.png);}
.siding_header li.num_03::after{background-image:url(../images/num_03.png);}
.siding_header li span{display:block;font-weight:bold;}


/**/
.siding_method{position: relative;z-index: 1;}
.siding_method h3{text-align: center;font-size: 1.375rem;margin-bottom: 70px;}
.siding_method h3 span{font-size: 2.6rem;display: block;margin-bottom: 16px;}
.siding_method .wrapper{max-width: 1200px;margin-right: auto;margin-left: auto;padding-bottom: 115px;}
.siding_method .area{display: flex;gap: 0 53px;}
.siding_method .box{position: relative;width: 33.3333%;max-width: 365px;box-sizing: border-box;border: 5px solid #50AF91;background: #FFF;-webkit-border-radius: 15px;border-radius: 15px;padding: 56px 10px 32px;display: flex;flex-direction: column;align-items: center;}
.siding_method .box:not(:first-of-type)::before{content: "";clip-path: polygon(0% 0%, 0% 100%, 100% 50%);display: block;height: 33px;width: 24px;background: #50AF91;position: absolute;left: -40px;top: 50%;}
.siding_method .box h4{font-size: 24px;line-height: 1.5;margin-bottom: 37px;}
.siding_method .box:last-of-type h4{padding: 5% 0 5%;}
.siding_method .box .image{text-align: center;height: 204px;margin-bottom: 9px;}
.siding_method .box p{font-size: 1.25rem;line-height: 1.5;}



/**/
.siding_merit{position: relative;background: url(../images/bg_merit.png) no-repeat bottom;-webkit-background-size:100% auto;background-size:100% auto;}
.siding_merit .wrapper{padding-bottom: 361px;}
.siding_merit .frame{background: transparent;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;max-width: 1400px;margin-right: auto;margin-left: auto;padding-top: 348px;padding-bottom: 66px;}
.siding_merit .frame .cont{position: relative;background: #FBFAF0;border-right: 15px solid #DFD8B3;border-bottom: 15px solid #DFD8B3;border-left: 15px solid #DFD8B3;padding: 15px 15px 50px;border-radius: 0 0 15px 15px;}
.siding_merit .frame::before{content: "";display: block;width: 100%;height: 0;background: url(../images/bg_merit_head.svg) no-repeat top;aspect-ratio: 150 / 43;background-size: cover;position: absolute;top: 0;left: 0;padding-top: 28.7%;}
.siding_merit h3{font-size: 1.375rem;color: #424242;text-align:center;margin-bottom:70px;margin-top: -80px;}
.siding_merit h3 span{font-size: 2.6rem;display: block;margin-bottom: 15px;}
.siding_merit .explain{text-align:center;}
.siding_merit .area{max-width:1200px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;gap: 60px;}
.siding_merit .box{position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;width: calc(50% - 30px);min-height: 571px;background: #FFF;border: 6px solid #DFD8B3;border-radius: 30px;padding-top: 45px;padding-right: 70px;padding-bottom: 30px;padding-left: 70px;display: flex;flex-direction: column;justify-content: space-between;font-weight: bold;}
.siding_merit .box .set p{font-size: 1.25rem;line-height: 2;}
.siding_merit .box .title span{display: flex;justify-content: center;align-items: center;width: 79px;height: 79px;border-radius: 100vh;position: absolute;top: -23px;left: -19px;background: #90833D;color: #FFF;font-size: 46px;font-weight: bold;letter-spacing: 0;}
.siding_merit .box .title h4{font-weight:bold;text-align: center;font-size: 2rem;margin-bottom: 19px;line-height: 1.5;}
.siding_merit .box .image{text-align:center;}

.siding_merit .animation_area{position: absolute;inset: 0;top: -225px;left: 0;width: 100%;height: 100%;pointer-events: none;}


/**/
.bird,.wood,.cloud{position: absolute;}
.animation_area{background: url("../images/bg_cloud.png") repeat-x;animation: cloudMove 240s linear infinite;}

/*雲*/
@keyframes cloudMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2200px 0;
  }
}

/*鳥*/
.bird{opacity: 0;animation-fill-mode: both;}
.bird .inner{width: 100%;height: 100%;animation: hover 3s ease-in-out 1.5s infinite;}

.bird_1{width: 200px;height: 281px;right: 0;top: 67px;}
.bird_1.active{animation: birdMoveRight 2s ease-out forwards;animation-delay: 0s;}
.bird_1 .inner{background: url(../images/swallow_01.png) no-repeat;}

.bird_2{width: 99px;height: 101px;right: 194px;top: -55px;}
.bird_2.active{animation: birdMoveRight2 2s ease-out forwards;animation-delay: 0.3s;}
.bird_2 .inner{background: url(../images/swallow_02.png) no-repeat;}

.bird_3{width: 181px;height: 93px;left: 188px;top: 149px;}
.bird_3.active{animation: birdMoveLeft 2s ease-out forwards;animation-delay: 0.3s;}
.bird_3 .inner{background: url(../images/swallow_03.png) no-repeat;}

.bird_4{width: 87px;height: 91px;left: 47px;top: 95px;}
.bird_4.active{animation: birdMoveLeft2 2s ease-out forwards;animation-delay: 0s;}
.bird_4 .inner{background: url(../images/swallow_04.png) no-repeat;}



@keyframes hover {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}


@keyframes birdMoveRight {
  0%   { transform: translateX(5vw) translateY(-5vw);opacity: 0; }
  100% { transform: translateX(0) translateY(0);opacity: 1; }
}

@keyframes birdMoveRight2 {
  0%   { transform: translateX(3vw) translateY(-5vw);opacity: 0; }
  100% { transform: translateX(0) translateY(0);opacity: 1; }
}


@keyframes birdMoveLeft {
  0%   { transform: translateX(5vw) translateY(5vw);opacity: 0; }
  100% { transform: translateX(0) translateY(0);opacity: 1; }
}

@keyframes birdMoveLeft2 {
  0%   { transform: translateX(1vw) translateY(3vw);opacity: 0; }
  100% { transform: translateX(0) translateY(0);opacity: 1; }
}



/*木*/
.wood{z-index: 1;transform-origin: bottom center;opacity: 0;}
.wood .inner{width: 100%;height: 100%;}
.wood_1{width: 272px;height: 483px;left: 0;top: 802px;}
.wood_1.active{animation: woodFadeInLeft 1s ease-out forwards;animation-delay: 0.3s;}
.wood_1 .inner{background: url(../images/parts_merit_l.png) no-repeat;animation: woodMoveLeft 5s ease-in-out infinite;}
.wood_2{width: 310px;height: 536px;right: 0;bottom: 484px;}
.wood_2.active{animation: woodFadeInRight 1s ease-out forwards;}
.wood_2 .inner{background: url(../images/parts_merit_r.png) no-repeat;animation: woodMoveRight 5s ease-in-out infinite;}

@keyframes woodFadeInLeft {
  0%   { transform: translateX(-10vw);opacity: 0; }
  100% { transform: translateX(0);opacity: 1; }
}

@keyframes woodMoveLeft {
  0%   { transform: rotate(0deg) translateX(0); }
  50%  { transform: rotate(-2deg) translateX(-1px); }
  100% { transform: rotate(0deg) translateX(0); }
}

@keyframes woodFadeInRight {
  0%   { transform: translateX(10vw);opacity: 0; }
  100% { transform: translateX(0);opacity: 1; }
}

@keyframes woodMoveRight {
  0%   { transform: rotate(0deg) translateX(0); }
  50%  { transform: rotate(2deg) translateX(1px); }
  100% { transform: rotate(0deg) translateX(0); }
}



/**/
.siding_example .wrapper{max-width: 1411px;margin-right: auto;margin-left: auto;padding-top: 150px;padding-bottom: 100px;}
.siding_example h3{font-size: 1.2rem;color: #000;text-align: center;margin-bottom: 70px;}
.siding_example h3 span{font-size: 2.6rem;display: block;margin-bottom: 15px;}
.siding_example .area{display: flex;flex-direction: column;gap: 150px 0;}
.siding_example .box{display: flex;gap: 0 90px;}
.siding_example .box .before{display: flex;flex-direction: column;justify-content: space-between;}
.siding_example .box .after{max-width: 831px;width: 100%;display: flex;align-items: end;}
.siding_example .box:nth-of-type(1) .cont{background: url(../images/img_ex_01.png) no-repeat center bottom;padding-bottom: 131.5px;}
.siding_example .box:nth-of-type(2) .cont{background: url(../images/img_ex_02.png) no-repeat center bottom;padding-bottom: 119px;}
.siding_example .voice{background: url(../images/voice_bubble_01.svg) no-repeat right bottom;font-size: 1rem;line-height: 1.5;padding-bottom: 30px;width: 387px;}
.siding_example .box:nth-of-type(2) .cont .voice{width: 345px;background-image: url(../images/voice_bubble_02.svg);}
.siding_example .box .cont .title{display: flex;align-items: center;gap: 0 21px;font-size: 1.5rem;line-height: 1.667;margin-bottom: 30px;}
.siding_example .box .image{position: relative;}
.siding_example .box .before .image{max-width: 490px;}
.siding_example .box .image::before{content: "";display: block;width: 150px;height: 150px;position: absolute;right: 0;top: 0;}
.siding_example .box .before .image::before{background:url(../images/icon_before.png) no-repeat;background-size: cover;}
.siding_example .box .after .image::before{background:url(../images/icon_after.png) no-repeat;background-size: cover;}
.siding_example .box .before .image::after{content: "";display: block;width:70px;height: 44px;background:url(../images/arrow.svg) no-repeat;background-size: cover;position: absolute;bottom: 50%;right: -72px;transform: translateY(50%);}
.siding_example .box .cont .num{display: flex;justify-content: center;width: 75px;height: 75px;border-radius: 10px;background: url(../images/case.svg) #71C8BB;background-repeat: no-repeat;background-position: center 9px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 32px;}
.siding_example .box:nth-of-type(1) .cont .num img{width: 42px;height: 34px;}
.siding_example .box:nth-of-type(2) .cont .num img{width: 50px;height: 33px;}


/**/
.siding_contract .wrapper{padding-top: 100px;}
.siding_contract .area{max-width:1200px;margin-right:auto;margin-left:auto;display: flex;justify-content: center;gap: 0 50px;}
.siding_contract h3{font-size: 1.2rem;color: #000;text-align: center;margin-bottom: 77px;}
.siding_contract h3 span{font-size: 2.6rem;display: block;margin-bottom: 15px;}
.siding_contract .box{position:relative;width: 33.3333%;max-width: 366px;}
.siding_contract .box::after{position:absolute;content:"";display:block;background:url(../images/arrow2.png) 50% 50% no-repeat;width: 14%;height: 100%;top: 0;right: -47px;}
.siding_contract .box.tail::after{display:none;}
.siding_contract .box .image{text-align:center;}
.siding_contract .box .image img{width:100%;}
.siding_contract .box .text{background-color:#fff;padding: 26px 20px 60px;}
.siding_contract .box .text h4{font-weight:bold;font-size: 1.6875rem;margin-bottom: 20px;text-align: center;}
.siding_contract .box .text p{color:#8a8a8a;font-weight:bold;}





.siding_commitment{background:url(../images/bg_commitment.jpg) 50% 100% no-repeat;
-webkit-background-size:100% auto;background-size:100% auto;}
.siding_commitment .wrapper{max-width:1200px;margin-right:auto;margin-left:auto;}
.siding_commitment h3{font-size: 1.2rem;color: #000;text-align: center;}
.siding_commitment h3 span{font-size: 2.6rem;display: block;margin-bottom: 15px;}
.siding_commitment .area{max-width:1200px;margin-right:auto;margin-left:auto;}
.siding_commitment .box{max-width:337px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.siding_commitment .box .image{text-align:center;}
.siding_commitment h4{text-align:center;font-weight:bold;}
.siding_commitment p{color:#8a8a8a;font-weight:bold;}



.siding_link{padding-bottom:80px;background-color:#d3e2d3;}
.siding_link .wrapper{width:90%;}
.siding_link .btn{margin-right:auto;margin-left:auto;}
.siding_link .btn a{min-width:160px;padding-left:20px;padding-right:20px;}

.siding_feature .siding_link{background-color: transparent;}

/** flow **/
.siding_flow_top{}
.siding_flow_top h2{color: #a2a2a2;font-size: 1.2rem;text-align: center;}
.siding_flow_top h2 span{color: #000;display: block;font-size: 2.6rem;margin-bottom: 15px;}
.siding_flow_top .explain{margin: 30px auto 0;max-width: 1200px;text-align: center;}

.siding_flow_steps{}
.siding_flow_steps .area{padding:20px 20px 60px;max-width: 1200px;margin: 0 auto;}
.siding_flow_steps .box.last{margin-bottom:0px;}
.siding_flow_steps .box .in_title{min-height:62px;padding-top:12px;font-weight:bold;background:url(../images/flow_cloud.jpg) 0% 50% no-repeat;}
.siding_flow_steps .in_title > *{display:inline-block;}
.siding_flow_steps .in_title .num{font-size:1.625rem;color:#fff;width:50px;text-align:center;margin-right:32px;}
.siding_flow_steps .in_title h3{font-size:1.4375rem;}
.siding_flow_steps .box .image{text-align:center;}
.siding_flow_steps .box .image img{}

.siding_flow_return{padding-bottom:80px;/*background-color:#d3e2d3;*/}
.siding_flow_return .btn{max-width:420px;margin-right:auto;margin-left:auto;}
.siding_flow_return .btn a{min-width:160px;padding-left:20px;padding-right:20px;}




.greenBtn a{border: 1px solid;}

.contactArea.noBg{background-color: transparent;padding-bottom: 0;}
.contactArea.noBg .contactBnr{padding-bottom: 40px;}

.contactArea .contactBnr .contactLink2 a{font-weight: bold;}
.contactArea .contactBnr .contactLink2 a.double.narrow{padding: 9px 11px;font-size: 1.125rem;width: 47%;background: #333;text-align: left;letter-spacing: -1px;box-sizing: border-box;}




@media only screen and (max-width: 1800px) {
	.bird_1{top: 267px;}
	.bird_2{top: 135px;right: 56px;}
	.bird_3{top: 249px;}
	.bird_4{top: 195px;}
}

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

	.siding_merit .wrapper,.siding_example .wrapper{padding-right: 40px;padding-left: 40px;}


	/*animation*/
	.bird .inner,.wood .inner{background-size: cover;}

	.bird_1{width: 160px;height: 227px;}
	.bird_2{width: 75px;height: 89px;}


	.wood_1{width: 182px;height: 384px;top: 880px;}
	.wood_2{width: 244px;height: 403px;bottom: 610px;}

}

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


}

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

	section .wrapper{padding-right: 20px;padding-left: 20px;}


	.siding_method .box{padding-top: 40px;}

	/** merit **/
	.siding_merit .wrapper{padding-right: 20px;padding-left: 20px;padding-bottom: 220px;}
	.siding_merit .frame{padding-top: 25%;}
	.siding_merit .area{gap: 30px;}
	.siding_merit .box{min-height: auto;padding-right: 20px;padding-left: 20px;}
	.siding_merit .box .title h4{font-size: 1.625rem;}
	.siding_merit .box .title span{width: 65px;height: 65px;font-size: 2.5625rem;}
	.siding_merit .box .set p{font-size: 1.0625rem;}
	.siding_merit .box .image{margin-top: 30px;}


	/*animation*/
	.siding_merit .animation_area{top: -150px;background-size: auto 300px;}


	.bird_1{width: 130px;height: 190px;right: 0px;top: 140px;}
	.bird_2{width: 50px;height: 55px;right: 26px;top: 50px;}
	.bird_3{width: 88px;height: 47px;left: 103px;top: 105px;}
	.bird_4{width: 40px;height: 46px;left: 18px;top: 65px;}

	.wood_1{width: 160px;height: 272px;top: 92vh;}
	.wood_2{width: 212px;height: 348px;bottom: 62vh;}

	.siding_example .wrapper{padding-right: 20px;padding-left: 20px;}

}

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


	.businessTopTxt .businessTopTitle{font-size: 1.875rem;line-height: 1.3;}

	/** method **/
	.siding_method .area{gap: 0 40px;}
	.siding_method .box:not(:first-of-type)::before{left: -35px;}
	.siding_method .box{padding-top: 35px;}
	.siding_method .box h4{font-size: 1.25rem;}
	.siding_method .box p{font-size: 1.0625rem;}
	.siding_method .box .image{height: auto;margin-bottom: 20px;}

	/** example **/
	.siding_example .box{display: block;}
	.siding_example .box .cont .num{width: 65px;height: 65px;background-size: 46px auto;padding-top: 29px;}
	.siding_example .box:nth-of-type(1) .cont .num img{width: 37px;height: 28px;}
	.siding_example .box:nth-of-type(2) .cont .num img{width: 42px;height: 26px;}
	.siding_example .box .cont .title h4{max-width: calc(100% - 85px);font-size: 1.25rem;line-height: 1.5;}
	.siding_example .box:nth-of-type(2) .cont .title h4{font-size: 1.125rem;letter-spacing: -1px;}
	.siding_example .box .before{flex-direction: row;gap: 0 20px;margin-bottom: 80px;}
	.siding_example .box .before .image::after{bottom: -53px;right: 50%;transform: translateX(50%) rotate(90deg);}
	.siding_example .box .after{margin: 0 auto;width: 80%;}


	/*animation*/
	.siding_merit .animation_area{top: -110px;background-size: auto 200px;}

	.bird_1{width: 104px;height: 151px;right: 0px;top: 110px;}
	.bird_2{width: 46px;height: 49px;right: 26px;top: 17px;}
	.bird_3{width: 88px;height: 47px;left: 90px;top: 75px;}
	.bird_4{width: 40px;height: 46px;left: 18px;top: 29px;}

	.wood_1{width: 116px;height: 244px;top: 95vh;}
	.wood_2{width: 158px;height: 260px;bottom: 80vh;}




}

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

	.businessTopTxt{padding-left:40px;}
	.businessTopTxt h2{font-size: 2.125rem;line-height: 1.15;}
	.businessTopTxt .businessTopTitle{font-size: 1.375rem;}

	.sidingMessage {padding-top: 70px !important;padding-bottom: 40px;}
	.sidingMessage h2, .sidingMessage h3 {font-size: 1.2rem;line-height: 2rem;}
	.sidingMessage p {font-size: 0.9rem;line-height: 1.8rem;width: 95%;margin: 20px auto 0;}
	.sidingMessage p br{display: none;}

	/** header **/
	.siding_header{padding: 0;}
	.siding_header h3 span{font-size: 31px;line-height: 1.2;display: block;margin-bottom: 13px;}
	.siding_header h3{margin-bottom: 40px;}
	.siding_header .wrapper{padding: 60px 20px 0;padding-bottom: 60px;}
	.siding_header .frame{border-radius: 30px;padding: 40px 30px;}
	.siding_header h4{font-size: 22px;line-height: 36px;margin-bottom: 20px;}
	.siding_header .box p{font-size: 1rem;line-height: 30px;text-align: left;}

	/** method **/
	.siding_method .wrapper{padding: 0 20px 40px;}
	.siding_method h3{margin-bottom: 40px;}
	.siding_method h3 span{font-size: 2.0625rem;}
	.siding_method .area{flex-direction: column;gap: 50px 0;}
	.siding_method .box{margin: 0 auto;width: 100%;padding: 25px 20px 32px;}
	.siding_method .box h4{margin-bottom: 25px;}
	.siding_method .box:not(:first-of-type)::before{left: 50%;top: -45px;transform: translateX(-50%) rotate(90deg);}


	/** merit **/
	.siding_merit .wrapper{padding: 60px 20px 25vw;}
	.siding_merit .frame{padding-top: 24.7%;padding-bottom: 0;}
	.siding_merit .frame .cont{border-right: 7px solid #DFD8B3;border-bottom: 7px solid #DFD8B3;border-left: 7px solid #DFD8B3;padding: 15px 15px 50px;border-radius: 0 0 7px 7px;}
	.siding_merit .frame::before{content: "";display: block;width: 100%;height: 0;background: url(../images/sp_bg_merit_head.svg) no-repeat top;aspect-ratio: 150 / 43;background-size: cover;position: absolute;top: 0;left: 0;padding-top: 28.7%;}
	.siding_merit h3{margin-top: -38px;}
	.siding_merit .area{gap: 40px 0;}
	.siding_merit .box{display: block;max-width: 380px;width: 100%;min-height: auto;margin: 0 auto;padding: 50px 20px 30px;border-radius: 15px;}
	.siding_merit .box .set{margin-bottom:20px;}
	.siding_merit .box .title h4{font-size: 1.5rem;line-height:1.1;}
	.siding_merit .box .title span{width: 60px;height: 60px;top: -32px;left: 50%;transform: translateX(-50%);font-size: 1.875rem;}
	.siding_merit .box .set p{font-size: 0.9375rem;line-height: 1.8;}
	.siding_merit .box .image{width:100%;margin-top: 20px;}


	/*animation*/
	.siding_merit .animation_area{top: -20px;background-size: auto 150px;}

	.bird_1{width: 77px;height: 111px;right: 0px;top: 39px;}
	.bird_2{width: 35px;height: 38px;right: 18px;top: -8px;}
	.bird_3{width: 74px;height: 39px;left: 72px;top: 54px;}
	.bird_4{width: 38px;height: 40px;left: 18px;top: 29px;}

	.wood_1{top: 115px;}
	.wood_2{bottom: 130px;}


	/** example **/
	.siding_example .wrapper{padding:40px 20px;}
	.siding_example .area{gap: 60px 0;}
	.siding_example h3{margin-bottom:40px;}
	.siding_example h3 span{font-size: 2rem;}
	.siding_example .box .cont .title{gap: 0 20px;}
	.siding_example .box .cont .num{width: 48px;height: 48px;border-radius: 5px;background-position: center 8px;padding-top: 21px;background-size: 26px auto;}
	.siding_example .box .cont .title h4{max-width: calc(100% - 68px);font-size: 1.125rem;}
	.siding_example .box:nth-of-type(2) .cont .title h4{letter-spacing: normal;}
	.siding_example .box:nth-of-type(1) .cont{padding-bottom: 150px;}
	.siding_example .box:nth-of-type(2) .cont{padding-bottom: 140px;}
	.siding_example .box:nth-of-type(1) .cont .num img{width: 28px;height: 21px;}
	.siding_example .box:nth-of-type(2) .cont .num img{width: 30px;height: 19px;}
	.siding_example .area .voice{width: auto;max-width: 380px;margin: 0 auto;background: none;font-size: 0.875rem;padding: 0 10px 10px;position: relative;box-sizing: border-box;border-bottom: 1px solid #CCC;border-right: 1px solid #CCC;border-left: 1px solid #CCC;border-radius: 0 0 5px 5px;}
	.siding_example .box:nth-of-type(2) .cont .voice{width: auto;background-image: none;}
	.siding_example .area .voice::after{content: "";display: block;width: 22px;height: 17px;background: url(../images/voice_bubble.png) no-repeat;background-size: cover;position: absolute;bottom: -17px;left: 27%;}
	.siding_example .box .image::before{width: 120px;height: 120px;}
	.siding_example .box .before{ flex-direction: column;margin-bottom: 0;}
	.siding_example .box .before .image{width: 90%;margin: 0 auto 60px;}
	.siding_example .box .before .image::after{width: 56px;height: 37px;bottom: -43px;right: 50%;}
    .siding_example .box .after{width: 100%;}

	/** flow **/
	.siding_flow_top{padding-right:20px;padding-left:20px;}
	.siding_flow_steps .box{margin-bottom:60px;}
	.siding_flow_steps .box .text p{padding-top:10px;}
	.siding_flow_steps .in_title .num{margin-right:24px;}
	.siding_flow_steps .box .image{margin-bottom:20px;}
	.siding_flow_return .btn a{width:80%;margin:10px auto 0;}


	/**/
	.siding_contract .wrapper{padding-top:40px;padding-bottom: 40px;}
	.siding_contract h3{margin-bottom:40px;}
	.siding_contract .area{flex-direction: column;gap: 70px 0;}
	.siding_contract .box{width: 100%;margin: 0 auto;border: 1px solid #CCC;}
	.siding_contract .box .text{padding:20px 20px 30px;}
	.siding_contract .box .text h4{font-size:1.5rem;margin-bottom:10px;text-align: left;}
	.siding_contract .box::after{width:32px;height:18px;top: auto;bottom: -40px;left:50%;margin-left:-16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);}


	.contactArea .contactBnr .contactLink2 a.double.narrow{width: auto;}
}