@charset "utf-8";
/* Reset */
html{font-size: 62.5%; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;}
body{color: #38302b; line-height: 1.875; word-spacing: 0; font-size: 1.6rem; font-weight: 400; font-family: "Noto Sans JP", sans-serif;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; background: #ebf7ff;}

*{margin: 0; padding: 0; box-sizing: border-box; border: 0;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: 500;}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
a{color: inherit; text-decoration: none;}
img{vertical-align: bottom; max-width: 100%; height: auto;}

.container{margin: 0 auto; max-width: 1385px; width: calc(100% - 40px);}

.txt-blue{color: rgba(43,144,182,255);}
.txt-yellow{color: #ffe012;}
.txt-red{color: #d52c2c;}

.center{text-align: center !important;}

@media (min-width: 768px){
    a[href^="tel:"]{pointer-events: none;}
    .only-sp{display: none;}
}

@media (max-width: 767px){
	body{font-size: 1.4rem;}
    .only-pc{display: none;}
}

@media print {
    body{color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}

/* Header */
header{background: rgba(43,144,182,255); padding: 20px 60px; display: flex; justify-content: space-between; align-items: center; line-height: 1;}
.header-btn{width: 193px; height: 53px; background: #fff; color: rgba(43,144,182,255); font-weight: 500; display: flex; justify-content: center; align-items: center; border-radius: 27px; transition: .3s;}
.header-btn:hover{background: #38302b; color: #fff; box-shadow: 2px 2px 0px 0px rgba(255,255,255,.5); transform: translateY(-2px);}

@media (max-width: 1505px){
	header{padding: 20px;}
}

@media (max-width: 767px){	
	header{padding: 10px 15px;}
	h1{width: 145px;}
	.header-btn{width: 120px; height: 40px;}
}

/* MV */
.mv{position: relative;}
.mv-img{width: 100%;}
.mv-outer{position: absolute; bottom: 0; right: 0; width: 53.7%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; background: rgba(56,48,43,.9); color: #fff; font-size: 2rem; line-height: 2.4;}
.mv-txt{font-size: 185.85%; font-weight: 500; line-height: 1.8;}
.mv-tit{display: flex; align-items: center; margin: 0 0 0.5em; line-height: 1;}
.mv-tit span{margin-left: 0.2em; position: relative; top: -0.05em; font-size: 235%; font-weight: 500; line-height: 1.6;}

@media (max-width: 1700px) and (min-width: 1025px){
	.mv-outer{font-size: 1.17vw;}
	.mv-tit img{width: 24.11vw;}
}

@media (max-width: 1024px){
	.mv-img{width: auto; height: 50vw; object-fit: cover; object-position: center;}
	.mv-outer{font-size: 1.5vw; width: 55%;}
	.mv-tit{display: block; margin: 1em 0 1.2em;}
	.mv-tit img{width: 40vw;}
	.mv-tit span{width: 100%; margin: 0.3em 0 0 0; display: block; top: 0;}
}

@media (max-width: 767px){
	.mv-img{height: 150vw;}
	.mv-outer{width: 100%; height: auto; font-size: 3.5vw; line-height: 2; padding: 6vw 0;}
	.mv-txt{line-height: 1.6;}	
	.mv-tit img{width: 60vw;}
	.mv-tit span{margin: 0.2em 0 0 0;}
}

/* Main */
.main{overflow-x: hidden;}
.title{font-size: min(6.1vw,6.1rem); line-height: 1.3; text-align: center; color: rgba(43,144,182,255); margin: 0 0 45px;}

@media (max-width: 1023px){
	.title{margin: 0 -20px 20px;}
}

@media (max-width: 767px){
	.title{font-size: min(9.5vw,4rem);}
}

/* Intro */
.intro{background: #ebf7ff; padding: 175px 0 130px;}
.intro-desc{text-align: center; margin: 0 0 180px; line-height: 2.25; color: #554841;}

.intro-box{background: #38302b; color: #fff; border-radius: 30px; padding: 3% 5% 3.5%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.intro-box_inner{width: 69%;}
.intro-box_img{width: 27%;}
.intro-box_tit{font-size: min(4.1vw,4.1rem); font-weight: 600; color: #ffe012; line-height: 1.5; margin: 0 0 0.25em;}
.intro-box_list li{font-size: 2rem; font-weight: 500; line-height: 2; padding-left: 1.5em; position: relative;}
.intro-box_list li:before{content: '●'; position: absolute; top: 0; left: 0; color: #ffe012;}

@media (max-width: 1023px){
	.intro{padding: 50px 0 60px;}
	.intro-desc{margin: 0 0 50px;}
		
	.intro-box_inner{width: 100%;}
	.intro-box_img{width: 100%; text-align: center; margin: 20px 0 0 0;}
}

@media (max-width: 767px){
	.intro-desc{text-align: left;}
	
	.intro-box{padding: 20px 20px 0; overflow: hidden; border-radius: 15px;}
	.intro-box_tit{font-size: min(6.2vw,2.6rem);}
	.intro-box_list li{font-size: 1.6rem;}
	.intro-box_img{position: relative; bottom: -3px;}
	.intro-box_img img{width: 60%; max-width: 295px;}
}

/* Merit */
.merit{background: rgba(43,144,182,255); color: #fff; padding: 150px 0;}
.merit-tit{font-size: min(4.1vw,4.5rem); line-height: 1.4; text-align: center;}
.merit-tit span{font-size: 144%;}
.merit-desc{font-size: 1.8rem; line-height: 2.16; text-align: center; margin: 25px 0 45px;}
.merit-desc span{font-weight: 600;}

.merit-box{display: flex; flex-wrap: wrap; padding: 0 0 70px;}
.merit-item{border-radius: 30px; background: #fff; color: #38302b; width: 32%; margin: 0 2% 2% 0; line-height: 1.9; padding: 2.5%;}
.merit-item:nth-of-type(3n){margin-right: 0;}
.merit-item_img{display: flex; justify-content: center; align-items: center; width: 100%;}
.merit-item_tit{font-size: min(2.4vw,3rem); line-height: 1.35; text-align: center; margin: 25px 0 20px; font-weight: bold;}

.merit-item:nth-of-type(1) .merit-item_img,
.merit-item:nth-of-type(2) .merit-item_img,
.merit-item:nth-of-type(3) .merit-item_img{height: 275px;}
.merit-item:nth-of-type(4) .merit-item_img,
.merit-item:nth-of-type(5) .merit-item_img,
.merit-item:nth-of-type(6) .merit-item_img{height: 120px;}
.merit-item:nth-of-type(6) .merit-item_tit{padding: 0.7em 0;}

.merit-item:nth-of-type(1) .merit-item_img img{max-width: 177px; width: 62.55%;}
.merit-item:nth-of-type(2) .merit-item_img img{max-width: 283px; width: 100%;}
.merit-item:nth-of-type(3) .merit-item_img img{max-width: 247px; width: 87.28%;}
.merit-item:nth-of-type(4) .merit-item_img img{max-width: 110px; width: 38.87%;}
.merit-item:nth-of-type(5) .merit-item_img img{max-width: 127px; width: 44.88%;}
.merit-item:nth-of-type(6) .merit-item_img img{max-width: 133px; width: 47%;}

@media (max-width: 1023px){
	.merit{padding: 60px 0 30px;}
	
	.merit-box{padding: 0 0 40px;}
	.merit-item{width: 49%;}
	.merit-item:nth-of-type(3n){margin-right: 2%;}
	.merit-item:nth-of-type(2n){margin-right: 0;}
	.merit-item_tit{font-size: min(3.8vw,2.4rem);}
	.merit-item:nth-of-type(3) .merit-item_img,
	.merit-item:nth-of-type(4) .merit-item_img{height: 150px;}
	.merit-item:nth-of-type(3) .merit-item_tit{padding: 0.7em 0;}
}

@media (max-width: 767px){
	.merit-item{border-radius: 15px;}
    .merit-tit{font-size: 3rem;}
	.merit-tit span{display: block;}
	.merit-desc{font-size: 1.6rem; text-align: left; margin: 20px 0 40px;}
}

@media (max-width: 480px){	
	.merit-item{width: 100%; padding: 20px; margin: 0 0 20px !important;}
	.merit-item_img{height: auto !important; padding: 10px 15%;}
	.merit-item_tit{font-size: 2rem; padding: 0 !important; margin: 20px 0 15px;}
}

/* Example */
.example{display: flex; flex-wrap: wrap; margin: 45px 0 0 0; text-align: center;}
.example-item_img{border-radius: 30px; overflow: hidden;}
.example-item_img img{width: 100%;}
.example-item_tit{font-size: min(2.4vw,2.4rem); line-height: 1.35; font-weight: 500; margin-top: 0.7em;}

@media (min-width: 1024px){
	.example-item{width: 32.06%; margin: 0 1.91% 50px 0;}
	.example-item:nth-of-type(3n){margin-right: 0;}    
}

@media (max-width: 1023px){
	.example{margin: 20px 0 0 0;}
    .example-item{width: 49%; margin: 0 2% 35px 0;}
	.example-item:nth-of-type(2n){margin-right: 0;}
	.example-item_tit{font-size: min(3.8vw,2.4rem);}
}

@media (max-width: 767px){
	.example-item_img{border-radius: 15px;}
}

@media (max-width: 480px){	
	.example-item{width: 100%; margin: 0 0 35px 0 !important;}
	.example-item_tit{font-size: 2rem;}
}

/* Service */
.service{padding: 200px 0;}
.service-tit{font-size: 3.9rem; line-height: 1.2; text-align: center; font-weight: 500; color: rgba(43,144,182,255); margin: 0 0 30px;}

.serviceT{width: 100%; position: relative; padding-top: 250px; margin-bottom: 80px;}
.serviceT-img{width: 56.875%; overflow: hidden; position: absolute; top: 0; line-height: 1;}
.serviceT-img img{width: 100%; object-fit: cover; object-position: center; max-height: 671px; height: 35vw;}
.serviceT-outer{max-width: 1580px; width: calc(100% - 40px); margin: 0 auto; }
.serviceT-inner{max-width: 793px; position: relative; border-radius: 45px; background: rgba(43,144,182,255); color: #fff; padding: 40px 40px 40px 220px; z-index: 10;}

.serviceT.is-odd .serviceT-img{border-radius: 40px 0 0 40px; right: 0;}
.serviceT.is-even .serviceT-img{border-radius: 0 40px 40px 0; left: 0;}
.serviceT.is-even .serviceT-outer{display: flex; justify-content: flex-end;}

.serviceT-row:not(:last-of-type){margin-bottom: 40px;}

.serviceT-label{border-radius: 100%; width: 178px; height: 178px; background: #fff; color: rgba(43,144,182,255); overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; position: absolute; left: 0; top: -47px; text-align: center;}
.serviceT-label img{width: auto; height: 56px;}
.serviceT-label p{font-size: 2.9rem; line-height: 1; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", serif; margin-bottom: 0.4em; font-weight: 500; width: 100%;}

.serviceT-tit{font-size: 4rem; line-height: 1.225; font-weight: 500; margin: 0 0 0.6em;}
.serviceT-tit2{font-size: 3.4rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.6em;}

.serviceT-list li{position: relative; padding-left: 1.5em; font-size: 1.8rem; line-height: 1.5;}
.serviceT-list li:before{content: '●'; position: absolute; top: 0; left: 0;}
.serviceT-list li span{font-weight: bold;}
.serviceT-list li:not(:last-of-type){margin-bottom: 0.7em;}
.serviceT-list ul{margin-top: 0.7em;}
.service01{padding: 0 0 140px;}

.service02{margin: 0 0 145px;}
.service02 .serviceT{margin-bottom: 0;}

.service03 .serviceT-img{width: 54%;}
.service03 .serviceT-img img{max-height: 636px;}
.service03 .serviceT-img p{position: absolute; width: 50%; height: 50%; display: flex; align-items: flex-end; justify-content: flex-end; text-align: right; padding: 0 1em 0.7em 0; line-height: 1; color: #fff;
text-shadow: 0 0 0.1rem rgba(0,0,0,.6), 0 0 0.2rem rgba(0,0,0,.6), 0 0 0.3rem rgba(0,0,0,.6), 0 0 0.4rem rgba(0,0,0,.6), 0 0 0.5rem rgba(0,0,0,.6), 0 0 0.6rem rgba(0,0,0,.6), 0 0 0.7rem rgba(0,0,0,.6), 0 0 0.8rem rgba(0,0,0,.6), 0 0 0.9rem rgba(0,0,0,.6), 0 0 1rem rgba(0,0,0,.6);}
.service03 .serviceT-img p:nth-of-type(1){top: 0; left: 0;}
.service03 .serviceT-img p:nth-of-type(2){top: 0; right: 0;}
.service03 .serviceT-img p:nth-of-type(3){bottom: 0; left: 0;}
.service03 .serviceT-img p:nth-of-type(4){bottom: 0; right: 0;}

@media (max-width: 1920px){
    .service03 .serviceT-img figure{width: 100%; max-width: 960px;}
}

@media (max-width: 1500px) and (min-width: 1024px){
	.serviceT{padding-top: 16.6vw;}
	.serviceT-inner{width: 50vw; padding: 2.6vw 2.6vw 2.6vw 14.6vw;}
	
	.serviceT-label{width: 12.5vw; height: 12.5vw;}
	.serviceT-label p{font-size: 2.1vw;}
	.serviceT-label img{height: 4.2vw;}
	
	.serviceT-tit{font-size: 2.8vw;}
	.serviceT-tit2{font-size: 2.3vw;}
	
	.serviceT-list li{font-size: 1.4vw;}
}

@media (max-width: 1023px){
	.service{padding: 80px 0;}
	.serviceT{padding: 0;}
	.serviceT-img{width: calc(100% - 20px) !important; position: relative;}
	.serviceT-img img{height: auto; max-height: inherit !important;}
	.serviceT.is-odd .serviceT-img{margin-left: 20px; border-radius: 20px 0 0 0;}
	.serviceT.is-even .serviceT-img{margin-right: 20px; border-radius: 0 20px 0 0;}

	.serviceT-outer{width: calc(100% - 20px); margin: 0; display: block;}
	.serviceT.is-odd .serviceT-outer{margin-left: 20px;}
	.serviceT.is-even .serviceT-outer{margin-right: 20px;}
	
	.serviceT-inner{max-width: 1023px; width: 100%; transform: translateY(0) !important; -webkit-transform: translateY(0) !important;}
	.serviceT.is-odd .serviceT-inner{border-radius: 0 0 0 20px;}
	.serviceT.is-even .serviceT-inner{border-radius: 0 0 20px 0;}
	
	.service01{padding: 0 0 70px;}
	.service02{margin: 0 0 70px;}
}

@media (max-width: 767px){
	.serviceT{margin-bottom: 50px;}
	.serviceT-label{top: -70px; left: -15px; width: 100px; height: 100px;}
	.serviceT.is-even .serviceT-label{left: auto; right: -15px;}
	.serviceT-label p{font-size: 1.6rem;}
	.serviceT-label img{height: 32px;}
	
	.serviceT-inner{padding: 40px 20px 30px;}
	.serviceT-row:not(:last-of-type){margin-bottom: 30px;}
	.serviceT-tit{font-size: min(7.5vw,2.6rem); line-height: 1.4;}
	.serviceT-tit2{font-size: 2.1rem; line-height: 1.4;}
	.serviceT-list li{font-size: 1.6rem;}
	.serviceT-list li br{display: none;}
	
	.service-tit{font-size: min(7.5vw,2.6rem); line-height: 1.4; margin: 0 0 10px;}
	
	.service03 .serviceT-img p{font-size: min(2vw,1.2rem);}
}

/* Step */
.step{display: flex; justify-content: space-between; flex-wrap: wrap;}
.step-item{width: 48.8%; margin-bottom: 2.4%; padding-top: 50px; position: relative; display: flex;}

.step-label{border-radius: 100%; width: 132px; height: 132px; background: rgba(43,144,182,255); color: #fff; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; position: absolute; left: 0; top: 0; text-align: center;}
.step-label img{width: auto; height: 42px;}
.step-label p{font-size: 2.4rem; line-height: 1; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", serif; margin-bottom: 0.5em; font-weight: 500; width: 100%;}

.step-outer{border-radius: 30px; border: 3px solid rgba(43,144,182,255); background: #fff; padding: 40px 40px 40px 130px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%;}
.step-img{width: 39%; text-align: right;}
.step-inner{width: 52%; line-height: 2.125;}
.step-tit{font-size: 2.6rem; line-height: 1.2; font-weight: bold; color: rgba(43,144,182,255); margin: 0 0 10px;}
.step-list{display: flex; flex-wrap: wrap;}
.step-list li{font-weight: bold; text-indent: -1em; margin-left: 1em;}
.step-list li:not(:last-of-type){margin-right: 2em;}

.step-item.is-full{width: 100%;}
.step-item.is-full .step-img{width: 16%;}
.step-item.is-full .step-inner{width: 80.3%;}

@media (max-width: 1500px) and (min-width: 1024px){
	.step-label{width: 9.53vw; height: 9.53vw;}
	.step-label p{font-size: 1.73vw;}
	.step-label img{height: 3.2vw;}
	.step-outer{padding: 2.6vw 2.6vw 2.6vw 8.6vw;}
}

@media (max-width: 1023px){
	.step-item{width: 100%; margin-bottom: 10px;}
	.step-img{width: 16%;}
	.step-inner{width: 80.3%;}
}

@media (max-width: 767px){
	.step-item{padding-top: 30px;}
	.step-outer{border-radius: 15px; border: 2px solid rgba(43,144,182,255); padding: 20px;}
    .step-label{width: 80px; height: 80px; left: -10px;}	
	.step-label p{font-size: 1.4rem;}
	.step-label img{height: 28px;}
	.step-img{width: 100% !important; text-align: center;}
	.step-inner{width: 100% !important; line-height: 2;}
	.step-tit{text-align: center; margin: 15px 0 10px; font-size: 2rem;}
	
	.step-item01 .step-img img{width: 120px;}
	.step-item02 .step-img img{width: 130px;}
	.step-item03 .step-img img{width: 111px;}
	.step-item04 .step-img img{width: 70px;}
	.step-item05 .step-img img{width: 110px;}
}

/* Product */
.product{display: flex; justify-content: space-between; flex-wrap: wrap;}
.product li{font-size: min(2vw,2.2rem); line-height: 1.375; color: rgba(43,144,182,255); font-weight: 500; background: #fff; border: 3px solid rgba(43,144,182,255); width: 23.82%; height: 110px; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; margin-bottom: 1.573%; text-align: center;}
.product li:nth-of-type(2){width: 49.213%;}

@media (max-width: 1023px) and (min-width: 481px){
	.product li{width: 49% !important; margin-bottom: 2%; font-size: min(2.6vw,2.4rem);}
}

@media (max-width: 480px){
    .product li{width: 100% !important; margin-bottom: 10px; font-size: 1.8rem; height: 80px; border: 2px solid rgba(43,144,182,255);}
}

/* Btn contact */
.btn-contact{max-width: 736px; margin: 0 auto 200px; width: calc(100% - 40px);}
.btn-contact a{display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 118px; color: #fff; background: #ff7f28; font-weight: bold; font-size: 3.6rem; line-height: 1.4; box-shadow: 0px 7px 0px 0px #d15a0a; border-radius: 30px; position: relative; transition: .3s;}
.btn-contact a:after{content: ''; position: absolute; top: 50%; right: 5%;
border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 7px; transform: rotate(-45deg); margin-top: -7px;}
.btn-contact a:hover{ box-shadow: none; transform: translateY(7px); background: #fd6802;}

@media (max-width: 1023px){
	.btn-contact{margin: 0 auto 90px;}
}

@media (max-width: 767px){
	.btn-contact{max-width: 480px;}
	.btn-contact a{font-size: min(7vw,2.2rem); height: 90px; border-radius: 15px; box-shadow: 0px 5px 0px 0px #d15a0a;}
	.btn-contact a:after{padding: 4px; margin-top: -4px;}
}

/* Concept */
.concept{margin: 0 0 110px;}
.concept-box{padding: 70px 0 75px; position: relative;}
.concept-head{background: rgba(43,144,182,255); color: #fff; max-width: 1085px; height: 110px; width: 90%; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; border-radius: 30px; display: flex; justify-content: center; align-items: center;}
.concept-head h3{font-size: min(3vw,3.2rem); line-height: 1; font-weight: 600; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", serif; display: flex; align-items: center;}
.concept-head h3:after{content: ''; width: 1px; height: 70px; display: block; background: #fff; transform: rotate(30deg); margin: 0 25px;}
.concept-head h3 span{padding: 10px 10px 0 0; letter-spacing: 0.05em;}
.concept-head img{width: auto; height: 49px;}
.concept-head p{font-size: min(3.2vw,3.4rem); line-height: 1.1; font-weight: 600;}
.concept-outer{border-radius: 30px; border: 5px solid rgba(43,144,182,255); padding: 6.5% 5% 5%; background: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.concept-img{width: 49.9%;}
.concept-inner{width: 47.1%;}
.concept-photo{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px 0 0;}
.concept-photo li{width: 30.5%;}
.concept-photo li img{width: 100%;}

.concept01 .concept-img{width: 58%;}
.concept01 .concept-inner{width: 39%;}

@media (max-width: 1023px){
	.concept{margin: 0 0 30px;}
	.concept-box{padding: 70px 0 50px;}
    .concept-img{width: 100% !important; text-align: center; margin: 20px 0 0 0;}
	.concept-inner{width: 100% !important; order: -1;}
	.concept-photo{max-width: 482px; width: 100%; margin: 20px auto 0;}
	
	.concept01 .concept-img{order: -2; margin: 0 auto 20px; width: 80% !important;}
}

@media (max-width: 767px){
	.concept-head{flex-wrap: wrap; align-content: center; border-radius: 15px; height: 100px;}
	.concept-head h3{font-size: 1.8rem;}
	.concept-head h3:after{display: none;}
	.concept-head img{height: 32px;}
	.concept-head p{font-size: 2rem; line-height: 1.3; width: 100%; text-align: center; margin: 5px 0 0 0;}
	
	.concept-outer{border-radius: 15px; border: 2px solid rgba(43,144,182,255); padding: 50px 20px 25px;}
	.concept-photo li{width: 32%;}
}


/* Footer */
footer{background: #38302b; text-align: center; padding: 120px 20px 35px;}

.fbnr{display: flex; justify-content: center; margin: 0 0 60px;}
.fbnr li{width: 458px; margin: 0 16px; display: flex;}
.fbnr a{background: #fff; border-radius: 30px; text-align: center; overflow: hidden;}
.fbnr figure{overflow: hidden;}
.fbnr img{width: 100%; transition: 1s;}
.fbnr p{font-size: min(2.5vw,2.2rem); line-height: 1.3; padding: 0.92em 0; font-weight: 500; position: relative;}
.fbnr p:after{content: ''; position: absolute; top: 50%; right: 6%; margin-top: -4px;
border: solid #38302b; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(-45deg);}

.fbnr a:hover img{transform: scale(1.05);}
.fbnr a:hover{color: rgba(43,144,182,255);}
.fbnr a:hover p:after{border: solid rgba(43,144,182,255); border-width: 0 2px 2px 0;}

.fbnr2{text-align: center; margin: 0 0 120px;}
.fbnr2 a:hover{opacity: .7;}

.copyright{text-align: center; font-size: 1.1rem; line-height: 1.5; color: #fff; margin: 0 -20px;}

@media (max-width: 1023px){
	footer{padding: 50px 20px 25px;}
	.fbnr2{margin: 0 0 60px;}
}

@media (max-width: 767px){
	footer{padding: 50px 20px 60px;}
	.fbnr{max-width: 458px; width: 100%; margin: 0 auto; flex-wrap: wrap; padding: 0 0 20px;}
    .fbnr li{width: 100%; margin: 0 0 20px;}
	.fbnr a{border-radius: 15px;}
	.fbnr p{font-size: min(5vw,1.8rem);}
}

/* Pagetop */
#pagetop{position: fixed; bottom: 10px; right: 10px; border-radius: 100%; width: 60px; height: 60px; background: rgba(43,144,182,255); display: none; z-index: 100; cursor: pointer;}
#pagetop:after{content: ''; border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(-135deg); position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px;}
#pagetop:hover{background: #247aae;}

@media (max-width: 767px){
	#pagetop{width: 46px; height: 46px;}
}

/* Animate */
.fade-in{opacity: 0; transition: opacity 1.2s ease;}
.fade-in.is-view{opacity: 1;}

.fade-up{opacity: 0; transform: translateY(60px); -webkit-transform: translateY(60px); transition: opacity 1.2s ease, transform 1.2s ease;}
.fade-up.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.fade-right{opacity: 0; transform: translateX(-60px); -webkit-transform: translateX(-60px); transition: opacity 1.2s ease, transform 1.2s ease;}
.fade-right.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.fade-left{opacity: 0; transform: translateX(60px); -webkit-transform: translateX(60px); transition: opacity 1.2s ease, transform 1.2s ease;}
.fade-left.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

@media (min-width: 1024px){
	.delay1{transition-delay: 0.5s;}
}


.btnCatalog{text-align: center; margin-bottom: 40px;}
@media (max-width: 767px){
	.btnCatalog{max-width: 80% ;margin:0 auto 50px}
}