/* ==========================================================
	スマホ 640px以下
========================================================== */

.pc { display:block;}
.phone { display:none;}

@media (max-width: 640px) {
.pc { display:none;}
.phone { display:block;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }

body { margin:0; padding:19vw 0 0; width:100%; background-color: #FFFFFF;} 
  
  /*
body#toppage .inner  { width:100%;  margin:0; }
body#toppage { width:100%; padding:80px 0 0 ; margin:0; }
  */
body#toppage #supersized { display:none;}
body#toppage #supersized-loader { display:none;}


body .topmenu { height:auto; margin:0; padding:0; font-size:65%; }
body .topmenu li a { display:block; width:100%; float:left; padding:3% 5%; background-color:#E9E9E9; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; border-left:#FFF 1px solid; border-top:#FFF 1px solid; }
body .topmenu li a img { float:left; width:5%; padding:1.5% 0 0;}
body .topmenu li a p { float:left; width:80%; padding-left:2%; color:#000000; font-size:140%; line-height:1.1;}
body .topmenu li a p span { color:#003f98; font-size:80%; font-weight:bold; }
body .topmenu li.list00 a p  { padding-top:2.8%;}
body .topmenu li.list05 a p { font-size:120%; padding-top:1.2%;} 
body .topmenu li.list06 a p { font-size:120%; padding-top:1.6%;}
body .topmenu li.list05 a img { float:right; width:7%; padding:1.3% 0 0;}
body .topmenu li.list06 a img { float:right; width:10%; padding:0 0 0;}
body .topmenu li.list07 a { height:auto; width:100%; padding:5%; margin-bottom:0%; background:#fff;border:none;}
body .topmenu li.list07 a img { margin:0 auto 0; width:100%; }
body .topmenu li.list08 a { height:auto; width:100%; padding:2% 5% 5%;}
body .topmenu li.list08 a img { margin:0 auto 0; width:100%; }
body .topmenu li.list09 a { background-color:#CCC;}
body .topmenu li.list09 a p { font-size:160%; padding-top:1%; text-align:center; width:100%; padding-left:0;} 
body .topmenu li.list11 a p { font-size:120%; padding-top:2%; padding-bottom:2%;} 
#mainimage { width:100%;}
#mainimage img { width:150%; position:absolute; top:0; left:-50%; height:300px; overflow:hidden;}
.fadein { position:relative; height:300px; }
.fadein img { position:absolute; left:0; top:0; }


#sp_header { width:100%; height:19vw; padding:3% 2% 0% 3%; position:fixed; top:0; z-index:999999 !important; border-top: #003B8F 5px solid; background-color:#FFFFFF;
-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition:0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
	-webkit-overflow-scrolling: touch; 
}
#sp_header.active { 
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition:0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
	-webkit-overflow-scrolling: touch; 
	height:100%
	}
#sp_header h1 { float:left; width:45%; margin-right:2.5%; }
#sp_header h1 img { float:left; width:100%; }
#sp_header .entrybtn { float:left; width:38.2%;}
#sp_header .entrybtn img { float:left; width:100%;}
#sp_header .menubtn { float:right; width:12.8%; cursor:pointer;}
#sp_header .menubtn img { width:100%;}
#sp_header .menubtn img.menubtn02 { display:none;}

  /*
body#toppage .sp_top_banner { width:100%; padding:5% 5% 10%}
body#toppage .sp_top_banner img { width:100%; }
  */

#sp_menu { width:100%; height:0; overflow:auto;-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition:0.5s ease-in-out;  
	transition: 0.5s ease-in-out;}
#sp_menu.active { 
	overflow: auto;
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition:0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
	-webkit-overflow-scrolling: touch; 
	height:90%;
	}

#contact { margin:3% 0 3% 0;}
#contact h3 { background-color: #3D3D3D; color:#FFFFFF; margin-bottom:1px; padding:5px 5px; margin-bottom:5px;}
#contact p { font-size:90%; line-height:1.8; padding-left:10px; }


 
#pageinner { width:100%; padding:0; margin:0; overflow:hidden; }
#contents { padding:0; margin:0; float:none; width:100%; }
#contents h1 img { width:100%; /*margin-top:8%;*/ }
#article img { width:100%;}

#header_sp a:link { text-decoration: none; color:#FFFFFF;}
#header_sp a:visited { text-decoration: none; }
#header_sp a:active { text-decoration: underline;}	
#header_sp { width:100%}
#header_sp h1 { background-color:#FFFFFF; float:left; margin:0 0 0 2%; width:63%;}
#header_sp .entry_btn { width:30%; float:left; margin:2% 2% 0 0;}
#gmenu_sp { width:100%;}
#gmenu_sp ul.main li a { display:block; width:25%; height:5em; padding:10px 0 10px; text-align:center; font-size:70%; border-right:#FFFFFF 1px solid; background-color: #3F3F3F; float:left;}

#gmenu_sp ul.sub li a { display:block; width:100%; background-color:#3A3A3A; font-size:70%; text-align:center; height:5em; padding-top:1.8em; border-bottom:#FFFFFF 1px solid;}

#gmenu_sp ul.sub.aboutus { display:none;}
#gmenu_sp ul.sub.interview { display:none;}
#gmenu_sp ul.sub.aboutus.active { display:block;}
#gmenu_sp ul.sub.interview.active { display:block;}

  
  
  
  
 /*トップページ*/
#toppage { }
/*
body#toppage .inner { width:1000px; margin:0 auto 0;}
*/
#toppage #top_contents_wrap {
  background:#fff;
  margin-top:0;
}
#toppage #top_contents {
  width:100%;
}
#toppage .top_bnrs {
  margin:20px;
}
#toppage .top_bnrs:first-child {
  margin:0 20px 20px;
}
#toppage .top_bnrs dl dt {
  margin:20px 0 5px;
}
#toppage .top_bnrs img {
  max-width:100%;
  height: auto;
}

#toppage #no1 {
  padding:20px 10px;
}
#toppage #no1 h2 {
  font-size:20px;
  margin:0 0 10px;
}

#toppage #top_index {
  margin:20px;
}
#toppage #top_index ul {
  display: block;
}
#toppage #top_index ul li {
  margin-top:10px;
}
#toppage #top_index ul li a {
}
#toppage #top_index ul li img {
  width:100%;
  height: auto;
}
#toppage #top_index ul li a span {
 display: none;
}
#toppage #top_index ul li a:after {
  background-size: 100%;
  width:20vw;
  height: 10vw;
}
 
  
  
/*ニュース*/
#news { width:100%; font-size:100%; background-color:#FFF; position: static; top:0; left:0; opacity:1; }
#news h1 { background-color:#003f98;  margin-top:0px; color:#FFFFFF; text-align:center; padding:2%; font-size:140%;}
#news dl { width:100%; padding:0; max-height: none; min-height:none; overflow:auto; }
#news dl dt,
#news dl dd { float:left; padding-bottom:0; padding:0;}
#news dl dt { width:100%; font-weight:bold; color:#003f98; padding:3% 2% 0%;}
#news dl dd { padding-left:0px; width:100%; padding:2%; border-bottom:#CCC 1px solid; }
#news dl dd a { color:#000000; text-decoration:underline;}
#news dl dd a:hover { color:#000000; text-decoration:none;}



#aboutus #contents_sp h1 { margin-bottom:2%; background:url(../img/sp_about_h1.jpg) top center no-repeat; padding:20% 0;}

#article  { padding:0 3% 0; clear:both; font-size:120%; }
#entry #article  { padding:0 6% 0;}
#article p { line-height:1.6 !important; }
#article .text { width:100%; } 
#article .inner { margin-bottom:5%;}
#article h2 { font-size:120%; margin-bottom:5%; font-weight:bold; color:#333;}
#article p { line-height:2.0;}

/*CEOメッセージ*/
#message_sp { width:100%; margin:0 auto 100px;}
#message_sp h1 { width:100%; margin:0 auto 20px;}
#slogan { width:100%; margin:0 auto 100px; padding:10px 20px;}
#slogan dt { padding-top:5px  }
#slogan dd { margin:5px 0 0 0; padding:10px 0 10px 0;}

/*パンくず*/

.topicPath { display:none;}

/*YAMABISHIについて*/
#aboutus  h2 span.tit { display:block; background-color:#000000; width:7em; padding:1% 3% 1%; font-size:60%; color: #FFFFFF; border-left:#003f98 10px solid; margin-bottom:3%;}
#aboutus  h2 span.tit2 { display:block; background-color:#000000; width:5em; padding:1% 3% 1%; font-size:60%; color: #FFFFFF; border-left:#003f98 10px solid; margin-bottom:3%;}

#aboutus #jigyou_naiyou h2 { font-size:120%;}
#aboutus #kenshu h2  { font-size:120%;}
#aboutus #shafu { margin-top:20%;}
#aboutus #shafu h2  { font-size:120%;}
#aboutus #jirei_shoukai p.link { font-size:80%; text-decoration: underline; padding-top:10px;}
#aboutus #jirei_shoukai p.link a { color:#003f98;}
#aboutus .photo { width:100%;}
#aboutus .photo dl { width:100%; margin:10px auto 0px; font-size:80%;}
#aboutus .photo dt { background-color:#333; color:#FFF; width:60px; float:left; font-size:90%; text-align:center; padding:5px 0 5px 0;}
#aboutus .photo dd { width:100%; float:left; padding:4px 0 1px 10px; border:#CCC 1px solid; }
#aboutus .photo dd a { background:url(../img/about_link_icon.png) right 4px no-repeat; color:#000; padding-right:10px; text-decoration:underline;}
#aboutus .photo dd a:hover { text-decoration:none;}
#aboutus .photo p.caption { line-height:1.4; font-size:75%; margin-top:10px;}
#shafu_img img { margin-bottom:2%;}
#aboutus  #kenshu { width:100%; margin:20% auto 0;}
#aboutus  #kenshu dl.left { width:100%; float:none;}
#aboutus  #kenshu dl.right { width:100%; float:none;}
#aboutus  #kenshu dt { font-weight:bold; background:url(../img/about_kenshu_icon.gif) 0 0.2em no-repeat; padding:0 0 0 3%; border-bottom:#000 dotted 1px; margin-bottom:1%; margin-top:5%}
#aboutus  #kenshu dd p { line-height:1.6; font-size:85%; min-height: inherit; margin-bottom:2%;}
#aboutus  #shafu_img { width:100%; margin:3% auto 5%;}
#aboutus #jirei_shoukai h1,
#aboutus #jirei_shoukai h2 { margin:0px; padding:0px;}
#aboutus #jirei_navi01 .inner,
#aboutus #jirei_navi02 .inner,
#aboutus #jirei_navi03 .inner { display:none; }
#aboutus #jirei_navi01 .inner.active,
#aboutus #jirei_navi02 .inner.active,
#aboutus #jirei_navi03 .inner.active { display: block; padding:3%; background-color:#FFFFFF; border:#C9C9C9 5px solid;}

#jirei_shoukai { margin:0 -3% 0;}
#jirei_navi01,
#jirei_navi02,
#jirei_navi03 { margin-bottom:0px }
#jirei_navi01 h2,
#jirei_navi02 h2,
#jirei_navi03 h2 { width:100%;  background-color: #C9C9C9; border-top:#FFF 1px solid; color:#000000;  }
#jirei_navi01 h2 span.tit,
#jirei_navi02 h2 span.tit,
#jirei_navi03 h2 span.tit { display:block; font-size:80%; padding:1% 0 0 2%; margin-left:-1%; color:#003f98; width:100%; padding-left:1%; font-weight:bold; margin-bottom:0; }
#jirei_navi01 h2 span,
#jirei_navi02 h2 span,
#jirei_navi03 h2 span { font-size:80%; padding:2% 0 2% 2%; font-weight:bold; }

#jirei_navi01 h2 .phone span.tit,
#jirei_navi02 h2 .phone span.tit,
#jirei_navi03 h2 .phone span.tit { background:none; border:none;}

#aboutus #other_jisseki { background-color:#eeeeee; font-size:80%; padding:3%; margin-bottom:5%; clear:both; margin:1%}
#aboutus #other_jisseki h2 { border-left:#666 solid 6px; padding:0 0 0 2%; margin:0 0 2% 0;}
#aboutus #other_jisseki li { border-bottom: #000 dotted 1px; padding-bottom:2px; margin-bottom:5px; }
#aboutus #other_jisseki span { font-weight:bold;}
#sp_jirei_navi li { width:33%; float:left; min-height:10%; font-size:85%;}
#sp_jirei_navi li a { display:block; float:left; padding:5% 5%; background-color:#E9E9E9; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; border-left:#FFF 1px solid; border-top:#FFF 1px solid; color:#000000;}

/*インタビュー*/
#interview .yrw { width:100%;}
#interview_message { width:100%; margin:0 auto 50px; position:relative; padding:30px 0 0 0;}
#interview_message h1 { position:absolute; top:0%; left:0%; width:100%;}

#interview_message .tit { display:block; position:absolute; top:-10px; left:0; width:100%; background-color: #1F3D66; color:#FFFFFF; }
#interview_message span { background-color:#eeeeee; padding:2% 2% 2% 2%; margin:0 0 0 0; width:100%;}
#interview_message p { padding:2%; margin:0; width:100%;}
#intervier_other { background-color:#cfd8e6; margin:0 -5% 5%; padding-bottom:0; padding-top:5%; padding-right:5%;}
#intervier_other .left { float:left; width:40%; }
#intervier_other .left .photo { width:65%; margin:0;}
#intervier_other .right { float:right; width:60%; padding:0 0 0 0;}
#intervier_other .right dt { width:19%; margin-bottom:3%; margin-top:5%;}
#intervier_other .right dd { margin-bottom:0;}
#intervier_other .right dd.mokuhyo { background-color:#FFF; width:100%; padding:3%; margin-bottom:10%}
#intervier_navi { width:100%; margin-bottom:0;}
#intervier_navi li { width:100%; float:left; margin-right:0; margin-bottom:5%;}
#intervier_navi li.list03 { margin-right:0px;}
#intervier_other .schedule_tit { width:50%; margin:3%  3%; padding-left:2%}
#intervier_other .schedule { width:90%; margin:3% auto 3%}

/*よくある質問*/
#faq h2 { background:url(../img/faq_icon_h2.gif) 0px 0.3em no-repeat; padding:0 0 0 0.7em; }
#faq dt { background-color:#EFEFEF; height:auto; padding:1em 0 1em 2.7em; margin-bottom:0.5%; text-indent:-2em;}
#faq dt span { background:url(../img/faq_icon_question.png) 0px 0 no-repeat;  padding:0.2em 0 10em 2em;  }
#faq dd { padding:1em 0 1em 2.5em; margin-bottom:1%;  margin-left:0em; text-indent:-2.5em;  }
#faq dd span { padding:1em 0 1em 3em;  background:url(../img/faq_icon_answer.gif) 0.5em 1em no-repeat; }
#faq dt{ display:block; cursor:pointer; }
#faq dd { display:none; }
#faq dt.active{ background-color: #3D3D3D; color:#FFFFFF; margin-bottom:1px; }
#faq #contact { margin:50px 0 50px 0;}
#faq #contact h3 { background-color: #3D3D3D; color:#FFFFFF; margin-bottom:1px; padding:5px 5px; margin-bottom:5px;}
#faq #contact p { font-size:90%; line-height:1.8; padding-left:10px; }
#faq #article { font-size:90%;}
#faq .soshiki_img img { width:100%;}
#map_canvas,
 #map_canvas2 { width:100%; height:150px;}

#map_outer iframe,
 #map_outer2 iframe { width:100%; height:150px;}

    
    
/*フッター*/
#footer { font-size:100%; width:100%; margin:0; padding:0; text-align:center; background-color:#003f98;  }
#footer h1 { padding:20px 0}
#footer address { float:none; font-size:60%; text-align:center; color:#FFFFFF;background:#000;padding:10px 0;}
  
  /*
#toppage #footer { position: static; background-color:#003f98; bottom:0; center:0; width:100%; height:auto;}
#toppage #footer address { float:none;}
*/

/*YAMABISHI'S FUTURE*/
body#future { border-top:none;}
#parallax_wrapper {	width: 100%;	}
#parallax {	position: absolute;	z-index: 0; 	top: 0px; }
#scrolling {
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -62px;	
	margin-left: -240px;
}




#parallax img { width:100%;}
.scroll_text { position:fixed; z-index:1; top:50%; left:50%; margin-top:-257px; margin-left:-300px;}
.skip_btn { position: fixed;	 z-index: 1; top:50%; left:50%; margin-top:-2000px; margin-left:-16px; }
#skip_scene00 { position: fixed;	 z-index: 1; top:50%; left:50%; margin-top:180px; margin-left:-40px; }
#bglogo { position: fixed;	 z-index: -3; top:50%; left:50%; margin-top:-227px; margin-left:-270px; }
#bg00 { position: fixed;	z-index: -4; width:100%; height:60%; top:50%; left:50%; margin-top:-257px; margin-left:-300px; background-color:#FFFFFF; }
#future_map { position:fixed; z-index:1; top:50%; left:50%; margin-top:-10px; margin-left:-171px; }
#scene06_p01 { position:fixed; z-index:1; top:50%; left:50%; margin-top:-80px; margin-left:-160px; }
#scene06_p01_2 { position:fixed; z-index:1; top:50%; left:50%; margin-top:30px; margin-left:-133px; }
#skip_scene06_p01 { position:fixed; z-index:1; top:50%; left:50%; margin-top:100px; margin-left:-75px; }
#bg01 {	position: fixed;	z-index: -10;}
#bg02 {	position: fixed;	z-index: -9;}
#bg03 {	position: fixed;	z-index: -8;}
#bg04 {	position: fixed;	z-index: -7;}
#bg05 {	position: fixed;	z-index: -6;}
#bg06 {	position: fixed;	z-index: -5;}
#skip_scene00 { z-index:100;}
#skip_scene01_p01 { z-index:99;}
#skip_scene01_p02 { z-index:98;}
#skip_scene01_p03 { z-index:97;}
#skip_scene02_p01 { z-index:96;}
#skip_scene02_p02 { z-index:95;}
#skip_scene03_p01 { z-index:94;}
#skip_scene03_p02 { z-index:93;}
#skip_scene04_p01 { z-index:92;}
#skip_scene05_p01 { z-index:91;}
#skip_scene05_p02 { z-index:90;}
#skip_scene05_p03 {z-index:89;}
#skip_scene06_p01 {z-index:88;}
#future_navi_box { position:fixed; z-index:1; top:50%; right:2%; margin-top:-110px; margin-left:0px; }

body#future { height:auto; width:100%; padding:0; background-color: #D2D2D2;}
body#future #container { width:100%;}
body#future .bxslider img { width:100%}
body#future ul { width:100%;}
body#future li { width:100%;}

p#close_link { width:30%; margin:10% 35% 10%; font-size:80%; }
p#close_link a { display:block; width:100%; background: #7C7C7C; color:#FFFFFF; padding:10%; text-decoration:none; font-weight:bold;}
p#close_link a span { display:block; text-align:center;}
#future_img img { width:100%;}


/*説明会*/
#session {}
#session .lead {margin:0 auto 20px; padding:0 10px;font-size:12px;}
#session .lead:before {transform: rotate(-10deg);height:60px;}
#session .lead:after {transform: rotate(10deg);height:60px;}
#session h2 {color:#fff;padding-left:30px;}
#session h2:before {left:10px;}
#session h2 em {display: none;}
#session h3 {margin:20px 0 20px;}
#session .btn {margin:50px 0 ;}
#session figure,
#session p {margin:0 10px;}



#movie .flex {display: block;}
#movie .flex .child { width:auto;}
#movie h2 {color:#fff !important;}
    
    
    
#entry {padding-top:0;}
#entry #contents h1 img { margin-top: 0;}
#entry #outline {}
#entry #outline table { display:block; border-bottom:none;}
#entry #outline table tbody { display:block}
#entry #outline table tbody th { display:block; border:none; border-bottom:1px solid #999;}
#entry #outline table tbody th:after { content:""; width:1px; height: 100%; display: block; position: absolute; top:0; left:0; background:#fff;}
#entry #outline table tbody td { display:block; border:none; border-bottom:1px solid #999;}

#entry #form .steps {display:block}
#entry #form .steps li {width:100%; margin:0 0 5px; font-size:12px;}

#entry #form table { display:block;}
#entry #form table tbody { display:block}
#entry #form table tbody tr { display:block}
#entry #form table tbody th { display:block; width:auto !important; white-space: normal !important; border:none !important; padding-top:10px; padding-bottom:10px;}
#entry #form table.table3 th { padding-right:15px;}
    #entry #form table tbody td { display:block; width:auto !important;}
    #entry #form table tbody td input.half,
    #entry #form table tbody td input.full  { width:100% !important;}
    #entry #form table tbody td input.half + input.half {margin:10px 0 0 ;}
    #entry #form table tbody td input.zip  { width:100px !important;}
    
    #entry #form.confirm table tbody td {
        padding-top:0;
    }    
    

/**
 * ======================================================
 * modified 2019-09-09
 * ====================================================== 
 */
  .topmenu li.noMark a p { font-size:120%; padding-top:2%; padding-bottom:2%;}

}    

/* =Accordion
-----------------------------------------------------------------------------*/
.accordion-title {
  position: relative;
  display: block;
  margin: 0;
  margin-bottom: 2px;
  padding: 12px 50px 12px 10px;
  color: #3E3E3E;
  text-decoration: none;
  font-weight: normal;
  background: #C0C0C0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.accordion-title.accordion-title-opened {
  margin-bottom: 0;
  font-weight: bold;
  background: #E1E1E1;
}
.accordion-title a,
.accordion-title:hover {
  color: #000;
  text-decoration: none;
}
.accordion-panel {
  padding: 2%;
  margin-bottom: 10px;
	background-color:#FFFFFF
}
.accordion-toggle {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.accordion-toggle-closed {
  background: #000;
  width: 1px;
  height: 15px;
  margin-left: 1px;
}
.accordion-toggle-closed:before {
  position: absolute;
  top: 7px;
  left: -7px;
  content: "";
  width: 15px;
  height: 1px;
  background: #000;
}
.accordion-toggle-opened:before {
  position: absolute;
  top: 7px;
  left: -8px;
  content: "";
  width: 15px;
  height: 1px;
  background: #000;
}

/* =Grid
-----------------------------------------------------------------------------*/
.units-container:after,
.units-row:after {
  content: "";
  display: table;
  clear: both;
}
.units-container:after,
.units-row:after {
  content: "";
  display: table;
  clear: both;
}
.units-container {
  /* it's the trick to not collapse padding-top in the child element */

  padding-top: 1px;
  margin-top: -1px;
}
.units-row {
  margin-bottom: 1.65em;
}
.width-100,
.unit-100 {
  width: 100%;
}
.width-90,
.unit-90 {
  width: 90%;
}
.width-80,
.unit-80 {
  width: 80%;
}
.width-75,
.unit-75 {
  width: 75%;
}
.width-70,
.unit-70 {
  width: 70%;
}
.width-66,
.unit-66 {
  width: 66.6%;
}
.width-65,
.unit-65 {
  width: 65%;
}
.width-60,
.unit-60 {
  width: 60%;
}
.width-50,
.unit-50 {
  width: 50%;
}
.width-40,
.unit-40 {
  width: 40%;
}
.width-35,
.unit-35 {
  width: 35%;
}
.width-33,
.unit-33 {
  width: 33.3%;
}
.width-30,
.unit-30 {
  width: 30%;
}
.width-25,
.unit-25 {
  width: 25%;
}
.width-20,
.unit-20 {
  width: 20%;
}
.width-10,
.unit-10 {
  width: 10%;
}
.units-row .unit-90,
.units-row .unit-80,
.units-row .unit-75,
.units-row .unit-70,
.units-row .unit-66,
.units-row .unit-65,
.units-row .unit-60,
.units-row .unit-50,
.units-row .unit-40,
.units-row .unit-35,
.units-row .unit-33,
.units-row .unit-30,
.units-row .unit-25,
.units-row .unit-20,
.units-row .unit-10 {
  float: left;
  margin-left: 3%;
}
.units-row .unit-90:first-child,
.units-row .unit-80:first-child,
.units-row .unit-75:first-child,
.units-row .unit-70:first-child,
.units-row .unit-66:first-child,
.units-row .unit-65:first-child,
.units-row .unit-60:first-child,
.units-row .unit-50:first-child,
.units-row .unit-40:first-child,
.units-row .unit-35:first-child,
.units-row .unit-33:first-child,
.units-row .unit-30:first-child,
.units-row .unit-25:first-child,
.units-row .unit-20:first-child,
.units-row .unit-10:first-child {
  margin-left: 0;
}
.units-row .unit-90 {
  width: 89.7%;
}
.units-row .unit-80 {
  width: 79.4%;
}
.units-row .unit-75 {
  width: 74.25%;
}
.units-row .unit-70 {
  width: 69.1%;
}
.units-row .unit-66 {
  width: 65.66666666666666%;
}
.units-row .unit-65 {
  width: 65.66666666666666%;
}
.units-row .unit-60 {
  width: 58.800000000000004%;
}
.units-row .unit-50 {
  width: 48.5%;
}
.units-row .unit-40 {
  width: 38.2%;
}
.units-row .unit-35 {
  width: 31.333333333333332%;
}
.units-row .unit-33 {
  width: 31.333333333333332%;
}
.units-row .unit-30 {
  width: 27.9%;
}
.units-row .unit-25 {
  width: 22.75%;
}
.units-row .unit-20 {
  width: 17.6%;
}
.units-row .unit-10 {
  width: 7.3%;
}
.unit-push-90,
.unit-push-80,
.unit-push-75,
.unit-push-70,
.unit-push-66,
.unit-push-65,
.unit-push-60,
.unit-push-50,
.unit-push-40,
.unit-push-35,
.unit-push-33,
.unit-push-30,
.unit-push-25,
.unit-push-20,
.unit-push-10 {
  position: relative;
}
.unit-push-90 {
  left: 92.7%;
}
.unit-push-80 {
  left: 82.4%;
}
.unit-push-75 {
  left: 77.25%;
}
.unit-push-70 {
  left: 72.1%;
}
.unit-push-66 {
  left: 68.66666666666666%;
}
.unit-push-65 {
  left: 68.66666666666666%;
}
.unit-push-60 {
  left: 61.800000000000004%;
}
.unit-push-50 {
  left: 51.5%;
}
.unit-push-40 {
  left: 41.2%;
}
.unit-push-35 {
  left: 34.33333333333333%;
}
.unit-push-33 {
  left: 34.33333333333333%;
}
.unit-push-30 {
  left: 30.9%;
}
.unit-push-25 {
  left: 25.75%;
}
.unit-push-20 {
  left: 20.6%;
}
.unit-push-10 {
  left: 10.3%;
}
.units-row .unit-push-right {
  float: right;
}
.units-row .unit-role-right {
  margin-left: 3%;
  float: right;
}
.units-row .unit-role-left {
  margin-left: 0;
}
.centered,
.unit-centered {
  float: none !important;
  margin: 0 auto !important;
}
.unit-padding {
  padding: 1.65em;
}
.units-padding .unit-100,
.units-padding .unit-90,
.units-padding .unit-80,
.units-padding .unit-75,
.units-padding .unit-70,
.units-padding .unit-66,
.units-padding .unit-65,
.units-padding .unit-60,
.units-padding .unit-50,
.units-padding .unit-40,
.units-padding .unit-35,
.units-padding .unit-33,
.units-padding .unit-30,
.units-padding .unit-25,
.units-padding .unit-20,
.units-padding .unit-10 {
  padding: 1.65em;
}
.units-split .unit-90,
.units-split .unit-80,
.units-split .unit-75,
.units-split .unit-70,
.units-split .unit-66,
.units-split .unit-65,
.units-split .unit-60,
.units-split .unit-50,
.units-split .unit-40,
.units-split .unit-35,
.units-split .unit-33,
.units-split .unit-30,
.units-split .unit-25,
.units-split .unit-20,
.units-split .unit-10 {
  margin-left: 0;
}
.units-split .unit-90 {
  width: 90%;
}
.units-split .unit-80 {
  width: 80%;
}
.units-split .unit-75 {
  width: 75%;
}
.units-split .unit-70 {
  width: 70%;
}
.units-split .unit-66 {
  width: 66.6%;
}
.units-split .unit-65 {
  width: 65%;
}
.units-split .unit-60 {
  width: 60%;
}
.units-split .unit-50 {
  width: 50%;
}
.units-split .unit-40 {
  width: 40%;
}
.units-split .unit-35 {
  width: 35%;
}
.units-split .unit-33 {
  width: 33.3%;
}
.units-split .unit-30 {
  width: 30%;
}
.units-split .unit-25 {
  width: 25%;
}
.units-split .unit-20 {
  width: 20%;
}
.units-split .unit-10 {
  width: 10%;
}
	/*margin*/
.marginA { margin: auto; }
.marginB5 { margin-bottom: 0.5%; }
.marginB10 { margin-bottom: 1%; }
.marginB15 { margin-bottom: 1.5%; }
.marginB20 { margin-bottom: 2.0%; }
.marginB30 { margin-bottom: 3.0%; }
.marginB50 { margin-bottom: 5.0%; }
.marginB80 { margin-bottom: 80.%; }
.marginB100 { margin-bottom: 10.0%; }
.marginR5 { margin-right: 0.5%; }
.marginR10 { margin-right: 1%; }
.marginR15 { margin-right: 1.5%; }
.marginR20 { margin-right: 2.0%; }
.marginR30 { margin-right: 3.0%; }
.marginR50 { margin-right: 5.0%; }
.marginR80 { margin-right: 8.0%; }
.marginR100 { margin-right: 10.0%; }
.marginT5 { margin-top: 0.5%; }
.marginT10 { margin-top: 1.0%; }
.marginT15 { margin-top: 1.5%; }
.marginT20 { margin-top: 2.0%; }
.marginT30 { margin-top: 3.0%; }
.marginT50 { margin-top: 5.0%; }
.marginT80 { margin-top: 8.0%; }
.marginT100 { margin-top: 10.0%; }
.marginL5 { margin-left: 0.5%; }
.marginL10 { margin-left: 1.0%; }
.marginL15 { margin-left: 1.5%; }
.marginL20 { margin-left: 2.0%; }
.marginL30 { margin-left: 3.0%; }
.marginL50 { margin-left: 5.0%; }
.marginL80 { margin-left: 8.0%; }
.marginL100 { margin-left: 10.0%; }

/*padding*/
.paddingB5 { margin-bottom: 0.5%; }
.paddingB10 { margin-bottom: 1%; }
.paddingB15 { margin-bottom: 1.5%; }
.paddingB20 { margin-bottom: 2.0%; }
.paddingB30 { margin-bottom: 3.0%; }
.paddingB50 { margin-bottom: 5.0%; }
.paddingB80 { margin-bottom: 80.%; }
.paddingB100 { margin-bottom: 10.0%; }
.paddingR5 { margin-right: 0.5%; }
.paddingR10 { margin-right: 1%; }
.paddingR15 { margin-right: 1.5%; }
.paddingR20 { margin-right: 2.0%; }
.paddingR30 { margin-right: 3.0%; }
.paddingR50 { margin-right: 5.0%; }
.paddingR80 { margin-right: 8.0%; }
.paddingR100 { margin-right: 10.0%; }
.paddingT5 { margin-top: 0.5%; }
.paddingT10 { margin-top: 1.0%; }
.paddingT15 { margin-top: 1.5%; }
.paddingT20 { margin-top: 2.0%; }
.paddingT30 { margin-top: 3.0%; }
.paddingT50 { margin-top: 5.0%; }
.paddingT80 { margin-top: 8.0%; }
.paddingT100 { margin-top: 10.0%; }
.paddingL5 { margin-left: 0.5%; }
.paddingL10 { margin-left: 1.0%; }
.paddingL15 { margin-left: 1.5%; }
.paddingL20 { margin-left: 2.0%; }
.paddingL30 { margin-left: 3.0%; }
.paddingL50 { margin-left: 5.0%; }
.paddingL80 { margin-left: 8.0%; }
.paddingL100 { margin-left: 10.0%; }