@charset "utf-8";
@import url(reset.css);

#container {
  width: 940px;
  margin: 0 auto;
}
#main{
  border-top: none;
}
#header {
  padding: 11px 0;
}
#header .flo_left {
  float: left;
  width: 260px;
}
#header .flo_right {
  float: right;
  width: 660px;
  padding-top: 5px;
}
#header .flo_right ul {
  float: right;
}
#header .flo_right ul li {
  float: left;
  padding-left: 8px;
  line-height: 0;
}

#contents {
  padding: 0 0 10px;
  width: 940px;
  margin: 0 auto;
}
#contents * {
  box-sizing: border-box;
}
#contents img {
  max-width: 100%;
}

#footer {
  background: url(f_logo_01-1.gif) #0b5683 no-repeat 15px 15px;
  padding: 15px 15px 15px 115px;
  min-height: 22px;
  width: 940px;
  margin: 0 auto;
  box-sizing: border-box;
}
* html #footer {
  height: 22px;
}
#footer .f_link_01 {
  padding-top: 0.3em;
}
#footer .f_link_01 p {
  background: url(f_icon_arrow_01-1.gif) no-repeat 0 3px;
  font-size: 75%;
  line-height: 1.2;
  color: #fff;
  padding-left: 12px;
}
#footer .f_link_01 p a,
#footer .f_link_01 p a:link,
#footer .f_link_01 p a:visited,
#footer .f_link_01 p a:hover {
  color: #fff;
}
#footer .f_copy_01 {
  text-align: right;
  width: 815px;
  font-size: 75%;
  line-height: 1.2;
  color: #fff;
  position: absolute;
  margin-top: -0.5em;
}

#contents ul.in01 {
  margin-left: -29px;
  margin-bottom: 30px;
  _display: inline;
  _margin-left: -10px;
}
#contents ul.in01 li {
  width: 294px;
  float: left;
  margin-left: 29px;
  _width: 265px;
  _margin-left: 19px;
  _display: inline;
}
.title_bg {
  background-color: #253659;
  text-align: center !important;
  padding: 20px 10px;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 20px;
}
.title01 {
  border: 1px solid #fff;
  display: inline-block;
  padding: 5px 20px 5px 20px;
}
.box {
}

#contents .top_area {
  position: relative;
  text-align: center;
}
#contents .top_inner_area {
  position: absolute;
  bottom: 70px;
  left: 40px;
  padding-left: 47px;
  background: url(icon_pdf.gif) no-repeat;
  font-size: 20px;
}
#contents .top_inner_area p {
  border-bottom: 1px solid #000;
}
#contents .top_inner_area p span {
  font-size: 16px;
}
#contents .top_inner_area a {
  color: #000;
  text-decoration: none;
}
#contents .top_inner_area .contact_top {
  position: absolute;
  top: 186px;
  left: 65px;
}
#contents .top_inner_area .contact_top .btn_contact {
  left: 220px;
}
#contents ol.pagelink {
  position: relative;
  overflow: hidden;
  margin-top: -6px;
}
#contents ol.pagelink li {
  float: left;
  border-left: 1px solid #fff;
}
#contents ol.pagelink li#in01 {
  border: none;
}
#contents ol.pagelink li#in02 {
}
#contents ol.pagelink li#in03 {
}
#contents ol.pagelink li#in04 {
}

.lt_title {
  text-align: center;
}

/*byod_box*/
#contents .byod_box {
  background: url(index_sol_04_bg.gif) no-repeat left top;
  height: 452px;
  position: relative;
}
#contents .byod_box p.img01 {
  position: absolute;
  left: 39px;
  top: 294px;
}
#contents .byod_box p.img02 {
  position: absolute;
  left: 316px;
  top: 294px;
}
#contents .byod_box p.img03 {
  position: absolute;
  left: 591px;
  top: 294px;
}

/*sol02_box*/
#contents .sol02_box {
  background: url(index_sol_05_2.gif) no-repeat right top;
  height: 242px;
  margin-top: 20px;
}
#contents .sol02_box p.title_txt {
  width: 426px;
  font-weight: bold;
}
#contents .sol02_box p.txt_area {
  width: 426px;
}
#contents .sol02_box.in02 {
  background: url(index_sol_05_3.gif) no-repeat right top;
  margin-top: 30px;
}

#contents .inner_area {
  background: url(index_bg_01_bottom.gif) no-repeat left bottom;
  margin-bottom: 10px;
}
#contents .inner_area .inner_box {
  background: url(index_bg_01_top.gif) no-repeat left top;
  padding: 114px 0 7px 16px;
}
#contents .inner_area .inner_box ul {
  width: 908px;
}
#contents .inner_area .inner_box ul li {
  background: url(index_bg_04_bottom.gif) no-repeat left bottom;
  margin-bottom: 10px;
}
#contents .inner_area .inner_box ul li .inner {
  background: url(index_bg_04_top.gif) no-repeat left top;
  padding: 10px 10px 35px 12px;
}
#contents .inner_area .inner_box ul li .inner img {
  float: left;
}
#contents .inner_area .inner_box ul li .inner .box_01 {
  float: left;
  width: 722px;
  margin-left: 12px;
}
#contents .inner_area .inner_box ul li .inner .box_01 .txt01 {
  background: url(index_bg_05.gif) no-repeat left top;
  width: 722px;
  padding: 4px 0 3px 12px;
  margin-bottom: 5px;
  color: #ffffff;
  font-weight: bold;
}
#contents .inner_area .inner_box ul li.end {
  background: url(index_bg_04_bottom_02.gif) no-repeat left bottom;
}
#contents .inner_area .inner_box ul li.end .inner {
  padding: 10px 10px 13px 12px;
}

.index_bgbox_contact {
  background: url(index_img_02.jpg) no-repeat left bottom;
  height: 190px;
  margin: 10px 0 40px;
  color: #fff;
  text-align: center;
}
.index_bgbox_contact_inner {
  padding-top: 10px;
  margin: 0 auto;
  width: 872px;
}
.index_bgbox_contact_table02 {
  width: 860px;
  padding-left: 20px;
  padding-top: 25px;
}
.table02_left {
  padding-left: 14px;
  float: left;
  width: 280px;
  margin-right: 10px;
}
.table02_left2 {
  float: left;
  /* width: 280px;*/
  /*padding-top: 12px;*/
  /* 2019.07.11 追記 */
  width: 180px;
  text-align: left;
  /* 2019.07.11 追記ここまで */
}
.table03_right {
  float: right;
  /*width: 280px;
	padding-top: 12px;*/
  /* 2019.07.11 追記 */
  width: 215px;
  text-align: left;
  /* 2019.07.11 追記ここまで */
}

.koumoku {
  background-color: #3f7aaa;
  /*padding: 5px 10px 5px 10px;*/
  /* 2019.07.11 追記 */
  padding: 2px 10px;
  margin-bottom: 3px;
  display: inline-block;
  /* 2019.07.11 追記ここまで*/
  margin-right: 10px;
}

.pagetop_01 {
  text-align: right;
  padding: 0 7px 0 0;
  width: 940px;
  margin: 0 auto;
  box-sizing: border-box;
}
.access_count {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

/* text styles START */
/* text size */
.px10 {
  font-size: 65%;
  line-height: 1.4;
  color: #000;
}
.px12 {
  font-size: 75%;
  line-height: 1.4;
  color: #000;
}
.px12_wh {
  font-size: 75%;
  line-height: 1.4;
  color: #fff;
}
.px12_r {
  font-size: 75%;
  line-height: 1.4;
  color: #bd1904;
}
p.koumoku2.px14,
p.koumoku3.px14,
td.gijyutusiyo_table_koumoku.px14 {
  color: #1c4477;
}
.px14 {
  font-size: 90%;
  line-height: 1.6;
  color: #000;
}
.px14_wh {
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
}
.px15_r {
  font-size: 100%;
  line-height: 1.6;
  color: #bd1904;
}

.px16 {
  font-size: 100%;
  line-height: 1.6;
  color: #000;
}
.px16_r {
  font-size: 100%;
  line-height: 1.6;
  color: #bd1904;
}
.px18 {
  font-size: 110%;
  line-height: 1.5;
  color: #000;
}
.px20 {
  font-size: 120%;
  line-height: 1.4;
  color: #1e60b4;
}
.px20_p {
  font-size: 120%;
  line-height: 1.4;
  color: #1e60b4;
}
.px20_wh {
  font-size: 120%;
  line-height: 1.4;
  color: #000;
}
.px20_wh span.koumoku {
  color: #fff;
}
.px26 {
  font-size: 150%;
  line-height: 1.4;
  color: #fff;
}
.px26_p {
  font-size: 150%;
  line-height: 1.4;
  color: #1e60b4;
}
.px10_w {
  font-size: 65%;
  line-height: 1.4;
  color: #fff;
}
.px12_w {
  font-size: 75%;
  line-height: 1.4;
  color: #000;
}
.px14_w {
  font-size: 90%;
  line-height: 1.4;
  color: #fff;
}
.px16_w {
  font-size: 100%;
  line-height: 1.4;
  color: #fff;
}

/* another font size */
.text_p10 {
  font-size: 110% !important;
}
.text_p20 {
  font-size: 120% !important;
}
.text_p30 {
  font-size: 130% !important;
}
.text_p40 {
  font-size: 140% !important;
}
.text_m10 {
  font-size: 90% !important;
}
.text_m20 {
  font-size: 80% !important;
}
.text_m30 {
  font-size: 70% !important;
}
.text_m40 {
  font-size: 60% !important;
}

/* link style */
a:link {
  color: #3774a5;
  text-decoration: none;
}
a:visited {
  color: #3774a5;
  text-decoration: none;
}
a:hover {
  color: #3774a5;
  text-decoration: underline;
}

/* text align */
.talign_left {
  text-align: left !important;
}
.talign_center {
  text-align: center !important;
}
.talign_right {
  text-align: right !important;
}

/* vertical align */
.valign_top {
  vertical-align: text-top !important;
}
.valign_middle {
  vertical-align: middle !important;
}
.valign_bottom {
  vertical-align: text-bottom !important;
}

/* font weight */
.fweight_normal {
  font-weight: normal !important;
}
.fweight_bold {
  font-weight: bold !important;
}

/* text color */
/* text colorは、必要に応じて変更、追加ください。 */
.textcolor_red_01 {
  color: #ff0000 !important;
}
.textcolor_green_01 {
  color: #00ff00 !important;
}
.textcolor_blue_01 {
  color: #0000ff !important;
}

/* text styles END */

/* *************************************************************************************** */

/* layout styles START */
/* float style */
.flo_l {
  float: left;
}
.flo_r {
  float: right;
}

/* borders */
/* bordersは、必要に応じて変更、追加ください。 */
.border_01_top {
  border-top: 1px #666666 solid;
}
.border_01_bottom {
  border-bottom: 1px #666666 solid;
}
.border_01_left {
  border-left: 1px #666666 solid;
}
.border_01_right {
  border-right: 1px #666666 solid;
}
.border_01 {
  border: 1px #666666 solid;
}

/* note */
.note_01 li {
  text-indent: -1em;
  padding-left: 1em;
}

/* layout styles END */

/* *************************************************************************************** */

/* input styles START */

/* radio & checkbox btn */
.sel_btn_01 {
  vertical-align: middle;
  margin-right: 5px;
}
* html .sel_btn_01 {
  vertical-align: middle;
  margin-right: 0;
}
*:first-child + html .sel_btn_01 {
  vertical-align: middle;
  margin-right: 0;
}

/* input styles END */

/* *************************************************************************************** */

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  /*overflow: hidden;*/
}
/* exlude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* end MacIE5 */

/* *************************************************************************************** */

.lead_text_sec {
  background-color: #953735;
}
.lead_text_sec h2 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-shadow: 1px 2px 3px #707070;
}
.lead_text_sec p {
  font-size: 14px;
  color: #fff;
}
.lead_text_sec h2 + p {
  margin-top: 15px;
}

.figure_note_text {
  font-size: 12px;
  text-align: right;
}

.figure_sec figure {
  margin: 0;
}
.figure_sec {
  margin: 0 20px;
}

.content_sec {
  padding-top: 20px;
}

.content_head_sec {
  background: rgb(120, 0, 0);
  background: linear-gradient(
    90deg,
    rgba(120, 0, 0, 1) 0%,
    rgba(173, 0, 0, 1) 40%,
    rgba(206, 0, 0, 1) 80%,
    rgba(206, 0, 0, 1) 100%
  );
  padding: 10px 20px;
}
.content_head_sec h3 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
}
.content_head_note {
  font-size: 12px;
  color: #fff;
}

.product_detail_sec {
  text-align: center;
}
.product_detail_ttl {
  text-align: center;
  border-top: 4px solid #953735;
  border-bottom: 4px solid #953735;
  margin-bottom: 10px;
}
.product_detail_ttl h4 {
  color: #17375e;
  font-size: 24px;
  font-weight: bold;
  border-top: 2px solid #953735;
  border-bottom: 2px solid #953735;
  padding: 6px 0;
  margin: 1px 0;
}
.product_detail_sec p {
  font-size: 16px;
}

.sd-branch-btn {
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #17375e;
  border: 1px solid #17375e;
  padding: 10px 0;
  transition: 0.2s;
}
.sd-branch-btn:hover {
  background-color: #fff;
  color: #17375e;
}

.composition_table_sec {
  padding: 0 20px;
}
.composition_sec .figure_sec figure {
  margin: 0 20px;
}

.product_sec .content_sec_inr {
  padding: 20px 0 15px 0;
}
.product_sec .content_sec_inr + .content_sec_inr {
  border-top: 4px dotted #17375e;
}
.product_detail_sec {
  width: 330px;
}
.product_detail_sec a:hover {
  text-decoration: none;
}
.product_image_sec {
  width: 480px;
  padding-right: 70px;
}

.product_image {
  width: 175px;
}
.product_image figure {
  margin: 0;
}
.product_image a {
  transition: 0.2s;
}
.product_image a:hover {
  opacity: 0.7;
}

.content_flex {
  display: flex;
}
.content_between {
  justify-content: space-between;
}
.content_start{
  justify-content: flex-start;
}
.gap_30{
  gap: 30px;
}

.composition_ttl {
  background-color: #17375e;
  text-align: center;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.4);
  padding: 10px 20px;
}
.composition_ttl h4 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.composition_inr_sec {
  flex: 1;
}
.composition_inr_sec + .composition_inr_sec {
  margin-left: 90px;
}
.composition_table table {
  width: 100%;
  table-layout: fixed;
}
.composition_table table tr {
  border: 2px solid #82b2de;
}
.composition_table table tr th {
  width: 250px;
  padding: 10px;
}
.composition_table table tr td {
  padding: 10px 10px 10px 50px;
}
.composition_table table tr:nth-child(2n + 1) {
  background-color: #eaeff7;
}

/* *************************************************************************************** */

/* padding style */
.pad-t1 {
  padding-top: 1px;
}
.pad-r1 {
  padding-right: 1px;
}
.pad-b1 {
  padding-bottom: 1px;
}
.pad-l1 {
  padding-left: 1px;
}
.pad1 {
  padding: 1px;
}

.pad-t2 {
  padding-top: 2px;
}
.pad-r2 {
  padding-right: 2px;
}
.pad-b2 {
  padding-bottom: 2px;
}
.pad-l2 {
  padding-left: 2px;
}
.pad2 {
  padding: 2px;
}

.pad-t3 {
  padding-top: 3px;
}
.pad-r3 {
  padding-right: 3px;
}
.pad-b3 {
  padding-bottom: 3px;
}
.pad-l3 {
  padding-left: 3px;
}
.pad3 {
  padding: 3px;
}

.pad-t4 {
  padding-top: 4px;
}
.pad-r4 {
  padding-right: 4px;
}
.pad-b4 {
  padding-bottom: 4px;
}
.pad-l4 {
  padding-left: 4px;
}
.pad4 {
  padding: 4px;
}

.pad-t5 {
  padding-top: 5px;
}
.pad-r5 {
  padding-right: 5px;
}
.pad-b5 {
  padding-bottom: 5px;
}
.pad-l5 {
  padding-left: 5px;
}
.pad5 {
  padding: 5px;
}

.pad-t6 {
  padding-top: 6px;
}
.pad-r6 {
  padding-right: 6px;
}
.pad-b6 {
  padding-bottom: 6px;
}
.pad-l6 {
  padding-left: 6px;
}
.pad6 {
  padding: 6px;
}

.pad-t7 {
  padding-top: 7px;
}
.pad-r7 {
  padding-right: 7px;
}
.pad-b7 {
  padding-bottom: 7px;
}
.pad-l7 {
  padding-left: 7px;
}
.pad7 {
  padding: 7px;
}

.pad-t8 {
  padding-top: 8px;
}
.pad-r8 {
  padding-right: 8px;
}
.pad-b8 {
  padding-bottom: 8px;
}
.pad-l8 {
  padding-left: 8px;
}
.pad8 {
  padding: 8px;
}

.pad-t9 {
  padding-top: 9px;
}
.pad-r9 {
  padding-right: 9px;
}
.pad-b9 {
  padding-bottom: 9px;
}
.pad-l9 {
  padding-left: 9px;
}
.pad9 {
  padding: 9px;
}

.pad-t10 {
  padding-top: 10px;
}
.pad-r10 {
  padding-right: 10px;
}
.pad-b10 {
  padding-bottom: 10px;
}
.pad-l10 {
  padding-left: 10px;
}
.pad10 {
  padding: 10px;
}

.pad-t11 {
  padding-top: 11px;
}
.pad-r11 {
  padding-right: 11px;
}
.pad-b11 {
  padding-bottom: 11px;
}
.pad-l11 {
  padding-left: 11px;
}
.pad11 {
  padding: 11px;
}

.pad-t12 {
  padding-top: 12px;
}
.pad-r12 {
  padding-right: 12px;
}
.pad-b12 {
  padding-bottom: 12px;
}
.pad-l12 {
  padding-left: 12px;
}
.pad-l20 {
  padding-left: 20px;
}
.pad12 {
  padding: 12px;
}

.pad-t13 {
  padding-top: 13px;
}
.pad-r13 {
  padding-right: 13px;
}
.pad-b13 {
  padding-bottom: 13px;
}
.pad-l13 {
  padding-left: 13px;
}
.pad13 {
  padding: 13px;
}

.pad-t14 {
  padding-top: 14px;
}
.pad-r14 {
  padding-right: 14px;
}
.pad-b14 {
  padding-bottom: 14px;
}
.pad-l14 {
  padding-left: 14px;
}
.pad14 {
  padding: 14px;
}

.pad-t15 {
  padding-top: 15px;
}
.pad-r15 {
  padding-right: 15px;
}
.pad-b15 {
  padding-bottom: 15px;
}
.pad-l15 {
  padding-left: 15px;
}
.pad15 {
  padding: 15px;
}

.pad-t16 {
  padding-top: 16px;
}
.pad-r16 {
  padding-right: 16px;
}
.pad-b16 {
  padding-bottom: 16px;
}
.pad-l16 {
  padding-left: 16px;
}
.pad16 {
  padding: 16px;
}

.pad-t17 {
  padding-top: 17px;
}
.pad-r17 {
  padding-right: 17px;
}
.pad-b17 {
  padding-bottom: 17px;
}
.pad-l17 {
  padding-left: 17px;
}
.pad17 {
  padding: 17px;
}

.pad-t18 {
  padding-top: 18px;
}
.pad-r18 {
  padding-right: 18px;
}
.pad-b18 {
  padding-bottom: 18px;
}
.pad-l18 {
  padding-left: 18px;
}
.pad18 {
  padding: 18px;
}

.pad-t19 {
  padding-top: 19px;
}
.pad-r19 {
  padding-right: 19px;
}
.pad-b19 {
  padding-bottom: 19px;
}
.pad-l19 {
  padding-left: 19px;
}
.pad19 {
  padding: 19px;
}
.pad-t20 {
  padding-top: 20px;
}
.pad-r20 {
  padding-right: 20px;
}
.pad-b20 {
  padding-bottom: 20px;
}
.pad-l20 {
  padding-left: 20px;
}
.pad20 {
  padding: 20px;
}

.pad-t21 {
  padding-top: 21px;
}
.pad-r21 {
  padding-right: 21px;
}
.pad-b21 {
  padding-bottom: 21px;
}
.pad-l21 {
  padding-left: 21px;
}
.pad21 {
  padding: 21px;
}

.pad-t22 {
  padding-top: 22px;
}
.pad-r22 {
  padding-right: 22px;
}
.pad-b22 {
  padding-bottom: 22px;
}
.pad-l22 {
  padding-left: 22px;
}
.pad22 {
  padding: 22px;
}

.pad-t23 {
  padding-top: 23px;
}
.pad-r23 {
  padding-right: 23px;
}
.pad-b23 {
  padding-bottom: 23px;
}
.pad-l23 {
  padding-left: 23px;
}
.pad23 {
  padding: 23px;
}

.pad-t24 {
  padding-top: 24px;
}
.pad-r24 {
  padding-right: 24px;
}
.pad-b24 {
  padding-bottom: 24px;
}
.pad-l24 {
  padding-left: 24px;
}
.pad24 {
  padding: 24px;
}

.pad-t25 {
  padding-top: 25px;
}
.pad-r25 {
  padding-right: 25px;
}
.pad-b25 {
  padding-bottom: 25px;
}
.pad-l25 {
  padding-left: 25px;
}
.pad25 {
  padding: 25px;
}

.pad-t26 {
  padding-top: 26px;
}
.pad-r26 {
  padding-right: 26px;
}
.pad-b26 {
  padding-bottom: 26px;
}
.pad-l26 {
  padding-left: 26px;
}
.pad26 {
  padding: 26px;
}

.pad-t27 {
  padding-top: 27px;
}
.pad-r27 {
  padding-right: 27px;
}
.pad-b27 {
  padding-bottom: 27px;
}
.pad-l27 {
  padding-left: 27px;
}
.pad27 {
  padding: 27px;
}

.pad-t28 {
  padding-top: 28px;
}
.pad-r28 {
  padding-right: 28px;
}
.pad-b28 {
  padding-bottom: 28px;
}
.pad-l28 {
  padding-left: 28px;
}
.pad28 {
  padding: 28px;
}

.pad-t29 {
  padding-top: 29px;
}
.pad-r29 {
  padding-right: 29px;
}
.pad-b29 {
  padding-bottom: 29px;
}
.pad-l29 {
  padding-left: 29px;
}
.pad29 {
  padding: 29px;
}
.pad-t30 {
  padding-top: 30px;
}
.pad-r30 {
  padding-right: 30px;
}
.pad-b30 {
  padding-bottom: 30px;
}
.pad-l30 {
  padding-left: 30px;
}
.pad30 {
  padding: 30px;
}

.pad-t31 {
  padding-top: 31px;
}
.pad-r31 {
  padding-right: 31px;
}
.pad-b31 {
  padding-bottom: 31px;
}
.pad-l31 {
  padding-left: 31px;
}
.pad31 {
  padding: 31px;
}

.pad-t32 {
  padding-top: 32px;
}
.pad-r32 {
  padding-right: 32px;
}
.pad-b32 {
  padding-bottom: 32px;
}
.pad-l32 {
  padding-left: 32px;
}
.pad32 {
  padding: 32px;
}

.pad-t33 {
  padding-top: 33px;
}
.pad-r33 {
  padding-right: 33px;
}
.pad-b33 {
  padding-bottom: 33px;
}
.pad-l33 {
  padding-left: 33px;
}
.pad33 {
  padding: 33px;
}

.pad-t34 {
  padding-top: 34px;
}
.pad-r34 {
  padding-right: 34px;
}
.pad-b34 {
  padding-bottom: 34px;
}
.pad-l34 {
  padding-left: 34px;
}
.pad34 {
  padding: 34px;
}

.pad-t35 {
  padding-top: 35px;
}
.pad-r35 {
  padding-right: 35px;
}
.pad-b35 {
  padding-bottom: 35px;
}
.pad-l35 {
  padding-left: 35px;
}
.pad35 {
  padding: 35px;
}

.pad-t36 {
  padding-top: 36px;
}
.pad-r36 {
  padding-right: 36px;
}
.pad-b36 {
  padding-bottom: 36px;
}
.pad-l36 {
  padding-left: 36px;
}
.pad36 {
  padding: 36px;
}

.pad-t37 {
  padding-top: 37px;
}
.pad-r37 {
  padding-right: 37px;
}
.pad-b37 {
  padding-bottom: 37px;
}
.pad-l37 {
  padding-left: 37px;
}
.pad37 {
  padding: 37px;
}

.pad-t38 {
  padding-top: 38px;
}
.pad-r38 {
  padding-right: 38px;
}
.pad-b38 {
  padding-bottom: 38px;
}
.pad-l38 {
  padding-left: 38px;
}
.pad38 {
  padding: 38px;
}

.pad-t39 {
  padding-top: 39px;
}
.pad-r39 {
  padding-right: 39px;
}
.pad-b39 {
  padding-bottom: 39px;
}
.pad-l39 {
  padding-left: 39px;
}
.pad39 {
  padding: 39px;
}
.pad-t40 {
  padding-top: 40px;
}
.pad-r40 {
  padding-right: 40px;
}
.pad-b40 {
  padding-bottom: 40px;
}
.pad-l40 {
  padding-left: 40px;
}
.pad40 {
  padding: 40px;
}

.pad-t41 {
  padding-top: 41px;
}
.pad-r41 {
  padding-right: 41px;
}
.pad-b41 {
  padding-bottom: 41px;
}
.pad-l41 {
  padding-left: 41px;
}
.pad41 {
  padding: 41px;
}

.pad-t42 {
  padding-top: 42px;
}
.pad-r42 {
  padding-right: 42px;
}
.pad-b42 {
  padding-bottom: 42px;
}
.pad-l42 {
  padding-left: 42px;
}
.pad42 {
  padding: 42px;
}

.pad-t43 {
  padding-top: 43px;
}
.pad-r43 {
  padding-right: 43px;
}
.pad-b43 {
  padding-bottom: 43px;
}
.pad-l43 {
  padding-left: 43px;
}
.pad43 {
  padding: 43px;
}

.pad-t44 {
  padding-top: 44px;
}
.pad-r44 {
  padding-right: 44px;
}
.pad-b44 {
  padding-bottom: 44px;
}
.pad-l44 {
  padding-left: 44px;
}
.pad44 {
  padding: 44px;
}

.pad-t45 {
  padding-top: 45px;
}
.pad-r45 {
  padding-right: 45px;
}
.pad-b45 {
  padding-bottom: 45px;
}
.pad-l45 {
  padding-left: 45px;
}
.pad45 {
  padding: 45px;
}

.pad-t46 {
  padding-top: 46px;
}
.pad-r46 {
  padding-right: 46px;
}
.pad-b46 {
  padding-bottom: 46px;
}
.pad-l46 {
  padding-left: 46px;
}
.pad46 {
  padding: 46px;
}

.pad-t47 {
  padding-top: 47px;
}
.pad-r47 {
  padding-right: 47px;
}
.pad-b47 {
  padding-bottom: 47px;
}
.pad-l47 {
  padding-left: 47px;
}
.pad47 {
  padding: 47px;
}

.pad-t48 {
  padding-top: 48px;
}
.pad-r48 {
  padding-right: 48px;
}
.pad-b48 {
  padding-bottom: 48px;
}
.pad-l48 {
  padding-left: 48px;
}
.pad48 {
  padding: 48px;
}

.pad-t49 {
  padding-top: 49px;
}
.pad-r49 {
  padding-right: 49px;
}
.pad-b49 {
  padding-bottom: 49px;
}
.pad-l49 {
  padding-left: 49px;
}
.pad49 {
  padding: 49px;
}
.pad-t50 {
  padding-top: 50px;
}
.pad-r50 {
  padding-right: 50px;
}
.pad-b50 {
  padding-bottom: 50px;
}
.pad-l50 {
  padding-left: 50px;
}
.pad50 {
  padding: 50px;
}

/* margin style */
.mar-t1 {
  margin-top: 1px;
}
.mar-r1 {
  margin-right: 1px;
}
.mar-b1 {
  margin-bottom: 1px;
}
.mar-l1 {
  margin-left: 1px;
}
.mar1 {
  margin: 1px;
}

.mar-t2 {
  margin-top: 2px;
}
.mar-r2 {
  margin-right: 2px;
}
.mar-b2 {
  margin-bottom: 2px;
}
.mar-l2 {
  margin-left: 2px;
}
.mar2 {
  margin: 2px;
}

.mar-t3 {
  margin-top: 3px;
}
.mar-r3 {
  margin-right: 3px;
}
.mar-b3 {
  margin-bottom: 3px;
}
.mar-l3 {
  margin-left: 3px;
}
.mar3 {
  margin: 3px;
}

.mar-t4 {
  margin-top: 4px;
}
.mar-r4 {
  margin-right: 4px;
}
.mar-b4 {
  margin-bottom: 4px;
}
.mar-l4 {
  margin-left: 4px;
}
.mar4 {
  margin: 4px;
}

.mar-t5 {
  margin-top: 5px;
}
.mar-r5 {
  margin-right: 5px;
}
.mar-b5 {
  margin-bottom: 5px;
}
.mar-l5 {
  margin-left: 5px;
}
.mar5 {
  margin: 5px;
}

.mar-t6 {
  margin-top: 6px;
}
.mar-r6 {
  margin-right: 6px;
}
.mar-b6 {
  margin-bottom: 6px;
}
.mar-l6 {
  margin-left: 6px;
}
.mar6 {
  margin: 6px;
}

.mar-t7 {
  margin-top: 7px;
}
.mar-r7 {
  margin-right: 7px;
}
.mar-b7 {
  margin-bottom: 7px;
}
.mar-l7 {
  margin-left: 7px;
}
.mar7 {
  margin: 7px;
}

.mar-t8 {
  margin-top: 8px;
}
.mar-r8 {
  margin-right: 8px;
}
.mar-b8 {
  margin-bottom: 8px;
}
.mar-l8 {
  margin-left: 8px;
}
.mar8 {
  margin: 8px;
}

.mar-t9 {
  margin-top: 9px;
}
.mar-r9 {
  margin-right: 9px;
}
.mar-b9 {
  margin-bottom: 9px;
}
.mar-l9 {
  margin-left: 9px;
}
.mar9 {
  margin: 9px;
}

.mar-t10 {
  margin-top: 10px;
}
.mar-r10 {
  margin-right: 10px;
}
.mar-b10 {
  margin-bottom: 10px;
}
.mar-l10 {
  margin-left: 10px;
}
.mar10 {
  margin: 10px;
}

.mar-t11 {
  margin-top: 11px;
}
.mar-r11 {
  margin-right: 11px;
}
.mar-b11 {
  margin-bottom: 11px;
}
.mar-l11 {
  margin-left: 11px;
}
.mar11 {
  margin: 11px;
}

.mar-t12 {
  margin-top: 12px;
}
.mar-r12 {
  margin-right: 12px;
}
.mar-b12 {
  margin-bottom: 12px;
}
.mar-l12 {
  margin-left: 12px;
}
.mar12 {
  margin: 12px;
}

.mar-t13 {
  margin-top: 13px;
}
.mar-r13 {
  margin-right: 13px;
}
.mar-b13 {
  margin-bottom: 13px;
}
.mar-l13 {
  margin-left: 13px;
}
.mar13 {
  margin: 13px;
}

.mar-t14 {
  margin-top: 14px;
}
.mar-r14 {
  margin-right: 14px;
}
.mar-b14 {
  margin-bottom: 14px;
}
.mar-l14 {
  margin-left: 14px;
}
.mar14 {
  margin: 14px;
}

.mar-t15 {
  margin-top: 15px;
}
.mar-r15 {
  margin-right: 15px;
}
.mar-b15 {
  margin-bottom: 15px;
}
.mar-l15 {
  margin-left: 15px;
}
.mar15 {
  margin: 15px;
}

.mar-t16 {
  margin-top: 16px;
}
.mar-r16 {
  margin-right: 16px;
}
.mar-b16 {
  margin-bottom: 16px;
}
.mar-l16 {
  margin-left: 16px;
}
.mar16 {
  margin: 16px;
}

.mar-t17 {
  margin-top: 17px;
}
.mar-r17 {
  margin-right: 17px;
}
.mar-b17 {
  margin-bottom: 17px;
}
.mar-l17 {
  margin-left: 17px;
}
.mar17 {
  margin: 17px;
}

.mar-t18 {
  margin-top: 18px;
}
.mar-r18 {
  margin-right: 18px;
}
.mar-b18 {
  margin-bottom: 18px;
}
.mar-l18 {
  margin-left: 18px;
}
.mar18 {
  margin: 18px;
}

.mar-t19 {
  margin-top: 19px;
}
.mar-r19 {
  margin-right: 19px;
}
.mar-b19 {
  margin-bottom: 19px;
}
.mar-l19 {
  margin-left: 19px;
}
.mar19 {
  margin: 19px;
}
.mar-t20 {
  margin-top: 20px;
}
.mar-r20 {
  margin-right: 20px;
}
.mar-b20 {
  margin-bottom: 20px;
}
.mar-l20 {
  margin-left: 20px;
}
.mar20 {
  margin: 20px;
}

.mar-t21 {
  margin-top: 21px;
}
.mar-r21 {
  margin-right: 21px;
}
.mar-b21 {
  margin-bottom: 21px;
}
.mar-l21 {
  margin-left: 21px;
}
.mar21 {
  margin: 21px;
}

.mar-t22 {
  margin-top: 22px;
}
.mar-r22 {
  margin-right: 22px;
}
.mar-b22 {
  margin-bottom: 22px;
}
.mar-l22 {
  margin-left: 22px;
}
.mar22 {
  margin: 22px;
}

.mar-t23 {
  margin-top: 23px;
}
.mar-r23 {
  margin-right: 23px;
}
.mar-b23 {
  margin-bottom: 23px;
}
.mar-l23 {
  margin-left: 23px;
}
.mar23 {
  margin: 23px;
}

.mar-t24 {
  margin-top: 24px;
}
.mar-r24 {
  margin-right: 24px;
}
.mar-b24 {
  margin-bottom: 24px;
}
.mar-l24 {
  margin-left: 24px;
}
.mar24 {
  margin: 24px;
}

.mar-t25 {
  margin-top: 25px;
}
.mar-r25 {
  margin-right: 25px;
}
.mar-b25 {
  margin-bottom: 25px;
}
.mar-l25 {
  margin-left: 25px;
}
.mar25 {
  margin: 25px;
}

.mar-t26 {
  margin-top: 26px;
}
.mar-r26 {
  margin-right: 26px;
}
.mar-b26 {
  margin-bottom: 26px;
}
.mar-l26 {
  margin-left: 26px;
}
.mar26 {
  margin: 26px;
}

.mar-t27 {
  margin-top: 27px;
}
.mar-r27 {
  margin-right: 27px;
}
.mar-b27 {
  margin-bottom: 27px;
}
.mar-l27 {
  margin-left: 27px;
}
.mar27 {
  margin: 27px;
}

.mar-t28 {
  margin-top: 28px;
}
.mar-r28 {
  margin-right: 28px;
}
.mar-b28 {
  margin-bottom: 28px;
}
.mar-l28 {
  margin-left: 28px;
}
.mar28 {
  margin: 28px;
}

.mar-t29 {
  margin-top: 29px;
}
.mar-r29 {
  margin-right: 29px;
}
.mar-b29 {
  margin-bottom: 29px;
}
.mar-l29 {
  margin-left: 29px;
}
.mar29 {
  margin: 29px;
}
.mar-t30 {
  margin-top: 30px;
}
.mar-r30 {
  margin-right: 30px;
}
.mar-b30 {
  margin-bottom: 30px;
}
.mar-l30 {
  margin-left: 30px;
}
.mar30 {
  margin: 30px;
}

.mar-t31 {
  margin-top: 31px;
}
.mar-r31 {
  margin-right: 31px;
}
.mar-b31 {
  margin-bottom: 31px;
}
.mar-l31 {
  margin-left: 31px;
}
.mar31 {
  margin: 31px;
}

.mar-t32 {
  margin-top: 32px;
}
.mar-r32 {
  margin-right: 32px;
}
.mar-b32 {
  margin-bottom: 32px;
}
.mar-l32 {
  margin-left: 32px;
}
.mar32 {
  margin: 32px;
}

.mar-t33 {
  margin-top: 33px;
}
.mar-r33 {
  margin-right: 33px;
}
.mar-b33 {
  margin-bottom: 33px;
}
.mar-l33 {
  margin-left: 33px;
}
.mar33 {
  margin: 33px;
}

.mar-t34 {
  margin-top: 34px;
}
.mar-r34 {
  margin-right: 34px;
}
.mar-b34 {
  margin-bottom: 34px;
}
.mar-l34 {
  margin-left: 34px;
}
.mar34 {
  margin: 34px;
}

.mar-t35 {
  margin-top: 35px;
}
.mar-r35 {
  margin-right: 35px;
}
.mar-b35 {
  margin-bottom: 35px;
}
.mar-l35 {
  margin-left: 35px;
}
.mar35 {
  margin: 35px;
}

.mar-t36 {
  margin-top: 36px;
}
.mar-r36 {
  margin-right: 36px;
}
.mar-b36 {
  margin-bottom: 36px;
}
.mar-l36 {
  margin-left: 36px;
}
.mar36 {
  margin: 36px;
}

.mar-t37 {
  margin-top: 37px;
}
.mar-r37 {
  margin-right: 37px;
}
.mar-b37 {
  margin-bottom: 37px;
}
.mar-l37 {
  margin-left: 37px;
}
.mar37 {
  margin: 37px;
}

.mar-t38 {
  margin-top: 38px;
}
.mar-r38 {
  margin-right: 38px;
}
.mar-b38 {
  margin-bottom: 38px;
}
.mar-l38 {
  margin-left: 38px;
}
.mar38 {
  margin: 38px;
}

.mar-t39 {
  margin-top: 39px;
}
.mar-r39 {
  margin-right: 39px;
}
.mar-b39 {
  margin-bottom: 39px;
}
.mar-l39 {
  margin-left: 39px;
}
.mar39 {
  margin: 39px;
}
.mar-t40 {
  margin-top: 40px;
}
.mar-r40 {
  margin-right: 40px;
}
.mar-b40 {
  margin-bottom: 40px;
}
.mar-l40 {
  margin-left: 40px;
}
.mar40 {
  margin: 40px;
}

.mar-t41 {
  margin-top: 41px;
}
.mar-r41 {
  margin-right: 41px;
}
.mar-b41 {
  margin-bottom: 41px;
}
.mar-l41 {
  margin-left: 41px;
}
.mar41 {
  margin: 41px;
}

.mar-t42 {
  margin-top: 42px;
}
.mar-r42 {
  margin-right: 42px;
}
.mar-b42 {
  margin-bottom: 42px;
}
.mar-l42 {
  margin-left: 42px;
}
.mar42 {
  margin: 42px;
}

.mar-t43 {
  margin-top: 43px;
}
.mar-r43 {
  margin-right: 43px;
}
.mar-b43 {
  margin-bottom: 43px;
}
.mar-l43 {
  margin-left: 43px;
}
.mar43 {
  margin: 43px;
}

.mar-t44 {
  margin-top: 44px;
}
.mar-r44 {
  margin-right: 44px;
}
.mar-b44 {
  margin-bottom: 44px;
}
.mar-l44 {
  margin-left: 44px;
}
.mar44 {
  margin: 44px;
}

.mar-t45 {
  margin-top: 45px;
}
.mar-r45 {
  margin-right: 45px;
}
.mar-b45 {
  margin-bottom: 45px;
}
.mar-l45 {
  margin-left: 45px;
}
.mar45 {
  margin: 45px;
}

.mar-t46 {
  margin-top: 46px;
}
.mar-r46 {
  margin-right: 46px;
}
.mar-b46 {
  margin-bottom: 46px;
}
.mar-l46 {
  margin-left: 46px;
}
.mar46 {
  margin: 46px;
}

.mar-t47 {
  margin-top: 47px;
}
.mar-r47 {
  margin-right: 47px;
}
.mar-b47 {
  margin-bottom: 47px;
}
.mar-l47 {
  margin-left: 47px;
}
.mar47 {
  margin: 47px;
}

.mar-t48 {
  margin-top: 48px;
}
.mar-r48 {
  margin-right: 48px;
}
.mar-b48 {
  margin-bottom: 48px;
}
.mar-l48 {
  margin-left: 48px;
}
.mar48 {
  margin: 48px;
}

.mar-t49 {
  margin-top: 49px;
}
.mar-r49 {
  margin-right: 49px;
}
.mar-b49 {
  margin-bottom: 49px;
}
.mar-l49 {
  margin-left: 49px;
}
.mar49 {
  margin: 49px;
}
.mar-t50 {
  margin-top: 50px;
}
.mar-r50 {
  margin-right: 50px;
}
.mar-b50 {
  margin-bottom: 50px;
}
.mar-l50 {
  margin-left: 50px;
}
.mar50 {
  margin: 50px;
}