@charset "UTF-8";
/*--------------------------------
初期設定
---------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500;700;900&display=swap');

html {font-size: 62.5%;} /* 1.6rem=16px */
body {width: 100%; color: #000; font-family: 'Noto Sans JP', sans-serif,"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;line-height: 1; word-break: break-all; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";  min-width: 320px; padding: 0px;font-weight: 400;position: relative;overflow: hidden}

a:hover img {}
img {max-width: 100%;height: auto;}
p, ul li, ol li, dl dt, dl dd,figure{margin:0; padding:0; font-size:1.4rem}
ul,h1,h2,h3,h4,h5,h6{ margin:0; padding:0}
ul li{ margin:0; padding:0; list-style-type:none}

.pb40{ padding-bottom:40px;}
.mb60{ margin-bottom:60px!important;}
.mb40{ margin-bottom:40px!important;}
.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.pb20{ padding-bottom:20px;}
.pb80{ padding-bottom:80px;}
.attention,.rd{ color:#C00}
.ib{ display:inline-block}
.f-l{ float:left}
.f-r{ float: right}
.clear{ clear:both}
.w100{ width:100%}
caption{ font-size:1.6rem; padding-bottom:10px; text-align:left}
.min,
section h2,
.point-section ol li h3,
.sys section h1{  font-family: 'Noto Serif JP', "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; transform: rotate(.03deg);}
html{overflow-y:scroll;}
.bk{ color:#000!important}
.right{ text-align:right}
.bold{ font-weight:bold}
.clearfix::after,.imgLeft,.imgRight,.pager{ content: ""; display: block; clear: both;}


.pc-mode{display: none}
figcaption{margin-top:10px
}

/*--------------------------------
share
---------------------------------*/
img[src$=".svg"] {width: 100%; height: auto;}
a:hover{ text-decoration:none;}
.center{ text-align:center}
.ggmap {position: relative; padding-bottom: 50.25%; padding-top: 30px; height: 0; overflow: hidden;}
.ggmap iframe,
.ggmap object,
.ggmap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main section, ul li {line-height:1.8}
/* page-top */
#pagetop {position: fixed; bottom: 0px; right: 0px; margin:0;}
#pagetop a {width: 80px; height:50px;}
#pagetop a img{width: 80px;height:50px;vertical-align: bottom;}
#pagetop a:hover {}
/* パンくず */
.BreadcrumbList{  padding:0 0 10px 10px; box-sizing:border-box;  margin:80px 0 0;}
.BreadcrumbList li{ display:inline; font-size:1.2rem; line-height:1.4;font-weight: bold; color: #1a1e31}
.BreadcrumbList li:after { content: ">"; padding: 0 5px;    color: #999;}
.BreadcrumbList li:last-child:after { content: "";}
.BreadcrumbList li a{text-decoration:none;font-weight:normal; color: #666}
.BreadcrumbList li a:hover{ text-decoration:underline}

/* ページャー */


.pager .pagination {margin: 0;padding: 60px 0 0;
  text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}


.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
	color: #333
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #fff;
  background: #333;
}



.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


/* btn */

a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}


main{clear: both; padding: 20px;}
section{clear: both; padding:40px 20px;}
section p{font-size: 1.6rem;line-height: 2;font-weight: 400;color: #666666}

footer{ background:#1a1e31;box-sizing: border-box;padding:15px 0; text-align: center;color: #fff;font-size: 1.2rem}


/* header */

header { position: fixed;top: 0; z-index: 10; width: 100%;padding:5px 10px 10px ; background: rgba(26,30,49,0.9);box-sizing: border-box}
header a{color: #000;text-decoration: none}

header h1,
.logo{max-width: 270px; width: 55%; height: auto}
header h1 a,
.logo a{display: inline-block}


.shop-data{display: inline-block; font-size: 1rem;color: #fff}

.header-tel a{display: block;width: 40px;height: 40px; background: url("../img/tel_sp.png")left top no-repeat;background-size: 40px 40px; }
.header-check a{display: block;width: 40px;height: 40px; background: url("../img/check_sp.png")left top no-repeat;background-size: 40px 40px; }
.header-mail a{display: block;width: 40px;height: 40px; background: url("../img/mail_sp.png")left top no-repeat;background-size: 40px 40px; }




.header-list{display:flex;justify-content: right; align-items: center;  position: absolute; right: 60px; top: 11px;}
.header-list li{margin-left: 10px}

.child_1{ order: 1;}
.child_2{ order: 2;}
.child_3{ order: 3;}

.title-wrap{display: flex;flex-direction: column-reverse;padding: 20px 0 20px 20px}
.title-wrap div{text-align: center}
.title-wrap p{padding: 10px 0; color: #999700;font-size: 1.4rem;font-weight:500;text-align: center}

.text01{display: inline-block; background: #fff;padding: 0 15px;font-size: 2.8rem; box-sizing: border-box;font-weight: bold;line-height:1.4}
.text02{padding:15px 10px;font-size: 1.8rem; background: #1a1e31;color: #fff}
.text03{padding:8px 10px;font-size: 1.8rem; border-left: 8px solid #1a1e31}
.text04{display: inline-block; padding:3px 10px;font-size: 1.6rem;color: #fff;  background:rgba(0,0,0,0.8);}
.text05{padding:10px 8px;font-size: 2rem;background: #990000;color: #fff}
.text05 span{display: inline-block}
.text06{display: inline-block; padding: 20px 40px ; font-size: 2rem;border: 3px solid #e8d575;background: #fff;}
.text07{padding:8px 15px;font-size:2.4rem; border-left: 8px solid #b6b35f}


.bg001{ background: #f5f5f5}
section h2{margin-bottom: 20px; text-align: center;font-weight: 500;font-size: 2rem;}
section h2:after{position: absolute;right: 0;  left: 0;top: -30px; width: 100%;color: #fff;font-size: 4rem;margin:auto;z-index: -1; font-weight: 100;}
/* コンセプト　.concept-section */

.concept-section{}
.concept-section h2{text-align: center;font-size: 1.6rem;}
.concept-section h2:after{content: "Concept";}
.concept-section ul li{margin-bottom: 20px; padding: 10px;box-sizing: border-box;background: #fff;}
.concept-section ul li img{margin-bottom: 20px; vertical-align: bottom;}
.concept-section ul li .title001{margin-bottom: 20px;text-align: center;  font-weight: 500;}
.concept-section ul li .title001 span{display: inline-block; padding: 5px;background: #000;color: #fff;font-size: 1.1rem;}
.concept-section ul li h3{margin-bottom:20px; text-align: center;}
.concept-section ul li h3 span{padding: 8px 0;font-size: 1.4rem;border-top:1px solid #cdced2;border-bottom:1px solid #cdced2;}
.concept-section ul li p{margin-bottom: 20px; font-size: 1.2rem}


/* 安心ポイント　.point-section */
.point-section{padding-bottom: 0}
.point-section h2{padding:10px 20px 20px; background: #1a1e31; color: #fff;text-align: center;white-space: nowrap;}
.point-section h2:after{content: "Point"; position:absolute;display: inline-block;padding-top: 10px; color: #40424f;background: #1a1e31;white-space: nowrap}

.point-section ol {margin: 0;padding: 0}
.point-section ol li{list-style-type: none}
.point-section ol li h3{margin-bottom: 5px;line-height: 1.4; color: #1a1e31;font-size: 1.6rem}
.point-section ol li h3 span{font-style: italic;display: inline-block;padding-right: 15px;}
.point-section ol li p{margin-bottom: 20px; font-size: 1.2rem;line-height: 1.4}



/* map-section */
.map-section{padding: 40px 0}
.map-section h2{margin-bottom: 0; padding: 10px; color: #fff;background:#1a1e31;}
.map-section h2 span{display: inline-block;padding-left: 40px; background:url("../img/img005.png") left center no-repeat;background-size: auto 100%;}


/* case-section */
.case-section h2{}
.case-section h2:after{content: "Works"; color: #f5f5f5}
.case-section div p{margin-bottom: 20px; font-size: 1.2rem}
.case-section ul{display: flex;justify-content:space-between;}
.case-section ul li{width: 48%;}
.case-section ul li a{color: #000;text-decoration: none}
.case-section ul li a h3{line-height: 1.4}
.case-section ul li a span{color: #999;font-size: 1.1rem}


/* .co-create */
.co-create h2:after{content: "Co-create"; color: #f5f5f5}

.arrow_box {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 4px solid #e2e2e2;
  padding: 30px;
  margin: 0;
}
.arrow_box:after, .arrow_box:before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 100%;
  top: 50%;
  border: solid transparent;
}
.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 14px;
  margin-top: -14px;
}
.arrow_box:before {
  border-color: rgba(51, 51, 51, 0);
  border-right-color: #e2e2e2;
  border-width: 20px;
  margin-top: -20px;
}



.arrow_box2 {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 4px solid #e2e2e2;
  padding: 30px;
  margin: 0;
}
.arrow_box2:after, .arrow_box2:before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  border: solid transparent;
}
.arrow_box2:after {
  border-color: rgba(226, 226, 226, 0);
  border-left-color: #fff;
  border-width: 14px;
  margin-top: -14px;
}
.arrow_box2:before {
  border-color: rgba(226, 226, 51, 0);
  border-left-color:#e2e2e2;
  border-width: 20px;
  margin-top: -20px;
}


.btn001{display: inline-block;margin-bottom: 20px; padding: 10px;text-decoration: none;color: #000;background: #fff;border: 1px solid #000;font-size: 1.4rem;}
.btn001:after {content: "";display: inline-block;
  width: 0;
  height: 0;margin-left: 5px;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #000000;
  border-right: 0;
}
.image-container {position: relative;
  max-width: 100%;
  overflow: hidden; }
  
.image-container img { aspect-ratio: 4 / 4;   object-fit: cover; }
.image-container:before{position:absolute;bottom: 20px; right: 10px; content: "";display: block;width: 30px;height: 30px; background: url("../img/img006.png") left top no-repeat;background-size: 30px 30px;}



.flexbox{display: flex; justify-content: space-between;margin-bottom: 20px}
.co-img{width:80px; height: auto}
.arrow_box,
.arrow_box2{width:calc(100% - 100px);box-sizing: border-box;padding:15px 15px 15px 20px;font-size: 1.2rem;line-height: 1.4}






/* 事例　.top-case */
.top-case{padding: 80px 40px}
.top-case-wrap{max-width: 1024px ;margin: 40px auto 0;background: #fff;padding:0 40px;box-sizing: border-box;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);border-radius: 10px;}
.top-case .case-list li {padding: 20px 0 40px}
.top-case .case-list li a{color: #000;text-decoration: none}
.top-case .case-list li a span{display: block; text-align: right;font-size: 1.2rem}
.top-case .case-list li a div{position: relative;}
.top-case .case-list li a h3{position: absolute;top: 15px;left: 0;}
.top-case .case-list-text{display: flex;justify-content: space-between}
.top-case .next01{position: relative;padding-right: 12px;color: #005e99; border-bottom: 1px solid #005e99}
.top-case .next01::after{content: "";display: block;position: absolute;right: 0;top: 10px; width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #005e99;border-width: 4px 0px 4px 6.93px;}

/* よくある質問　.qa */
.qa{padding: 80px 20px 40px; background: #f5f5f5}
.qa h2:after{content: "FAQs"; color: #fff}




.qa .text01{padding: 10px 0;background: none}
.faq-container { max-width: 800px; }

.faq-item {}

.faq-question {position: relative;font-weight: bold;font-size: 1.6rem;  padding: 15px 0 5px 25px;  cursor: pointer;  display: flex;  justify-content: space-between;  align-items: center;	line-height: 1.4}
.faq-question::before{position: absolute;left: 0;top: 16px; content: "Q.";display: block;color: #1a1e31;font-size: 1.8rem}
.faq-answer {margin-bottom: 20px; padding: 15px;font-size: 1.4rem;  display: none;line-height: 1.4;background: #fff}
.faq-answer strong{color: #b62424;}
.icon { padding: 2px 7px; font-size: 24px; font-weight: bold;border-radius: 20px;background: #1a1e31; color:#fff;line-height: 1}
.active .icon {color: #1a1e31;background: #fff;}
.faq-question div span{font-size: 2.4rem;margin-right: 10px; color: #999700;}

/* お問い合わせ.qa */
.contact{padding: 40px 20px;background: url("../img/img012.jpg") center bottom no-repeat;background-size: cover}
.contact-wrap{max-width: 800px; margin: 30px auto 40px; padding:60px 20px 40px; box-sizing: border-box;background: rgba(255, 255, 255, 0.9);border-radius: 10px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)}
.contact h2:after{content: "Contact"; color: #eeefef}
.again{padding: 10px; font-size: 1.2rem;}
.privacypolicy h4{margin-bottom: 10px; font-size: 1.4rem;}
.privacypolicy p{margin-bottom: 20px; font-size: 1.2rem;line-height: 1.6}
.privacypolicy section{height: 150px; overflow-y: scroll}


.original-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 24px;
  border-radius: 10px;
  width: 100%;
  max-width: 280px;
  height: 60px;
  font-weight:500;
  transition: 0.3s;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  background-color: [object object];
  background-image: linear-gradient(180deg, rgba(71, 78, 111, 1), rgba(26, 30, 49, 1));
  margin-bottom: 60px;
  margin: 0 10px 60px 10px;
}

.original-button:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}



/* 会社概要.company */
.company{padding: 80px 20px; background: #fff}
.company h2:after{content: "Conpany"; color: #eeefef}
.company table{ max-width: 600px;margin: 40px auto 0;border-collapse: collapse;}
.company th, .company td {padding: 20px 0;border-bottom: 1px dotted #ddd;font-size: 1.2rem;line-height: 1.6;box-sizing: border-box }
.company th {min-width: 110px; width: 20%; padding-right: 20px; color: #1a1e31;text-align: right;vertical-align: top }
.hidden-view{
    display: none;
}
.hidden-view.open{
    display: block;margin-top: 0
}
.button{margin-top: 20px;background: #fff;border-width: 1px}
.button::before{
    content: "会社情報をもっと見る +";font-size: 1.4rem;display: inline-block;padding: 10px;
}
.hidden-view.open + div .button::before{
    content: "閉じる -";font-size: 1.4rem;display: inline-block;padding: 10px;
}
/* 送信完了 */
.send_mail{ padding: 100px 20px 0; min-height: calc(100vh - 42px);
    box-sizing: border-box;}
.br01{display: none}

.howto{width: 100%;margin: -10px 0 20px; padding: 10px; background: #000; color: #fff;text-align: center;box-sizing: border-box}
.top-news-sns{display: flex;justify-content: flex-end}
.inst{display: inline-block;margin-left:15px; background: none!important;padding: 0!important;width: 36px;height: 36px}

	/*------ スライダーの横幅 ------*/
.slider{
  width:100%;
  margin:0 auto;
}

/*------ スライダー画像 ------*/
.slider img{
	width:100%;
}

.slider .slick-slide{
	height:auto!important;
	opacity: .4
}
.slider .slick-current{opacity: 1}


/* テキスト部分 */
.main-img{position: relative}
.main-img-text{position: absolute;right: 0;left: 0;margin: 0 auto;width: 50%; max-width:500px; height: auto;z-index: 1;padding-top: 10%}

.required{color: #c00}
.header-logo img{height: 50px;width: auto}

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

}

@media screen and (min-width: 768px){
	
	/*.header-tel{width: 260px;height:60px}*/
	.header-tel a{display: inline-block}
	.header-check a{display: block;width:200px;height: 40px; background: none;}
	.header-mail a{ }
	.header-check img, .header-mail img{display: block;}
	.text03{font-size: 2rem}
	.shop-data{position: absolute;top:25px;right:200px;font-size: 1.2rem}
	.pager .pagination{padding: 60px 0 0}
.child_2{ order: 3;}
.child_3{ order: 2;}

	
section h2{margin-bottom: 20px; font-size: 2.4rem;}
section h2:after{top: -50px;font-size: 6rem;}
	.concept-section {padding-top: 60px}
	.concept-section ul {display: flex;justify-content: space-between;max-width: 1200px;margin: 0 auto;}
	.concept-section ul li{width: 49%;}

	
.point-section-wrap{display: flex; }
	.point-section .point-title-wrap{position: relative}
	.point-section .point-title-wrap:after{content: "";position: absolute;top: 100px;
        left: -30px; display: block; background: url("../img/img003.jpg") left top no-repeat;width: 100px;height: 100px;
        background-size: contain;z-index: -1;width: 100%;
        height: 200px;}
.point-section h2{ position: relative;display: inline-block;margin-top: 70px; padding: 10px 20px 20px; box-sizing: border-box;background: #1a1e31; color: #fff;text-align: center;}
.point-section h2:after{content: "Point"; position:absolute;display: inline-block;padding-top: 10px; color: #40424f;background: #1a1e31;white-space: nowrap}
	.point-section ol{padding: 40px 0 0 40px;}
	
	.map-section h2 span br{display: none	}
	.map-section h2 span{padding: 20px 0 20px 80px}
	
	.qa-wrap{width: 100%;max-width: 1200px;margin: 0 auto;	}
	.qa h2{text-align: left}
.faq-question { padding: 15px 0 15px 45px;}
	.faq-question::before{top: 10px;font-size: 2.6rem}
	.form-item{display: flex; align-items: baseline;max-width: 480px; margin: 0 auto}
	.form-item-name{width: 160px;}
	.form-item-body,.c-flex{ width: calc(100% - 160px);}
		.c-flex .form-item-body{width: 100%}
	
	.privacypolicy{max-width: 800px;margin: 0 auto ;}
	.privacypolicy h3{margin-bottom: 20px;}
	.privacypolicy section{height: 150px; overflow-y: scroll}
	.privacypolicy h4{font-size: 1.6rem}
	.privacypolicy p{margin-bottom: 30px}

.company table{}
.company th, .company td {font-size: 1.4rem;line-height: 1.8}
.company th {min-width: 200px; padding-right: 40px; }
	
	
}

@media screen and (max-width: 960px){
	/* footer */
	
	.main-img{ margin-top: 58px;}
	.header-list li a img{display: none}
}


@media screen and (min-width: 961px){
header { padding-bottom: 5px;}
	
.footer-nav{display: none}
a {color: #282828;transition: 1.0s;}
a{ transition: opacity 0.5s ease-out;}
a:hover{opacity: .7}
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
	.header-list{right: 10px
	}
.header-tel a{display: block;width:200px;height: 40px; background:none; }
.header-tel img{display: block;}
.header-mail a{display: block;width:200px;height: 40px; background:none; }
.header-mail img{display: block;}
.text01{padding: 10px 30px;font-size: 6rem; }
.title-wrap p{padding: 40px 0 20px; font-size: 2.4rem	}
.title-wrap div{margin-bottom: 40px;}
	.shop-data{right: 450px	}


	.header-list{display: flex; }
	.hamburger-nav{display: none}
	
	
section h2{margin-bottom: 60px; font-size: 4rem;}
.concept-section h2 {margin-bottom: 60px; font-size: 4rem;}
section h2:after{top: -80px;font-size: 10rem;}
.concept-section {padding-top: 120px;padding-bottom: 60px}
.concept-section ul li {width: 48%;padding: 20px;}
	.concept-section ul li img{margin-bottom: 30px}
.concept-section ul li .title001{margin-bottom: 40px;  }
.concept-section ul li .title001 span{padding: 5px 20px;font-size: 1.4rem; }
	.concept-section ul li h3{margin-bottom: 40px;}
	.concept-section ul li h3 span{ padding: 12px 10px; font-size: 1.8rem}
	.concept-section ul li p{padding: 0 40px; font-size: 1.4rem;}
	
	.point-section{padding-top: 80px;}
	.point-section ol li h3{font-size: 2.4rem}
	.point-section ol li p{padding-left: 45px; padding-bottom: 15px; font-size: 1.4rem}

	.case-section{padding-top: 160px;padding-bottom: 180px}
	.case-section h2{padding-left: 20px;text-align: left}
	.case-section div p{margin-bottom: 60px; font-size: 1.4rem}
	.case-section-wrap{display: flex;max-width: 1200px;margin: 0 auto	}
	.case-section-wrap > div{padding-right: 80px;}
	.case-section .right{text-align: left	}
	.co-create{padding-bottom: 80px}
	.co-section{display: flex;flex-direction: row-reverse; justify-content: space-around;max-width: 1200px;margin:0 auto;}
	.co-section-img{width: 600px; padding-right: 20px;}
	.arrow_box, .arrow_box2{font-size: 1.4rem}
	.contact-wrap{margin-top: 80px;padding-top:160px }
	.faq-question{font-size: 1.8rem;}
	.faq-answer{padding: 20px;}
	.qa{padding-top: 100px;background:#f5f5f5 url("../img/img011.jpg") right center no-repeat;}
	.faq-container{width: 700px}
	.qa-wrap{margin-top: 80px;margin-bottom: 80px}
	.company{padding:180px 0 }
}

@media screen and (min-width: 1024px) {
a.anchor {
    display: block;
    padding-top: 140px;
    margin-top: -140px;
}
	a{transition: all .3s;}
	a:hover{opacity: .75}
	a[href*="tel:"] {pointer-events: none;cursor: default;}

	
	.Nav ul li a:after{display: block; margin-left:0; text-align: center; margin-top: 8px;}
	.Nav ul li a:hover{opacity: .7}
	.shop-data{font-size: 1.4rem}

.BreadcrumbList{  margin-top:100px;}
	

}

@media screen and (min-width: 1200px){
	
.BreadcrumbList{  margin-top:70px;}
	.point-section{
        margin: 0 auto -40px;
        max-width: 1200px;}
	.point-section-wrap{background:url("../img/img004.jpg") right bottom no-repeat;padding-bottom: 80px}
	.point-section .point-title-wrap:after{width: 400px;height: 300px;left: -60%}
	.point-section h2{padding:20px 30px 30px;	}
}

@media screen and (min-width: 1260px){
	.header-tel{margin-right: 40px}
	.shop-data{right: 500px;}


}