/*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/*
繝懊ャ繧ｯ繧ｹ繝｢繝�Ν縺ｯ*繧ｻ繝ｬ繧ｯ繧ｿ繧剃ｽｿ縺｣縺ｦborder-box縺ｫ繝ｪ繧ｻ繝�ヨ縺輔ｌ縺ｦ縺�∪縺吶�
button縺ｨinput繧ゅΜ繧ｻ繝�ヨ縺輔ｌ縺ｦ縺�∪縺吶�
code, pre, kbd, samp縺ｯ遲牙ｹ�ヵ繧ｩ繝ｳ繝医〒縺吶�
hr縺ｯ縲∬ｦｪ縺ｮ繝�く繧ｹ繝医�繧ｫ繝ｩ繝ｼ縺九ｉ邯呎価縺輔ｌ縺�1px縺ｮ螳溽ｷ壹↓險ｭ螳壹＆繧後※縺�∪縺吶�
繧ｹ繧ｿ繧､繝ｫ繧呈戟縺､繧､繝ｳ繝ｩ繧､繝ｳ隕∫ｴ���b, i, strong縺ｪ縺ｩ�峨�繝ｪ繧ｻ繝�ヨ縺輔ｌ縺ｾ縺帙ｓ縲�
textarea縺ｯ繝�ヵ繧ｩ繝ｫ繝医�鬮倥＆繧堤ｶｭ謖√＠縺ｾ縺吶�
canvas縺ｨiframe縺ｯ繝�ヵ繧ｩ繝ｫ繝医�蟷�→鬮倥＆繧堤ｶｭ謖√＠縺ｾ縺吶�
select縺ｯappearance: none;縺ｧ繝ｪ繧ｻ繝�ヨ縺輔ｌ縺ｦ縺�∪縺吶�
range, color, meter, progress縺ｪ縺ｩ縺ｮHTML5縺ｮ隕∫ｴ�縺ｯ繝ｪ繧ｻ繝�ヨ縺輔ｌ縺ｾ縺帙ｓ縲�
*/
/* Reset box-model
========================================================================== */
* {
box-sizing: border-box;
}
::before,
::after {
box-sizing: inherit;
}
/* Document
========================================================================== */
/**
* 1. 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｧ陦後�鬮倥＆繧剃ｿｮ豁｣縺励∪縺�
* 2. iOS縺ｧ蜷代″繧貞､画峩縺励◆蠕後�繝輔か繝ｳ繝医し繧､繧ｺ縺ｮ隱ｿ謨ｴ繧帝亟豁｢縺励∪縺�
* 3. iOS縺ｮ繝ｪ繝ｳ繧ｯ縺ｮ轣ｰ濶ｲ縺ｮ繧ｪ繝ｼ繝舌�繝ｬ繧､繧貞炎髯､縺吶ｋ
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-webkit-tap-highlight-color: transparent; /* 3*/
}
/* Sections
========================================================================== */
/**
* 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｧ繝槭�繧ｸ繝ｳ繧貞炎髯､縺励∪縺�
*/
body {
margin: 0;
}
/**
* IE縺ｧ荳雋ｫ縺励※ `main`隕∫ｴ�繧偵Ξ繝ｳ繝繝ｪ繝ｳ繧ｰ縺励∪縺�
*/
main {
display: block;
}
/* Vertical rhythm
========================================================================== */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}
/* 隕句�縺�
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
/*font-weight: inherit;*/
margin: 0;
}
/* 繝ｪ繧ｹ繝�
========================================================================== */
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
/* 螳夂ｾｩ繝ｪ繧ｹ繝�
========================================================================== */
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
/* 繧ｳ繝ｳ繝�Φ繝��繧ｰ繝ｫ繝ｼ繝怜喧
========================================================================== */
/**
* 1. Firefox縺ｧ豁｣縺励＞繝懊ャ繧ｯ繧ｹ繧ｵ繧､繧ｺ繧定ｿｽ蜉�縺吶ｋ
* 2. Edge縺ｨIE縺ｧ繧ｪ繝ｼ繝舌�繝輔Ο繝ｼ繧定｡ｨ遉ｺ縺吶ｋ
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
border: 0;
border-top: 1px solid;
margin: 0;
clear: both;
color: inherit;
}
/**
* 1. 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｧ繝輔か繝ｳ繝医し繧､繧ｺ縺ｮ邯呎価縺ｨ繧ｹ繧ｱ繝ｼ繝ｪ繝ｳ繧ｰ繧剃ｿｮ豁｣縺吶ｋ
* 2. 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｧ螂�焚縺ｮ `em`繝輔か繝ｳ繝医し繧､繧ｺ繧剃ｿｮ豁｣
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: inherit; /* 2 */
}
address {
font-style: inherit;
}
/* Text-level semantics
========================================================================== */
/**
* IE 10縺ｧ繧｢繧ｯ繝�ぅ繝悶↑繝ｪ繝ｳ繧ｯ縺ｮ轣ｰ濶ｲ縺ｮ閭梧勹繧貞炎髯､縺励∪縺吶�
*/
a {
background-color: transparent;
text-decoration: none;
color: inherit;
}
/**
* 1. Chrome 57縺ｮ荳区棧繧貞炎髯､縺励∪縺�
* 2. Chrome縲・dge縲！E縲＾pera縲ヾafari縺ｫ豁｣縺励＞繝�く繧ｹ繝郁｣�｣ｾ繧定ｿｽ蜉�縺吶ｋ
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Chrome縲・dge縲ヾafari縺ｧ豁｣縺励＞繝輔か繝ｳ繝医�螟ｪ縺輔ｒ霑ｽ蜉�縺励∪縺�
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｧ繝輔か繝ｳ繝医し繧､繧ｺ縺ｮ邯呎価縺ｨ繧ｹ繧ｱ繝ｼ繝ｪ繝ｳ繧ｰ繧剃ｿｮ豁｣縺励∪縺�
* 2. 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｧ螂�焚縺ｮ `em`繝輔か繝ｳ繝医し繧､繧ｺ繧剃ｿｮ豁｣縺励∪縺�
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: inherit; /* 2 */
}
/**
* 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｧ豁｣縺励＞繝輔か繝ｳ繝医し繧､繧ｺ繧定ｿｽ蜉�縺吶ｋ
*/
small {
font-size: 80%;
}
/**
* `sub`縺ｨ` sup`隕∫ｴ�縺後☆縺ｹ縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｮ陦後�鬮倥＆縺ｫ蠖ｱ髻ｿ縺吶ｋ縺ｮ繧帝亟縺弱∪縺�
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* 蝓九ａ霎ｼ縺ｿ繧ｳ繝ｳ繝�Φ繝�
========================================================================== */
/**
* IE 10縺ｮ繝ｪ繝ｳ繧ｯ蜀��逕ｻ蜒上�蠅�阜邱壹ｒ蜑企勁縺励∪縺�
*/
img {
border-style: none;
vertical-align: bottom;
}
embed,
object,
iframe {
border: 0;
vertical-align: bottom;
}
/* 繝輔か繝ｼ繝�
========================================================================== */
/**
* 繝輔か繝ｼ繝�繝輔ぅ繝ｼ繝ｫ繝峨ｒ繝ｪ繧ｻ繝�ヨ縺励※繧ｹ繧ｿ繧､繝ｫ蜿ｯ閭ｽ縺ｫ縺吶ｋ
* 1. 繝ｩ繧ｸ繧ｪ縺ｨ繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧偵Μ繧ｻ繝�ヨ縺励※縲（OS縺ｧ縺ｮ螟冶ｦｳ繧堤ｶｭ謖√＠縺ｾ縺�
*/
button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
border: 0;
background: transparent;
padding: 0;
margin: 0;
outline: 0;
border-radius: 0;
text-align: inherit;
}
[type="checkbox"] {
/* 1 */
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
/* 1 */
-webkit-appearance: radio;
appearance: radio;
}
/**
* IE縺ｧ繧ｪ繝ｼ繝舌�繝輔Ο繝ｼ繧定｡ｨ遉ｺ縺励∪縺�
* 1. Edge縺ｧ繧ｪ繝ｼ繝舌�繝輔Ο繝ｼ繧定｡ｨ遉ｺ縺吶ｋ
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Edge縲：irefox縲！E縺ｮ繝�く繧ｹ繝亥､画鋤縺ｮ邯呎価繧貞炎髯､
* 1. Firefox縺ｮ繝�く繧ｹ繝亥､画鋤縺ｮ邯呎価繧貞炎髯､縺励∪縺�
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* iOS縺ｨSafari縺ｧ繧ｯ繝ｪ繝�き繝悶Ν繧ｿ繧､繝励ｒ繧ｹ繧ｿ繧､繝ｫ縺ｧ縺阪↑縺�撫鬘後ｒ菫ｮ豁｣
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
cursor: default;
}
/**
* Firefox縺ｧ蜀��縺ｮ繝懊�繝繝ｼ縺ｨ繝代ョ繧｣繝ｳ繧ｰ繧貞炎髯､縺励∪縺�
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 蜑阪�繝ｫ繝ｼ繝ｫ縺ｧ險ｭ螳壹＆繧後※縺�↑縺�ヵ繧ｩ繝ｼ繧ｫ繧ｹ繧ｹ繧ｿ繧､繝ｫ繧貞ｾｩ蜈�＠縺ｾ縺�
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* 繝代ョ繧｣繝ｳ繧ｰ繧貞炎髯､
*/
option {
padding: 0;
}
/**
* 髱櫁｡ｨ遉ｺ縺ｫ繝ｪ繧ｻ繝�ヨ
*/
fieldset {
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
/**
* 1. Edge縺翫ｈ縺ｳIE縺ｧ縺ｮ繝�く繧ｹ繝医�謚倥ｊ霑斐＠繧剃ｿｮ豁｣縺励∪縺�
* 2. IE縺ｮ `fieldset`隕∫ｴ�縺九ｉ縺ｮ濶ｲ縺ｮ邯呎価繧剃ｿｮ豁｣
* 3. 繝代ョ繧｣繝ｳ繧ｰ繧貞炎髯､縺励※縲�幕逋ｺ閠�′縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｧ `fieldset`隕∫ｴ�繧偵ぞ繝ｭ縺ｫ險ｭ螳壹＠縺溘→縺阪↓蠑輔▲謗帙°繧峨↑縺�ｈ縺�↓縺励∪縺�
*/
legend {
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Chrome縲：irefox縲＾pera縺ｧ豁｣縺励＞蝙ら峩驟咲ｽｮ繧定ｿｽ蜉�縺励∪縺吶�
*/
progress {
vertical-align: baseline;
}
/**
* IE 10莉･髯阪〒繝�ヵ繧ｩ繝ｫ繝医�蝙ら峩繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌�繧貞炎髯､縺吶ｋ
*/
textarea {
overflow: auto;
}
/**
* 1. IE 10縺ｮ繝代ョ繧｣繝ｳ繧ｰ繧貞炎髯､縺励∪縺�
*/
[type="checkbox"],
[type="radio"] {
padding: 0; /* 1 */
}
/**
* Chrome縺ｮ蠅怜�繝懊ち繝ｳ縺ｨ貂帛�繝懊ち繝ｳ縺ｮ繧ｫ繝ｼ繧ｽ繝ｫ繧ｹ繧ｿ繧､繝ｫ繧剃ｿｮ豁｣縺励∪縺励◆縲�
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Safari縺ｮ繧｢繧ｦ繝医Λ繧､繝ｳ繧ｹ繧ｿ繧､繝ｫ繧剃ｿｮ豁｣縺励∪縺�.
*/
[type="search"] {
outline-offset: -2px; /* 1 */
}
/**
* macOS縺ｧChrome縺ｨSafari縺ｮ蜀��縺ｮ繝代ョ繧｣繝ｳ繧ｰ繧貞炎髯､縺吶ｋ
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. iOS縺翫ｈ縺ｳSafari縺ｧ繧ｯ繝ｪ繝�き繝悶Ν繧ｿ繧､繝励�繧ｹ繧ｿ繧､繝ｫ繧定ｨｭ螳壹〒縺阪↑縺�撫鬘後ｒ菫ｮ豁｣縺励∪縺励◆
* 2. Safari縺ｧ繝輔か繝ｳ繝医�繝ｭ繝代ユ繧｣繧偵檎ｶ呎価縲阪↓螟画峩縺吶ｋ
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/**
* 繧ｯ繝ｪ繝�け蜿ｯ閭ｽ縺ｪ繝ｩ繝吶Ν
*/
label[for] {
cursor: pointer;
}
/* 繧､繝ｳ繧ｿ繝ｩ繧ｯ繝�ぅ繝�
========================================================================== */
/*
* Edge縲！E 10 +縲：irefox縺ｧ豁｣縺励＞繝�ぅ繧ｹ繝励Ξ繧､繧定ｿｽ蜉�縺励∪縺�
*/
details {
display: block;
}
/*
* 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｧ豁｣縺励＞陦ｨ遉ｺ繧定ｿｽ蜉�縺励∪縺�
*/
summary {
display: list-item;
}
/* Table
========================================================================== */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}
/* Misc�医◎縺ｮ莉厄ｼ�
========================================================================== */
/**
* IE 10莉･髯阪〒豁｣縺励＞繝�ぅ繧ｹ繝励Ξ繧､繧定ｿｽ蜉�縺吶ｋ
*/
template {
display: none;
}
/**
* IE 10縺ｧ豁｣縺励＞繝�ぅ繧ｹ繝励Ξ繧､繧定ｿｽ蜉�縺吶ｋ.
*/
[hidden] {
display: none;
}
/* ========================================================================== */
/*
/* 莉･荳玖ｿｽ險�
/*
/* ========================================================================== */
/**
* modern browser except IE
*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {clear: both; font-size: 1px; line-height: 1px;}
/**
* 繝ｬ繧ｹ繝昴Φ繧ｷ繝門ｯｾ蠢�
*/
img{max-width: 100%; height: auto; }
table {max-width: 100%;}
/**
* rem謖�ｮ� 10px縺ｫ縺ｪ繧九ｈ縺�↓
*/
html{font-size: 62.5%;}
body {font-size: 1rem; }
/**
* iOS縺ｧ繝懊ち繝ｳ繧偵Μ繧ｻ繝�ヨ縺吶ｋ
*/
input[type="submit"],
input[type="reset"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
/* ==================================================================================
breakpoint 768
================================================================================== */
@media (max-width:768px){
.sp {
display:block}
.pc,.hidden-sp{
display: none!important;}
.align_sp-center_pc-left,
.align_sp-center_pc-right{
text-align:center;
}
.align_pc-center_sp-left{
text-align: left;
}
}
@media (min-width:768px){
.sp,.hidden-pc{
display: none!important;
}
.pc{
display: block;}
.pc-inl{
display: inline;}
/*繧ｹ繝槭�繧ｻ繝ｳ繧ｿ繝ｼ�襲C蟾ｦ蟇�○*/
.align_sp-center_pc-left{
text-align:left;
}
/*繧ｹ繝槭�繧ｻ繝ｳ繧ｿ繝ｼ�襲C蜿ｳ蟇�○*/
.align_sp-center_pc-right{
text-align:right;
}
/*PC繧ｻ繝ｳ繧ｿ繝ｼ�上せ繝槭�蟾ｦ蟇�○*/
.align_pc-center_sp-left{
text-align: center;
}
}
/* ==================================================================================
MATERIAL DESIGN��google icon font��
================================================================================== */
/* Material icons繧貞茜逕ｨ縺吶ｋ */
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* 謗ｨ螂ｨ繧ｵ繧､繧ｺ */
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none;
vertical-align:middle;
/* WebKit繝悶Λ繧ｦ繧ｶ繧ｵ繝昴�繝� */
-webkit-font-smoothing: antialiased;
/* Chrome縲ヾafari繧ｵ繝昴�繝� */
text-rendering: optimizeLegibility;
/* Firefox繧ｵ繝昴�繝� */
-moz-osx-font-smoothing: grayscale;
/* IE繧ｵ繝昴�繝� */
font-feature-settings: 'liga';
}
/* 繧｢繧､繧ｳ繝ｳ繧ｵ繧､繧ｺ */
.material-icons.md-14 { font-size: 1.4rem; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 3.6rem; }
.material-icons.md-48 { font-size: 48px; }
/* 閭梧勹縺梧�繧九＞縺ｨ縺咲畑縺ｮ繧｢繧､繧ｳ繝ｳ濶ｲ */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* 閭梧勹縺梧囓縺�→縺咲畑縺ｮ繧｢繧､繧ｳ繝ｳ濶ｲ */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* ==================================================================================
YOUTUBE蝓九ａ霎ｼ縺ｿ逕ｨ��js縺ｨ繧ｻ繝�ヨ��
================================================================================== */
.iframe-wrap {
width: 100%;
padding-bottom: 56.25%;
height: 0px;
position: relative;
}
.iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ==================================================================================
繝壹�繧ｸ蟷�レ譎ｯ蟇ｾ蠢�
================================================================================== */
.expand{
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
}
/* ========================================================================== */
/*
/* 繝ｩ繧､繝悶Λ繝ｪ
/*
/* ========================================================================== */
/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 1rem; }
.txt_12 { font-size: 1.2rem; }
.txt_14 { font-size: 1.4rem; }
.txt_16 { font-size: 1.6rem; }
.txt_18 { font-size: 1.8rem; }
.txt_20 { font-size: 2rem; }
.txt_24 { font-size: 2.4rem; }
.txt_28 { font-size: 2.8rem; }
.txt_c_333 {color: #333;}
/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_b_40 { margin-bottom: 40px; }
.mar_l_40 { margin-left: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
.mar_t_60 { margin-top: 60px; }
.mar_r_60 { margin-right: 60px; }
.mar_b_60 { margin-bottom: 60px; }
.mar_l_60 { margin-left: 60px; }
.mar_t_70 { margin-top: 70px; }
.mar_r_70 { margin-right: 70px; }
.mar_b_70 { margin-bottom: 70px; }
.mar_l_70 { margin-left: 70px; }
.mar_t_80 { margin-top: 80px; }
.mar_r_80 { margin-right: 80px; }
.mar_b_80 { margin-bottom: 80px; }
.mar_l_80 { margin-left: 80px; }
.mar_t_90 { margin-top: 90px; }
.mar_r_90 { margin-right: 90px; }
.mar_b_90 { margin-bottom: 90px; }
.mar_l_90 { margin-left: 90px; }
.mar_t_100 { margin-top: 100px; }
.mar_r_100 { margin-right: 100px; }
.mar_b_100 { margin-bottom: 100px; }
.mar_l_100 { margin-left: 100px; }
.mar_t_-10 { margin-top: -10px; }
.mar_t_-20 { margin-top: -20px; }
.mar_t_-30 { margin-top: -30px; }
.mar_t_-30 { margin-top: -40px; }
.mar_t_-50 { margin-top: -50px; }
.mar_b_-10 { margin-bottom: -10px; }
.mar_b_-20 { margin-bottom: -20px; }
.mar_b_-30 { margin-bottom: -30px; }
.mar_b_-40 { margin-bottom: -40px; }
.mar_b_-50 { margin-bottom: -50px; }
/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_40 { padding: 40px}
.pad_t_40 { padding-top: 40px; }
.pad_r_40 { padding-right: 40px; }
.pad_b_40 { padding-bottom: 40px; }
.pad_l_40 { padding-left: 40px; }
.pad_50 { padding: 50px}
.pad_t_50 { padding-top: 50px; }
.pad_r_50 { padding-right: 50px; }
.pad_b_50 { padding-bottom: 50px; }
.pad_l_50 { padding-left: 50px; }
.pad_60 { padding: 60px}
.pad_t_60 { padding-top: 60px; }
.pad_r_60 { padding-right: 60px; }
.pad_b_60 { padding-bottom: 60px; }
.pad_l_60 { padding-left: 60px; }
.pad_70 { padding: 70px}
.pad_t_70 { padding-top: 70px; }
.pad_r_70 { padding-right: 70px; }
.pad_b_70 { padding-bottom: 70px; }
.pad_l_70 { padding-left: 70px; }
.pad_80 { padding: 80px}
.pad_t_80 { padding-top: 80px; }
.pad_r_80 { padding-right: 80px; }
.pad_b_80 { padding-bottom: 80px; }
.pad_l_80 { padding-left: 80px; }
.pad_90 { padding: 90px}
.pad_t_90 { padding-top: 90px; }
.pad_r_90 { padding-right: 90px; }
.pad_b_90 { padding-bottom: 90px; }
.pad_l_90 { padding-left: 90px; }
.pad_100 { padding: 90px}
.pad_t_100 { padding-top: 100px; }
.pad_r_100 { padding-right: 100px; }
.pad_b_100 { padding-bottom: 100px; }
.pad_l_100 { padding-left: 100px; }