/* CSS Document */
*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box; height:100%;
}
body{ background:#fff; height:100%; color:#221814; position:relative;}
a{ color:#221814;}
h1,h2,h3,p{ line-height:1.2em;}
img{ max-width:100%; vertical-align:bottom;}
.sp{ display:none;}
.wrap{ width:1192px; max-width:100%; margin:0 auto; position:relative;}
p{ font-size:1.4rem; line-height:1.8em; margin:0 auto;}
.tel,.fax{font-family:Century Gothic,Verdana, Geneva, sans-serif; font-size:1.2em; line-height:1em;}
.tel i,.fax i{ display:inline-block; margin-right:5px;}
h1{margin:0 auto;}

h1.title{ position:relative; margin-bottom:60px; text-align:center;}
h1.title img.opa50{ opacity:0.5;}
h1.title img.opa70{ opacity:0.7;}

h1.title .text{
    position: absolute;
    top: 50%;
    left: 50%;
	font-size:1.2rem;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
h2.title{ font-size:1.6rem; line-height:1.2em; margin:20px auto 25px;}

.hover_button1::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #221814;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.hover_button1:hover::before {
  transform-origin: right top;
  transform: scale(1, 1);
}

.hover_button1:hover{ color:#fff;}

.contents{ max-width:90%; margin:80px auto 50px;}
.text1{ font-size:1.4em; line-height:2em;}

#staff .staff_intro dl,#privacy .sec2{ font-family: 'Noto Sans JP', "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}





/*トグルボタン*/
#navi_toggle{ width:100%; display:none; background:rgba(255,255,255,0.6); margin-top:90px; position:relative; z-index:1;}
#navi_toggle ul{ margin:0px 15px 0 0; }

#menubtn{
	width:40px;
	height:41px;
	display:none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
	border:1px solid #7d8488;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-family:Arial, Helvetica, sans-serif;
	}
#menubtn #menubtn_line{
    width: 40px;
    height:40px;
    position: absolute;
    top: 0px;
    right: 0px;
	
}
#menubtn #menubtn_line span {
    display: block;
    background: #7d8488;
    width:   23px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menubtn p{color:#fff; position:absolute; bottom:3px; left:8px;}
#menubtn #menubtn_line span:first-child {
    top: 12px;
}
#menubtn #menubtn_line span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menubtn #menubtn_line span:last-child {
    bottom: 12px;
}
#menubtn.active #menubtn_line span:first-child {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}
#menubtn.active #menubtn_line span:nth-child(2) {
    opacity: 0;
}
#menubtn.active #menubtn_line span:last-child {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}


/*ヘッダー*/
header { width:1192px; max-width:100%; margin:0 auto; overflow:hidden; position:relative;}
header h1.logo{ float:left;}
header .tel{ font-size:1.6em; margin-top:28px;}
header .left_box{ width:220px; padding:10px 0 0 20px; float:left;}
header ul.nav {  width:720px; max-width:100%; margin:33px 0 0 auto; text-align:left;}
header ul.nav li{ display:inline-block; margin:0 5px 10px 0; padding:3px 5px 2px 3px; line-height:1em; text-align:center;}
header ul.nav li img{ margin-right:5px;}

#navi_toggle ul{ width:180px; margin-left:auto;}
#navi_toggle ul li{ border-bottom:1px solid #a5d9ec; margin:0px 0 8px; padding:3px 5px 2px 3px; text-align:left;}


/*フッター*/
#footer_wrap{ width:100%; background:#e9e4d9; padding:30px 0 60px;}
footer{ width:965px; max-width:95%; margin:0 auto; overflow:hidden;}
footer .left_box{ width:260px; text-align:left; float:left; line-height:1.2em;}
footer h1{ font-size:1.2em; padding:5px 0 10px; margin:0;}
footer p{ font-size:1em; padding:0; margin:0;}
footer p.tel,footer p.fax{ font-size:1.2em; margin-top:5px;}
footer ul.nav{ padding:70px 0 0 370px; text-align:left;}
footer ul.nav li{ display:inline-block; margin:0px 20px 10px 0; font-size:1em; line-height:1.4em;}
footer ul.sns li{ display:inline-block; padding:10px 0px;}
footer p.copy { font-size:1.2rem; line-height:1.2em; text-align:center; clear:both; padding-top:30px;}
/*トップページ*/
header #top_mainimage { background:#e7f0f5;}
header #top_mainimage img.mainimage{ position:absolute; bottom:0; left:0; right:0; margin:auto;}
header #top_mainimage{ width:1192px; background-attachment: fixed;  max-width:100%; margin:0 auto; position:relative;  text-align:left; font-size:1.1em; line-height:1.6em;}
header #top_mainimage .logo{ position:absolute; top:20px; left:0; right:0; margin:auto;}
header #top_mainimage .text_box{ max-width:90%; margin:120px auto 50px 80px;}
header #top_mainimage .text_box p{ padding-top:30px; line-height:1.8em; animation-delay: 0.5s; animation-timing-function: ease-out;}
header #top_mainimage .tel_box { animation-delay: 1s; animation-timing-function: ease-out; width:260px; margin:30px 0 30px 0;}
header #top_mainimage .tel_box .tel{ font-size:1.6em; line-height:1.4em; position:relative; padding:5px 0 5px 17px;}
header #top_mainimage .tel_box i{ font-size:0.8em; position:absolute; left:0; top:10px;}
header #top_mainimage .tel_box p span{ font-size:0.6em; display:block; line-height:1.2em; padding-top:0;}

header #top_mainimage h1{ opacity:0; animation-delay: 0.2s; animation-timing-function: ease-out; font-size:2.6rem; line-height:1.4em; margin:0;}
header #top_mainimage .mainimage,header #top_mainimage .mainimage_img{ opacity:0;}

header #top_mainimage .mainimage_contents{display:flex; max-width:100%; justify-content: start; flex-wrap: wrap; flex-direction: row-reverse;}

header #top_mainimage ul.top_nav { width:260px; padding:40px 20px; top:45px; right:55px; z-index:10;}
header #top_mainimage ul.top_nav li{ border-bottom:1px solid #ccc; margin:0px 0 4px; padding:3px 5px 5px 3px; font-size:1.1rem; line-height:1.3em; letter-spacing:0.05em;}
header #top_mainimage ul.top_nav li img{ margin:0 5px 5px 0; float:left}

header #top_mainimage ul.sns li{ display:inline-block; padding:10px 0px;}

header.top_header .left_box{ display:none;}



#top section{ margin-bottom:60px;}
#top p{ font-size:1em; line-height:1.6em; margin:0 auto;}
#top .sec1 h2{ width:155px; float:left; font-size:1.4rem; padding:15px 5px; font-weight:bold; border:1px solid #000;}
#top .sec1 ul{ margin-left:165px; text-align:left; margin-bottom:20px;}
#top .sec1 ul li{ min-width:150px; padding:0px 15px 10px 15px; display:inline-block; text-align:center;}
#top h1{ margin:30px auto 25px; font-size:1.6rem; line-height:1em;}
#top h1 span{ font-size:0.65em; letter-spacing:0.1em;}
 

.more_wrap{ width:680px; max-width:100%; margin:0 auto;}
.more{ width:75px; margin:0 0 0 auto; text-align:right; line-height:15.5px; position:relative; padding-right:25px; font-size:1em; color:#7d7c7d;}
.more:after {
	content:"";
     display: block;
     width: 13px;
     height: 13px;
     border-top: solid 1px #7d7c7d;
     border-right: solid 1px #7d7c7d;
     -webkit-transform: rotate(225deg);
     transform: rotate(225deg);
	 position:absolute;
	 right:0; top:0;
	 transition: 0.5s;
	 -webkit-transition: 0.5s;
}
.more:hover:after{ border-color:#1679af; right:4px; animation-direction:normal;}
.more:hover{ color:#1679af;}

#top p{ font-size:1.1em; line-height:2em; margin:10px auto;}
#top img.fade_img { animation-delay: 0.3s;}
#top .sec3 .contact_btn{animation-name: zoomIn; background:#fff; width:240px; font-size:1.4rem; padding:25px 30px; font-weight:bold; border:1px solid #000; margin:20px auto;} 
#top .sec15 ul li{ display:inline-block; padding:20px;}
 
#top .sec18 dl { width:500px; max-width:95%; margin:20px auto; font-size:1.2em; line-height:1.4em;}
#top .sec18 dl dt{ width:60px; float:left; text-align:right; margin-bottom:10px;}
#top .sec18 dl dd{ margin-left:70px; text-align:left; margin-bottom:10px;}
#top .sec18 dl dd span{ font-size:1.6em; color:#c30d22; display:inline-block; margin:0 3px;}
#top .sec19 .tel_box{ font-size:1.9em; color:#534236;}
 
 

#top #facebook ul {
	padding: 0;
	list-style: none;
	margin-top: .7rem;
	margin:30px auto;
	text-align:center;
	display:flex;
	width:900px;
	max-width:100%;
	justify-content: center;
	 flex-wrap: wrap;
}

#top #facebook ul li{ width:270px; margin:0 10px 20px;}
#top #facebook ul li img{ width:260px; height:180px; object-fit: cover;}
#top #facebook a {
	padding-bottom: .5rem;
}
#top #facebook p.time{ text-align:center; font-size:1.1em;}
#top #facebook p{
	max-width:100%;
	margin:10px 0;
	text-align:left;
	font-size:1.1em; line-height:1.2em;
}

#top #facebook .text-overflow {
  overflow: hidden;
  width:260px;
	height:3.6em;
}
 
 
 
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

#asbestes .sec1,#asbestes .sec2{ width:830px; margin:0 auto 60px; max-width:100%; text-align:left;}
#asbestes h2{ font-size:2.4rem; line-height:1.4em; border-bottom:1px solid #000; text-align:left; margin:60px auto 20px 0; display:inline-block;}
#service section{ margin:0 auto 100px;}

#greeting .sec1 p{ margin-bottom:1em;}
#greeting .sec1 .image1{ margin:30px 0; }
#greeting .sec2 { width:500px; max-width:100%; text-align:left; margin:40px auto; }
#greeting .sec2 h1{ margin-bottom:20px;}

#greeting .sec3{ width:700px; max-width:100%; margin:60px auto;}
#greeting .sec3 p{ margin-bottom:1em;}
#greeting .sec3 p.name{  text-align:right; }
#greeting .sec3 section{ border-top:1px solid #000;}
#greeting .sec3 section:last-child{ border-bottom:1px solid #000;}
#greeting .sec3 dl { width:500px; max-width:100%; margin:20px auto; text-align:left; font-size:1.4rem; line-height:1.2em;}
#greeting .sec3 dl dt{ width:60px; float:left; padding:5px;}
#greeting .sec3 dl dd{ margin-left:70px; padding:5px;}
#greeting .sec3 h1{ width:100px; font-size:1.6em; line-height:1.2em; padding:5px 10px; border:double #000 4px; margin:20px auto 0 20px;}


#staff .staff_intro{ display:flex; width:600px; max-width:100%; margin:0px auto; padding:30px 0; border-bottom:1px solid #333; font-size:1.4rem; line-height:1.6em;}
#staff .staff_intro:first-child{ margin-top:50px;}
#staff .staff_intro:last-child{border-bottom:none; }

#staff .staff_intro .img{ width:154px; margin-right:20px;}
#staff .staff_intro dl { width:500px; max-width:100%; display:flex; text-align:left; flex-wrap: wrap;}
#staff .staff_intro dl dt{ width:80px; padding:3px 0;}
#staff .staff_intro dl dd{ width:calc(100% - 80px); padding:3px 0;} 

#about dl { width:740px; max-width:100%; margin:30px auto; display:flex; text-align:left; flex-wrap: wrap; font-size:1.4rem; line-height:1.6em;}
#about dl dt{ width:160px; padding:15px 10px; border-bottom:1px solid #7E7E7E;}
#about dl dd{ width:calc(100% - 200px); padding:15px 10px; border-bottom:1px solid #7E7E7E;} 
#about dl dt.b_no,#about dl dd.b_no{ border:none;}
#flow .sec2{ width:660px; max-width:100%;  display:flex; text-align:left; flex-wrap: wrap; margin:0 auto;}
#flow .sec2 .image{ width:85px; text-align:right;}
#flow .sec2 .flow_box{ width: calc(100% - 100px) ; padding-left:10px; margin-bottom:40px;}
#flow .sec2 .flow_box h2{ font-size:2.0rem; line-height:1.4em; padding:5px 20px; border-bottom:1px solid #000;}
#flow .sec2 .flow_box p{ font-size:1.6rem; line-height:1.4em; padding:15px 20px; border-bottom:1px solid #000; position:relative;}

#flow .sec2 .flow_box p:after{
	margin:auto;
	content:"";
	position:absolute;
	left:calc(50% - 10px);
	bottom:-20px;
	display:block;
  border-top: 5px solid #7EA1A5;
  border-right: 10px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid transparent;
}


#example .sec1{ color:#fff;}
#example .sec2{ width:830px; max-width:100%; margin:0 auto;}
#example .sec2 h2{ font-size:2.2rem; line-height:1.4em; padding:5px 220px 5px 10px; text-align:left; border-bottom:1px solid #000; border-top:1px solid #000; position:relative;}
#example .sec2 h2 .price{ display:block; width:220px; font-size:1.8rem; padding:0 10px 5px 10px; letter-spacing:0.1em; position:absolute; right:0; bottom:0; text-align:right;}
#example .sec2 .ex_box{ width:800px; max-width: calc(100% - 20px); padding:10px; margin:30px auto 50px; border:1px solid #A8A8A7; display:flex; flex-wrap: wrap;align-items:flex-end;}
#example .sec2 ul{ width:100%; display:flex; text-align:left; flex-wrap: wrap; justify-content:left;}
#example .sec2 ul li{ width:185px; margin:0 15px 10px 0; text-align:left; font-size:1.2rem; }
#example .sec2 ul li img{ margin-bottom:2px;}
#example .sec2 p{ width: calc(100% - 265px); font-size:1.6rem; line-height:1.4em; text-align:left; padding:15px 0; margin:0 0 0 20px;}



#method .sec1 h1{ color:#fff;}
#method .sec2{ width:830px; max-width:100%; margin:30px auto 50px; display:flex; flex-wrap: wrap;align-items:flex-end;}
#method .sec2 .method_box{ width: calc(100% - 243px); text-align:left;}
#method .sec2 .method_box h2{ font-size:2rem; line-height:1.4em;}
#method .sec2 .method_box p{ font-size:1.2rem; line-height:1.6em; margin:30px 0;}
#method .sec2 .image{ width:223px; margin-left:20px;}


#subsidy h1.title .text{
    top: 43%;
    left: 50%;
	}
#subsidy .sec1 h1{ color:#fff;}
#subsidy .sec3{ width:780px; max-width:100%; margin:60px auto; text-align:left;}
#subsidy .sec3 h1{ font-size:2.4rem; line-height:1.4em; padding:5px 10px; border-bottom:1px solid #000; }
#subsidy .sec3 p{ font-size:1.4rem; line-height:1.6em; margin:20px 0;}




#recruit h1.title .text{
    top: 60%;
    left: 50%;
	}

#recruit section{ width:750px; max-width:100%; margin:40px auto 100px;}
#recruit h1:not(.title){ font-size:2rem; line-height:1.4em; text-align:left;}
#recruit section:not(.sec1) p{ width:680px; max-width:90%; font-size:1.4rem; line-height:1.6em; margin:40px auto; text-align:left;}

#recruit dl{ width:470px; max-width:100%; display:flex; flex-wrap: wrap;align-items:flex-end; font-size:1.4rem; line-height:1.4em; text-align:left; margin:30px 0 30px 0;}
#recruit dl dt{ width:80px; border-bottom:1px solid #1C1D1D; padding:5px 10px;}
#recruit dl dd{ width: calc(100% - 120px); padding:5px 10px; border-bottom:1px solid #1C1D1D;}
#recruit .form_btn{ font-size:1.6rem; line-height:1.2em; background:#534236; color:#fff; text-align:center; width:300px; padding:20px; margin:20px auto;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */

}

#partnership section{ width:750px; max-width:90%; margin:50px auto 100px; }
#low { width:750px; max-width:90%; margin:50px auto 100px; }
#low h2{ margin-bottom:20px;}
#low h1.s_title{ width:246px; margin:60px auto;}
#low .sec2 p,#low .sec3 p,#low .sec4 p,#low .sec5 p{ font-size:1.2rem;}



#privacy h1.title .text{
    top: 50%;
    left: 53%;
	}


#privacy { width:780px; max-width:95%; text-align:left; padding-bottom:40px;}
#privacy h2{ font-size:1.6em; line-height:1.4em; margin:30px 0 15px; font-weight:bold; letter-spacing:0.2em;}
#privacy p{ font-size:1.2em; line-height:1.8em; margin:0 auto; padding:15px 0;}
#privacy h3{ font-size:1.4em; line-height:1.4em; margin:20px 0 0px; letter-spacing:0.2em;}


#effort{ width:920px; max-width:90%; margin:50px auto 100px;}
#effort .sec2,#effort .sec4{ display:flex; flex-wrap:wrap; margin-bottom:40px;}
#effort .sec3{ margin-bottom:40px;}
#effort h1.s_title{ font-size:2rem; line-height:1.6em; margin:0px 0 40px;}
#effort h1.s_title span{ font-size:3rem;}
#effort .effort_box{ width: calc(100% - 420px); padding:10px; text-align:left;}
#effort .sec2 .image{ width:400px; max-width:90%;}
#effort .sec4 .image{ width:396px; max-width:90%; margin-top:50px;}

#effort .sec5 { width:780px; max-width:90%; padding:40px; border:1px solid #AAAAA9;} 

#effort .compliance_box { text-align:left;}
#effort .compliance_box h3{ font-size:2.0rem; line-height:1.4em; margin:40px 0 20px;}




#thanks{ width:600px; max-width:90%; text-align:left; font-size:1.2em; padding-bottom:40px;}
#thanks h2{ font-size:1.5em; line-height:1.4em; color:#627a86; margin:40px 0 20px; letter-spacing:0.2em;}
#thanks p{ font-size:1.2em; line-height:1.8em; margin:0 auto; padding:15px 0;}







/*1192以下 */
@media screen and (max-width: 1000px){

}


/*960以下
 */
@media screen and (max-width: 960px){
header .left_box{ width:220px; padding:10px 0 0 20px; float:none;}
header ul.nav { margin:33px auto 0 auto; text-align:center;}
header #top_mainimage .text_box{ left:60px;}
header #top_mainimage ul.top_nav{ display:none;}
header.top_header #menubtn{ display:block;}
header.top_header .sp_wrap{ position:absolute; top:0; right:0;}
header.top_header .sp_wrap #navi_toggle { margin:60px 0 0 0;}
header.top_header .sp_wrap #navi_toggle ul{ padding:10px;}









	#description3 .sec2 img.image3{ position:relative; right:0px; top:0; margin-top:20px;}

}
/*800以下
 */
@media screen and (max-width: 800px){



}





/*767以下 ipadを含まない*/
@media screen and (max-width: 767px){
#menubtn{ display:block;}
header #top_mainimage .logo{ top:20px; left:0; right:0; margin:auto;}
header ul.nav{ display:none;}
	
header .tel{ font-size:1.4em; margin-top:28px;}
header .left_box{ width:230px; padding:10px 0 0 10px; float:left;}

footer ul.nav{ padding:70px 0 0 280px; text-align:left;}
header #top_mainimage .text_box p{ line-height:1.6em; font-size:1.2rem;}
header #top_mainimage h1{ font-size:2.2rem;}
#top .sec1 h2{ float:none; margin-bottom:20px;}
#top .sec1 ul{ margin-left:0;}
	
#effort .sec5 { max-width:90%; padding:5%; } 
#effort .sec2,#effort .sec4{ display:block; }
#effort .effort_box{ width:90%;  padding:5%; }
#effort .image{ width:90%;  padding:0 5%; }
#effort .sec4 .image{ margin-top:0;}	
	
	

}





/*643以下 */
@media screen and (max-width: 643px){
header #top_mainimage .text_box{ top:90px; left:40px; line-height:1.8em;}
header #top_mainimage .logo{ width:70px; top:10px;}	
header #top_mainimage h1{ margin-bottom:10px; font-size:2em;}
header #top_mainimage .text_box p{ padding-top:20px;}
header #top_mainimage .tel_box { margin:20px 0 20px 0;}
header.top_header .sp_wrap{ position:relative; top:auto; right:auto;}
header.top_header .sp_wrap #navi_toggle { margin:0px 0 0 0;}
header.top_header .sp_wrap #navi_toggle ul{ padding-top:80px;}
header.top_header .left_box{ display:block;}


.spno{ display:none;}

#example .sec2 h2{  padding:5px 10px 5px 10px; }
#example .sec2 h2 .price{width:220px; padding:0 5px 5px 10px; margin:0 0 0 auto; position:relative; right:0; bottom:0; text-align:right;}








}

/*560以下 */
@media screen and (max-width: 560px){
/*グーぐるマップ*/
.gmap {
position: relative;
width:480px;
padding-bottom: 70%;
height: 0;
overflow: hidden;
max-width:100%;
margin:0 auto;
border:1px solid #CCCCCC;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	
header #top_mainimage .text_box{ max-width:90%; margin:100px auto 30px auto;}
footer .left_box{ float:none; }
footer ul.nav{ padding:20px 0 20px 10px; text-align:left;}

#greeting .sec3 h1{ margin:20px auto 0 0;}
	
#staff .staff_intro{ display:block; margin:0px auto;}
#staff .staff_intro .img{ width:154px; margin-right:0px; margin-bottom:10px;}

#method .sec2{  display:block;}
#method .sec2 .method_box{ width: 100%; text-align:left; margin-top:40px;}
#method .sec2 .method_box p{ margin:15px 0;}

#example .sec2 h2{ font-size:2rem; }
#example .sec2 .ex_box{ width:800px; max-width: calc(100% - 20px); padding:10px; margin:20px auto 20px; display:block;}
#example .sec2 ul{ width:100%;}
#example .sec2 p{ width:90%; font-size:1.4rem; padding:15px 0; margin:0 auto;}
#example .sec2 p.price{ width:185px; text-align:right; margin:0 0 0 auto;}


#about dl { width:740px; max-width:100%; margin:30px auto; display:block;}
#about dl dt{ width:100%; padding:15px 10px 5px; border-bottom:none;}
#about dl dd{ width:100%; padding:10px 10px 15px; border-bottom:1px solid #7E7E7E;} 

	
	
	

}
/*414以下 iphone縦*/
@media screen and (max-width: 414px){
.spno2{ display:none;}

#recruit .form_btn{ max-width:85%; font-size:1.4rem; padding:5%;}
#top #facebook ul li{ width:270px; max-width:90%; margin:0 3% 20px;}










}